bump the version and minify the files

Author: crisbeto

bower.json

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

build/index.html

@@ -95,7 +95,7 @@
         <a class="back" href="https://github.com/crisbeto/angular-svg-round-progressbar">Back to project repo</a>
 
         <h2>Sample progressbar</h2>
-        <div class="progress-wrapper" ng-style="{'font-size': ((radius + stroke)/(isSemi ? 3.5 : 3))+'px'}">
+        <div class="progress-wrapper" ng-style="{'font-size': getFontSize()}">
             <div class="progress">{{ current }}/{{ max }}</div>
             <div
                 round-progress
@@ -182,7 +182,7 @@ <h3>Customize!</h3>
     <div class="container">
         <h2>Upload progress example</h2>
         <div class="progress-wrapper">
-            <div class="progress"  ng-style="{'font-size': ((radius + stroke)/(isSemi ? 3.5 : 3))+'px'}">{{ ((uploadCurrent/100)*100) | number:0 }}%</div>
+            <div class="progress"  ng-style="{'font-size': getFontSize()}">{{ ((uploadCurrent/100)*100) | number:0 }}%</div>
             <div
                 round-progress
                 max="100"
@@ -206,6 +206,8 @@ <h2>Upload progress example</h2>
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.js"></script>
     <script src="roundProgress.min.js"></script>
     <script>
+        'use strict';
+
         angular.module('demo', ['angular-svg-round-progress'])
         .controller('demoCtrl', ['$scope', '$timeout', 'roundProgressService', function($scope, $timeout, roundProgressService){
 
@@ -260,6 +262,10 @@ <h2>Upload progress example</h2>
             angular.forEach(roundProgressService.animations, function(value, key){
                 $scope.animations.push(key);
             });
+
+            $scope.getFontSize = function(){
+                return $scope.radius/($scope.isSemi ? 3.5 : 3) + 'px';
+            };
         }]);
     </script>
 </body>

build/roundProgress.js

@@ -298,38 +298,37 @@ angular.module('angular-svg-round-progress')
                     var ring        = element.find('path'),
                         background  = element.find('circle'),
                         options     = angular.copy(roundProgressConfig),
-                        size,
                         resetValue;
 
                     var renderCircle = function(){
-                        var isSemicircle = options.semi,
-                        radius           = parseInt(options.radius),
-                        stroke           = parseInt(options.stroke);
-
-                        size = radius*2 + stroke*2;
+                        var isSemicircle     = options.semi;
+                        var radius           = parseInt(options.radius) || 0;
+                        var stroke           = parseInt(options.stroke);
+                        var diameter         = radius*2;
+                        var backgroundSize   = radius - (stroke/2);
 
                         element.css({
-                            "width":        size + "px",
-                            "height":       (isSemicircle ? size/2 : size) + "px",
+                            "width":        diameter + "px",
+                            "height":       (isSemicircle ? radius : diameter) + "px",
                             "overflow":     "hidden" // on some browsers the background overflows, if in semicircle mode
                         });
 
                         ring.css({
-                            "stroke":       options.color,
-                            "stroke-width": stroke,
-                            "stroke-linecap": options.rounded ? "round": "butt"
+                            "stroke":           options.color,
+                            "stroke-width":     stroke,
+                            "stroke-linecap":   options.rounded ? "round": "butt"
                         });
 
                         if(isSemicircle){
-                            ring.attr("transform", options.clockwise ? "translate("+ 0 +","+ size +") rotate(-90)" : "translate("+ size +", "+ size +") rotate(90) scale(-1, 1)");
+                            ring.attr("transform", options.clockwise ? "translate("+ 0 +","+ diameter +") rotate(-90)" : "translate("+ diameter +", "+ diameter +") rotate(90) scale(-1, 1)");
                         }else{
-                            ring.attr("transform", options.clockwise ? "" : "scale(-1, 1) translate("+ (-size) +" 0)");
+                            ring.attr("transform", options.clockwise ? "" : "scale(-1, 1) translate("+ (-diameter) +" 0)");
                         }
 
                         background.attr({
-                            "cx":           radius + stroke,
-                            "cy":           radius + stroke,
-                            "r":            radius
+                            "cx":           radius,
+                            "cy":           radius,
+                            "r":            backgroundSize >= 0 ? backgroundSize : 0
                         }).css({
                             "stroke":       options.bgcolor,
                             "stroke-width": stroke
@@ -351,14 +350,15 @@ angular.module('angular-svg-round-progress')
                             return scope.current = options.max;
                         }
 
-                        var max             = options.max,
-                        radius              = options.radius,
-                        isSemicircle        = options.semi,
-                        easingAnimation     = service.animations[options.animation],
-                        start               = oldValue === newValue ? 0 : (oldValue || 0), // fixes the initial animation
-                        val                 = newValue - start,
-                        currentIteration    = 0,
-                        totalIterations     = parseInt(options.iterations);
+                        var max                 = options.max || 0;
+                        var easingAnimation     = service.animations[options.animation];
+                        var start               = oldValue === newValue ? 0 : (oldValue || 0); // fixes the initial animation
+                        var val                 = newValue - start;
+                        var currentIteration    = 0;
+                        var totalIterations     = parseInt(options.iterations);
+                        var radius              = options.radius;
+                        var circleSize          = radius - (options.stroke/2);
+                        var elementSize         = radius*2;
 
                         if(angular.isNumber(resetValue)){
                             // the reset value fixes problems with animation, caused when limiting the scope.current
@@ -371,10 +371,10 @@ angular.module('angular-svg-round-progress')
                             service.updateState(
                                 easingAnimation(currentIteration, start, val, totalIterations),
                                 max,
-                                radius,
+                                circleSize,
                                 ring,
-                                size,
-                                isSemicircle);
+                                elementSize,
+                                options.semi);
 
                             if(currentIteration < totalIterations){
                                 $window.requestAnimationFrame(animation);

build/roundProgress.min.js

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