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

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

@@ -0,0 +1 @@
+{"version":3,"file":"getStyleProperty.js","sourceRoot":"","sources":["../../../../../src/js/dom/style/getStyleProperty/getStyleProperty.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAEhD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CACtC,GAAgB,EAChB,QAAgB;IAEhB,IAAI,CAAC,GAAG;QAAE,OAAO;IACjB,MAAM,QAAQ,GAAG,MAAM,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IAC9C,MAAM,QAAQ,GAAG,CAAC,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC;IAChE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACzC,MAAM,MAAM,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;QAC3B,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ,CAAC,GAAG,MAAM,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAC;QACzD,IAAI,KAAK,IAAI,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE;YAAE,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC;IACxD,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC"}

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

@@ -1,5 +1,5 @@
-import camelize from '../../../shared/string/camelize.js';
-import parse from '../../../shared/string/parse.js';
+import { camelize } from '@blackbyte/sugar/string';
+import { parse } from '@blackbyte/sugar/string';
 /**
  * @name            getStyleProperty
  * @namespace       js.dom.style

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

@@ -1 +1 @@
-{"version":3,"file":"getStyleProperty.js","sourceRoot":"","sources":["../../../../src/js/dom/style/getStyleProperty.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,oCAAoC,CAAC;AAC1D,OAAO,KAAK,MAAM,iCAAiC,CAAC;AAEpD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CACtC,GAAgB,EAChB,QAAgB;IAEhB,IAAI,CAAC,GAAG;QAAE,OAAO;IACjB,MAAM,QAAQ,GAAG,MAAM,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IAC9C,MAAM,QAAQ,GAAG,CAAC,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC;IAChE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACzC,MAAM,MAAM,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;QAC3B,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ,CAAC,GAAG,MAAM,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAC;QACzD,IAAI,KAAK,IAAI,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE;YAAE,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC;IACxD,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC"}
+{"version":3,"file":"getStyleProperty.js","sourceRoot":"","sources":["../../../../src/js/dom/style/getStyleProperty.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAEhD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CACtC,GAAgB,EAChB,QAAgB;IAEhB,IAAI,CAAC,GAAG;QAAE,OAAO;IACjB,MAAM,QAAQ,GAAG,MAAM,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IAC9C,MAAM,QAAQ,GAAG,CAAC,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC;IAChE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACzC,MAAM,MAAM,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;QAC3B,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ,CAAC,GAAG,MAAM,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAC;QACzD,IAAI,KAAK,IAAI,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE;YAAE,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC;IACxD,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC"}

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

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

package/dist/js/dom/style/getTransformProperties/getTransformProperties.js

@@ -0,0 +1,16 @@
+import getRotateProperties from '../getRotateProperties/getRotateProperties.js';
+import getTranslateProperties from '../getTranslateProperties/getTranslateProperties.js';
+function getTransformProperties($elm) {
+    var _a, _b, _c;
+    const rotates = getRotateProperties($elm), translates = getTranslateProperties($elm);
+    return {
+        translateX: translates.x,
+        translateY: translates.y,
+        translateZ: translates.z,
+        rotateX: (_a = rotates === null || rotates === void 0 ? void 0 : rotates.x) !== null && _a !== void 0 ? _a : 0,
+        rotateY: (_b = rotates === null || rotates === void 0 ? void 0 : rotates.y) !== null && _b !== void 0 ? _b : 0,
+        rotateZ: (_c = rotates === null || rotates === void 0 ? void 0 : rotates.z) !== null && _c !== void 0 ? _c : 0,
+    };
+}
+export default getTransformProperties;
+//# sourceMappingURL=getTransformProperties.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getTransformProperties.js","sourceRoot":"","sources":["../../../../../src/js/dom/style/getTransformProperties/getTransformProperties.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,MAAM,+CAA+C,CAAC;AAChF,OAAO,sBAAsB,MAAM,qDAAqD,CAAC;AA4CzF,SAAS,sBAAsB,CAC7B,IAAiB;;IAEjB,MAAM,OAAO,GAAG,mBAAmB,CAAC,IAAI,CAAC,EACvC,UAAU,GAAG,sBAAsB,CAAC,IAAI,CAAC,CAAC;IAE5C,OAAO;QACL,UAAU,EAAE,UAAU,CAAC,CAAC;QACxB,UAAU,EAAE,UAAU,CAAC,CAAC;QACxB,UAAU,EAAE,UAAU,CAAC,CAAC;QACxB,OAAO,EAAE,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,CAAC,mCAAI,CAAC;QACxB,OAAO,EAAE,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,CAAC,mCAAI,CAAC;QACxB,OAAO,EAAE,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,CAAC,mCAAI,CAAC;KACzB,CAAC;AACJ,CAAC;AACD,eAAe,sBAAsB,CAAC"}

package/dist/js/dom/style/getTransformProperties.js

@@ -1,5 +1,5 @@
-import getRotateProperties from './getRotateProperties.js';
-import getTranslateProperties from './getTranslateProperties.js';
+import getRotateProperties from './getRotateProperties/getRotateProperties.js';
+import getTranslateProperties from './getTranslateProperties/getTranslateProperties.js';
 function getTransformProperties($elm) {
     var _a, _b, _c;
     const rotates = getRotateProperties($elm), translates = getTranslateProperties($elm);

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

@@ -1 +1 @@
-{"version":3,"file":"getTransformProperties.js","sourceRoot":"","sources":["../../../../src/js/dom/style/getTransformProperties.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,MAAM,0BAA0B,CAAC;AAC3D,OAAO,sBAAsB,MAAM,6BAA6B,CAAC;AA4CjE,SAAS,sBAAsB,CAC7B,IAAiB;;IAEjB,MAAM,OAAO,GAAG,mBAAmB,CAAC,IAAI,CAAC,EACvC,UAAU,GAAG,sBAAsB,CAAC,IAAI,CAAC,CAAC;IAE5C,OAAO;QACL,UAAU,EAAE,UAAU,CAAC,CAAC;QACxB,UAAU,EAAE,UAAU,CAAC,CAAC;QACxB,UAAU,EAAE,UAAU,CAAC,CAAC;QACxB,OAAO,EAAE,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,CAAC,mCAAI,CAAC;QACxB,OAAO,EAAE,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,CAAC,mCAAI,CAAC;QACxB,OAAO,EAAE,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,CAAC,mCAAI,CAAC;KACzB,CAAC;AACJ,CAAC;AACD,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"getTransformProperties.js","sourceRoot":"","sources":["../../../../src/js/dom/style/getTransformProperties.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,MAAM,8CAA8C,CAAC;AAC/E,OAAO,sBAAsB,MAAM,oDAAoD,CAAC;AA4CxF,SAAS,sBAAsB,CAC7B,IAAiB;;IAEjB,MAAM,OAAO,GAAG,mBAAmB,CAAC,IAAI,CAAC,EACvC,UAAU,GAAG,sBAAsB,CAAC,IAAI,CAAC,CAAC;IAE5C,OAAO;QACL,UAAU,EAAE,UAAU,CAAC,CAAC;QACxB,UAAU,EAAE,UAAU,CAAC,CAAC;QACxB,UAAU,EAAE,UAAU,CAAC,CAAC;QACxB,OAAO,EAAE,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,CAAC,mCAAI,CAAC;QACxB,OAAO,EAAE,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,CAAC,mCAAI,CAAC;QACxB,OAAO,EAAE,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,CAAC,mCAAI,CAAC;KACzB,CAAC;AACJ,CAAC;AACD,eAAe,sBAAsB,CAAC"}

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

@@ -0,0 +1,43 @@
+/**
+ * @name            getTransitionProperties
+ * @namespace       js.dom.style
+ * @type            Function
+ * @platform        js
+ * @status          stable
+ *
+ * Get the css transition properties from an HTMLElement in an object format
+ *
+ * @param 		{HTMLElement} 					$elm  		The element to get the properties from
+ * @return 		{Object} 									      The transition properties
+ *
+ * @todo      tests
+ *
+ * @snippet         getTransitionProperties($1)
+ *
+ * @example  	js
+ * import { getTransitionProperties } from '@blackbyte/sugar/dom'
+ * const props = getTransitionProperties($myCoolHTMLElement);
+ * // output format
+ * // {
+ * // 	property : ['all'],
+ * // 	duration : [200],
+ * // 	delay : [0],
+ * // 	timingFunction : ['linear'],
+ * // 	totalDuration : 200
+ * // }
+ *
+ * @since           1.0.0
+ * @author         Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export type TGetTransitionPropertiesResult = {
+    transitions: TGetTransitionPropertiesObject[];
+    totalDuration: number;
+};
+export type TGetTransitionPropertiesObject = {
+    property: string;
+    duration: number;
+    delay: number;
+    timingFunction: string;
+};
+declare function getTransitionProperties(elm: HTMLElement): TGetTransitionPropertiesResult;
+export default getTransitionProperties;

package/dist/js/dom/style/getTransitionProperties/getTransitionProperties.js

@@ -0,0 +1,46 @@
+import { convertTime } from '@blackbyte/sugar/datetime';
+import getStyleProperty from '../getStyleProperty/getStyleProperty.js';
+function splitIfNeeded(what, separator) {
+    var _a;
+    if ((_a = what.includes) === null || _a === void 0 ? void 0 : _a.call(what, separator)) {
+        return what.split(separator).map((item) => item.trim());
+    }
+    return [what];
+}
+function getTransitionProperties(elm) {
+    // get the transition properties
+    const property = getStyleProperty(elm, 'transition-property');
+    const duration = getStyleProperty(elm, 'transition-duration') || 0;
+    const timingFunction = getStyleProperty(elm, 'transition-timing-function');
+    const delay = getStyleProperty(elm, 'transition-delay');
+    // return the transition object
+    const props = {
+        properties: splitIfNeeded(property, ','),
+        durations: splitIfNeeded(duration, ',').map((value) => convertTime(value, 'ms')),
+        delays: splitIfNeeded(delay, ',').map((value) => convertTime(value, 'ms')),
+        timingFunctions: splitIfNeeded(timingFunction, ','),
+    };
+    const result = {
+        transitions: [],
+        totalDuration: 0,
+    };
+    for (let [i, property] of props.properties.entries()) {
+        result.transitions.push({
+            property,
+            duration: props.durations[i],
+            timingFunction: props.timingFunctions[i],
+            delay: props.delays[i],
+        });
+    }
+    let i = 0;
+    const delays = [0].concat(props.delays);
+    [0].concat(props.durations).forEach((val) => {
+        if (val + delays[i] > result.totalDuration) {
+            result.totalDuration = val + delays[i];
+        }
+        i++;
+    });
+    return result;
+}
+export default getTransitionProperties;
+//# sourceMappingURL=getTransitionProperties.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getTransitionProperties.js","sourceRoot":"","sources":["../../../../../src/js/dom/style/getTransitionProperties/getTransitionProperties.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,gBAAgB,MAAM,yCAAyC,CAAC;AA8CvE,SAAS,aAAa,CAAC,IAAI,EAAE,SAAS;;IACpC,IAAI,MAAA,IAAI,CAAC,QAAQ,qDAAG,SAAS,CAAC,EAAE,CAAC;QAC/B,OAAO,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;IAC1D,CAAC;IACD,OAAO,CAAC,IAAI,CAAC,CAAC;AAChB,CAAC;AAED,SAAS,uBAAuB,CAC9B,GAAgB;IAEhB,gCAAgC;IAChC,MAAM,QAAQ,GAAG,gBAAgB,CAAC,GAAG,EAAE,qBAAqB,CAAC,CAAC;IAC9D,MAAM,QAAQ,GAAG,gBAAgB,CAAC,GAAG,EAAE,qBAAqB,CAAC,IAAI,CAAC,CAAC;IACnE,MAAM,cAAc,GAAG,gBAAgB,CAAC,GAAG,EAAE,4BAA4B,CAAC,CAAC;IAC3E,MAAM,KAAK,GAAG,gBAAgB,CAAC,GAAG,EAAE,kBAAkB,CAAC,CAAC;IAExD,+BAA+B;IAC/B,MAAM,KAAK,GAAG;QACZ,UAAU,EAAE,aAAa,CAAC,QAAQ,EAAE,GAAG,CAAC;QACxC,SAAS,EAAE,aAAa,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CACpD,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,CACzB;QACD,MAAM,EAAE,aAAa,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QAC1E,eAAe,EAAE,aAAa,CAAC,cAAc,EAAE,GAAG,CAAC;KACpD,CAAC;IAEF,MAAM,MAAM,GAAmC;QAC7C,WAAW,EAAE,EAAE;QACf,aAAa,EAAE,CAAC;KACjB,CAAC;IAEF,KAAK,IAAI,CAAC,CAAC,EAAE,QAAQ,CAAC,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC;QACrD,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC;YACtB,QAAQ;YACR,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;YAC5B,cAAc,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC;YACxC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;SACvB,CAAC,CAAC;IACL,CAAC;IAED,IAAI,CAAC,GAAG,CAAC,CAAC;IACV,MAAM,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACxC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;QAC1C,IAAI,GAAG,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,aAAa,EAAE,CAAC;YAC3C,MAAM,CAAC,aAAa,GAAG,GAAG,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;QACzC,CAAC;QACD,CAAC,EAAE,CAAC;IACN,CAAC,CAAC,CAAC;IACH,OAAO,MAAM,CAAC;AAChB,CAAC;AACD,eAAe,uBAAuB,CAAC"}

package/dist/js/dom/style/getTransitionProperties.js

@@ -1,5 +1,5 @@
-import convertTime from '../../../shared/datetime/convertTime.js';
-import getStyleProperty from './getStyleProperty.js';
+import { convertTime } from '@blackbyte/sugar/datetime';
+import getStyleProperty from './getStyleProperty/getStyleProperty.js';
 function splitIfNeeded(what, separator) {
     var _a;
     if ((_a = what.includes) === null || _a === void 0 ? void 0 : _a.call(what, separator)) {

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

@@ -1 +1 @@
-{"version":3,"file":"getTransitionProperties.js","sourceRoot":"","sources":["../../../../src/js/dom/style/getTransitionProperties.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,yCAAyC,CAAC;AAClE,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AA8CrD,SAAS,aAAa,CAAC,IAAI,EAAE,SAAS;;IACpC,IAAI,MAAA,IAAI,CAAC,QAAQ,qDAAG,SAAS,CAAC,EAAE,CAAC;QAC/B,OAAO,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;IAC1D,CAAC;IACD,OAAO,CAAC,IAAI,CAAC,CAAC;AAChB,CAAC;AAED,SAAS,uBAAuB,CAC9B,GAAgB;IAEhB,gCAAgC;IAChC,MAAM,QAAQ,GAAG,gBAAgB,CAAC,GAAG,EAAE,qBAAqB,CAAC,CAAC;IAC9D,MAAM,QAAQ,GAAG,gBAAgB,CAAC,GAAG,EAAE,qBAAqB,CAAC,IAAI,CAAC,CAAC;IACnE,MAAM,cAAc,GAAG,gBAAgB,CAAC,GAAG,EAAE,4BAA4B,CAAC,CAAC;IAC3E,MAAM,KAAK,GAAG,gBAAgB,CAAC,GAAG,EAAE,kBAAkB,CAAC,CAAC;IAExD,+BAA+B;IAC/B,MAAM,KAAK,GAAG;QACZ,UAAU,EAAE,aAAa,CAAC,QAAQ,EAAE,GAAG,CAAC;QACxC,SAAS,EAAE,aAAa,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CACpD,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,CACzB;QACD,MAAM,EAAE,aAAa,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QAC1E,eAAe,EAAE,aAAa,CAAC,cAAc,EAAE,GAAG,CAAC;KACpD,CAAC;IAEF,MAAM,MAAM,GAAmC;QAC7C,WAAW,EAAE,EAAE;QACf,aAAa,EAAE,CAAC;KACjB,CAAC;IAEF,KAAK,IAAI,CAAC,CAAC,EAAE,QAAQ,CAAC,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;QAC3C,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC;YACtB,QAAQ;YACR,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;YAC5B,cAAc,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC;YACxC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;SACvB,CAAC,CAAC;IACL,CAAC;IAED,IAAI,CAAC,GAAG,CAAC,CAAC;IACV,MAAM,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACxC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;QAC1C,IAAI,GAAG,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,aAAa,EAAE,CAAC;YAC3C,MAAM,CAAC,aAAa,GAAG,GAAG,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;QACzC,CAAC;QACD,CAAC,EAAE,CAAC;IACN,CAAC,CAAC,CAAC;IACH,OAAO,MAAM,CAAC;AAChB,CAAC;AACD,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"getTransitionProperties.js","sourceRoot":"","sources":["../../../../src/js/dom/style/getTransitionProperties.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,gBAAgB,MAAM,wCAAwC,CAAC;AA8CtE,SAAS,aAAa,CAAC,IAAI,EAAE,SAAS;;IACpC,IAAI,MAAA,IAAI,CAAC,QAAQ,qDAAG,SAAS,CAAC,EAAE,CAAC;QAC/B,OAAO,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;IAC1D,CAAC;IACD,OAAO,CAAC,IAAI,CAAC,CAAC;AAChB,CAAC;AAED,SAAS,uBAAuB,CAC9B,GAAgB;IAEhB,gCAAgC;IAChC,MAAM,QAAQ,GAAG,gBAAgB,CAAC,GAAG,EAAE,qBAAqB,CAAC,CAAC;IAC9D,MAAM,QAAQ,GAAG,gBAAgB,CAAC,GAAG,EAAE,qBAAqB,CAAC,IAAI,CAAC,CAAC;IACnE,MAAM,cAAc,GAAG,gBAAgB,CAAC,GAAG,EAAE,4BAA4B,CAAC,CAAC;IAC3E,MAAM,KAAK,GAAG,gBAAgB,CAAC,GAAG,EAAE,kBAAkB,CAAC,CAAC;IAExD,+BAA+B;IAC/B,MAAM,KAAK,GAAG;QACZ,UAAU,EAAE,aAAa,CAAC,QAAQ,EAAE,GAAG,CAAC;QACxC,SAAS,EAAE,aAAa,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CACpD,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,CACzB;QACD,MAAM,EAAE,aAAa,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QAC1E,eAAe,EAAE,aAAa,CAAC,cAAc,EAAE,GAAG,CAAC;KACpD,CAAC;IAEF,MAAM,MAAM,GAAmC;QAC7C,WAAW,EAAE,EAAE;QACf,aAAa,EAAE,CAAC;KACjB,CAAC;IAEF,KAAK,IAAI,CAAC,CAAC,EAAE,QAAQ,CAAC,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;QAC3C,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC;YACtB,QAAQ;YACR,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;YAC5B,cAAc,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC;YACxC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;SACvB,CAAC,CAAC;IACL,CAAC;IAED,IAAI,CAAC,GAAG,CAAC,CAAC;IACV,MAAM,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACxC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;QAC1C,IAAI,GAAG,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,aAAa,EAAE,CAAC;YAC3C,MAAM,CAAC,aAAa,GAAG,GAAG,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;QACzC,CAAC;QACD,CAAC,EAAE,CAAC;IACN,CAAC,CAAC,CAAC;IACH,OAAO,MAAM,CAAC;AAChB,CAAC;AACD,eAAe,uBAAuB,CAAC"}

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

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

package/dist/js/dom/style/getTranslateProperties/getTranslateProperties.js

@@ -0,0 +1,29 @@
+import * as rematrix from 'rematrix';
+export default function getTranslateProperties($elm) {
+    if (!window.getComputedStyle)
+        return {
+            x: 0,
+            y: 0,
+            z: 0,
+        };
+    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 matrix3d = rematrix.fromString(transform);
+    return {
+        x: matrix3d[12],
+        y: matrix3d[13],
+        z: matrix3d[14],
+    };
+}
+//# sourceMappingURL=getTranslateProperties.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getTranslateProperties.js","sourceRoot":"","sources":["../../../../../src/js/dom/style/getTranslateProperties/getTranslateProperties.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,UAAU,CAAC;AAsCrC,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAC5C,IAAiB;IAEjB,IAAI,CAAC,MAAM,CAAC,gBAAgB;QAC1B,OAAO;YACL,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;SACL,CAAC;IACJ,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,QAAQ,GAAG,QAAQ,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;IAChD,OAAO;QACL,CAAC,EAAE,QAAQ,CAAC,EAAE,CAAC;QACf,CAAC,EAAE,QAAQ,CAAC,EAAE,CAAC;QACf,CAAC,EAAE,QAAQ,CAAC,EAAE,CAAC;KAChB,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,29 @@
+/**
+ * @name                transformKeyframesDeclarations
+ * @namespace           js.dom.style
+ * @type                Function
+ * @platform            js
+ * @status              beta
+ *
+ * Transforms KeyFrameRule to array of web animation compatible keyframes
+ *
+ * @param               {Object}              keyFrameRule                KeyFrameRule to transform
+ * @return              {Array}                                           Array of webanimation keyframes
+ *
+ * @snippet         transformKeyframesDeclarations($1)
+ *
+ * @todo      tests
+ *
+ * @example  	js
+ * import { transformKeyframesDeclarations } from '@blackbyte/sugar/dom';
+ *
+ * @see             https://github.com/marionebl/jogwheel/blob/main/source/library/transform-keyframe-declaration.js
+ * @since           1.0.0
+ * @author         Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export type TTransformedKeyframeDeclaration = {
+    percentage: number;
+    offset: number;
+    rules: Record<string, any>;
+};
+export default function transformKeyframeDeclaration(keyFrameRule: any): TTransformedKeyframeDeclaration[];

package/dist/js/dom/style/transformKeyframesDeclarations/transformKeyframesDeclarations.js

@@ -0,0 +1,28 @@
+import { parseKeyframeKey } from '@blackbyte/sugar/css';
+import { removeVendorPrefix } from '@blackbyte/sugar/css';
+import { camelCase } from '@blackbyte/sugar/string';
+import getDefinedStyles from '../getDefinedStyles/getDefinedStyles.js';
+function normalizePropertyName(propertyName) {
+    return camelCase(removeVendorPrefix(propertyName));
+}
+export default function transformKeyframeDeclaration(keyFrameRule) {
+    // Convert keyFrame.keyText to integers holding percentage of keyframe
+    const percentages = parseKeyframeKey(keyFrameRule.keyText);
+    const style = getDefinedStyles(keyFrameRule.style);
+    // Normalize to unprefixed styles
+    const normalizedStyles = Object.keys(style).reduce((result, propertyName) => {
+        const name = normalizePropertyName(propertyName);
+        result[name] = style[propertyName];
+        return result;
+    }, {});
+    return percentages.map((percentage) => {
+        return {
+            percentage,
+            // Convert percentage to fraction of 1 for webanimation compat
+            offset: percentage / 100,
+            // Mixin with extracted keyframe styling
+            rules: normalizedStyles,
+        };
+    });
+}
+//# sourceMappingURL=transformKeyframesDeclarations.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"transformKeyframesDeclarations.js","sourceRoot":"","sources":["../../../../../src/js/dom/style/transformKeyframesDeclarations/transformKeyframesDeclarations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,gBAAgB,MAAM,yCAAyC,CAAC;AAgCvE,SAAS,qBAAqB,CAAC,YAAY;IACzC,OAAO,SAAS,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAC,CAAC;AACrD,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,4BAA4B,CAClD,YAAY;IAEZ,sEAAsE;IACtE,MAAM,WAAW,GAAG,gBAAgB,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IAC3D,MAAM,KAAK,GAAG,gBAAgB,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IAEnD,iCAAiC;IACjC,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,YAAY,EAAE,EAAE;QAC1E,MAAM,IAAI,GAAG,qBAAqB,CAAC,YAAY,CAAC,CAAC;QACjD,MAAM,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC;QACnC,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE;QACpC,OAAO;YACL,UAAU;YACV,8DAA8D;YAC9D,MAAM,EAAE,UAAU,GAAG,GAAG;YACxB,wCAAwC;YACxC,KAAK,EAAE,gBAAgB;SACxB,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC"}

package/dist/js/dom/style/transformKeyframesDeclarations.js

@@ -1,7 +1,7 @@
 import parseKeyframeKey from '../../../shared/css/parse/parseKeyframeKey.js';
 import removeVendorPrefix from '../../../shared/css/rule/removeVendorPrefix.js';
-import camelCase from '../../../shared/string/camelCase.js';
-import getDefinedStyles from './getDefinedStyles.js';
+import { camelCase } from '@blackbyte/sugar/string';
+import getDefinedStyles from './getDefinedStyles/getDefinedStyles.js';
 function normalizePropertyName(propertyName) {
     return camelCase(removeVendorPrefix(propertyName));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"transformKeyframesDeclarations.js","sourceRoot":"","sources":["../../../../src/js/dom/style/transformKeyframesDeclarations.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,+CAA+C,CAAC;AAC7E,OAAO,kBAAkB,MAAM,gDAAgD,CAAC;AAChF,OAAO,SAAS,MAAM,qCAAqC,CAAC;AAC5D,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AAgCrD,SAAS,qBAAqB,CAAC,YAAY;IACzC,OAAO,SAAS,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAC,CAAC;AACrD,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,4BAA4B,CAClD,YAAY;IAEZ,sEAAsE;IACtE,MAAM,WAAW,GAAG,gBAAgB,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IAC3D,MAAM,KAAK,GAAG,gBAAgB,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IAEnD,iCAAiC;IACjC,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,YAAY,EAAE,EAAE;QAC1E,MAAM,IAAI,GAAG,qBAAqB,CAAC,YAAY,CAAC,CAAC;QACjD,MAAM,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC;QACnC,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE;QACpC,OAAO;YACL,UAAU;YACV,8DAA8D;YAC9D,MAAM,EAAE,UAAU,GAAG,GAAG;YACxB,wCAAwC;YACxC,KAAK,EAAE,gBAAgB;SACxB,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC"}
+{"version":3,"file":"transformKeyframesDeclarations.js","sourceRoot":"","sources":["../../../../src/js/dom/style/transformKeyframesDeclarations.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,+CAA+C,CAAC;AAC7E,OAAO,kBAAkB,MAAM,gDAAgD,CAAC;AAChF,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,gBAAgB,MAAM,wCAAwC,CAAC;AAgCtE,SAAS,qBAAqB,CAAC,YAAY;IACzC,OAAO,SAAS,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAC,CAAC;AACrD,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,4BAA4B,CAClD,YAAY;IAEZ,sEAAsE;IACtE,MAAM,WAAW,GAAG,gBAAgB,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IAC3D,MAAM,KAAK,GAAG,gBAAgB,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IAEnD,iCAAiC;IACjC,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,YAAY,EAAE,EAAE;QAC1E,MAAM,IAAI,GAAG,qBAAqB,CAAC,YAAY,CAAC,CAAC;QACjD,MAAM,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC;QACnC,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE;QACpC,OAAO;YACL,UAAU;YACV,8DAA8D;YAC9D,MAAM,EAAE,UAAU,GAAG,GAAG;YACxB,wCAAwC;YACxC,KAAK,EAAE,gBAAgB;SACxB,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC"}

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

@@ -1,22 +1,22 @@
-import when, { WhenTriggers } from './when.js';
-import whenAnimationEnd from './whenAnimationEnd.js';
-import whenAttribute from './whenAttribute.js';
-import whenBackgroundImageLoaded from './whenBackgroundImageLoaded.js';
-import whenDomReady from './whenDomReady.js';
-import whenEntersViewport from './whenEntersViewport.js';
-import whenEventListener from './whenEventListener.js';
-import whenIframeReady from './whenIframeReady.js';
-import whenImageLoaded from './whenImageLoaded.js';
-import whenImagesLoaded from './whenImagesLoaded.js';
-import whenInViewport from './whenInViewport.js';
-import whenInteract from './whenInteract.js';
-import whenLinkLoaded from './whenLinkLoaded.js';
-import whenNearViewport from './whenNearViewport.js';
-import whenOutOfViewport from './whenOutOfViewport.js';
-import whenRemoved from './whenRemoved.js';
-import whenScriptLoaded from './whenScriptLoaded.js';
-import whenStylesheetsReady from './whenStylesheetsReady.js';
-import whenTransitionEnd from './whenTransitionEnd.js';
-import whenVideoReady from './whenVideoReady.js';
-import whenVisible from './whenVisible.js';
-export { when as __when, whenAnimationEnd as __whenAnimationEnd, whenAttribute as __whenAttribute, whenBackgroundImageLoaded as __whenBackgroundImageLoaded, whenDomReady as __whenDomReady, whenEntersViewport as __whenEntersViewport, whenEventListener as __whenEventListener, whenIframeReady as __whenIframeReady, whenImageLoaded as __whenImageLoaded, whenImagesLoaded as __whenImagesLoaded, whenInteract as __whenInteract, whenInViewport as __whenInViewport, whenLinkLoaded as __whenLinkLoaded, whenNearViewport as __whenNearViewport, whenOutOfViewport as __whenOutOfViewport, whenRemoved as __whenRemoved, whenScriptLoaded as __whenScriptLoaded, whenStylesheetsReady as __whenStylesheetsReady, whenTransitionEnd as __whenTransitionEnd, whenVideoReady as __whenVideoReady, whenVisible as __whenVisible, when, whenAnimationEnd, whenAttribute, whenBackgroundImageLoaded, whenDomReady, whenEntersViewport, whenEventListener, whenIframeReady, whenImageLoaded, whenImagesLoaded, whenInteract, whenInViewport, whenLinkLoaded, whenNearViewport, whenOutOfViewport, whenRemoved, whenScriptLoaded, whenStylesheetsReady, whenTransitionEnd, WhenTriggers, whenVideoReady, whenVisible, };
+import when, { TWhenTrigger, WhenTriggers } from './when/when.js';
+import whenAnimationEnd from './whenAnimationEnd/whenAnimationEnd.js';
+import whenAttribute from './whenAttribute/whenAttribute.js';
+import whenBackgroundImageLoaded from './whenBackgroundImageLoaded/whenBackgroundImageLoaded.js';
+import whenDomReady from './whenDomReady/whenDomReady.js';
+import whenEntersViewport from './whenEntersViewport/whenEntersViewport.js';
+import whenEventListener from './whenEventListener/whenEventListener.js';
+import whenIframeReady from './whenIframeReady/whenIframeReady.js';
+import whenImageLoaded from './whenImageLoaded/whenImageLoaded.js';
+import whenImagesLoaded from './whenImagesLoaded/whenImagesLoaded.js';
+import whenInViewport from './whenInViewport/whenInViewport.js';
+import whenInteract from './whenInteract/whenInteract.js';
+import whenLinkLoaded from './whenLinkLoaded/whenLinkLoaded.js';
+import whenNearViewport from './whenNearViewport/whenNearViewport.js';
+import whenOutOfViewport from './whenOutOfViewport/whenOutOfViewport.js';
+import whenRemoved from './whenRemoved/whenRemoved.js';
+import whenScriptLoaded from './whenScriptLoaded/whenScriptLoaded.js';
+import whenStylesheetsReady from './whenStylesheetsReady/whenStylesheetsReady.js';
+import whenTransitionEnd from './whenTransitionEnd/whenTransitionEnd.js';
+import whenVideoReady from './whenVideoReady/whenVideoReady.js';
+import whenVisible from './whenVisible/whenVisible.js';
+export { TWhenTrigger as __TWhenTrigger, when as __when, whenAnimationEnd as __whenAnimationEnd, whenAttribute as __whenAttribute, whenBackgroundImageLoaded as __whenBackgroundImageLoaded, whenDomReady as __whenDomReady, whenEntersViewport as __whenEntersViewport, whenEventListener as __whenEventListener, whenIframeReady as __whenIframeReady, whenImageLoaded as __whenImageLoaded, whenImagesLoaded as __whenImagesLoaded, whenInteract as __whenInteract, whenInViewport as __whenInViewport, whenLinkLoaded as __whenLinkLoaded, whenNearViewport as __whenNearViewport, whenOutOfViewport as __whenOutOfViewport, whenRemoved as __whenRemoved, whenScriptLoaded as __whenScriptLoaded, whenStylesheetsReady as __whenStylesheetsReady, whenTransitionEnd as __whenTransitionEnd, WhenTriggers as __WhenTriggers, whenVideoReady as __whenVideoReady, whenVisible as __whenVisible, TWhenTrigger, when, whenAnimationEnd, whenAttribute, whenBackgroundImageLoaded, whenDomReady, whenEntersViewport, whenEventListener, whenIframeReady, whenImageLoaded, whenImagesLoaded, whenInteract, whenInViewport, whenLinkLoaded, whenNearViewport, whenOutOfViewport, whenRemoved, whenScriptLoaded, whenStylesheetsReady, whenTransitionEnd, WhenTriggers, whenVideoReady, whenVisible, };

package/dist/js/dom/when/_exports.js

@@ -1,23 +1,23 @@
-import when, { WhenTriggers } from './when.js';
-import whenAnimationEnd from './whenAnimationEnd.js';
-import whenAttribute from './whenAttribute.js';
-import whenBackgroundImageLoaded from './whenBackgroundImageLoaded.js';
-import whenDomReady from './whenDomReady.js';
-import whenEntersViewport from './whenEntersViewport.js';
-import whenEventListener from './whenEventListener.js';
-import whenIframeReady from './whenIframeReady.js';
-import whenImageLoaded from './whenImageLoaded.js';
-import whenImagesLoaded from './whenImagesLoaded.js';
-import whenInViewport from './whenInViewport.js';
-import whenInteract from './whenInteract.js';
-import whenLinkLoaded from './whenLinkLoaded.js';
-import whenNearViewport from './whenNearViewport.js';
-import whenOutOfViewport from './whenOutOfViewport.js';
-import whenRemoved from './whenRemoved.js';
-import whenScriptLoaded from './whenScriptLoaded.js';
-import whenStylesheetsReady from './whenStylesheetsReady.js';
-import whenTransitionEnd from './whenTransitionEnd.js';
-import whenVideoReady from './whenVideoReady.js';
-import whenVisible from './whenVisible.js';
-export { when as __when, whenAnimationEnd as __whenAnimationEnd, whenAttribute as __whenAttribute, whenBackgroundImageLoaded as __whenBackgroundImageLoaded, whenDomReady as __whenDomReady, whenEntersViewport as __whenEntersViewport, whenEventListener as __whenEventListener, whenIframeReady as __whenIframeReady, whenImageLoaded as __whenImageLoaded, whenImagesLoaded as __whenImagesLoaded, whenInteract as __whenInteract, whenInViewport as __whenInViewport, whenLinkLoaded as __whenLinkLoaded, whenNearViewport as __whenNearViewport, whenOutOfViewport as __whenOutOfViewport, whenRemoved as __whenRemoved, whenScriptLoaded as __whenScriptLoaded, whenStylesheetsReady as __whenStylesheetsReady, whenTransitionEnd as __whenTransitionEnd, whenVideoReady as __whenVideoReady, whenVisible as __whenVisible, when, whenAnimationEnd, whenAttribute, whenBackgroundImageLoaded, whenDomReady, whenEntersViewport, whenEventListener, whenIframeReady, whenImageLoaded, whenImagesLoaded, whenInteract, whenInViewport, whenLinkLoaded, whenNearViewport, whenOutOfViewport, whenRemoved, whenScriptLoaded, whenStylesheetsReady, whenTransitionEnd, WhenTriggers, whenVideoReady, whenVisible, };
+import when, { WhenTriggers } from './when/when.js';
+import whenAnimationEnd from './whenAnimationEnd/whenAnimationEnd.js';
+import whenAttribute from './whenAttribute/whenAttribute.js';
+import whenBackgroundImageLoaded from './whenBackgroundImageLoaded/whenBackgroundImageLoaded.js';
+import whenDomReady from './whenDomReady/whenDomReady.js';
+import whenEntersViewport from './whenEntersViewport/whenEntersViewport.js';
+import whenEventListener from './whenEventListener/whenEventListener.js';
+import whenIframeReady from './whenIframeReady/whenIframeReady.js';
+import whenImageLoaded from './whenImageLoaded/whenImageLoaded.js';
+import whenImagesLoaded from './whenImagesLoaded/whenImagesLoaded.js';
+import whenInViewport from './whenInViewport/whenInViewport.js';
+import whenInteract from './whenInteract/whenInteract.js';
+import whenLinkLoaded from './whenLinkLoaded/whenLinkLoaded.js';
+import whenNearViewport from './whenNearViewport/whenNearViewport.js';
+import whenOutOfViewport from './whenOutOfViewport/whenOutOfViewport.js';
+import whenRemoved from './whenRemoved/whenRemoved.js';
+import whenScriptLoaded from './whenScriptLoaded/whenScriptLoaded.js';
+import whenStylesheetsReady from './whenStylesheetsReady/whenStylesheetsReady.js';
+import whenTransitionEnd from './whenTransitionEnd/whenTransitionEnd.js';
+import whenVideoReady from './whenVideoReady/whenVideoReady.js';
+import whenVisible from './whenVisible/whenVisible.js';
+export { when as __when, whenAnimationEnd as __whenAnimationEnd, whenAttribute as __whenAttribute, whenBackgroundImageLoaded as __whenBackgroundImageLoaded, whenDomReady as __whenDomReady, whenEntersViewport as __whenEntersViewport, whenEventListener as __whenEventListener, whenIframeReady as __whenIframeReady, whenImageLoaded as __whenImageLoaded, whenImagesLoaded as __whenImagesLoaded, whenInteract as __whenInteract, whenInViewport as __whenInViewport, whenLinkLoaded as __whenLinkLoaded, whenNearViewport as __whenNearViewport, whenOutOfViewport as __whenOutOfViewport, whenRemoved as __whenRemoved, whenScriptLoaded as __whenScriptLoaded, whenStylesheetsReady as __whenStylesheetsReady, whenTransitionEnd as __whenTransitionEnd, WhenTriggers as __WhenTriggers, whenVideoReady as __whenVideoReady, whenVisible as __whenVisible, when, whenAnimationEnd, whenAttribute, whenBackgroundImageLoaded, whenDomReady, whenEntersViewport, whenEventListener, whenIframeReady, whenImageLoaded, whenImagesLoaded, whenInteract, whenInViewport, whenLinkLoaded, whenNearViewport, whenOutOfViewport, whenRemoved, whenScriptLoaded, whenStylesheetsReady, whenTransitionEnd, WhenTriggers, whenVideoReady, whenVisible, };
 //# sourceMappingURL=_exports.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"_exports.js","sourceRoot":"","sources":["../../../../src/js/dom/when/_exports.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,EAAE,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AACrD,OAAO,aAAa,MAAM,oBAAoB,CAAC;AAC/C,OAAO,yBAAyB,MAAM,gCAAgC,CAAC;AACvE,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAC7C,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AACzD,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AACvD,OAAO,eAAe,MAAM,sBAAsB,CAAC;AACnD,OAAO,eAAe,MAAM,sBAAsB,CAAC;AACnD,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AACrD,OAAO,cAAc,MAAM,qBAAqB,CAAC;AACjD,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAC7C,OAAO,cAAc,MAAM,qBAAqB,CAAC;AACjD,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AACrD,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AACvD,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AACrD,OAAO,oBAAoB,MAAM,2BAA2B,CAAC;AAC7D,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AACvD,OAAO,cAAc,MAAM,qBAAqB,CAAC;AACjD,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EACL,IAAI,IAAI,MAAM,EACd,gBAAgB,IAAI,kBAAkB,EACtC,aAAa,IAAI,eAAe,EAChC,yBAAyB,IAAI,2BAA2B,EACxD,YAAY,IAAI,cAAc,EAC9B,kBAAkB,IAAI,oBAAoB,EAC1C,iBAAiB,IAAI,mBAAmB,EACxC,eAAe,IAAI,iBAAiB,EACpC,eAAe,IAAI,iBAAiB,EACpC,gBAAgB,IAAI,kBAAkB,EACtC,YAAY,IAAI,cAAc,EAC9B,cAAc,IAAI,gBAAgB,EAClC,cAAc,IAAI,gBAAgB,EAClC,gBAAgB,IAAI,kBAAkB,EACtC,iBAAiB,IAAI,mBAAmB,EACxC,WAAW,IAAI,aAAa,EAC5B,gBAAgB,IAAI,kBAAkB,EACtC,oBAAoB,IAAI,sBAAsB,EAC9C,iBAAiB,IAAI,mBAAmB,EACxC,cAAc,IAAI,gBAAgB,EAClC,WAAW,IAAI,aAAa,EAC5B,IAAI,EACJ,gBAAgB,EAChB,aAAa,EACb,yBAAyB,EACzB,YAAY,EACZ,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EACjB,WAAW,EACX,gBAAgB,EAChB,oBAAoB,EACpB,iBAAiB,EACjB,YAAY,EACZ,cAAc,EACd,WAAW,GACZ,CAAC"}
+{"version":3,"file":"_exports.js","sourceRoot":"","sources":["../../../../src/js/dom/when/_exports.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,EAAE,EAAgB,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,gBAAgB,MAAM,wCAAwC,CAAC;AACtE,OAAO,aAAa,MAAM,kCAAkC,CAAC;AAC7D,OAAO,yBAAyB,MAAM,0DAA0D,CAAC;AACjG,OAAO,YAAY,MAAM,gCAAgC,CAAC;AAC1D,OAAO,kBAAkB,MAAM,4CAA4C,CAAC;AAC5E,OAAO,iBAAiB,MAAM,0CAA0C,CAAC;AACzE,OAAO,eAAe,MAAM,sCAAsC,CAAC;AACnE,OAAO,eAAe,MAAM,sCAAsC,CAAC;AACnE,OAAO,gBAAgB,MAAM,wCAAwC,CAAC;AACtE,OAAO,cAAc,MAAM,oCAAoC,CAAC;AAChE,OAAO,YAAY,MAAM,gCAAgC,CAAC;AAC1D,OAAO,cAAc,MAAM,oCAAoC,CAAC;AAChE,OAAO,gBAAgB,MAAM,wCAAwC,CAAC;AACtE,OAAO,iBAAiB,MAAM,0CAA0C,CAAC;AACzE,OAAO,WAAW,MAAM,8BAA8B,CAAC;AACvD,OAAO,gBAAgB,MAAM,wCAAwC,CAAC;AACtE,OAAO,oBAAoB,MAAM,gDAAgD,CAAC;AAClF,OAAO,iBAAiB,MAAM,0CAA0C,CAAC;AACzE,OAAO,cAAc,MAAM,oCAAoC,CAAC;AAChE,OAAO,WAAW,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAEL,IAAI,IAAI,MAAM,EACd,gBAAgB,IAAI,kBAAkB,EACtC,aAAa,IAAI,eAAe,EAChC,yBAAyB,IAAI,2BAA2B,EACxD,YAAY,IAAI,cAAc,EAC9B,kBAAkB,IAAI,oBAAoB,EAC1C,iBAAiB,IAAI,mBAAmB,EACxC,eAAe,IAAI,iBAAiB,EACpC,eAAe,IAAI,iBAAiB,EACpC,gBAAgB,IAAI,kBAAkB,EACtC,YAAY,IAAI,cAAc,EAC9B,cAAc,IAAI,gBAAgB,EAClC,cAAc,IAAI,gBAAgB,EAClC,gBAAgB,IAAI,kBAAkB,EACtC,iBAAiB,IAAI,mBAAmB,EACxC,WAAW,IAAI,aAAa,EAC5B,gBAAgB,IAAI,kBAAkB,EACtC,oBAAoB,IAAI,sBAAsB,EAC9C,iBAAiB,IAAI,mBAAmB,EACxC,YAAY,IAAI,cAAc,EAC9B,cAAc,IAAI,gBAAgB,EAClC,WAAW,IAAI,aAAa,EAE5B,IAAI,EACJ,gBAAgB,EAChB,aAAa,EACb,yBAAyB,EACzB,YAAY,EACZ,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EACjB,WAAW,EACX,gBAAgB,EAChB,oBAAoB,EACpB,iBAAiB,EACjB,YAAY,EACZ,cAAc,EACd,WAAW,GACZ,CAAC"}

package/dist/js/dom/when/when/when.d.ts

@@ -0,0 +1,60 @@
+import type { TWhenEntersViewportSettings } from '../whenEntersViewport/whenEntersViewport.js';
+import type { TWhenInteractSettings } from '../whenInteract/whenInteract.js';
+import type { TWhenInViewportSettings } from '../whenInViewport/whenInViewport.js';
+import type { TWhenNearViewportSettings } from '../whenNearViewport/whenNearViewport.js';
+import type { TWhenOutOfViewportSettings } from '../whenOutOfViewport/whenOutOfViewport.js';
+import type { TWhenVisibleSettings } from '../whenVisible/whenVisible.js';
+/**
+ * @name            when
+ * @namespace       js.dom.when
+ * @type            Function
+ * @platform          js
+ * @status        stable
+ * @async
+ *
+ * This function listen for passed `trigger(s)` on the passed `HTMLElement` and resolve the promise once one of them has reached his state.
+ *
+ * @param       {HTMLElement}           $elm              The element to listen on
+ * @param       {String|String[]}       trigger           The trigger(s) to listen on
+ * @param       {TwhenSettings}         [settings={}]     Some settings like offset, etc...
+ * @return      {SPromise<HTMLElement>}                   A promise resolved when all the triggers are fulfilled
+ *
+ * @setting         {Partial<TWhenInViewportSettings>}          [whenInViewport={}]            Some settings for the whenInViewport function
+ * @setting         {Partial<TWhenNearViewportSettings>}        [whenNearViewport={}]           Some settings for the whenNearViewport function
+ * @setting         {Partial<IWhenEntersViewportSettubgs>}      [whenEntersViewport={}]         Some settings for the whenEntersViewport function
+ * @setting         {Partial<TWhenOutOfViewportSettings>}      [whenOutOfViewport={}]         Some settings for the whenOutOfViewport function
+ * @setting         {Partial<TWhenInteractSettings>}      [whenInteract={}]         Some settings for the whenInteract function
+ * @setting         {Partial<TWhenVisibleSettings>}      [whenVisible={}]         Some settings for the whenVisible function
+ * @setting         {Partial<IWhenStyleSheetsReadySettings>}      [whenStylesheetsReady={}]         Some settings for the whenStylesheetsReady function
+ *
+ * @snippet         when($1, $2, $3)
+ * when($1, $2).then(() => {
+ *      $2
+ * });
+ *
+ * @todo      tests
+ *
+ * @example         js
+ * import { when } from '@blackbyte/sugar/dom';
+ * when($elm, 'inViewport', {
+ *    whenInViewport: {
+ *       offset: 50
+ *    }
+ * }).then(() => {
+ *      // do something
+ * });
+ *
+ * @since       1.0.0
+ * @author         Olivier Bossel <olivier.bossel@gmail.com> (https://blackbyte.space)
+ */
+export type TwhenSettings = {
+    whenInViewport?: TWhenInViewportSettings;
+    whenNearViewport?: TWhenNearViewportSettings;
+    whenEntersViewport?: TWhenEntersViewportSettings;
+    whenOutOfViewport?: TWhenOutOfViewportSettings;
+    whenInteract?: TWhenInteractSettings;
+    whenVisible?: TWhenVisibleSettings;
+};
+export type TWhenTrigger<string> = ('direct' | 'directly' | 'inViewport' | 'nearViewport' | 'enterViewport' | 'outOfViewport' | 'interact' | 'visible' | 'domReady' | 'stylesheetsReady' | 'animationEnd')[];
+export declare const WhenTriggers: string[];
+export default function when($elm: HTMLElement, trigger: TWhenTrigger[], settings?: TwhenSettings): Promise<any>;