@thednp/shorty 1.0.3 → 2.0.0-alpha3

package/src/class/removeClass.js

@@ -1,10 +1,5 @@
-/**
- * Remove class from `HTMLElement.classList`.
- *
- * @param {HTMLElement} element target
- * @param {string} classNAME to remove
- * @returns {void}
- */
-export default function removeClass(element, classNAME) {
-  element.classList.remove(classNAME);
-}
+const removeClass = (element, ...classNAME) => {
+    element.classList.remove(...classNAME);
+};
+export default removeClass;
+//# sourceMappingURL=removeClass.js.map

package/src/class/removeClass.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"removeClass.js","sourceRoot":"","sources":["removeClass.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,GAAG,CAAC,OAAoB,EAAE,GAAG,SAAmB,EAAQ,EAAE;IACzE,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC,CAAC;AACzC,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/src/class/removeClass.ts

@@ -0,0 +1,11 @@
+/**
+ * Remove one or more classes from `HTMLElement.classList`.
+ *
+ * @param element target
+ * @param classNAME to remove
+ */
+const removeClass = (element: HTMLElement, ...classNAME: string[]): void => {
+  element.classList.remove(...classNAME);
+};
+
+export default removeClass;

package/src/event/off.js

@@ -1,9 +1,5 @@
-/**
- * Remove eventListener from an `HTMLElement` | `Document` | `Window` target.
- *
- * @type {SHORTY.OnOff<EventTarget>}
- */
-export default function off(element, eventName, listener, options) {
-  const ops = options || false;
-  element.removeEventListener(eventName, listener, ops);
-}
+export default function off(element, eventName, listener, options) {
+    const ops = options || false;
+    element.removeEventListener(eventName, listener, ops);
+}
+//# sourceMappingURL=off.js.map

package/src/event/off.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"off.js","sourceRoot":"","sources":["off.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,GAAG,CACzB,OAAoB,EACpB,SAAiB,EACjB,QAAuB,EACvB,OAAiC;IAEjC,MAAM,GAAG,GAAG,OAAO,IAAI,KAAK,CAAC;IAC7B,OAAO,CAAC,mBAAmB,CAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,CAAC,CAAC;AACxD,CAAC"}

package/src/event/off.ts

@@ -0,0 +1,12 @@
+/**
+ * Remove eventListener from an `EventTarget` object.
+ */
+export default function off(
+  element: EventTarget,
+  eventName: string,
+  listener: EventListener,
+  options?: AddEventListenerOptions
+) {
+  const ops = options || false;
+  element.removeEventListener(eventName, listener, ops);
+}

package/src/event/on.js

@@ -1,9 +1,5 @@
-/**
- * Add eventListener to an `HTMLElement` | `Document` target.
- *
- * @type {SHORTY.OnOff<EventTarget>}
- */
-export default function on(element, eventName, listener, options) {
-  const ops = options || false;
-  element.addEventListener(eventName, listener, ops);
-}
+export default function on(element, eventName, listener, options) {
+    const ops = options || false;
+    element.addEventListener(eventName, listener, ops);
+}
+//# sourceMappingURL=on.js.map

package/src/event/on.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"on.js","sourceRoot":"","sources":["on.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,EAAE,CACxB,OAAoB,EACpB,SAAiB,EACjB,QAAuB,EACvB,OAAiC;IAEjC,MAAM,GAAG,GAAG,OAAO,IAAI,KAAK,CAAC;IAC7B,OAAO,CAAC,gBAAgB,CAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,CAAC,CAAC;AACrD,CAAC"}

package/src/event/on.ts

@@ -0,0 +1,12 @@
+/**
+ * Add eventListener to an `EventTarget` object.
+ */
+export default function on(
+  element: EventTarget,
+  eventName: string,
+  listener: EventListener,
+  options?: AddEventListenerOptions
+) {
+  const ops = options || false;
+  element.addEventListener(eventName, listener, ops);
+}

package/src/event/one.js

@@ -1,23 +1,13 @@
-import on from './on';
-import off from './off';
-
-/**
- * Add an `eventListener` to an `HTMLElement` | `Document` | `Window`
- * target and remove it once callback is called.
- *
- * @type {SHORTY.OnOff<EventTarget>}
- */
-export default function one(element, eventName, listener, options) {
-/**
- * Wrap the listener for easy on -> off
- * @type {EventListener}
- */
-  const handlerWrapper = (e) => {
-    /* istanbul ignore else */
-    if (e.target === element) {
-      listener.apply(element, [e]);
-      off(element, eventName, handlerWrapper, options);
-    }
-  };
-  on(element, eventName, handlerWrapper, options);
-}
+import on from './on';
+import off from './off';
+const one = (element, eventName, listener, options) => {
+    const handlerWrapper = (e) => {
+        if (e.target === element) {
+            listener.apply(element, [e]);
+            off(element, eventName, handlerWrapper, options);
+        }
+    };
+    on(element, eventName, handlerWrapper, options);
+};
+export default one;
+//# sourceMappingURL=one.js.map

package/src/event/one.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"one.js","sourceRoot":"","sources":["one.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,GAAG,MAAM,OAAO,CAAC;AAMxB,MAAM,GAAG,GAAG,CACV,OAAoB,EACpB,SAAiB,EACjB,QAAuB,EACvB,OAAiC,EACjC,EAAE;IAEF,MAAM,cAAc,GAAG,CAAC,CAAQ,EAAQ,EAAE;QAExC,IAAI,CAAC,CAAC,MAAM,KAAK,OAAO,EAAE;YACxB,QAAQ,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;YAC7B,GAAG,CAAC,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC;SAClD;IACH,CAAC,CAAC;IACF,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC;AAClD,CAAC,CAAC;AAEF,eAAe,GAAG,CAAC"}

package/src/event/one.ts

@@ -0,0 +1,25 @@
+import on from './on';
+import off from './off';
+
+/**
+ * Add an `eventListener` to an `EventTarget`
+ * element and remove it once callback is called.
+ */
+const one = (
+  element: EventTarget,
+  eventName: string,
+  listener: EventListener,
+  options?: AddEventListenerOptions
+) => {
+  /** Wrap the listener for easy on -> off */
+  const handlerWrapper = (e: Event): void => {
+    /* istanbul ignore else */
+    if (e.target === element) {
+      listener.apply(element, [e]);
+      off(element, eventName, handlerWrapper, options);
+    }
+  };
+  on(element, eventName, handlerWrapper, options);
+};
+
+export default one;

package/src/get/getBoundingClientRect.js

@@ -1,37 +1,23 @@
-import isHTMLElement from '../is/isHTMLElement';
-
-/**
- * Returns the bounding client rect of a target `HTMLElement`.
- *
- * @see https://github.com/floating-ui/floating-ui
- *
- * @param {HTMLElement} element event.target
- * @param {boolean=} includeScale when *true*, the target scale is also computed
- * @returns {SHORTY.BoundingClientRect} the bounding client rect object
- */
-export default function getBoundingClientRect(element, includeScale) {
-  const {
-    width, height, top, right, bottom, left,
-  } = element.getBoundingClientRect();
-  let scaleX = 1;
-  let scaleY = 1;
-
-  if (includeScale && isHTMLElement(element)) {
-    const { offsetWidth, offsetHeight } = element;
-    scaleX = offsetWidth > 0 ? Math.round(width) / offsetWidth
-      : /* istanbul ignore next */1;
-    scaleY = offsetHeight > 0 ? Math.round(height) / offsetHeight
-      : /* istanbul ignore next */1;
-  }
-
-  return {
-    width: width / scaleX,
-    height: height / scaleY,
-    top: top / scaleY,
-    right: right / scaleX,
-    bottom: bottom / scaleY,
-    left: left / scaleX,
-    x: left / scaleX,
-    y: top / scaleY,
-  };
-}
+import isHTMLElement from "../is/isHTMLElement";
+const getBoundingClientRect = (element, includeScale) => {
+    const { width, height, top, right, bottom, left } = element.getBoundingClientRect();
+    let scaleX = 1;
+    let scaleY = 1;
+    if (includeScale && isHTMLElement(element)) {
+        const { offsetWidth, offsetHeight } = element;
+        scaleX = offsetWidth > 0 ? Math.round(width) / offsetWidth : 1;
+        scaleY = offsetHeight > 0 ? Math.round(height) / offsetHeight : 1;
+    }
+    return {
+        width: width / scaleX,
+        height: height / scaleY,
+        top: top / scaleY,
+        right: right / scaleX,
+        bottom: bottom / scaleY,
+        left: left / scaleX,
+        x: left / scaleX,
+        y: top / scaleY,
+    };
+};
+export default getBoundingClientRect;
+//# sourceMappingURL=getBoundingClientRect.js.map

package/src/get/getBoundingClientRect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getBoundingClientRect.js","sourceRoot":"","sources":["getBoundingClientRect.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,qBAAqB,CAAC;AAWhD,MAAM,qBAAqB,GAAG,CAC5B,OAAoB,EACpB,YAAsB,EACF,EAAE;IACtB,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;IACpF,IAAI,MAAM,GAAG,CAAC,CAAC;IACf,IAAI,MAAM,GAAG,CAAC,CAAC;IAEf,IAAI,YAAY,IAAI,aAAa,CAAC,OAAO,CAAC,EAAE;QAC1C,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,OAAO,CAAC;QAC9C,MAAM,GAAG,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,WAAW,CAAC,CAAC,CAA4B,CAAC,CAAC;QAC1F,MAAM,GAAG,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,YAAY,CAAC,CAAC,CAA4B,CAAC,CAAC;KAC9F;IAED,OAAO;QACL,KAAK,EAAE,KAAK,GAAG,MAAM;QACrB,MAAM,EAAE,MAAM,GAAG,MAAM;QACvB,GAAG,EAAE,GAAG,GAAG,MAAM;QACjB,KAAK,EAAE,KAAK,GAAG,MAAM;QACrB,MAAM,EAAE,MAAM,GAAG,MAAM;QACvB,IAAI,EAAE,IAAI,GAAG,MAAM;QACnB,CAAC,EAAE,IAAI,GAAG,MAAM;QAChB,CAAC,EAAE,GAAG,GAAG,MAAM;KAChB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/src/get/getBoundingClientRect.ts

@@ -0,0 +1,38 @@
+import isHTMLElement from "../is/isHTMLElement";
+import BoundingClientRect from "../interface/boundingClientRect";
+
+/**
+ * Returns the bounding client rect of a target `HTMLElement`.
+ * @see https://github.com/floating-ui/floating-ui
+ *
+ * @param element event.target
+ * @param includeScale when *true*, the target scale is also computed
+ * @returns the bounding client rect object
+ */
+const getBoundingClientRect = (
+  element: HTMLElement,
+  includeScale?: boolean
+): BoundingClientRect => {
+  const { width, height, top, right, bottom, left } = element.getBoundingClientRect();
+  let scaleX = 1;
+  let scaleY = 1;
+
+  if (includeScale && isHTMLElement(element)) {
+    const { offsetWidth, offsetHeight } = element;
+    scaleX = offsetWidth > 0 ? Math.round(width) / offsetWidth : /* istanbul ignore next */ 1;
+    scaleY = offsetHeight > 0 ? Math.round(height) / offsetHeight : /* istanbul ignore next */ 1;
+  }
+
+  return {
+    width: width / scaleX,
+    height: height / scaleY,
+    top: top / scaleY,
+    right: right / scaleX,
+    bottom: bottom / scaleY,
+    left: left / scaleX,
+    x: left / scaleX,
+    y: top / scaleY,
+  };
+};
+
+export default getBoundingClientRect;

package/src/get/getDocument.js

@@ -1,20 +1,14 @@
-import isNode from '../is/isNode';
-import isWindow from '../is/isWindow';
-import isDocument from '../is/isDocument';
-
-/**
- * Returns the `document` or the `#document` element.
- * @see https://github.com/floating-ui/floating-ui
- * @param {(Node | Window)=} node
- * @returns {Document}
- */
-export default function getDocument(node) {
-  // node instanceof Document
-  if (isDocument(node)) return node;
-  // node instanceof Node
-  if (isNode(node)) return node.ownerDocument;
-  // node instanceof Window
-  if (isWindow(node)) return node.document;
-  // node is undefined | NULL
-  return window.document;
-}
+import isNode from "../is/isNode";
+import isWindow from "../is/isWindow";
+import isDocument from "../is/isDocument";
+const getDocument = (node) => {
+    if (isDocument(node))
+        return node;
+    if (isNode(node))
+        return node.ownerDocument;
+    if (isWindow(node))
+        return node.document;
+    return window.document;
+};
+export default getDocument;
+//# sourceMappingURL=getDocument.js.map

package/src/get/getDocument.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDocument.js","sourceRoot":"","sources":["getDocument.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AACtC,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAS1C,MAAM,WAAW,GAAG,CAAC,IAAU,EAAY,EAAE;IAE3C,IAAI,UAAU,CAAC,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC;IAElC,IAAI,MAAM,CAAC,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC,aAAa,CAAC;IAE5C,IAAI,QAAQ,CAAC,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC,QAAQ,CAAC;IAEzC,OAAO,MAAM,CAAC,QAAQ,CAAC;AACzB,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/src/get/getDocument.ts

@@ -0,0 +1,23 @@
+import isNode from "../is/isNode";
+import isWindow from "../is/isWindow";
+import isDocument from "../is/isDocument";
+
+/**
+ * Returns the `document` or the `#document` element.
+ * @see https://github.com/floating-ui/floating-ui
+ *
+ * @param node the reference node
+ * @returns the parent document of the given node
+ */
+const getDocument = (node?: any): Document => {
+  // node instanceof Document
+  if (isDocument(node)) return node;
+  // node instanceof Node
+  if (isNode(node)) return node.ownerDocument;
+  // node instanceof Window
+  if (isWindow(node)) return node.document;
+  // node is undefined | NULL
+  return window.document;
+};
+
+export default getDocument;

package/src/get/getDocumentBody.js

@@ -1,10 +1,6 @@
-import getDocument from './getDocument';
-/**
- * Returns the `document.body` or the `<body>` element.
- *
- * @param {(Node | Window)=} node
- * @returns {HTMLBodyElement}
- */
-export default function getDocumentBody(node) {
-  return getDocument(node).body;
-}
+import getDocument from './getDocument';
+const getDocumentBody = (node) => {
+    return getDocument(node).body;
+};
+export default getDocumentBody;
+//# sourceMappingURL=getDocumentBody.js.map

package/src/get/getDocumentBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDocumentBody.js","sourceRoot":"","sources":["getDocumentBody.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAC;AAQxC,MAAM,eAAe,GAAG,CAAC,IAAU,EAAe,EAAE;IAClD,OAAO,WAAW,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC;AAChC,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/src/get/getDocumentBody.ts

@@ -0,0 +1,13 @@
+import getDocument from './getDocument';
+
+/**
+ * Returns the `document.body` or the `<body>` element.
+ *
+ * @param node the reference node
+ * @returns the parent `<body>` of the specified node
+ */
+const getDocumentBody = (node?: any): HTMLElement => {
+  return getDocument(node).body;
+};
+
+export default getDocumentBody;

package/src/get/getDocumentElement.js

@@ -1,11 +1,6 @@
-import getDocument from './getDocument';
-
-/**
- * Returns the `document.documentElement` or the `<html>` element.
- *
- * @param {(Node | Window)=} node
- * @returns {HTMLHtmlElement}
- */
-export default function getDocumentElement(node) {
-  return getDocument(node).documentElement;
-}
+import getDocument from './getDocument';
+const getDocumentElement = (node) => {
+    return getDocument(node).documentElement;
+};
+export default getDocumentElement;
+//# sourceMappingURL=getDocumentElement.js.map

package/src/get/getDocumentElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDocumentElement.js","sourceRoot":"","sources":["getDocumentElement.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAC;AAQxC,MAAM,kBAAkB,GAAG,CAAC,IAAW,EAAe,EAAE;IACtD,OAAO,WAAW,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC;AAC3C,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/src/get/getDocumentElement.ts

@@ -0,0 +1,13 @@
+import getDocument from './getDocument';
+
+/**
+ * Returns the `document.documentElement` or the `<HTML>` element.
+ *
+ * @param node the reference node
+ * @returns the parent `<HTML>` of the node's parent document
+ */
+const getDocumentElement = (node?: Node): HTMLElement => {
+  return getDocument(node).documentElement;
+};
+
+export default getDocumentElement;

package/src/get/getDocumentHead.js

@@ -1,10 +1,6 @@
-import getDocument from './getDocument';
-/**
- * Returns the `document.head` or the `<head>` element.
- *
- * @param {(Node | Window)=} node
- * @returns {HTMLHeadElement}
- */
-export default function getDocumentHead(node) {
-  return getDocument(node).head;
-}
+import getDocument from "./getDocument";
+const getDocumentHead = (node) => {
+    return getDocument(node).head;
+};
+export default getDocumentHead;
+//# sourceMappingURL=getDocumentHead.js.map

package/src/get/getDocumentHead.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDocumentHead.js","sourceRoot":"","sources":["getDocumentHead.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAC;AAOxC,MAAM,eAAe,GAAG,CAAC,IAAW,EAAiC,EAAE;IACrE,OAAO,WAAW,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC;AAChC,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/src/get/getDocumentHead.ts

@@ -0,0 +1,12 @@
+import getDocument from "./getDocument";
+/**
+ * Returns the `document.head` or the `<head>` element.
+ *
+ * @param node the reference node
+ * @returns the `<head>` of the node's parent document
+ */
+const getDocumentHead = (node?: Node): HTMLElement & HTMLHeadElement => {
+  return getDocument(node).head;
+};
+
+export default getDocumentHead;

package/src/get/getElementAnimationDelay.js

@@ -1,21 +1,12 @@
-import animationDelay from '../strings/animationDelay';
-import animationName from '../strings/animationName';
-import getElementStyle from './getElementStyle';
-
-/**
- * Utility to get the computed `animationDelay`
- * from Element in miliseconds.
- *
- * @param {HTMLElement} element target
- * @return {number} the value in miliseconds
- */
-export default function getElementAnimationDelay(element) {
-  const propertyValue = getElementStyle(element, animationName);
-  const durationValue = getElementStyle(element, animationDelay);
-  const durationScale = durationValue.includes('ms') ? /* istanbul ignore next */1 : 1000;
-  const duration = propertyValue && propertyValue !== 'none'
-    ? parseFloat(durationValue) * durationScale : 0;
-
-  /* istanbul ignore next */
-  return !Number.isNaN(duration) ? duration : 0;
-}
+import animationDelay from "../strings/animationDelay";
+import animationName from "../strings/animationName";
+import getElementStyle from "./getElementStyle";
+const getElementAnimationDelay = (element) => {
+    const propertyValue = getElementStyle(element, animationName);
+    const durationValue = getElementStyle(element, animationDelay);
+    const durationScale = durationValue.includes("ms") ? 1 : 1000;
+    const duration = propertyValue && propertyValue !== "none" ? parseFloat(durationValue) * durationScale : 0;
+    return !Number.isNaN(duration) ? duration : 0;
+};
+export default getElementAnimationDelay;
+//# sourceMappingURL=getElementAnimationDelay.js.map

package/src/get/getElementAnimationDelay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getElementAnimationDelay.js","sourceRoot":"","sources":["getElementAnimationDelay.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,2BAA2B,CAAC;AACvD,OAAO,aAAa,MAAM,0BAA0B,CAAC;AACrD,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAShD,MAAM,wBAAwB,GAAG,CAAC,OAAoB,EAAU,EAAE;IAChE,MAAM,aAAa,GAAG,eAAe,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;IAC9D,MAAM,aAAa,GAAG,eAAe,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;IAC/D,MAAM,aAAa,GAAG,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAA4B,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACzF,MAAM,QAAQ,GACZ,aAAa,IAAI,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,aAAa,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;IAE5F,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAA4B,CAAC,CAAC;AAC3E,CAAC,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/src/get/getElementAnimationDelay.ts

@@ -0,0 +1,22 @@
+import animationDelay from "../strings/animationDelay";
+import animationName from "../strings/animationName";
+import getElementStyle from "./getElementStyle";
+
+/**
+ * Utility to get the computed `animationDelay`
+ * from Element in miliseconds.
+ *
+ * @param element target
+ * @return the `animationDelay` value in miliseconds
+ */
+const getElementAnimationDelay = (element: HTMLElement): number => {
+  const propertyValue = getElementStyle(element, animationName);
+  const durationValue = getElementStyle(element, animationDelay);
+  const durationScale = durationValue.includes("ms") ? /* istanbul ignore next */ 1 : 1000;
+  const duration =
+    propertyValue && propertyValue !== "none" ? parseFloat(durationValue) * durationScale : 0;
+
+  return !Number.isNaN(duration) ? duration : /* istanbul ignore next */ 0;
+};
+
+export default getElementAnimationDelay;

package/src/get/getElementAnimationDuration.js

@@ -1,20 +1,12 @@
-import animationDuration from '../strings/animationDuration';
-import animationName from '../strings/animationName';
-import getElementStyle from './getElementStyle';
-
-/**
- * Utility to get the computed `animationDuration`
- * from `HTMLElement` in miliseconds.
- *
- * @param {HTMLElement} element target
- * @return {number} the value in miliseconds
- */
-export default function getElementAnimationDuration(element) {
-  const propertyValue = getElementStyle(element, animationName);
-  const durationValue = getElementStyle(element, animationDuration);
-  const durationScale = durationValue.includes('ms') ? /* istanbul ignore next */1 : 1000;
-  const duration = propertyValue && propertyValue !== 'none'
-    ? parseFloat(durationValue) * durationScale : 0;
-
-  return !Number.isNaN(duration) ? duration : /* istanbul ignore next */0;
-}
+import animationDuration from "../strings/animationDuration";
+import animationName from "../strings/animationName";
+import getElementStyle from "./getElementStyle";
+const getElementAnimationDuration = (element) => {
+    const propertyValue = getElementStyle(element, animationName);
+    const durationValue = getElementStyle(element, animationDuration);
+    const durationScale = durationValue.includes("ms") ? 1 : 1000;
+    const duration = propertyValue && propertyValue !== "none" ? parseFloat(durationValue) * durationScale : 0;
+    return !Number.isNaN(duration) ? duration : 0;
+};
+export default getElementAnimationDuration;
+//# sourceMappingURL=getElementAnimationDuration.js.map

package/src/get/getElementAnimationDuration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getElementAnimationDuration.js","sourceRoot":"","sources":["getElementAnimationDuration.ts"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,8BAA8B,CAAC;AAC7D,OAAO,aAAa,MAAM,0BAA0B,CAAC;AACrD,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAShD,MAAM,2BAA2B,GAAG,CAAC,OAAoB,EAAU,EAAE;IACnE,MAAM,aAAa,GAAG,eAAe,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;IAC9D,MAAM,aAAa,GAAG,eAAe,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;IAClE,MAAM,aAAa,GAAG,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAA4B,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACzF,MAAM,QAAQ,GACZ,aAAa,IAAI,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,aAAa,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;IAE5F,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAA4B,CAAC,CAAC;AAC3E,CAAC,CAAC;AAEF,eAAe,2BAA2B,CAAC"}

