@blackbyte/sugar 1.0.0-beta.27 → 1.0.0-beta.29

package/dist/js/dom/style/getCssDeclarations/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/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/getCssDeclarations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCssDeclarations.js","sourceRoot":"","sources":["../../../../../src/js/dom/style/getCssDeclarations/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/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/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/getCssRulesFromStylesheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCssRulesFromStylesheet.js","sourceRoot":"","sources":["../../../../../src/js/dom/style/getCssRulesFromStylesheet/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/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/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/getDefinedStyles.js.map

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

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

@@ -0,0 +1,26 @@
+/**
+ * @name            getKeyframesDeclarations
+ * @namespace       js.dom.style
+ * @type            Function
+ * @platform        js
+ * @status          stable
+ *
+ * Get all the keyframes declarations from the passed rules
+ *
+ * @param       {string}            animationName       CSS animationName to search KeyFrameRule declarations for
+ * @param       {array}             rules               Array of CSSRules to search
+ * @return      {CSSKeyframeRule}                       Array of matching KeyFrameRules
+ *
+ * @todo      tests
+ *
+ * @snippet         getKeyframesDeclarations($1)
+ *
+ * @example  	js
+ * import { getKeyframesDeclarations } from '@blackbyte/sugar/dom';
+ * getKeyframesDeclarations('myCoolAnimation', [myCoolCssRules]);
+ *
+ * @see             https://github.com/marionebl/jogwheel/blob/main/source/library/get-keyframe-declarations.js
+ * @since           1.0.0
+ * @author         Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export default function getKeyframesDeclarations(animationName: any, rules: any): CSSKeyframeRule[];

package/dist/js/dom/style/getKeyframesDeclarations/getKeyframesDeclarations.js

@@ -0,0 +1,36 @@
+import __getCssDeclarations from '../getCssDeclarations/getCssDeclarations.js';
+/**
+ * @name            getKeyframesDeclarations
+ * @namespace       js.dom.style
+ * @type            Function
+ * @platform        js
+ * @status          stable
+ *
+ * Get all the keyframes declarations from the passed rules
+ *
+ * @param       {string}            animationName       CSS animationName to search KeyFrameRule declarations for
+ * @param       {array}             rules               Array of CSSRules to search
+ * @return      {CSSKeyframeRule}                       Array of matching KeyFrameRules
+ *
+ * @todo      tests
+ *
+ * @snippet         getKeyframesDeclarations($1)
+ *
+ * @example  	js
+ * import { getKeyframesDeclarations } from '@blackbyte/sugar/dom';
+ * getKeyframesDeclarations('myCoolAnimation', [myCoolCssRules]);
+ *
+ * @see             https://github.com/marionebl/jogwheel/blob/main/source/library/get-keyframe-declarations.js
+ * @since           1.0.0
+ * @author         Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export default function getKeyframesDeclarations(animationName, rules) {
+    const keyframesNames = [];
+    return __getCssDeclarations('keyframes', rules, (rule) => {
+        if (keyframesNames.includes(rule.name))
+            return false;
+        keyframesNames.push(rule.name);
+        return rule.name === animationName;
+    });
+}
+//# sourceMappingURL=getKeyframesDeclarations.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getKeyframesDeclarations.js","sourceRoot":"","sources":["../../../../../src/js/dom/style/getKeyframesDeclarations/getKeyframesDeclarations.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,MAAM,6CAA6C,CAAC;AAE/E;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAC9C,aAAa,EACb,KAAK;IAEL,MAAM,cAAc,GAAa,EAAE,CAAC;IACpC,OAAO,oBAAoB,CAAC,WAAW,EAAE,KAAK,EAAE,CAAC,IAAI,EAAE,EAAE;QACvD,IAAI,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;YAAE,OAAO,KAAK,CAAC;QACrD,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/B,OAAO,IAAI,CAAC,IAAI,KAAK,aAAa,CAAC;IACrC,CAAC,CAAC,CAAC;AACL,CAAC"}

package/dist/js/dom/style/getKeyframesDeclarations.js

@@ -1,4 +1,4 @@
-import __getCssDeclarations from './getCssDeclarations.js';
+import __getCssDeclarations from './getCssDeclarations/getCssDeclarations.js';
 /**
  * @name            getKeyframesDeclarations
  * @namespace       js.dom.style

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

@@ -1 +1 @@
-{"version":3,"file":"getKeyframesDeclarations.js","sourceRoot":"","sources":["../../../../src/js/dom/style/getKeyframesDeclarations.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,MAAM,yBAAyB,CAAC;AAE3D;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAC9C,aAAa,EACb,KAAK;IAEL,MAAM,cAAc,GAAa,EAAE,CAAC;IACpC,OAAO,oBAAoB,CAAC,WAAW,EAAE,KAAK,EAAE,CAAC,IAAI,EAAE,EAAE;QACvD,IAAI,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;YAAE,OAAO,KAAK,CAAC;QACrD,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/B,OAAO,IAAI,CAAC,IAAI,KAAK,aAAa,CAAC;IACrC,CAAC,CAAC,CAAC;AACL,CAAC"}
+{"version":3,"file":"getKeyframesDeclarations.js","sourceRoot":"","sources":["../../../../src/js/dom/style/getKeyframesDeclarations.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,MAAM,4CAA4C,CAAC;AAE9E;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAC9C,aAAa,EACb,KAAK;IAEL,MAAM,cAAc,GAAa,EAAE,CAAC;IACpC,OAAO,oBAAoB,CAAC,WAAW,EAAE,KAAK,EAAE,CAAC,IAAI,EAAE,EAAE;QACvD,IAAI,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;YAAE,OAAO,KAAK,CAAC;QACrD,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/B,OAAO,IAAI,CAAC,IAAI,KAAK,aAAa,CAAC;IACrC,CAAC,CAAC,CAAC;AACL,CAAC"}

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

@@ -0,0 +1,13 @@
+import { TTransformedKeyframeDeclaration } from '../transformKeyframesDeclarations/transformKeyframesDeclarations.js';
+export type TKeyframe = {
+    delay?: number;
+    direction: 'normal' | 'reverse' | 'alternate' | 'alternate-reverse' | 'inherit' | 'initial' | 'revert' | 'revert-layer' | 'unset';
+    duration: number;
+    fillMode: 'none' | 'forwards' | 'backwards' | 'both' | 'inherit' | 'initial' | 'revert' | 'revert-layer' | 'unset';
+    iterationCount: 'infinite' | 'inherit' | 'initial' | 'revert' | 'revert-layer' | 'unset' | number;
+    keyframes: TTransformedKeyframeDeclaration[];
+    name: string;
+    playState: 'paused' | 'running' | 'inherit' | 'initial' | 'revert' | 'revert-layer' | 'unset';
+    timingFunction: string;
+};
+export default function getKeyframesFromStylesheets(animationName: any, styleSheets: any): TKeyframe[];

package/dist/js/dom/style/getKeyframesFromStylesheets/getKeyframesFromStylesheets.js

@@ -0,0 +1,23 @@
+import __getCssRulesFromStylesheet from '../getCssRulesFromStylesheet/getCssRulesFromStylesheet.js';
+import __getKeyframesDeclarations from '../getKeyframesDeclarations/getKeyframesDeclarations.js';
+import __transformKeyframeDeclaration from '../transformKeyframesDeclarations/transformKeyframesDeclarations.js';
+export default function getKeyframesFromStylesheets(animationName, styleSheets) {
+    // Collect CSSRules present in the document
+    const CSSRules = [].slice
+        .call(styleSheets)
+        .reduce((results, styleSheet) => [
+        ...results,
+        ...__getCssRulesFromStylesheet(styleSheet),
+    ], []);
+    // Filter CSSRules for KeyFrameRules
+    // @ts-ignore
+    return (__getKeyframesDeclarations(animationName, CSSRules)
+        // Transform KeyFrameRules to web animation compatible format
+        .map(__transformKeyframeDeclaration)
+        // Flatten mulitdimensional array of transformed keyframes
+        .reduce((results, declaration) => {
+        const amend = Array.isArray(declaration) ? declaration : [declaration];
+        return [...results, ...amend];
+    }, []));
+}
+//# sourceMappingURL=getKeyframesFromStylesheets.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getKeyframesFromStylesheets.js","sourceRoot":"","sources":["../../../../../src/js/dom/style/getKeyframesFromStylesheets/getKeyframesFromStylesheets.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,MAAM,2DAA2D,CAAC;AAEpG,OAAO,0BAA0B,MAAM,yDAAyD,CAAC;AACjG,OAAO,8BAEN,MAAM,qEAAqE,CAAC;AA8C7E,MAAM,CAAC,OAAO,UAAU,2BAA2B,CACjD,aAAa,EACb,WAAW;IAEX,2CAA2C;IAC3C,MAAM,QAAQ,GAAG,EAAE,CAAC,KAAK;SACtB,IAAI,CAAC,WAAW,CAAC;SACjB,MAAM,CACL,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,CAAC;QACvB,GAAG,OAAO;QACV,GAAG,2BAA2B,CAAC,UAAU,CAAC;KAC3C,EACD,EAAE,CACH,CAAC;IAEJ,oCAAoC;IACpC,aAAa;IACb,OAAO,CACL,0BAA0B,CAAC,aAAa,EAAE,QAAQ,CAAC;QACjD,6DAA6D;SAC5D,GAAG,CAAC,8BAA8B,CAAC;QACpC,0DAA0D;SACzD,MAAM,CAAC,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE;QAC/B,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;QACvE,OAAO,CAAC,GAAG,OAAO,EAAE,GAAG,KAAK,CAAC,CAAC;IAChC,CAAC,EAAE,EAAE,CAAC,CACT,CAAC;AACJ,CAAC"}

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

@@ -1,4 +1,4 @@
-import { TTransformedKeyframeDeclaration } from './transformKeyframesDeclarations.js';
+import { TTransformedKeyframeDeclaration } from './transformKeyframesDeclarations/transformKeyframesDeclarations.js';
 export type TKeyframe = {
     delay?: number;
     direction: 'normal' | 'reverse' | 'alternate' | 'alternate-reverse' | 'inherit' | 'initial' | 'revert' | 'revert-layer' | 'unset';

package/dist/js/dom/style/getKeyframesFromStylesheets.js

@@ -1,6 +1,6 @@
-import __getCssRulesFromStylesheet from './getCssRulesFromStylesheet.js';
-import __getKeyframesDeclarations from './getKeyframesDeclarations.js';
-import __transformKeyframeDeclaration from './transformKeyframesDeclarations.js';
+import __getCssRulesFromStylesheet from './getCssRulesFromStylesheet/getCssRulesFromStylesheet.js';
+import __getKeyframesDeclarations from './getKeyframesDeclarations/getKeyframesDeclarations.js';
+import __transformKeyframeDeclaration from './transformKeyframesDeclarations/transformKeyframesDeclarations.js';
 export default function getKeyframesFromStylesheets(animationName, styleSheets) {
     // Collect CSSRules present in the document
     const CSSRules = [].slice

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

@@ -1 +1 @@
-{"version":3,"file":"getKeyframesFromStylesheets.js","sourceRoot":"","sources":["../../../../src/js/dom/style/getKeyframesFromStylesheets.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,MAAM,gCAAgC,CAAC;AAEzE,OAAO,0BAA0B,MAAM,+BAA+B,CAAC;AACvE,OAAO,8BAEN,MAAM,qCAAqC,CAAC;AA8C7C,MAAM,CAAC,OAAO,UAAU,2BAA2B,CACjD,aAAa,EACb,WAAW;IAEX,2CAA2C;IAC3C,MAAM,QAAQ,GAAG,EAAE,CAAC,KAAK;SACtB,IAAI,CAAC,WAAW,CAAC;SACjB,MAAM,CACL,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,CAAC;QACvB,GAAG,OAAO;QACV,GAAG,2BAA2B,CAAC,UAAU,CAAC;KAC3C,EACD,EAAE,CACH,CAAC;IAEJ,oCAAoC;IACpC,aAAa;IACb,OAAO,CACL,0BAA0B,CAAC,aAAa,EAAE,QAAQ,CAAC;QACjD,6DAA6D;SAC5D,GAAG,CAAC,8BAA8B,CAAC;QACpC,0DAA0D;SACzD,MAAM,CAAC,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE;QAC/B,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;QACvE,OAAO,CAAC,GAAG,OAAO,EAAE,GAAG,KAAK,CAAC,CAAC;IAChC,CAAC,EAAE,EAAE,CAAC,CACT,CAAC;AACJ,CAAC"}
+{"version":3,"file":"getKeyframesFromStylesheets.js","sourceRoot":"","sources":["../../../../src/js/dom/style/getKeyframesFromStylesheets.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,MAAM,0DAA0D,CAAC;AAEnG,OAAO,0BAA0B,MAAM,wDAAwD,CAAC;AAChG,OAAO,8BAEN,MAAM,oEAAoE,CAAC;AA8C5E,MAAM,CAAC,OAAO,UAAU,2BAA2B,CACjD,aAAa,EACb,WAAW;IAEX,2CAA2C;IAC3C,MAAM,QAAQ,GAAG,EAAE,CAAC,KAAK;SACtB,IAAI,CAAC,WAAW,CAAC;SACjB,MAAM,CACL,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,CAAC;QACvB,GAAG,OAAO;QACV,GAAG,2BAA2B,CAAC,UAAU,CAAC;KAC3C,EACD,EAAE,CACH,CAAC;IAEJ,oCAAoC;IACpC,aAAa;IACb,OAAO,CACL,0BAA0B,CAAC,aAAa,EAAE,QAAQ,CAAC;QACjD,6DAA6D;SAC5D,GAAG,CAAC,8BAA8B,CAAC;QACpC,0DAA0D;SACzD,MAAM,CAAC,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE;QAC/B,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;QACvE,OAAO,CAAC,GAAG,OAAO,EAAE,GAAG,KAAK,CAAC,CAAC;IAChC,CAAC,EAAE,EAAE,CAAC,CACT,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,34 @@
+/**
+ * @name        getRotateProperties
+ * @namespace   js.dom.style
+ * @type        Function
+ * @platform    js
+ * @status      stable
+ *
+ * Get a rotate properties of an HTMLElement
+ *
+ * @param 		{HTMLElement} 					$elm  		  The element to get the properties from
+ * @return 		{Object|undefined} 									The translate x,y and z properties
+ *
+ * @todo      tests
+ *
+ * @snippet         getRotateProperties($1)
+ *
+ * @example  	js
+ * import { getRotateProperties } from '@blackbyte/sugar/dom'
+ * const props = getRotateProperties($myCoolHTMLElement);
+ * // output format
+ * // {
+ * // 	x : 100,
+ * // 	y : 0,
+ * // 	z : 0
+ * // }
+ *
+ * @since           1.0.0
+ * @author         Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export default function getRotateProperties($elm: HTMLElement): {
+    x: number;
+    y: number;
+    z: number;
+} | undefined;

package/dist/js/dom/style/getRotateProperties/getRotateProperties.js

@@ -0,0 +1,55 @@
+import * as rematrix from 'rematrix';
+/**
+ * @name        getRotateProperties
+ * @namespace   js.dom.style
+ * @type        Function
+ * @platform    js
+ * @status      stable
+ *
+ * Get a rotate properties of an HTMLElement
+ *
+ * @param 		{HTMLElement} 					$elm  		  The element to get the properties from
+ * @return 		{Object|undefined} 									The translate x,y and z properties
+ *
+ * @todo      tests
+ *
+ * @snippet         getRotateProperties($1)
+ *
+ * @example  	js
+ * import { getRotateProperties } from '@blackbyte/sugar/dom'
+ * const props = getRotateProperties($myCoolHTMLElement);
+ * // output format
+ * // {
+ * // 	x : 100,
+ * // 	y : 0,
+ * // 	z : 0
+ * // }
+ *
+ * @since           1.0.0
+ * @author         Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export default function getRotateProperties($elm) {
+    if (!window.getComputedStyle)
+        return;
+    const style = getComputedStyle($elm);
+    const transform = style.transform ||
+        style.webkitTransform ||
+        // @ts-ignore
+        style.mozTransform ||
+        // @ts-ignore
+        style.msTransform;
+    if (!transform || transform === 'none')
+        return {
+            x: 0,
+            y: 0,
+            z: 0,
+        };
+    const matrix = rematrix.fromString(transform).toString();
+    var values = matrix.split(','), pi = Math.PI, sinB = parseFloat(values[8]), b = Math.round((Math.asin(sinB) * 180) / pi), cosB = Math.cos((b * pi) / 180), matrixVal10 = parseFloat(values[9]), a = Math.round((Math.asin(-matrixVal10 / cosB) * 180) / pi), matrixVal1 = parseFloat(values[0]), c = Math.round((Math.acos(matrixVal1 / cosB) * 180) / pi) * -1;
+    return {
+        x: a,
+        y: b,
+        z: c,
+    };
+}
+//# sourceMappingURL=getRotateProperties.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getRotateProperties.js","sourceRoot":"","sources":["../../../../../src/js/dom/style/getRotateProperties/getRotateProperties.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AAErC;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,IAAiB;IAO3D,IAAI,CAAC,MAAM,CAAC,gBAAgB;QAAE,OAAO;IACrC,MAAM,KAAK,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,SAAS,GACb,KAAK,CAAC,SAAS;QACf,KAAK,CAAC,eAAe;QACrB,aAAa;QACb,KAAK,CAAC,YAAY;QAClB,aAAa;QACb,KAAK,CAAC,WAAW,CAAC;IACpB,IAAI,CAAC,SAAS,IAAI,SAAS,KAAK,MAAM;QACpC,OAAO;YACL,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;SACL,CAAC;IAEJ,MAAM,MAAM,GAAG,QAAQ,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,QAAQ,EAAE,CAAC;IACzD,IAAI,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,EAC5B,EAAE,GAAG,IAAI,CAAC,EAAE,EACZ,IAAI,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAC5B,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,GAAG,EAAE,CAAC,EAC5C,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,GAAG,CAAC,EAC/B,WAAW,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EACnC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,GAAG,CAAC,GAAG,EAAE,CAAC,EAC3D,UAAU,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAClC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,GAAG,GAAG,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEjE,OAAO;QACL,CAAC,EAAE,CAAC;QACJ,CAAC,EAAE,CAAC;QACJ,CAAC,EAAE,CAAC;KACL,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,31 @@
+/**
+ * @name            getScaleProperty
+ * @namespace       js.dom.style
+ * @type            Function
+ * @platform        js
+ * @status          stable
+ *
+ * Get a scale properties of an HTMLElement
+ *
+ * @param 		{HTMLElement} 					$elm  		      The element to get the properties from
+ * @return 		{Number}                                The scale property
+ *
+ * @todo      tests
+ *
+ * @snippet         getScaleProperty($1)
+ *
+ * @example  	js
+ * import { getScaleProperty } from '@blackbyte/sugar/dom'
+ * const props = getScaleProperty($myCoolHTMLElement);
+ * // output format
+ * // 2
+ *
+ * @since           1.0.0
+ * @author         Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export type TGetScalePropertyResult = {
+    x: number;
+    y: number;
+    z: number;
+};
+export default function getScaleProperty($elm: HTMLElement): TGetScalePropertyResult | undefined;

package/dist/js/dom/style/getScaleProperty/getScaleProperty.js

@@ -0,0 +1,23 @@
+import * as rematrix from 'rematrix';
+export default function getScaleProperty($elm) {
+    if (!window.getComputedStyle)
+        return;
+    const style = getComputedStyle($elm);
+    const transform = style.transform ||
+        style.webkitTransform ||
+        // @ts-ignore
+        style.mozTransform ||
+        // @ts-ignore
+        style.msTransform;
+    if (!transform || transform === 'none')
+        return;
+    // fromString returns a Matrix3D (array of 16 numbers)
+    // scaleX is at index 0, scaleY is at index 5
+    const matrixArray = rematrix.fromString(transform);
+    return {
+        x: matrixArray[0],
+        y: matrixArray[5],
+        z: 1,
+    };
+}
+//# sourceMappingURL=getScaleProperty.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getScaleProperty.js","sourceRoot":"","sources":["../../../../../src/js/dom/style/getScaleProperty/getScaleProperty.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AAkCrC,MAAM,CAAC,OAAO,UAAU,gBAAgB,CACtC,IAAiB;IAEjB,IAAI,CAAC,MAAM,CAAC,gBAAgB;QAAE,OAAO;IACrC,MAAM,KAAK,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,SAAS,GACb,KAAK,CAAC,SAAS;QACf,KAAK,CAAC,eAAe;QACrB,aAAa;QACb,KAAK,CAAC,YAAY;QAClB,aAAa;QACb,KAAK,CAAC,WAAW,CAAC;IACpB,IAAI,CAAC,SAAS,IAAI,SAAS,KAAK,MAAM;QAAE,OAAO;IAE/C,sDAAsD;IACtD,6CAA6C;IAC7C,MAAM,WAAW,GAAG,QAAQ,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;IAEnD,OAAO;QACL,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC;QACjB,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC;QACjB,CAAC,EAAE,CAAC;KACL,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,28 @@
+/**
+ * @name            getStyleProperty
+ * @namespace       js.dom.style
+ * @type            Function
+ * @platform        js
+ * @status          beta
+ *
+ * Get a style property on the passed element through the computed style.
+ * This function try to store the actual style to not trigger more that 1 redraw
+ * each js execution loop.
+ *
+ * @param 		{HTMLElement} 					$elm  		    The element to get style from
+ * @param 		{String} 						    property 	    The css property to get
+ * @return 		{Mixed} 									            The style value
+ *
+ * @todo      tests
+ *
+ * @snippet         getStyleProperty($1, $2)
+ *
+ * @example  	js
+ * import { getStyleProperty } from '@blackbyte/sugar/dom'
+ * const opacity = getStyleProperty($myCoolHTMLElement, 'opacity');
+ *
+ * @see 		https://developer.mozilla.org/en-US/docs/Web/API/Window/getComputedStyle
+ * @since           1.0.0
+ * @author         Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export default function getStyleProperty(elm: HTMLElement, property: string): any;

package/dist/js/dom/style/getStyleProperty/getStyleProperty.js

@@ -0,0 +1,43 @@
+import { camelize } from '@blackbyte/sugar/string';
+import { parse } from '@blackbyte/sugar/string';
+/**
+ * @name            getStyleProperty
+ * @namespace       js.dom.style
+ * @type            Function
+ * @platform        js
+ * @status          beta
+ *
+ * Get a style property on the passed element through the computed style.
+ * This function try to store the actual style to not trigger more that 1 redraw
+ * each js execution loop.
+ *
+ * @param 		{HTMLElement} 					$elm  		    The element to get style from
+ * @param 		{String} 						    property 	    The css property to get
+ * @return 		{Mixed} 									            The style value
+ *
+ * @todo      tests
+ *
+ * @snippet         getStyleProperty($1, $2)
+ *
+ * @example  	js
+ * import { getStyleProperty } from '@blackbyte/sugar/dom'
+ * const opacity = getStyleProperty($myCoolHTMLElement, 'opacity');
+ *
+ * @see 		https://developer.mozilla.org/en-US/docs/Web/API/Window/getComputedStyle
+ * @since           1.0.0
+ * @author         Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export default function getStyleProperty(elm, property) {
+    if (!elm)
+        return;
+    const computed = window.getComputedStyle(elm);
+    const prefixes = ['', 'webkit-', 'moz-', 'ms-', 'o-', 'khtml-'];
+    for (let i = 0; i < prefixes.length; i++) {
+        const prefix = prefixes[i];
+        const value = computed[camelize(`${prefix}${property}`)];
+        if (value && value.trim() !== '')
+            return parse(value);
+    }
+    return null;
+}
+//# sourceMappingURL=getStyleProperty.js.map