angular-flip-clock - npm Package Compare versions

Comparing version 0.3.0 to 0.4.0

bower.json

 {
   "name": "angular-flip-clock",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "homepage": "https://github.com/dmytroyarmak/angular-flip-clock",
@@ -5,0 +5,0 @@ "authors": [

dist/angular-flip-clock.full.js

@@ -21,3 +21,3 @@ (function() {
     scope: {
-      time: '='
+      time: '@'
     },
@@ -52,23 +52,23 @@ bindToController: true,
   function getHoursTensPlace() {
-    return _getTensPlace(_getHours(vm.time));
+    return _getTensPlace(_getHours(_getTimeAsNumber()));
   }
 
   function getHoursOnesPlace() {
-    return _getOnesPlace(_getHours(vm.time));
+    return _getOnesPlace(_getHours(_getTimeAsNumber()));
   }
 
   function getMinutesTensPlace() {
-    return _getTensPlace(_getMinutes(vm.time));
+    return _getTensPlace(_getMinutes(_getTimeAsNumber()));
   }
 
   function getMinutesOnesPlace() {
-    return _getOnesPlace(_getMinutes(vm.time));
+    return _getOnesPlace(_getMinutes(_getTimeAsNumber()));
   }
 
   function getSecondsTensPlace() {
-    return _getTensPlace(_getSeconds(vm.time));
+    return _getTensPlace(_getSeconds(_getTimeAsNumber()));
   }
 
   function getSecondsOnesPlace() {
-    return _getOnesPlace(_getSeconds(vm.time));
+    return _getOnesPlace(_getSeconds(_getTimeAsNumber()));
   }
@@ -99,2 +99,8 @@
   }
+
+  function _getTimeAsNumber() {
+    var timeAsNumber = window.parseInt(vm.time, 10);
+    var isTimeNaN = (timeAsNumber !== timeAsNumber);
+    return isTimeNaN ? 0 : timeAsNumber;
+  }
 }
@@ -101,0 +107,0 @@

dist/angular-flip-clock.full.min.js

@@ -1,1 +0,1 @@
-!function(){"use strict";function l(){return{restrict:"EA",scope:{time:"="},bindToController:!0,controller:"DyFlipClockController",controllerAs:"vm",templateUrl:"src/js/angular-flip-clock-directive/angular-flip-clock-directive.html"}}function e(l){function e(){return p(t(y.time))}function c(){return s(t(y.time))}function i(){return p(u(y.time))}function n(){return s(u(y.time))}function r(){return p(a(y.time))}function o(){return s(a(y.time))}function t(l){return Math.floor((l%m-u(l))/v)}function u(l){return Math.floor((l%v-a(l))/k)}function a(l){return Math.floor((l%k-d(l))/f)}function d(l){return Math.floor(l%f)}function p(l){return(l%100-s(l))/10}function s(l){return l%10}var f=1e3,k=60*f,v=60*k,m=24*v,y=this;y.time=0,y.getHoursTensPlace=e,y.getHoursOnesPlace=c,y.getMinutesTensPlace=i,y.getMinutesOnesPlace=n,y.getSecondsTensPlace=r,y.getSecondsOnesPlace=o}function c(){return{restrict:"EA",scope:{text:"@",hideDivider:"="},bindToController:!0,controller:"DyFlipClockLabelController",controllerAs:"vm",templateUrl:"src/js/angular-flip-clock-label-directive/angular-flip-clock-label-directive.html"}}function i(){}function n(){return{restrict:"EA",scope:{},bindToController:!0,controllerAs:"vm",controller:"DyFlipClockNumberController",templateUrl:"src/js/angular-flip-clock-number-directive/angular-flip-clock-number-directive.html"}}function r(l,e,c){function i(){l.$watch(function(){return e(c.value)(l.$parent)},function(l,e){t.currentValue=l,t.previousValue=e})}function n(l){return t.currentValue===l}function r(l){return t.previousValue!==t.currentValue&&l===t.previousValue}function o(){return t.previousValue!==t.currentValue}var t=this;t.numbers=[0,1,2,3,4,5,6,7,8,9],t.currentValue=0,t.previousValue=0,t.isActive=n,t.isBefore=r,t.isAnimated=o,i()}angular.module("dyFlipClock",["dyFlipClock.dyFlipClockDirective","dyFlipClock.dyFlipClockNumberDirective","dyFlipClock.dyFlipClockLabelDirective"]),angular.module("dyFlipClock.dyFlipClockDirective",["dyFlipClock.dyFlipClockNumberDirective","dyFlipClock.dyFlipClockLabelDirective"]).directive("dyFlipClock",l).controller("DyFlipClockController",e),l.$inject=[],e.$inject=["$interval"],angular.module("dyFlipClock.dyFlipClockLabelDirective",[]).directive("dyFlipClockLabel",c).controller("DyFlipClockLabelController",i),c.$inject=[],i.$inject=[],angular.module("dyFlipClock.dyFlipClockNumberDirective",[]).directive("dyFlipClockNumber",n).controller("DyFlipClockNumberController",r),n.$inject=[],r.$inject=["$scope","$parse","$attrs"],angular.module("dyFlipClock").run(["$templateCache",function(l){l.put("src/js/angular-flip-clock-directive/angular-flip-clock-directive.html",'<div class="dy-flip-clock">\n  <dy-flip-clock-label text="Hours" hide-divider="true"></dy-flip-clock-label>\n  <dy-flip-clock-number value="vm.getHoursTensPlace()"></dy-flip-clock-number>\n  <dy-flip-clock-number value="vm.getHoursOnesPlace()"></dy-flip-clock-number>\n\n  <dy-flip-clock-label text="Minutes"></dy-flip-clock-label>\n  <dy-flip-clock-number value="vm.getMinutesTensPlace()"></dy-flip-clock-number>\n  <dy-flip-clock-number value="vm.getMinutesOnesPlace()"></dy-flip-clock-number>\n\n  <dy-flip-clock-label text="Seconds"></dy-flip-clock-label>\n  <dy-flip-clock-number value="vm.getSecondsTensPlace()"></dy-flip-clock-number>\n  <dy-flip-clock-number value="vm.getSecondsOnesPlace()"></dy-flip-clock-number>\n  </ul>\n</div>\n')}]),angular.module("dyFlipClock").run(["$templateCache",function(l){l.put("src/js/angular-flip-clock-label-directive/angular-flip-clock-label-directive.html",'<span class="dy-flip-clock-divider" ng-class="{\'dy-flip-clock-divider-hidden\': !!vm.hideDivider}">\n  <span class="dy-flip-clock-label">{{vm.text}}</span>\n  <span class="dy-flip-clock-dot dy-flip-clock-dot-top"></span>\n  <span class="dy-flip-clock-dot dy-flip-clock-dot-bottom"></span>\n</span>\n')}]),angular.module("dyFlipClock").run(["$templateCache",function(l){l.put("src/js/angular-flip-clock-number-directive/angular-flip-clock-number-directive.html",'<ul class="dy-flip-clock-number" ng-class="{\'dy-flip-clock-number-animated\': vm.isAnimated()}">\n  <li\n    ng-repeat="number in ::vm.numbers"\n    class="dy-flip-clock-number-digit"\n    ng-class="{\'dy-flip-clock-number-digit-active\': vm.isActive(number), \'dy-flip-clock-number-digit-before\': vm.isBefore(number)}"\n  >\n    <div class="dy-flip-clock-card">\n      <div class="dy-flip-clock-card-up">\n        <div class="dy-flip-clock-card-shadow"></div>\n        <div class="dy-flip-clock-card-value dy-flip-clock-card-value-up">{{::number}}</div>\n      </div>\n      <div class="dy-flip-clock-card-down">\n        <div class="dy-flip-clock-card-shadow"></div>\n        <div class="dy-flip-clock-card-value dy-flip-clock-card-value-down">{{::number}}</div>\n      </div>\n    </div>\n  </li>\n</ul>\n')}])}();
+!function(){"use strict";function l(){return{restrict:"EA",scope:{time:"@"},bindToController:!0,controller:"DyFlipClockController",controllerAs:"vm",templateUrl:"src/js/angular-flip-clock-directive/angular-flip-clock-directive.html"}}function e(l){function e(){return p(t(f()))}function c(){return s(t(f()))}function n(){return p(u(f()))}function i(){return s(u(f()))}function r(){return p(a(f()))}function o(){return s(a(f()))}function t(l){return Math.floor((l%y-u(l))/m)}function u(l){return Math.floor((l%m-a(l))/k)}function a(l){return Math.floor((l%k-d(l))/v)}function d(l){return Math.floor(l%v)}function p(l){return(l%100-s(l))/10}function s(l){return l%10}function f(){var l=window.parseInt(b.time,10),e=l!==l;return e?0:l}var v=1e3,k=60*v,m=60*k,y=24*m,b=this;b.time=0,b.getHoursTensPlace=e,b.getHoursOnesPlace=c,b.getMinutesTensPlace=n,b.getMinutesOnesPlace=i,b.getSecondsTensPlace=r,b.getSecondsOnesPlace=o}function c(){return{restrict:"EA",scope:{text:"@",hideDivider:"="},bindToController:!0,controller:"DyFlipClockLabelController",controllerAs:"vm",templateUrl:"src/js/angular-flip-clock-label-directive/angular-flip-clock-label-directive.html"}}function n(){}function i(){return{restrict:"EA",scope:{},bindToController:!0,controllerAs:"vm",controller:"DyFlipClockNumberController",templateUrl:"src/js/angular-flip-clock-number-directive/angular-flip-clock-number-directive.html"}}function r(l,e,c){function n(){l.$watch(function(){return e(c.value)(l.$parent)},function(l,e){t.currentValue=l,t.previousValue=e})}function i(l){return t.currentValue===l}function r(l){return t.previousValue!==t.currentValue&&l===t.previousValue}function o(){return t.previousValue!==t.currentValue}var t=this;t.numbers=[0,1,2,3,4,5,6,7,8,9],t.currentValue=0,t.previousValue=0,t.isActive=i,t.isBefore=r,t.isAnimated=o,n()}angular.module("dyFlipClock",["dyFlipClock.dyFlipClockDirective","dyFlipClock.dyFlipClockNumberDirective","dyFlipClock.dyFlipClockLabelDirective"]),angular.module("dyFlipClock.dyFlipClockDirective",["dyFlipClock.dyFlipClockNumberDirective","dyFlipClock.dyFlipClockLabelDirective"]).directive("dyFlipClock",l).controller("DyFlipClockController",e),l.$inject=[],e.$inject=["$interval"],angular.module("dyFlipClock.dyFlipClockLabelDirective",[]).directive("dyFlipClockLabel",c).controller("DyFlipClockLabelController",n),c.$inject=[],n.$inject=[],angular.module("dyFlipClock.dyFlipClockNumberDirective",[]).directive("dyFlipClockNumber",i).controller("DyFlipClockNumberController",r),i.$inject=[],r.$inject=["$scope","$parse","$attrs"],angular.module("dyFlipClock").run(["$templateCache",function(l){l.put("src/js/angular-flip-clock-directive/angular-flip-clock-directive.html",'<div class="dy-flip-clock">\n  <dy-flip-clock-label text="Hours" hide-divider="true"></dy-flip-clock-label>\n  <dy-flip-clock-number value="vm.getHoursTensPlace()"></dy-flip-clock-number>\n  <dy-flip-clock-number value="vm.getHoursOnesPlace()"></dy-flip-clock-number>\n\n  <dy-flip-clock-label text="Minutes"></dy-flip-clock-label>\n  <dy-flip-clock-number value="vm.getMinutesTensPlace()"></dy-flip-clock-number>\n  <dy-flip-clock-number value="vm.getMinutesOnesPlace()"></dy-flip-clock-number>\n\n  <dy-flip-clock-label text="Seconds"></dy-flip-clock-label>\n  <dy-flip-clock-number value="vm.getSecondsTensPlace()"></dy-flip-clock-number>\n  <dy-flip-clock-number value="vm.getSecondsOnesPlace()"></dy-flip-clock-number>\n  </ul>\n</div>\n')}]),angular.module("dyFlipClock").run(["$templateCache",function(l){l.put("src/js/angular-flip-clock-label-directive/angular-flip-clock-label-directive.html",'<span class="dy-flip-clock-divider" ng-class="{\'dy-flip-clock-divider-hidden\': !!vm.hideDivider}">\n  <span class="dy-flip-clock-label">{{vm.text}}</span>\n  <span class="dy-flip-clock-dot dy-flip-clock-dot-top"></span>\n  <span class="dy-flip-clock-dot dy-flip-clock-dot-bottom"></span>\n</span>\n')}]),angular.module("dyFlipClock").run(["$templateCache",function(l){l.put("src/js/angular-flip-clock-number-directive/angular-flip-clock-number-directive.html",'<ul class="dy-flip-clock-number" ng-class="{\'dy-flip-clock-number-animated\': vm.isAnimated()}">\n  <li\n    ng-repeat="number in ::vm.numbers"\n    class="dy-flip-clock-number-digit"\n    ng-class="{\'dy-flip-clock-number-digit-active\': vm.isActive(number), \'dy-flip-clock-number-digit-before\': vm.isBefore(number)}"\n  >\n    <div class="dy-flip-clock-card">\n      <div class="dy-flip-clock-card-up">\n        <div class="dy-flip-clock-card-shadow"></div>\n        <div class="dy-flip-clock-card-value dy-flip-clock-card-value-up">{{::number}}</div>\n      </div>\n      <div class="dy-flip-clock-card-down">\n        <div class="dy-flip-clock-card-shadow"></div>\n        <div class="dy-flip-clock-card-value dy-flip-clock-card-value-down">{{::number}}</div>\n      </div>\n    </div>\n  </li>\n</ul>\n')}])}();

dist/angular-flip-clock.js

@@ -21,3 +21,3 @@ (function() {
     scope: {
-      time: '='
+      time: '@'
     },
@@ -52,23 +52,23 @@ bindToController: true,
   function getHoursTensPlace() {
-    return _getTensPlace(_getHours(vm.time));
+    return _getTensPlace(_getHours(_getTimeAsNumber()));
   }
 
   function getHoursOnesPlace() {
-    return _getOnesPlace(_getHours(vm.time));
+    return _getOnesPlace(_getHours(_getTimeAsNumber()));
   }
 
   function getMinutesTensPlace() {
-    return _getTensPlace(_getMinutes(vm.time));
+    return _getTensPlace(_getMinutes(_getTimeAsNumber()));
   }
 
   function getMinutesOnesPlace() {
-    return _getOnesPlace(_getMinutes(vm.time));
+    return _getOnesPlace(_getMinutes(_getTimeAsNumber()));
   }
 
   function getSecondsTensPlace() {
-    return _getTensPlace(_getSeconds(vm.time));
+    return _getTensPlace(_getSeconds(_getTimeAsNumber()));
   }
 
   function getSecondsOnesPlace() {
-    return _getOnesPlace(_getSeconds(vm.time));
+    return _getOnesPlace(_getSeconds(_getTimeAsNumber()));
   }
@@ -99,2 +99,8 @@
   }
+
+  function _getTimeAsNumber() {
+    var timeAsNumber = window.parseInt(vm.time, 10);
+    var isTimeNaN = (timeAsNumber !== timeAsNumber);
+    return isTimeNaN ? 0 : timeAsNumber;
+  }
 }
@@ -101,0 +107,0 @@

dist/angular-flip-clock.min.js

@@ -1,1 +0,1 @@
-!function(){"use strict";function e(){return{restrict:"EA",scope:{time:"="},bindToController:!0,controller:"DyFlipClockController",controllerAs:"vm",templateUrl:"src/js/angular-flip-clock-directive/angular-flip-clock-directive.html"}}function l(e){function l(){return s(c(v.time))}function r(){return d(c(v.time))}function t(){return s(u(v.time))}function i(){return d(u(v.time))}function n(){return s(a(v.time))}function o(){return d(a(v.time))}function c(e){return Math.floor((e%m-u(e))/k)}function u(e){return Math.floor((e%k-a(e))/C)}function a(e){return Math.floor((e%C-p(e))/f)}function p(e){return Math.floor(e%f)}function s(e){return(e%100-d(e))/10}function d(e){return e%10}var f=1e3,C=60*f,k=60*C,m=24*k,v=this;v.time=0,v.getHoursTensPlace=l,v.getHoursOnesPlace=r,v.getMinutesTensPlace=t,v.getMinutesOnesPlace=i,v.getSecondsTensPlace=n,v.getSecondsOnesPlace=o}function r(){return{restrict:"EA",scope:{text:"@",hideDivider:"="},bindToController:!0,controller:"DyFlipClockLabelController",controllerAs:"vm",templateUrl:"src/js/angular-flip-clock-label-directive/angular-flip-clock-label-directive.html"}}function t(){}function i(){return{restrict:"EA",scope:{},bindToController:!0,controllerAs:"vm",controller:"DyFlipClockNumberController",templateUrl:"src/js/angular-flip-clock-number-directive/angular-flip-clock-number-directive.html"}}function n(e,l,r){function t(){e.$watch(function(){return l(r.value)(e.$parent)},function(e,l){c.currentValue=e,c.previousValue=l})}function i(e){return c.currentValue===e}function n(e){return c.previousValue!==c.currentValue&&e===c.previousValue}function o(){return c.previousValue!==c.currentValue}var c=this;c.numbers=[0,1,2,3,4,5,6,7,8,9],c.currentValue=0,c.previousValue=0,c.isActive=i,c.isBefore=n,c.isAnimated=o,t()}angular.module("dyFlipClock",["dyFlipClock.dyFlipClockDirective","dyFlipClock.dyFlipClockNumberDirective","dyFlipClock.dyFlipClockLabelDirective"]),angular.module("dyFlipClock.dyFlipClockDirective",["dyFlipClock.dyFlipClockNumberDirective","dyFlipClock.dyFlipClockLabelDirective"]).directive("dyFlipClock",e).controller("DyFlipClockController",l),e.$inject=[],l.$inject=["$interval"],angular.module("dyFlipClock.dyFlipClockLabelDirective",[]).directive("dyFlipClockLabel",r).controller("DyFlipClockLabelController",t),r.$inject=[],t.$inject=[],angular.module("dyFlipClock.dyFlipClockNumberDirective",[]).directive("dyFlipClockNumber",i).controller("DyFlipClockNumberController",n),i.$inject=[],n.$inject=["$scope","$parse","$attrs"]}();
+!function(){"use strict";function e(){return{restrict:"EA",scope:{time:"@"},bindToController:!0,controller:"DyFlipClockController",controllerAs:"vm",templateUrl:"src/js/angular-flip-clock-directive/angular-flip-clock-directive.html"}}function r(e){function r(){return s(c(f()))}function l(){return d(c(f()))}function t(){return s(u(f()))}function n(){return d(u(f()))}function i(){return s(a(f()))}function o(){return d(a(f()))}function c(e){return Math.floor((e%m-u(e))/v)}function u(e){return Math.floor((e%v-a(e))/k)}function a(e){return Math.floor((e%k-p(e))/C)}function p(e){return Math.floor(e%C)}function s(e){return(e%100-d(e))/10}function d(e){return e%10}function f(){var e=window.parseInt(y.time,10),r=e!==e;return r?0:e}var C=1e3,k=60*C,v=60*k,m=24*v,y=this;y.time=0,y.getHoursTensPlace=r,y.getHoursOnesPlace=l,y.getMinutesTensPlace=t,y.getMinutesOnesPlace=n,y.getSecondsTensPlace=i,y.getSecondsOnesPlace=o}function l(){return{restrict:"EA",scope:{text:"@",hideDivider:"="},bindToController:!0,controller:"DyFlipClockLabelController",controllerAs:"vm",templateUrl:"src/js/angular-flip-clock-label-directive/angular-flip-clock-label-directive.html"}}function t(){}function n(){return{restrict:"EA",scope:{},bindToController:!0,controllerAs:"vm",controller:"DyFlipClockNumberController",templateUrl:"src/js/angular-flip-clock-number-directive/angular-flip-clock-number-directive.html"}}function i(e,r,l){function t(){e.$watch(function(){return r(l.value)(e.$parent)},function(e,r){c.currentValue=e,c.previousValue=r})}function n(e){return c.currentValue===e}function i(e){return c.previousValue!==c.currentValue&&e===c.previousValue}function o(){return c.previousValue!==c.currentValue}var c=this;c.numbers=[0,1,2,3,4,5,6,7,8,9],c.currentValue=0,c.previousValue=0,c.isActive=n,c.isBefore=i,c.isAnimated=o,t()}angular.module("dyFlipClock",["dyFlipClock.dyFlipClockDirective","dyFlipClock.dyFlipClockNumberDirective","dyFlipClock.dyFlipClockLabelDirective"]),angular.module("dyFlipClock.dyFlipClockDirective",["dyFlipClock.dyFlipClockNumberDirective","dyFlipClock.dyFlipClockLabelDirective"]).directive("dyFlipClock",e).controller("DyFlipClockController",r),e.$inject=[],r.$inject=["$interval"],angular.module("dyFlipClock.dyFlipClockLabelDirective",[]).directive("dyFlipClockLabel",l).controller("DyFlipClockLabelController",t),l.$inject=[],t.$inject=[],angular.module("dyFlipClock.dyFlipClockNumberDirective",[]).directive("dyFlipClockNumber",n).controller("DyFlipClockNumberController",i),n.$inject=[],i.$inject=["$scope","$parse","$attrs"]}();

package.json

 {
   "name": "angular-flip-clock",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "Port of FlipClock.js to Angular without any dependencies",
@@ -43,2 +43,3 @@ "main": "dist/angular-flip-clock.tpl.min.js",
     "gulp-concat": "^2.6.0",
+    "gulp-minify-css": "^1.2.1",
     "gulp-ng-html2js": "^0.2.0",
@@ -45,0 +46,0 @@ "gulp-postcss": "^6.0.0",

src/js/angular-flip-clock-directive/angular-flip-clock-directive.js

@@ -13,3 +13,3 @@ angular.module('dyFlipClock.dyFlipClockDirective', [
     scope: {
-      time: '='
+      time: '@'
     },
@@ -44,23 +44,23 @@ bindToController: true,
   function getHoursTensPlace() {
-    return _getTensPlace(_getHours(vm.time));
+    return _getTensPlace(_getHours(_getTimeAsNumber()));
   }
 
   function getHoursOnesPlace() {
-    return _getOnesPlace(_getHours(vm.time));
+    return _getOnesPlace(_getHours(_getTimeAsNumber()));
   }
 
   function getMinutesTensPlace() {
-    return _getTensPlace(_getMinutes(vm.time));
+    return _getTensPlace(_getMinutes(_getTimeAsNumber()));
   }
 
   function getMinutesOnesPlace() {
-    return _getOnesPlace(_getMinutes(vm.time));
+    return _getOnesPlace(_getMinutes(_getTimeAsNumber()));
   }
 
   function getSecondsTensPlace() {
-    return _getTensPlace(_getSeconds(vm.time));
+    return _getTensPlace(_getSeconds(_getTimeAsNumber()));
   }
 
   function getSecondsOnesPlace() {
-    return _getOnesPlace(_getSeconds(vm.time));
+    return _getOnesPlace(_getSeconds(_getTimeAsNumber()));
   }
@@ -91,2 +91,8 @@
   }
+
+  function _getTimeAsNumber() {
+    var timeAsNumber = window.parseInt(vm.time, 10);
+    var isTimeNaN = (timeAsNumber !== timeAsNumber);
+    return isTimeNaN ? 0 : timeAsNumber;
+  }
 }

No alert changes

Improved metrics

Total package byte prevSize

58387

increased by1.54%

Lines of code

1183

increased by1.28%

Worsened metrics

Dev dependency count

12

increased by9.09%

No dependency changes