dom-lib - npm Package Compare versions

Comparing version 1.2.1 to 1.3.0

CHANGELOG.md

@@ -0,4 +1,8 @@
+# 1.3.0
+
+- Add animation events helper
+
 # 1.2.1
 
--  Add parameter enable3DTransform for translateDOMPositionXY
+- Add parameter enable3DTransform for translateDOMPositionXY
 
@@ -5,0 +9,0 @@ # 1.2.0

es/animation/index.js

@@ -0,1 +1,2 @@
+import { canUseDOM } from '../query';
 import _cancelAnimationFramePolyfill from './cancelAnimationFramePolyfill';
@@ -6,2 +7,29 @@ export { _cancelAnimationFramePolyfill as cancelAnimationFramePolyfill };
 import _requestAnimationFramePolyfill from './requestAnimationFramePolyfill';
-export { _requestAnimationFramePolyfill as requestAnimationFramePolyfill };
+export { _requestAnimationFramePolyfill as requestAnimationFramePolyfill };
+var vendorMap = {
+  animation: 'animationend',
+  OAnimation: 'oAnimationEnd',
+  MozAnimation: 'animationend',
+  WebkitAnimation: 'webkitAnimationEnd'
+};
+
+function getAnimationEvent() {
+  if (!canUseDOM) {
+    return;
+  }
+
+  var tempAnimationEnd;
+  var style = document.createElement('div').style;
+
+  for (tempAnimationEnd in vendorMap) {
+    if (style[tempAnimationEnd] !== undefined) {
+      return vendorMap[tempAnimationEnd];
+    }
+  }
+}
+
+export var events = function events() {
+  return {
+    end: getAnimationEvent()
+  };
+};

lib/animation/index.js

 "use strict";
 
 exports.__esModule = true;
+exports.events = void 0;
 
+var _query = require("../query");
+
 var _cancelAnimationFramePolyfill2 = _interopRequireDefault(require("./cancelAnimationFramePolyfill"));
@@ -17,2 +20,32 @@
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var vendorMap = {
+  animation: 'animationend',
+  OAnimation: 'oAnimationEnd',
+  MozAnimation: 'animationend',
+  WebkitAnimation: 'webkitAnimationEnd'
+};
+
+function getAnimationEvent() {
+  if (!_query.canUseDOM) {
+    return;
+  }
+
+  var tempAnimationEnd;
+  var style = document.createElement('div').style;
+
+  for (tempAnimationEnd in vendorMap) {
+    if (style[tempAnimationEnd] !== undefined) {
+      return vendorMap[tempAnimationEnd];
+    }
+  }
+}
+
+var events = function events() {
+  return {
+    end: getAnimationEvent()
+  };
+};
+
+exports.events = events;

package.json

 {
   "name": "dom-lib",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "description": "DOM helper library",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

No alert changes

Improved metrics

Total package byte prevSize

108647

increased by1.14%

Lines of code

2890

increased by1.76%

No dependency changes