web-animation-club - npm Package Compare versions

Comparing version 0.3.0 to 0.4.0

dist/web-animation-club.js

@@ -107,3 +107,3 @@ (function webpackUniversalModuleDefinition(root, factory) {
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"setCssEndEvent\", function() { return setCssEndEvent; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"beforeCssLayout\", function() { return beforeCssLayout; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"beforeNextCssLayout\", function() { return beforeNextCssLayout; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"beforeFutureCssLayout\", function() { return beforeFutureCssLayout; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"onceNextCssLayout\", function() { return onceNextCssLayout; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"onceTransitionEnd\", function() { return onceTransitionEnd; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"onceAnimationEnd\", function() { return onceAnimationEnd; });\nfunction recursiveAnimationFrame(frames, callback) {\n  if (window && frames && Number.isInteger(frames) && frames > 0) {\n    window.requestAnimationFrame(() => {\n      recursiveAnimationFrame(frames - 1, callback);\n    });\n    return;\n  }\n  callback();\n}\n\nfunction setCssEndEvent(element, type, { tolerance = 0, propertyName } = {}) {\n  return new Promise(resolve => {\n    if (!element) {\n      resolve(false);\n      return;\n    }\n    let eventName = null;\n    const capitalized = type.charAt(0).toUpperCase() + type.slice(1);\n    let run = 0;\n    function end(event) {\n      const target = event.srcElement || event.target;\n      if (target === element) {\n        if (run >= tolerance) {\n          if (propertyName && propertyName !== event.propertyName) {\n            return;\n          }\n          element.removeEventListener(eventName, end);\n          resolve(event);\n        }\n        run += 1;\n      }\n    }\n    if (element.style[`Webkit${capitalized}`] !== undefined) {\n      eventName = `webkit${capitalized}End`;\n    }\n    if (element.style.OTransition !== undefined) {\n      eventName = `o${type}End`;\n    }\n    if (element.style[type] !== undefined) {\n      eventName = `${type}end`;\n    }\n    element.addEventListener(eventName, end);\n  });\n}\n\nfunction beforeCssLayout(callback) {\n  window && window.requestAnimationFrame(callback);\n}\n\nfunction beforeNextCssLayout(callback) {\n  window && window.requestAnimationFrame(() => {\n    window.requestAnimationFrame(callback);\n  });\n}\n\nfunction beforeFutureCssLayout(frames, callback) {\n  recursiveAnimationFrame(frames + 1, callback);\n}\n\nfunction onceNextCssLayout() {\n  return new Promise(resolve => {\n    beforeNextCssLayout(resolve);\n  });\n}\n\nfunction onceTransitionEnd(element, options = {}) {\n  return new Promise(resolve => {\n    setCssEndEvent(element, \"transition\", options).then(resolve);\n  });\n}\n\nfunction onceAnimationEnd(element, options = {}) {\n  return new Promise(resolve => {\n    setCssEndEvent(element, \"animation\", options).then(resolve);\n  });\n}\n\n//# sourceURL=webpack://wac/./src/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"setCssEndEvent\", function() { return setCssEndEvent; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"beforeCssLayout\", function() { return beforeCssLayout; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"beforeNextCssLayout\", function() { return beforeNextCssLayout; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"beforeFutureCssLayout\", function() { return beforeFutureCssLayout; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"onceNextCssLayout\", function() { return onceNextCssLayout; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"onceTransitionEnd\", function() { return onceTransitionEnd; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"onceAnimationEnd\", function() { return onceAnimationEnd; });\nfunction recursiveAnimationFrame(frames, callback) {\n  if (window && frames && Number.isInteger(frames) && frames > 0) {\n    window.requestAnimationFrame(() => {\n      recursiveAnimationFrame(frames - 1, callback);\n    });\n    return;\n  }\n  callback();\n}\n\nfunction setCssEndEvent(element, type, { tolerance = 0, propertyName } = {}) {\n  return new Promise(resolve => {\n    if (!element) {\n      resolve(false);\n      return;\n    }\n    let eventName = null;\n    const capitalized = type.charAt(0).toUpperCase() + type.slice(1);\n    let run = 0;\n    function end(event) {\n      const target = event.srcElement || event.target;\n      if (target === element) {\n        if (run >= tolerance) {\n          if (propertyName && propertyName !== event.propertyName) {\n            return;\n          }\n          element.removeEventListener(eventName, end);\n          resolve(event);\n        }\n        run += 1;\n      }\n    }\n    if (element.style[`Webkit${capitalized}`] !== undefined) {\n      eventName = `webkit${capitalized}End`;\n    }\n    if (element.style.OTransition !== undefined) {\n      eventName = `o${type}End`;\n    }\n    if (element.style[type] !== undefined) {\n      eventName = `${type}end`;\n    }\n    if (element.clearCssEndEvent) {\n      element.clearCssEndEvent();\n    }\n    element.clearCssEndEvent = function () {\n      element.removeEventListener(eventName, end);\n    };\n    element.addEventListener(eventName, end);\n  });\n}\n\nfunction beforeCssLayout(callback) {\n  window && window.requestAnimationFrame(callback);\n}\n\nfunction beforeNextCssLayout(callback) {\n  window && window.requestAnimationFrame(() => {\n    window.requestAnimationFrame(callback);\n  });\n}\n\nfunction beforeFutureCssLayout(frames, callback) {\n  recursiveAnimationFrame(frames + 1, callback);\n}\n\nfunction onceNextCssLayout() {\n  return new Promise(resolve => {\n    beforeNextCssLayout(resolve);\n  });\n}\n\nfunction onceTransitionEnd(element, options = {}) {\n  return new Promise(resolve => {\n    setCssEndEvent(element, \"transition\", options).then(resolve);\n  });\n}\n\nfunction onceAnimationEnd(element, options = {}) {\n  return new Promise(resolve => {\n    setCssEndEvent(element, \"animation\", options).then(resolve);\n  });\n}\n\n//# sourceURL=webpack://wac/./src/index.js?");
 
@@ -110,0 +110,0 @@ /***/ })

dist/web-animation-club.min.js

@@ -1,1 +0,1 @@
-!function(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n():"function"==typeof define&&define.amd?define([],n):"object"==typeof exports?exports.wac=n():e.wac=n()}(window,function(){return function(e){var n={};function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:r})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,n){if(1&n&&(e=t(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var o in e)t.d(r,o,function(n){return e[n]}.bind(null,o));return r},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="",t(t.s=0)}([function(e,n,t){"use strict";function r(e,n,{tolerance:t=0,propertyName:r}={}){return new Promise(o=>{if(!e)return void o(!1);let i=null;const u=n.charAt(0).toUpperCase()+n.slice(1);let f=0;void 0!==e.style[`Webkit${u}`]&&(i=`webkit${u}End`),void 0!==e.style.OTransition&&(i=`o${n}End`),void 0!==e.style[n]&&(i=`${n}end`),e.addEventListener(i,function n(u){if((u.srcElement||u.target)===e){if(f>=t){if(r&&r!==u.propertyName)return;e.removeEventListener(i,n),o(u)}f+=1}})})}function o(e){window&&window.requestAnimationFrame(e)}function i(e){window&&window.requestAnimationFrame(()=>{window.requestAnimationFrame(e)})}function u(e,n){!function e(n,t){window&&n&&Number.isInteger(n)&&n>0?window.requestAnimationFrame(()=>{e(n-1,t)}):t()}(e+1,n)}function f(){return new Promise(e=>{i(e)})}function c(e,n={}){return new Promise(t=>{r(e,"transition",n).then(t)})}function d(e,n={}){return new Promise(t=>{r(e,"animation",n).then(t)})}t.r(n),t.d(n,"setCssEndEvent",function(){return r}),t.d(n,"beforeCssLayout",function(){return o}),t.d(n,"beforeNextCssLayout",function(){return i}),t.d(n,"beforeFutureCssLayout",function(){return u}),t.d(n,"onceNextCssLayout",function(){return f}),t.d(n,"onceTransitionEnd",function(){return c}),t.d(n,"onceAnimationEnd",function(){return d})}])});
+!function(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n():"function"==typeof define&&define.amd?define([],n):"object"==typeof exports?exports.wac=n():e.wac=n()}(window,function(){return function(e){var n={};function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:r})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,n){if(1&n&&(e=t(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var o in e)t.d(r,o,function(n){return e[n]}.bind(null,o));return r},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="",t(t.s=0)}([function(e,n,t){"use strict";function r(e,n,{tolerance:t=0,propertyName:r}={}){return new Promise(o=>{if(!e)return void o(!1);let i=null;const u=n.charAt(0).toUpperCase()+n.slice(1);let f=0;function c(n){if((n.srcElement||n.target)===e){if(f>=t){if(r&&r!==n.propertyName)return;e.removeEventListener(i,c),o(n)}f+=1}}void 0!==e.style[`Webkit${u}`]&&(i=`webkit${u}End`),void 0!==e.style.OTransition&&(i=`o${n}End`),void 0!==e.style[n]&&(i=`${n}end`),e.clearCssEndEvent&&e.clearCssEndEvent(),e.clearCssEndEvent=function(){e.removeEventListener(i,c)},e.addEventListener(i,c)})}function o(e){window&&window.requestAnimationFrame(e)}function i(e){window&&window.requestAnimationFrame(()=>{window.requestAnimationFrame(e)})}function u(e,n){!function e(n,t){window&&n&&Number.isInteger(n)&&n>0?window.requestAnimationFrame(()=>{e(n-1,t)}):t()}(e+1,n)}function f(){return new Promise(e=>{i(e)})}function c(e,n={}){return new Promise(t=>{r(e,"transition",n).then(t)})}function s(e,n={}){return new Promise(t=>{r(e,"animation",n).then(t)})}t.r(n),t.d(n,"setCssEndEvent",function(){return r}),t.d(n,"beforeCssLayout",function(){return o}),t.d(n,"beforeNextCssLayout",function(){return i}),t.d(n,"beforeFutureCssLayout",function(){return u}),t.d(n,"onceNextCssLayout",function(){return f}),t.d(n,"onceTransitionEnd",function(){return c}),t.d(n,"onceAnimationEnd",function(){return s})}])});

package.json

 {
   "name": "web-animation-club",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "Web Animation Club",
   "repository": "rcaferati/web-animation-club",
   "license": "MIT",
-  "main": "dist/web-animation-club.js",
-  "module": "dist/web-animation-club.js",
+  "main": "dist/web-animation-club.min.js",
+  "module": "dist/web-animation-club.min.js",
   "keywords": [
@@ -10,0 +10,0 @@ "clipboard",

src/index.js

@@ -46,2 +46,8 @@ function recursiveAnimationFrame(frames, callback) {
     }
+    if (element.clearCssEndEvent) {
+      element.clearCssEndEvent();
+    }
+    element.clearCssEndEvent = function() {
+      element.removeEventListener(eventName, end);
+    };
     element.addEventListener(eventName, end);
@@ -48,0 +54,0 @@ });

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

Improved metrics

Total package byte prevSize

650889

increased by0.07%

Lines of code

292

increased by2.46%

No dependency changes