package/src/get/getElementAnimationDuration.ts

@@ -0,0 +1,22 @@
+import animationDuration from "../strings/animationDuration";
+import animationName from "../strings/animationName";
+import getElementStyle from "./getElementStyle";
+
+/**
+ * Utility to get the computed `animationDuration`
+ * from `HTMLElement` in miliseconds.
+ *
+ * @param element target
+ * @return the `animationDuration` value in miliseconds
+ */
+const getElementAnimationDuration = (element: HTMLElement): number => {
+  const propertyValue = getElementStyle(element, animationName);
+  const durationValue = getElementStyle(element, animationDuration);
+  const durationScale = durationValue.includes("ms") ? /* istanbul ignore next */ 1 : 1000;
+  const duration =
+    propertyValue && propertyValue !== "none" ? parseFloat(durationValue) * durationScale : 0;
+
+  return !Number.isNaN(duration) ? duration : /* istanbul ignore next */ 0;
+};
+
+export default getElementAnimationDuration;

package/src/get/getElementStyle.js

@@ -1,20 +1,8 @@
-/**
- * Shortcut for `window.getComputedStyle(element).propertyName`
- * static method.
- *
- * * If `element` parameter is not an `HTMLElement`, `getComputedStyle`
- * throws a `ReferenceError`.
- *
- * @param {HTMLElement} element target
- * @param {string} property the css property
- * @return {string} the css property value
- */
-export default function getElementStyle(element, property) {
-  const computedStyle = getComputedStyle(element);
-
-  // must use camelcase strings,
-  // or non-camelcase strings with `getPropertyValue`
-  return property.includes('--')
-    ? computedStyle.getPropertyValue(property)
-    : computedStyle[property];
-}
+const getElementStyle = (element, property) => {
+    const computedStyle = getComputedStyle(element);
+    return property.includes("--")
+        ? computedStyle.getPropertyValue(property)
+        : computedStyle[property];
+};
+export default getElementStyle;
+//# sourceMappingURL=getElementStyle.js.map

