ng2-animate - npm Package Compare versions

Comparing version 1.1.0 to 1.2.0

dist/animations/fade.js

@@ -11,5 +11,6 @@ "use strict";
     core_1.transition('fadeIn => void', [
-        core_1.animate(timing, core_1.style({
-            opacity: 0
-        }))
+        core_1.animate(timing, core_1.keyframes([
+            core_1.style({ opacity: 1, offset: 0 }),
+            core_1.style({ opacity: 0, offset: 1 })
+        ]))
     ]),
@@ -23,6 +24,6 @@ core_1.transition('* => fadeInDown', [
     core_1.transition('fadeInDown => void', [
-        core_1.animate(timing, core_1.style({
-            opacity: 0,
-            transform: 'translate3d(0, 100%, 0)'
-        }))
+        core_1.animate(timing, core_1.keyframes([
+            core_1.style({ opacity: 1, transform: 'translate3d(0, 0, 0)', offset: 0 }),
+            core_1.style({ opacity: 0, transform: 'translate3d(0, 100%, 0)', offset: 1 })
+        ]))
     ]),
@@ -36,6 +37,6 @@ core_1.transition('* => fadeInLeft', [
     core_1.transition('fadeInLeft => void', [
-        core_1.animate(timing, core_1.style({
-            opacity: 0,
-            transform: 'translate3d(100%, 0, 0)'
-        }))
+        core_1.animate(timing, core_1.keyframes([
+            core_1.style({ opacity: 1, transform: 'translate3d(0, 0, 0)', offset: 0 }),
+            core_1.style({ opacity: 0, transform: 'translate3d(100%, 0, 0)', offset: 1 })
+        ]))
     ]),
@@ -49,6 +50,6 @@ core_1.transition('* => fadeInRight', [
     core_1.transition('fadeInRight => void', [
-        core_1.animate(timing, core_1.style({
-            opacity: 0,
-            transform: 'translate3d(-100%, 0, 0)'
-        }))
+        core_1.animate(timing, core_1.keyframes([
+            core_1.style({ opacity: 1, transform: 'translate3d(0, 0, 0)', offset: 0 }),
+            core_1.style({ opacity: 0, transform: 'translate3d(-100%, 0, 0)', offset: 1 })
+        ]))
     ]),
@@ -62,8 +63,8 @@ core_1.transition('* => fadeInUp', [
     core_1.transition('fadeInUp => void', [
-        core_1.animate(timing, core_1.style({
-            opacity: 0,
-            transform: 'translate3d(0, -100%, 0)'
-        }))
+        core_1.animate(timing, core_1.keyframes([
+            core_1.style({ opacity: 1, transform: 'translate3d(0, 0, 0)', offset: 0 }),
+            core_1.style({ opacity: 0, transform: 'translate3d(0, -100%, 0)', offset: 1 })
+        ]))
     ])
 ]; };
 //# sourceMappingURL=fade.js.map

dist/animations/rotate.js

@@ -10,3 +10,3 @@ "use strict";
     ]),
-    core_1.transition('rotateIn => void, * => rotateOut', [
+    core_1.transition('rotateIn => void', [
         core_1.animate(timing, core_1.keyframes([
@@ -13,0 +13,0 @@ core_1.style({ opacity: 1, transformOrigin: 'center', transform: 'rotate3d(0, 0, 1, 0deg)', offset: 0 }),

dist/index.js

@@ -6,2 +6,4 @@ "use strict";
 var rotate_1 = require('./animations/rotate');
+var slide_1 = require('./animations/slide');
+var zoom_1 = require('./animations/zoom');
 exports.animateFactory = function (duration, delay, easing) {
@@ -11,3 +13,3 @@ if (duration === void 0) { duration = 500; }
     if (easing === void 0) { easing = 'linear'; }
-    var params = [
+    var timing = [
         typeof (duration) === 'number' ? duration + "ms" : duration,
@@ -17,4 +19,4 @@ typeof (delay) === 'number' ? delay + "ms" : delay,
     ].join(' ');
-    return core_1.trigger('animate', fade_1.fade(params).concat(bounce_1.bounce(params), rotate_1.rotate(params)));
+    return core_1.trigger('animate', fade_1.fade(timing).concat(bounce_1.bounce(timing), rotate_1.rotate(timing), slide_1.slide(timing), zoom_1.zoom(timing)));
 };
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "ng2-animate",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "angular2 animations",
@@ -8,3 +8,2 @@ "main": "dist/index.js",
   "scripts": {
-    "test": "karma start ./karma.conf.js",
     "dev": "webpack-dev-server --inline --progress --profile --colors --watch --display-error-details --display-cached --content-base",
@@ -33,9 +32,2 @@ "example": "webpack --inline --progress --profile --colors --display-error-details --display-cached --content-base",
     "@types/node": "^4.0.29",
-    "core-js": "^2.4.1",
-    "jasmine-core": "^2.4.1",
-    "karma": "^1.1.1",
-    "karma-jasmine": "^1.0.2",
-    "karma-chrome-launcher": "^1.0.1",
-    "karma-sourcemap-loader": "^0.3.7",
-    "karma-webpack": "^1.7.0",
     "raw-loader": "^0.5.1",
@@ -42,0 +34,0 @@ "reflect-metadata": "^0.1.3",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

55954

increased by55.31%

Dev dependency count

18

decreased by-28%

Number of package files

20

increased by42.86%

Lines of code

365

increased by55.98%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes