@blackbyte/sugar 1.0.0-beta.1

package/dist/js/dom/query/querySelectorUp.js

@@ -0,0 +1,47 @@
+import matches from './matches.js';
+/**
+ * @name                 querySelectorUp
+ * @namespace            js.dom.query
+ * @type                Function
+ * @platform            js
+ * @status              stable
+ *
+ * Go up the dom three to find the first element that matches the passed selector
+ *
+ * @param 		{HTMLElement} 					  $from  		    The element to start from
+ * @param 		{String|Function} 				selector 	    A css selector to search for or a check function that will be used
+ * @return 		{HTMLElement} 								          The element found or null
+ *
+ * @todo      tests
+ *
+ * @snippet         querySelectorUp($1, $2)
+ *
+ * @example  	js
+ * import { querySelectorUp } from '@blackbyte/sugar/dom'
+ * const closestElm =  querySelectorUp(myCoolElement, '.my-cool-class');
+ * if (closestElm) {
+ * 		// we have found en element that matches the selector
+ * }
+ * // the selector param can be a function that need to return either true or false like so:
+ *  querySelectorUp(myCoolElement, (elm) => {
+ *   return elm.hasAttribute('my-cool-attribute')
+ * })
+ *
+ * @since           1.0.0
+ * @author         Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export default function querySelectorUp($from, selector) {
+    const originalElm = $from;
+    let $parent = $from.parentElement;
+    while ($parent && $parent != originalElm.ownerDocument) {
+        if (typeof selector === 'function') {
+            if (selector($parent))
+                return $parent;
+        }
+        else if (typeof selector === 'string' && matches($parent, selector)) {
+            return $parent;
+        }
+        $parent = $parent.parentNode;
+    }
+}
+//# sourceMappingURL=querySelectorUp.js.map

package/dist/js/dom/query/querySelectorUp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"querySelectorUp.js","sourceRoot":"","sources":["../../../../src/js/dom/query/querySelectorUp.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,cAAc,CAAC;AAEnC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CACrC,KAAkB,EAClB,QAA2B;IAE3B,MAAM,WAAW,GAAG,KAAK,CAAC;IAC1B,IAAI,OAAO,GAAQ,KAAK,CAAC,aAAa,CAAC;IACvC,OAAO,OAAO,IAAI,OAAO,IAAI,WAAW,CAAC,aAAa,EAAE,CAAC;QACvD,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;YACnC,IAAI,QAAQ,CAAC,OAAO,CAAC;gBAAE,OAAO,OAAsB,CAAC;QACvD,CAAC;aAAM,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,EAAE,CAAC;YACtE,OAAO,OAAsB,CAAC;QAChC,CAAC;QACD,OAAO,GAAG,OAAO,CAAC,UAAU,CAAC;IAC/B,CAAC;AACH,CAAC"}

package/dist/js/dom/script/_exports.d.ts

@@ -0,0 +1,2 @@
+import ensureScriptExec from './ensureScriptExec.js';
+export { ensureScriptExec as __ensureScriptExec, ensureScriptExec };

package/dist/js/dom/script/_exports.js

@@ -0,0 +1,3 @@
+import ensureScriptExec from './ensureScriptExec.js';
+export { ensureScriptExec as __ensureScriptExec, ensureScriptExec };
+//# sourceMappingURL=_exports.js.map

package/dist/js/dom/script/_exports.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_exports.js","sourceRoot":"","sources":["../../../../src/js/dom/script/_exports.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AAErD,OAAO,EAAE,gBAAgB,IAAI,kBAAkB,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/js/dom/script/ensureExec.d.ts

@@ -0,0 +1 @@
+export default function __ensureExec($script: HTMLScriptElement | HTMLScriptElement[] | NodeListOf<HTMLScriptElement>): void;

package/dist/js/dom/script/ensureExec.js

@@ -0,0 +1,23 @@
+export default function __ensureExec($script) {
+    var _a;
+    let $scripts = [];
+    if ($script instanceof HTMLScriptElement) {
+        $scripts = [$script];
+    }
+    else if ($script instanceof NodeList) {
+        $scripts = Array.from($script).filter((el) => el instanceof HTMLScriptElement);
+    }
+    else if (Array.isArray($script)) {
+        $scripts = $script.filter((el) => el instanceof HTMLScriptElement);
+    }
+    for (const $s of $scripts) {
+        const newScriptEl = document.createElement('script');
+        Array.from($s.attributes).forEach((attr) => {
+            newScriptEl.setAttribute(attr.name, attr.value);
+        });
+        const scriptText = document.createTextNode($s.innerHTML);
+        newScriptEl.appendChild(scriptText);
+        (_a = $s.parentNode) === null || _a === void 0 ? void 0 : _a.replaceChild(newScriptEl, $s);
+    }
+}
+//# sourceMappingURL=ensureExec.js.map

package/dist/js/dom/script/ensureExec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ensureExec.js","sourceRoot":"","sources":["../../../../src/js/dom/script/ensureExec.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,YAAY,CAClC,OAGiC;;IAEjC,IAAI,QAAQ,GAAwB,EAAE,CAAC;IACvC,IAAI,OAAO,YAAY,iBAAiB,EAAE,CAAC;QACzC,QAAQ,GAAG,CAAC,OAAO,CAAC,CAAC;IACvB,CAAC;SAAM,IAAI,OAAO,YAAY,QAAQ,EAAE,CAAC;QACvC,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,CACnC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,YAAY,iBAAiB,CACjB,CAAC;IAC3B,CAAC;SAAM,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;QAClC,QAAQ,GAAG,OAAO,CAAC,MAAM,CACvB,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,YAAY,iBAAiB,CACjB,CAAC;IAC3B,CAAC;IAED,KAAK,MAAM,EAAE,IAAI,QAAQ,EAAE,CAAC;QAC1B,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACrD,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACzC,WAAW,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;QAClD,CAAC,CAAC,CAAC;QACH,MAAM,UAAU,GAAG,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;QACzD,WAAW,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QACpC,MAAA,EAAE,CAAC,UAAU,0CAAE,YAAY,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;IAC/C,CAAC;AACH,CAAC"}

package/dist/js/dom/script/ensureScriptExec.d.ts

@@ -0,0 +1 @@
+export default function ensureScriptExec($script: HTMLScriptElement | HTMLScriptElement[] | NodeListOf<HTMLScriptElement>): void;

package/dist/js/dom/script/ensureScriptExec.js

@@ -0,0 +1,23 @@
+export default function ensureScriptExec($script) {
+    var _a;
+    let $scripts = [];
+    if ($script instanceof HTMLScriptElement) {
+        $scripts = [$script];
+    }
+    else if ($script instanceof NodeList) {
+        $scripts = Array.from($script).filter((el) => el instanceof HTMLScriptElement);
+    }
+    else if (Array.isArray($script)) {
+        $scripts = $script.filter((el) => el instanceof HTMLScriptElement);
+    }
+    for (const $s of $scripts) {
+        const newScriptEl = document.createElement('script');
+        Array.from($s.attributes).forEach((attr) => {
+            newScriptEl.setAttribute(attr.name, attr.value);
+        });
+        const scriptText = document.createTextNode($s.innerHTML);
+        newScriptEl.appendChild(scriptText);
+        (_a = $s.parentNode) === null || _a === void 0 ? void 0 : _a.replaceChild(newScriptEl, $s);
+    }
+}
+//# sourceMappingURL=ensureScriptExec.js.map

package/dist/js/dom/script/ensureScriptExec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ensureScriptExec.js","sourceRoot":"","sources":["../../../../src/js/dom/script/ensureScriptExec.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,gBAAgB,CACtC,OAGiC;;IAEjC,IAAI,QAAQ,GAAwB,EAAE,CAAC;IACvC,IAAI,OAAO,YAAY,iBAAiB,EAAE,CAAC;QACzC,QAAQ,GAAG,CAAC,OAAO,CAAC,CAAC;IACvB,CAAC;SAAM,IAAI,OAAO,YAAY,QAAQ,EAAE,CAAC;QACvC,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,CACnC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,YAAY,iBAAiB,CACjB,CAAC;IAC3B,CAAC;SAAM,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;QAClC,QAAQ,GAAG,OAAO,CAAC,MAAM,CACvB,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,YAAY,iBAAiB,CACjB,CAAC;IAC3B,CAAC;IAED,KAAK,MAAM,EAAE,IAAI,QAAQ,EAAE,CAAC;QAC1B,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACrD,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACzC,WAAW,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;QAClD,CAAC,CAAC,CAAC;QACH,MAAM,UAAU,GAAG,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;QACzD,WAAW,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QACpC,MAAA,EAAE,CAAC,UAAU,0CAAE,YAAY,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;IAC/C,CAAC;AACH,CAAC"}

package/dist/js/dom/selection/_exports.d.ts

@@ -0,0 +1,2 @@
+import clearSelection from './clearSelection.js';
+export { clearSelection as __clearSelection, clearSelection };

package/dist/js/dom/selection/_exports.js

@@ -0,0 +1,3 @@
+import clearSelection from './clearSelection.js';
+export { clearSelection as __clearSelection, clearSelection };
+//# sourceMappingURL=_exports.js.map

package/dist/js/dom/selection/_exports.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_exports.js","sourceRoot":"","sources":["../../../../src/js/dom/selection/_exports.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,qBAAqB,CAAC;AAEjD,OAAO,EAAE,cAAc,IAAI,gBAAgB,EAAE,cAAc,EAAE,CAAC"}

package/dist/js/dom/selection/clearSelection.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @name                clearSelection
+ * @namespace           js.dom.selection
+ * @type                Function
+ * @platform            js
+ * @status              stable
+ *
+ * Clear the current selection in the DOM even in inputs, etc...
+ **
+ * @snippet         clearSelection()
+ *
+ * @todo        tests
+ *
+ * @example       js
+ * import { clearSelection } from '@blackbyte/sugar/dom';
+ * clearSelection();
+ *
+ * @since       1.0.0
+ * @author    Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export default function clearSelection(): void;

package/dist/js/dom/selection/clearSelection.js

@@ -0,0 +1,35 @@
+/**
+ * @name                clearSelection
+ * @namespace           js.dom.selection
+ * @type                Function
+ * @platform            js
+ * @status              stable
+ *
+ * Clear the current selection in the DOM even in inputs, etc...
+ **
+ * @snippet         clearSelection()
+ *
+ * @todo        tests
+ *
+ * @example       js
+ * import { clearSelection } from '@blackbyte/sugar/dom';
+ * clearSelection();
+ *
+ * @since       1.0.0
+ * @author    Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export default function clearSelection() {
+    if (window.getSelection) {
+        const sel = window.getSelection();
+        if (sel === null || sel === void 0 ? void 0 : sel.empty) {
+            sel.empty();
+        }
+        else if (sel === null || sel === void 0 ? void 0 : sel.removeAllRanges) {
+            sel.removeAllRanges();
+        }
+    }
+    else if (document.selection) {
+        document.selection.empty();
+    }
+}
+//# sourceMappingURL=clearSelection.js.map

package/dist/js/dom/selection/clearSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clearSelection.js","sourceRoot":"","sources":["../../../../src/js/dom/selection/clearSelection.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc;IACpC,IAAI,MAAM,CAAC,YAAY,EAAE,CAAC;QACxB,MAAM,GAAG,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC;QAClC,IAAI,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,KAAK,EAAE,CAAC;YACf,GAAG,CAAC,KAAK,EAAE,CAAC;QACd,CAAC;aAAM,IAAI,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,eAAe,EAAE,CAAC;YAChC,GAAG,CAAC,eAAe,EAAE,CAAC;QACxB,CAAC;IACH,CAAC;SAAM,IAAU,QAAS,CAAC,SAAS,EAAE,CAAC;QAC/B,QAAS,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;IACpC,CAAC;AACH,CAAC"}

package/dist/js/dom/style/_exports.d.ts

@@ -0,0 +1,14 @@
+import getAnimationProperties from './getAnimationProperties.js';
+import getCssDeclarations from './getCssDeclarations.js';
+import getCssRulesFromStylesheet from './getCssRulesFromStylesheet.js';
+import getDefinedStyles from './getDefinedStyles.js';
+import getKeyframesDeclarations from './getKeyframesDeclarations.js';
+import getKeyframesFromStylesheets from './getKeyframesFromStylesheets.js';
+import getRotateProperties from './getRotateProperties.js';
+import getScaleProperty from './getScaleProperty.js';
+import getStyleProperty from './getStyleProperty.js';
+import getTransformProperties from './getTransformProperties.js';
+import getTransitionProperties from './getTransitionProperties.js';
+import getTranslateProperties from './getTranslateProperties.js';
+import transformKeyframeDeclaration from './transformKeyframesDeclarations.js';
+export { getAnimationProperties as __getAnimationProperties, getCssDeclarations as __getCssDeclarations, getCssRulesFromStylesheet as __getCssRulesFromStylesheet, getDefinedStyles as __getDefinedStyles, getKeyframesDeclarations as __getKeyframesDeclarations, getKeyframesFromStylesheets as __getKeyframesFromStylesheets, getRotateProperties as __getRotateProperties, getScaleProperty as __getScaleProperty, getStyleProperty as __getStyleProperty, getTransformProperties as __getTransformProperties, getTransitionProperties as __getTransitionProperties, getTranslateProperties as __getTranslateProperties, transformKeyframeDeclaration as __transformKeyframeDeclaration, getAnimationProperties, getCssDeclarations, getCssRulesFromStylesheet, getDefinedStyles, getKeyframesDeclarations, getKeyframesFromStylesheets, getRotateProperties, getScaleProperty, getStyleProperty, getTransformProperties, getTransitionProperties, getTranslateProperties, transformKeyframeDeclaration, };

package/dist/js/dom/style/_exports.js

@@ -0,0 +1,15 @@
+import getAnimationProperties from './getAnimationProperties.js';
+import getCssDeclarations from './getCssDeclarations.js';
+import getCssRulesFromStylesheet from './getCssRulesFromStylesheet.js';
+import getDefinedStyles from './getDefinedStyles.js';
+import getKeyframesDeclarations from './getKeyframesDeclarations.js';
+import getKeyframesFromStylesheets from './getKeyframesFromStylesheets.js';
+import getRotateProperties from './getRotateProperties.js';
+import getScaleProperty from './getScaleProperty.js';
+import getStyleProperty from './getStyleProperty.js';
+import getTransformProperties from './getTransformProperties.js';
+import getTransitionProperties from './getTransitionProperties.js';
+import getTranslateProperties from './getTranslateProperties.js';
+import transformKeyframeDeclaration from './transformKeyframesDeclarations.js';
+export { getAnimationProperties as __getAnimationProperties, getCssDeclarations as __getCssDeclarations, getCssRulesFromStylesheet as __getCssRulesFromStylesheet, getDefinedStyles as __getDefinedStyles, getKeyframesDeclarations as __getKeyframesDeclarations, getKeyframesFromStylesheets as __getKeyframesFromStylesheets, getRotateProperties as __getRotateProperties, getScaleProperty as __getScaleProperty, getStyleProperty as __getStyleProperty, getTransformProperties as __getTransformProperties, getTransitionProperties as __getTransitionProperties, getTranslateProperties as __getTranslateProperties, transformKeyframeDeclaration as __transformKeyframeDeclaration, getAnimationProperties, getCssDeclarations, getCssRulesFromStylesheet, getDefinedStyles, getKeyframesDeclarations, getKeyframesFromStylesheets, getRotateProperties, getScaleProperty, getStyleProperty, getTransformProperties, getTransitionProperties, getTranslateProperties, transformKeyframeDeclaration, };
+//# sourceMappingURL=_exports.js.map

package/dist/js/dom/style/_exports.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_exports.js","sourceRoot":"","sources":["../../../../src/js/dom/style/_exports.ts"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,MAAM,6BAA6B,CAAC;AACjE,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AACzD,OAAO,yBAAyB,MAAM,gCAAgC,CAAC;AACvE,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AACrD,OAAO,wBAAwB,MAAM,+BAA+B,CAAC;AACrE,OAAO,2BAA2B,MAAM,kCAAkC,CAAC;AAC3E,OAAO,mBAAmB,MAAM,0BAA0B,CAAC;AAC3D,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AACrD,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AACrD,OAAO,sBAAsB,MAAM,6BAA6B,CAAC;AACjE,OAAO,uBAAuB,MAAM,8BAA8B,CAAC;AACnE,OAAO,sBAAsB,MAAM,6BAA6B,CAAC;AACjE,OAAO,4BAA4B,MAAM,qCAAqC,CAAC;AAE/E,OAAO,EACL,sBAAsB,IAAI,wBAAwB,EAClD,kBAAkB,IAAI,oBAAoB,EAC1C,yBAAyB,IAAI,2BAA2B,EACxD,gBAAgB,IAAI,kBAAkB,EACtC,wBAAwB,IAAI,0BAA0B,EACtD,2BAA2B,IAAI,6BAA6B,EAC5D,mBAAmB,IAAI,qBAAqB,EAC5C,gBAAgB,IAAI,kBAAkB,EACtC,gBAAgB,IAAI,kBAAkB,EACtC,sBAAsB,IAAI,wBAAwB,EAClD,uBAAuB,IAAI,yBAAyB,EACpD,sBAAsB,IAAI,wBAAwB,EAClD,4BAA4B,IAAI,8BAA8B,EAC9D,sBAAsB,EACtB,kBAAkB,EAClB,yBAAyB,EACzB,gBAAgB,EAChB,wBAAwB,EACxB,2BAA2B,EAC3B,mBAAmB,EACnB,gBAAgB,EAChB,gBAAgB,EAChB,sBAAsB,EACtB,uBAAuB,EACvB,sBAAsB,EACtB,4BAA4B,GAC7B,CAAC"}

package/dist/js/dom/style/getAnimationProperties.d.ts

@@ -0,0 +1,48 @@
+/**
+ * @name            getAnimationProperties
+ * @namespace       js.dom.style
+ * @type            Function
+ * @platform        js
+ * @status          beta
+ *
+ * Get the css animation properties from an HTMLElement in an object format
+ *
+ * @param 		{HTMLElement} 		elm  		The element to get the properties from
+ * @return 		{Object} 									The animation properties
+ *
+ * @todo      tests
+ *
+ * @snippet         getAnimationProperties($1)
+ *
+ * @example  	js
+ * import { getAnimationProperties } from '@blackbyte/sugar/dom'
+ * const props = getAnimationProperties(myCoolHTMLElement);
+ * // output format
+ * // {
+ * // 	name : ['animation1'],
+ * // 	duration : [200],
+ * // 	delay : [0],
+ * // 	timingFunction : ['linear'],
+ * // 	iterationCount : [1],
+ * // 	direction : ['forward'],
+ * // 	totalDuration : 200
+ * // }
+ *
+ * @since           1.0.0
+ * @author         Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export type TGetAnimationPropertiesObject = {
+    name: string;
+    duration: number;
+    delay: number;
+    timingFunction: string;
+    iterationCount: number;
+    direction: string;
+    fillMode: string;
+    playState: string;
+};
+export type TGetAnimationPropertiesResult = {
+    totalDuration: number;
+    animations: TGetAnimationPropertiesObject[];
+};
+export default function getAnimationProperties(elm: HTMLElement): TGetAnimationPropertiesResult;

package/dist/js/dom/style/getAnimationProperties.js

@@ -0,0 +1,55 @@
+import convertTime from '../../../shared/datetime/convertTime.js';
+import getStyleProperty from './getStyleProperty.js';
+export default function getAnimationProperties(elm) {
+    var _a, _b;
+    // get the animation properties
+    const name = getStyleProperty(elm, 'animation-name') || '';
+    const duration = getStyleProperty(elm, 'animation-duration') || '0s';
+    const timingFunction = getStyleProperty(elm, 'animation-timing-function') || 'linear';
+    const delay = getStyleProperty(elm, 'animation-delay') || '0s';
+    const iterationCount = getStyleProperty(elm, 'animation-iteration-count') || 1;
+    const direction = getStyleProperty(elm, 'animation-direction') || 'normal';
+    const fillMode = getStyleProperty(elm, 'animation-fill-mode') || 'none';
+    const playState = getStyleProperty(elm, 'animation-play-state') || 'running';
+    // return the animation object
+    const props = {
+        names: name.split(','),
+        durations: duration.split(',').map((value) => convertTime(value, 'ms')),
+        delays: `${delay}`.split(',').map((value) => convertTime(value, 'ms')),
+        timingFunctions: ((_b = (_a = timingFunction.split) === null || _a === void 0 ? void 0 : _a.call(timingFunction, ',')) !== null && _b !== void 0 ? _b : timingFunction.name)
+            ? [timingFunction.name]
+            : ['linear'],
+        iterationCounts: `${iterationCount}`.split(','),
+        directions: direction.split(','),
+        fillModes: fillMode.split(','),
+        playStates: playState.split(','),
+    };
+    const animations = [];
+    const result = {
+        totalDuration: 0,
+        animations,
+    };
+    for (let [i, name] of props.names) {
+        animations.push({
+            name,
+            duration: props.durations[i],
+            delay: props.delays[i],
+            timingFunction: props.timingFunctions[i],
+            iterationCount: parseInt(props.iterationCounts[i]),
+            direction: props.directions[i],
+            fillMode: props.fillModes[i],
+            playState: props.playStates[i],
+        });
+    }
+    let totalDuration = 0;
+    const i = 0;
+    const delays = [0].concat(props.delays);
+    [0].concat(props.durations).forEach((val) => {
+        if (val + delays[i] > totalDuration) {
+            totalDuration = val + delays[i];
+        }
+    });
+    result.totalDuration = totalDuration;
+    return result;
+}
+//# sourceMappingURL=getAnimationProperties.js.map

package/dist/js/dom/style/getAnimationProperties.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getAnimationProperties.js","sourceRoot":"","sources":["../../../../src/js/dom/style/getAnimationProperties.ts"],"names":[],"mappings":"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"}

package/dist/js/dom/style/getCssDeclarations.d.ts

@@ -0,0 +1,27 @@
+/**
+ * @name            getCssDeclarations
+ * @namespace       js.dom.style
+ * @type            Function
+ * @platform        js
+ * @status          beta
+ *
+ * Get all the CSSRules of the passed type
+ *
+ * @param           {string}              [typeName='style']            CSSRule type to search for, valid types: unknown, style, charset, import, media, fontface, page, keyframes, keyframe, namespace, counter, supports, document, fontfeature, viewport, region
+ * @param           {array}               [rules=[]]                    Array of CSSRules to search
+ * @param           {function}            [predecate=Boolean]           Predecate function to filter matches
+ * @return          {array}                                             Array of matching CSSRules
+ *
+ * @todo      tests
+ *
+ * @snippet         getCssDeclarations()
+ *
+ * @example  	js
+ * import { getCssDeclarations } from '@blackbyte/sugar/dom';
+ * getCssDeclarations('style', [myCoolCssRules]);
+ *
+ * @see             https://github.com/marionebl/jogwheel/blob/main/source/library/get-declarations.js
+ * @since           1.0.0
+ * @author         Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export default function getCssDeclarations(typeName?: string, rules?: never[], predecate?: boolean | Function): any[];

package/dist/js/dom/style/getCssDeclarations.js

@@ -0,0 +1,63 @@
+/**
+ * @name            getCssDeclarations
+ * @namespace       js.dom.style
+ * @type            Function
+ * @platform        js
+ * @status          beta
+ *
+ * Get all the CSSRules of the passed type
+ *
+ * @param           {string}              [typeName='style']            CSSRule type to search for, valid types: unknown, style, charset, import, media, fontface, page, keyframes, keyframe, namespace, counter, supports, document, fontfeature, viewport, region
+ * @param           {array}               [rules=[]]                    Array of CSSRules to search
+ * @param           {function}            [predecate=Boolean]           Predecate function to filter matches
+ * @return          {array}                                             Array of matching CSSRules
+ *
+ * @todo      tests
+ *
+ * @snippet         getCssDeclarations()
+ *
+ * @example  	js
+ * import { getCssDeclarations } from '@blackbyte/sugar/dom';
+ * getCssDeclarations('style', [myCoolCssRules]);
+ *
+ * @see             https://github.com/marionebl/jogwheel/blob/main/source/library/get-declarations.js
+ * @since           1.0.0
+ * @author         Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export default function getCssDeclarations(typeName = 'style', rules = [], predecate = Boolean) {
+    const declarations = {
+        unknown: 0,
+        style: 1,
+        charset: 2,
+        import: 3,
+        media: 4,
+        fontface: 5,
+        page: 6,
+        keyframes: 7,
+        keyframe: 8,
+        namespace: 9,
+        counter: 11,
+        supports: 12,
+        document: 13,
+        fontfeature: 14,
+        viewport: 15,
+        region: 16,
+    };
+    const type = declarations[typeName];
+    return ([].slice
+        .call(rules)
+        // filter by rule type
+        // @ts-ignore
+        .filter((rule) => rule.type === type)
+        // filter with user-provided predecate
+        // @ts-ignore
+        .filter(predecate)
+        // unwrap cssRules
+        // @ts-ignore
+        .map((rule) => rule.cssRules)
+        // flatten cssRules
+        .reduce((results, cssRules) => {
+        return [...results, ...[].slice.call(cssRules)];
+    }, []));
+}
+//# sourceMappingURL=getCssDeclarations.js.map

package/dist/js/dom/style/getCssDeclarations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCssDeclarations.js","sourceRoot":"","sources":["../../../../src/js/dom/style/getCssDeclarations.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CACxC,QAAQ,GAAG,OAAO,EAClB,KAAK,GAAG,EAAE,EACV,YAAgC,OAAO;IAEvC,MAAM,YAAY,GAAG;QACnB,OAAO,EAAE,CAAC;QACV,KAAK,EAAE,CAAC;QACR,OAAO,EAAE,CAAC;QACV,MAAM,EAAE,CAAC;QACT,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,CAAC;QACX,IAAI,EAAE,CAAC;QACP,SAAS,EAAE,CAAC;QACZ,QAAQ,EAAE,CAAC;QACX,SAAS,EAAE,CAAC;QACZ,OAAO,EAAE,EAAE;QACX,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,WAAW,EAAE,EAAE;QACf,QAAQ,EAAE,EAAE;QACZ,MAAM,EAAE,EAAE;KACX,CAAC;IAEF,MAAM,IAAI,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC;IAEpC,OAAO,CACL,EAAE,CAAC,KAAK;SACL,IAAI,CAAC,KAAK,CAAC;QACZ,sBAAsB;QACtB,aAAa;SACZ,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC;QACrC,sCAAsC;QACtC,aAAa;SACZ,MAAM,CAAC,SAAS,CAAC;QAClB,kBAAkB;QAClB,aAAa;SACZ,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC;QAC7B,mBAAmB;SAClB,MAAM,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,EAAE;QAC5B,OAAO,CAAC,GAAG,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;IAClD,CAAC,EAAE,EAAE,CAAC,CACT,CAAC;AACJ,CAAC"}

package/dist/js/dom/style/getCssRulesFromStylesheet.d.ts

@@ -0,0 +1,26 @@
+/**
+ * @name            getCssRulesFromStylesheet
+ * @namespace       js.dom.style
+ * @type            Function
+ * @platform        js
+ * @status          beta
+ *
+ * Get all the CSSRules of the passed stylesheet
+ *
+ * @param     {CSSStyleSheet}       stylesheet              The stylesheet from which to get the CSSRules
+ * @param     {Boolean}             [recursive=true]        Specify if you want to get rules from imported css or not
+ * @return    {CSSRule[]}                                   Array of CSSRules
+ *
+ * @todo      tests
+ *
+ * @snippet         getCssRulesFromStylesheet($1)
+ *
+ * @example  	js
+ * import { getCssRulesFromStylesheet } from '@blackbyte/sugar/dom';
+ * getCssRulesFromStylesheet(myStylesheet);
+ *
+ * @see             https://github.com/marionebl/jogwheel/blob/main/source/library/get-css-rules.js
+ * @since           1.0.0
+ * @author         Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export default function getCssRulesFromStylesheet(styleSheet: StyleSheet, recursive?: boolean): never[];

package/dist/js/dom/style/getCssRulesFromStylesheet.js

@@ -0,0 +1,61 @@
+/**
+ * @name            getCssRulesFromStylesheet
+ * @namespace       js.dom.style
+ * @type            Function
+ * @platform        js
+ * @status          beta
+ *
+ * Get all the CSSRules of the passed stylesheet
+ *
+ * @param     {CSSStyleSheet}       stylesheet              The stylesheet from which to get the CSSRules
+ * @param     {Boolean}             [recursive=true]        Specify if you want to get rules from imported css or not
+ * @return    {CSSRule[]}                                   Array of CSSRules
+ *
+ * @todo      tests
+ *
+ * @snippet         getCssRulesFromStylesheet($1)
+ *
+ * @example  	js
+ * import { getCssRulesFromStylesheet } from '@blackbyte/sugar/dom';
+ * getCssRulesFromStylesheet(myStylesheet);
+ *
+ * @see             https://github.com/marionebl/jogwheel/blob/main/source/library/get-css-rules.js
+ * @since           1.0.0
+ * @author         Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export default function getCssRulesFromStylesheet(styleSheet, recursive = true) {
+    try {
+        let rules = [];
+        function getRules(sheet) {
+            let isAccessible = true;
+            // make a try catch cause external stylesheets cannot be accessed
+            try {
+                // @ts-ignore
+                rules = [...rules, ...[].slice.call(sheet.cssRules || [])];
+            }
+            catch (e) {
+                isAccessible = false;
+            }
+            if (!recursive || !isAccessible)
+                return;
+            // @ts-ignore
+            [].slice.call(sheet.cssRules || []).forEach((rule) => {
+                // @ts-ignore
+                // console.log(rule);
+                if (rule.href && rule.href.match(/\.css$/)) {
+                    // @ts-ignore
+                    getRules(rule.styleSheet);
+                }
+            });
+        }
+        getRules(styleSheet);
+        // @ts-ignore
+        return rules;
+    }
+    catch (err) {
+        console.warn(`Error while reading cssRules from StyleSheet "${styleSheet.href || 'local'}".`);
+        console.error(err);
+        return [];
+    }
+}
+//# sourceMappingURL=getCssRulesFromStylesheet.js.map

package/dist/js/dom/style/getCssRulesFromStylesheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCssRulesFromStylesheet.js","sourceRoot":"","sources":["../../../../src/js/dom/style/getCssRulesFromStylesheet.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAC/C,UAAsB,EACtB,SAAS,GAAG,IAAI;IAEhB,IAAI,CAAC;QACH,IAAI,KAAK,GAAG,EAAE,CAAC;QAEf,SAAS,QAAQ,CAAC,KAAiB;YACjC,IAAI,YAAY,GAAG,IAAI,CAAC;YACxB,iEAAiE;YACjE,IAAI,CAAC;gBACH,aAAa;gBACb,KAAK,GAAG,CAAC,GAAG,KAAK,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,CAAC;YAC7D,CAAC;YAAC,OAAO,CAAC,EAAE,CAAC;gBACX,YAAY,GAAG,KAAK,CAAC;YACvB,CAAC;YAED,IAAI,CAAC,SAAS,IAAI,CAAC,YAAY;gBAAE,OAAO;YACxC,aAAa;YACb,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;gBACnD,aAAa;gBACb,qBAAqB;gBACrB,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC;oBAC3C,aAAa;oBACb,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBAC5B,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC;QACD,QAAQ,CAAC,UAAU,CAAC,CAAC;QAErB,aAAa;QACb,OAAO,KAAK,CAAC;IACf,CAAC;IAAC,OAAO,GAAG,EAAE,CAAC;QACb,OAAO,CAAC,IAAI,CACV,iDACE,UAAU,CAAC,IAAI,IAAI,OACrB,IAAI,CACL,CAAC;QACF,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACnB,OAAO,EAAE,CAAC;IACZ,CAAC;AACH,CAAC"}

package/dist/js/dom/style/getDefinedStyles.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Gets map of defined styles from CSS2Properties object
+ * @param  {CSS2Properties} properties CSS2Properties object to return defined styles from
+ * @return {object}       plain object containing defined styles as key value pairs
+ * @private
+ */
+/**
+ * @name            getDefinedStyles
+ * @namespace       js.dom.style
+ * @type            Function
+ * @platform        js
+ * @status          stable
+ *
+ * Gets map of defined styles from CSS2Properties object
+ *
+ * @param           {CSS2Properties}            properties          CSS2Properties object to return defined styles from
+ * @return          {object}                                        Plain object containing defined styles as key value pairs
+ *
+ * @todo      tests
+ *
+ * @example  	js
+ * import { getDefinedStyles } from '@blackbyte/sugar/dom';
+ *
+ * @see             https://github.com/marionebl/jogwheel/blob/main/source/library/get-defined-styles.js
+ * @since           1.0.0
+ * @author         Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export default function getDefinedStyles(properties: any): {};

package/dist/js/dom/style/getDefinedStyles.js

@@ -0,0 +1,39 @@
+/**
+ * Gets map of defined styles from CSS2Properties object
+ * @param  {CSS2Properties} properties CSS2Properties object to return defined styles from
+ * @return {object}       plain object containing defined styles as key value pairs
+ * @private
+ */
+/**
+ * @name            getDefinedStyles
+ * @namespace       js.dom.style
+ * @type            Function
+ * @platform        js
+ * @status          stable
+ *
+ * Gets map of defined styles from CSS2Properties object
+ *
+ * @param           {CSS2Properties}            properties          CSS2Properties object to return defined styles from
+ * @return          {object}                                        Plain object containing defined styles as key value pairs
+ *
+ * @todo      tests
+ *
+ * @example  	js
+ * import { getDefinedStyles } from '@blackbyte/sugar/dom';
+ *
+ * @see             https://github.com/marionebl/jogwheel/blob/main/source/library/get-defined-styles.js
+ * @since           1.0.0
+ * @author         Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export default function getDefinedStyles(properties) {
+    const styles = {};
+    for (let i = properties.length - 1; i >= 0; i -= 1) {
+        const name = properties.item(i);
+        const value = properties.getPropertyValue(name);
+        if (value !== 'initial') {
+            styles[name] = value;
+        }
+    }
+    return styles;
+}
+//# sourceMappingURL=getDefinedStyles.js.map

package/dist/js/dom/style/getDefinedStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDefinedStyles.js","sourceRoot":"","sources":["../../../../src/js/dom/style/getDefinedStyles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,UAAU;IACjD,MAAM,MAAM,GAAG,EAAE,CAAC;IAElB,KAAK,IAAI,CAAC,GAAG,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;QACnD,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAChC,MAAM,KAAK,GAAG,UAAU,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;QAChD,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACxB,MAAM,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;QACvB,CAAC;IACH,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC"}