package/src/get/getElementStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getElementStyle.js","sourceRoot":"","sources":["getElementStyle.ts"],"names":[],"mappings":"AAaA,MAAM,eAAe,GAAG,CAAC,OAAoB,EAAE,QAAgB,EAAU,EAAE;IACzE,MAAM,aAAa,GAAoB,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAIjE,OAAO,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC;QAC5B,CAAC,CAAC,aAAa,CAAC,gBAAgB,CAAC,QAAQ,CAAC;QAC1C,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;AAC9B,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/src/get/getElementStyle.ts

@@ -0,0 +1,24 @@
+import CSS4Declaration from "../interface/css4Declaration";
+
+/**
+ * Shortcut for `window.getComputedStyle(element).propertyName`
+ * static method.
+ *
+ * * If `element` parameter is not an `HTMLElement`, `getComputedStyle`
+ * throws a `ReferenceError`.
+ *
+ * @param element target
+ * @param property the css property
+ * @return the css property value
+ */
+const getElementStyle = (element: HTMLElement, property: string): string => {
+  const computedStyle: CSS4Declaration = getComputedStyle(element);
+
+  // must use camelcase strings,
+  // or non-camelcase strings with `getPropertyValue`
+  return property.includes("--")
+    ? computedStyle.getPropertyValue(property)
+    : computedStyle[property];
+};
+
+export default getElementStyle;