bump the version and minify the files

Author: crisbeto

Gruntfile.js

@@ -46,7 +46,7 @@ module.exports = function(grunt) {
       },
       'src': {
         'files': {
-          'src': ['src/*.js']
+          'src': files
         }
       }
     }

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-svg-round-progressbar",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "homepage": "https://github.com/crisbeto/angular-svg-round-progressbar",
   "authors": [
     "crisbeto"

build/roundProgress.js

@@ -278,17 +278,7 @@ angular.module('angular-svg-round-progress')
             var base = {
                 restrict: "EA",
                 replace: true,
-                transclude: true
-            };
-
-            if(!service.isSupported){
-                return angular.extend(base, {
-                    // placeholder element to keep the structure
-                    template: '<div class="round-progress" ng-transclude></div>'
-                });
-            }
-
-            return angular.extend(base, {
+                transclude: true,
                 scope:{
                     current:        "=",
                     max:            "=",
@@ -302,11 +292,21 @@ angular.module('angular-svg-round-progress')
                     stroke:         "@",
                     duration:       "@",
                     animation:      "@"
-                },
+                }
+            };
+
+            if(!service.isSupported){
+                return angular.extend(base, {
+                    // placeholder element to keep the structure
+                    template: '<div class="round-progress" ng-transclude></div>'
+                });
+            }
+
+            return angular.extend(base, {
                 link: function(scope, element){
-                    var svg         = angular.element(element[0].querySelector('svg'));
-                    var ring        = svg.find('path');
-                    var background  = svg.find('circle');
+                    var svg         = element.find('svg').eq(0);
+                    var ring        = svg.find('path').eq(0);
+                    var background  = svg.find('circle').eq(0);
                     var options     = angular.copy(roundProgressConfig);
                     var lastAnimationId;
 
@@ -366,15 +366,19 @@ angular.module('angular-svg-round-progress')
                         var easingAnimation     = service.animations[options.animation];
                         var startTime           = new Date();
                         var duration            = parseInt(options.duration);
+                        var preventAnimation    = (newValue > max && oldValue > max) || (newValue < 0 && oldValue < 0) || duration < 25;
 
                         var radius              = options.radius;
                         var circleSize          = radius - (options.stroke/2);
                         var elementSize         = radius*2;
+                        var isSemicircle        = options.semi;
 
-                        $window.cancelAnimationFrame(lastAnimationId);
+                        // stops some expensive animating if the value is above the max or under 0
+                        if(preventAnimation){
+                            service.updateState(end, max, circleSize, ring, elementSize, isSemicircle);
+                        }else{
+                            $window.cancelAnimationFrame(lastAnimationId);
 
-                        // below 25ms stuff starts to break
-                        if(duration > 25){
                             (function animation(){
                                 var currentTime = new Date() - startTime;
 
@@ -384,19 +388,16 @@ angular.module('angular-svg-round-progress')
                                     circleSize,
                                     ring,
                                     elementSize,
-                                    options.semi);
+                                    isSemicircle);
 
                                 if(currentTime < duration){
                                     lastAnimationId = $window.requestAnimationFrame(animation);
                                 }
                             })();
-                        }else{
-                            service.updateState(end, max, circleSize, ring, elementSize, options.semi);
                         }
                     };
 
-                    scope.$watchCollection('[current, max, semi, rounded, clockwise, radius, color, bgcolor, stroke, duration, responsive]', function(newValue, oldValue, scope){
-
+                    scope.$watchCollection('[' + Object.keys(base.scope).join(',') + ']', function(newValue, oldValue, scope){
                         // pretty much the same as angular.extend,
                         // but this skips undefined values and internal angular keys
                         angular.forEach(scope, function(value, key){

build/roundProgress.min.js

@@ -1,6 +1,6 @@
 {
   "name": "angular-svg-round-progressbar",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "AngularJS module that uses SVG to create a circular progressar",
   "main": "roundProgress.js",
   "scripts": {},