vevet 2.17.0 → 3.0.0-beta.0

package/lib/esm/types/utility.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utility.js","sourceRoot":"","sources":["../../../src/types/utility.ts"],"names":[],"mappings":""}

package/lib/esm/utils/common/index.js

@@ -0,0 +1,6 @@
+export * from './mergeWithoutArrays';
+export * from './normalizedTimeoutCallback';
+export * from './pickObjectProps';
+export * from './uid';
+export * from './times';
+//# sourceMappingURL=index.js.map

package/lib/esm/utils/common/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/utils/common/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mBAAmB,CAAC;AAClC,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC"}

package/lib/esm/utils/common/mergeWithoutArrays.js

@@ -0,0 +1,18 @@
+import mergeWith from 'lodash.mergewith';
+/**
+ * Deep merge of two objects except for arrays.
+ * The function changes `object`;
+ *
+ * @example
+ *
+ * mergeWithoutArrays({ a: 1, b: 2 }, { b: 3, c: 4 }); // => { a: 1, b: 3, c: 4 }
+ */
+export function mergeWithoutArrays(object, source) {
+    return mergeWith(object, source, (objValue, srcValue) => {
+        if (Array.isArray(objValue)) {
+            return srcValue;
+        }
+        return undefined;
+    });
+}
+//# sourceMappingURL=mergeWithoutArrays.js.map

package/lib/esm/utils/common/mergeWithoutArrays.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeWithoutArrays.js","sourceRoot":"","sources":["../../../../src/utils/common/mergeWithoutArrays.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,kBAAkB,CAAC;AAEzC;;;;;;;GAOG;AACH,MAAM,UAAU,kBAAkB,CAGhC,MAAS,EAAE,MAAS;IACpB,OAAO,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE;QACtD,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;YAC3B,OAAO,QAA+B,CAAC;SACxC;QAED,OAAO,SAAS,CAAC;IACnB,CAAC,CAAC,CAAC;AACL,CAAC"}

package/lib/esm/utils/common/normalizedTimeoutCallback.js

@@ -0,0 +1,26 @@
+/**
+ * Launch a function in a certain amount of time
+ * If the `delay` argument is zero, the callback will be launched synchronously
+ *
+ * @example
+ *
+ * normalizedTimeoutCallback(callback, 1000);
+ * normalizedTimeoutCallback(callback, 0); // synchronous, without delay
+ */
+export function normalizedTimeoutCallback(callback, delay) {
+    let timeout;
+    if (delay === 0) {
+        callback();
+    }
+    else {
+        timeout = setTimeout(() => callback(), delay);
+    }
+    return {
+        clear: () => {
+            if (timeout) {
+                clearTimeout(timeout);
+            }
+        },
+    };
+}
+//# sourceMappingURL=normalizedTimeoutCallback.js.map

package/lib/esm/utils/common/normalizedTimeoutCallback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalizedTimeoutCallback.js","sourceRoot":"","sources":["../../../../src/utils/common/normalizedTimeoutCallback.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,MAAM,UAAU,yBAAyB,CAAC,QAAkB,EAAE,KAAa;IACzE,IAAI,OAAmC,CAAC;IAExC,IAAI,KAAK,KAAK,CAAC,EAAE;QACf,QAAQ,EAAE,CAAC;KACZ;SAAM;QACL,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE,KAAK,CAAC,CAAC;KAC/C;IAED,OAAO;QACL,KAAK,EAAE,GAAG,EAAE;YACV,IAAI,OAAO,EAAE;gBACX,YAAY,CAAC,OAAO,CAAC,CAAC;aACvB;QACH,CAAC;KACF,CAAC;AACJ,CAAC"}

package/lib/esm/utils/common/pickObjectProps.js

@@ -0,0 +1,15 @@
+/**
+ * Pick object properties
+ *
+ * @example
+ *
+ * pickObjectProps({ a: 1, b: 2, c: 3 }, ['a', 'c']); // => { a: 1, c: 3 }
+ */
+export function pickObjectProps(source, keys) {
+    const result = {};
+    keys.forEach((key) => {
+        result[key] = source[key];
+    });
+    return result;
+}
+//# sourceMappingURL=pickObjectProps.js.map

package/lib/esm/utils/common/pickObjectProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pickObjectProps.js","sourceRoot":"","sources":["../../../../src/utils/common/pickObjectProps.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,UAAU,eAAe,CAG7B,MAAS,EAAE,IAAS;IACpB,MAAM,MAAM,GAAQ,EAAE,CAAC;IAEvB,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;QACnB,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IAC5B,CAAC,CAAC,CAAC;IAEH,OAAO,MAAM,CAAC;AAChB,CAAC"}

package/lib/esm/utils/common/times.js

@@ -0,0 +1,18 @@
+/**
+ * Repeat something `n` times
+ *
+ * @example
+ *
+ * times((index, count) => index / count, 5);
+ * // [0, 0.2, 0.4, 0.6, 0.8]
+ */
+export function times(callback, count) {
+    let index = 0;
+    const list = [];
+    while (index < count) {
+        list.push(callback(index, count));
+        index += 1;
+    }
+    return list;
+}
+//# sourceMappingURL=times.js.map

package/lib/esm/utils/common/times.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"times.js","sourceRoot":"","sources":["../../../../src/utils/common/times.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,MAAM,UAAU,KAAK,CACnB,QAA6C,EAC7C,KAAa;IAEb,IAAI,KAAK,GAAG,CAAC,CAAC;IACd,MAAM,IAAI,GAAQ,EAAE,CAAC;IAErB,OAAO,KAAK,GAAG,KAAK,EAAE;QACpB,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;QAClC,KAAK,IAAI,CAAC,CAAC;KACZ;IAED,OAAO,IAAI,CAAC;AACd,CAAC"}

package/lib/esm/utils/common/uid.js

@@ -0,0 +1,15 @@
+let index = 0;
+/**
+ * Generate a unique ID
+ *
+ * @example
+ *
+ * uid(); // => 'id_1'
+ * uid('test'); // => 'test_2'
+ * uid('0'); // => '0_3'
+ */
+export function uid(prefix = 'id') {
+    index += 1;
+    return `${prefix}_${index}`;
+}
+//# sourceMappingURL=uid.js.map

package/lib/esm/utils/common/uid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"uid.js","sourceRoot":"","sources":["../../../../src/utils/common/uid.ts"],"names":[],"mappings":"AAAA,IAAI,KAAK,GAAG,CAAC,CAAC;AAEd;;;;;;;;GAQG;AACH,MAAM,UAAU,GAAG,CAAC,MAAM,GAAG,IAAI;IAC/B,KAAK,IAAI,CAAC,CAAC;IAEX,OAAO,GAAG,MAAM,IAAI,KAAK,EAAE,CAAC;AAC9B,CAAC"}

package/lib/esm/utils/image/index.js

@@ -0,0 +1,5 @@
+export * from './sizesToSrcSet';
+export * from './pathsToProps';
+export * from './load';
+// TODO: examples
+//# sourceMappingURL=index.js.map

package/lib/esm/utils/image/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/utils/image/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AAEvB,iBAAiB"}

package/lib/esm/utils/image/load.js

@@ -0,0 +1,61 @@
+import PCancelable from 'p-cancelable';
+const cachedImages = [];
+/**
+ * Load an image
+ */
+export function loadImage(source, props) {
+    const defaultLoadProps = {
+        crossOrigin: null,
+        useCache: false,
+    };
+    const loadProps = Object.assign(Object.assign({}, defaultLoadProps), props);
+    const imageSrc = typeof source === 'string' ? source : source.src;
+    return new PCancelable((resolve, reject) => {
+        const cachedImage = loadProps.useCache && cachedImages.find((img) => img.src === imageSrc);
+        // get image from cache
+        if (cachedImage) {
+            resolve(cachedImage.image);
+            return;
+        }
+        // load the image by src
+        if (typeof source === 'string') {
+            const img = new Image();
+            img.crossOrigin = loadProps.crossOrigin;
+            img.onload = () => {
+                if (loadProps.useCache) {
+                    cachedImages.push({
+                        src: imageSrc,
+                        image: img,
+                    });
+                }
+                resolve(img);
+            };
+            img.onerror = () => {
+                reject();
+            };
+            img.src = source;
+            return;
+        }
+        // load the image by image element
+        if (source instanceof HTMLImageElement) {
+            if (source.complete) {
+                resolve(source);
+            }
+            else {
+                source.addEventListener('load', () => {
+                    if (loadProps.useCache) {
+                        cachedImages.push({
+                            src: imageSrc,
+                            image: source,
+                        });
+                    }
+                    resolve(source);
+                });
+                source.addEventListener('error', () => {
+                    reject();
+                });
+            }
+        }
+    });
+}
+//# sourceMappingURL=load.js.map

package/lib/esm/utils/image/load.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"load.js","sourceRoot":"","sources":["../../../../src/utils/image/load.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,cAAc,CAAC;AAEvC,MAAM,YAAY,GAGZ,EAAE,CAAC;AAaT;;GAEG;AACH,MAAM,UAAU,SAAS,CACvB,MAAiC,EACjC,KAAuB;IAEvB,MAAM,gBAAgB,GAA8B;QAClD,WAAW,EAAE,IAAI;QACjB,QAAQ,EAAE,KAAK;KAChB,CAAC;IACF,MAAM,SAAS,mCACV,gBAAgB,GAChB,KAAK,CACT,CAAC;IAEF,MAAM,QAAQ,GAAG,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC;IAElE,OAAO,IAAI,WAAW,CACpB,CAAC,OAAwC,EAAE,MAAkB,EAAE,EAAE;QAC/D,MAAM,WAAW,GACf,SAAS,CAAC,QAAQ,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,KAAK,QAAQ,CAAC,CAAC;QACzE,uBAAuB;QACvB,IAAI,WAAW,EAAE;YACf,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YAE3B,OAAO;SACR;QAED,wBAAwB;QACxB,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;YAC9B,MAAM,GAAG,GAAG,IAAI,KAAK,EAAE,CAAC;YACxB,GAAG,CAAC,WAAW,GAAG,SAAS,CAAC,WAAW,CAAC;YACxC,GAAG,CAAC,MAAM,GAAG,GAAG,EAAE;gBAChB,IAAI,SAAS,CAAC,QAAQ,EAAE;oBACtB,YAAY,CAAC,IAAI,CAAC;wBAChB,GAAG,EAAE,QAAQ;wBACb,KAAK,EAAE,GAAG;qBACX,CAAC,CAAC;iBACJ;gBACD,OAAO,CAAC,GAAG,CAAC,CAAC;YACf,CAAC,CAAC;YACF,GAAG,CAAC,OAAO,GAAG,GAAG,EAAE;gBACjB,MAAM,EAAE,CAAC;YACX,CAAC,CAAC;YACF,GAAG,CAAC,GAAG,GAAG,MAAM,CAAC;YAEjB,OAAO;SACR;QAED,kCAAkC;QAClC,IAAI,MAAM,YAAY,gBAAgB,EAAE;YACtC,IAAI,MAAM,CAAC,QAAQ,EAAE;gBACnB,OAAO,CAAC,MAAM,CAAC,CAAC;aACjB;iBAAM;gBACL,MAAM,CAAC,gBAAgB,CAAC,MAAM,EAAE,GAAG,EAAE;oBACnC,IAAI,SAAS,CAAC,QAAQ,EAAE;wBACtB,YAAY,CAAC,IAAI,CAAC;4BAChB,GAAG,EAAE,QAAQ;4BACb,KAAK,EAAE,MAAM;yBACd,CAAC,CAAC;qBACJ;oBACD,OAAO,CAAC,MAAM,CAAC,CAAC;gBAClB,CAAC,CAAC,CAAC;gBACH,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;oBACpC,MAAM,EAAE,CAAC;gBACX,CAAC,CAAC,CAAC;aACJ;SACF;IACH,CAAC,CACF,CAAC;AACJ,CAAC"}

package/lib/esm/utils/image/pathsToProps.js

@@ -0,0 +1,29 @@
+import { imageSizesToSrcSet } from './sizesToSrcSet';
+/**
+ * Transform image paths to properties
+ */
+export function imagePathsToProps(data) {
+    const app = window.vevetApp;
+    // get src
+    let src = data.original;
+    if (data.thumb) {
+        src = data.thumb;
+    }
+    if (app && app.isWebpSupported && !!data.thumbWebp) {
+        src = data.thumbWebp;
+    }
+    // get src set
+    let srcSet = '';
+    // get webp images
+    if (app && app.isWebpSupported && 'sizesWebp' in data && !!data.sizesWebp) {
+        srcSet = imageSizesToSrcSet(data.sizesWebp);
+    }
+    else if ('sizes' in data && !!data.sizes) {
+        srcSet = imageSizesToSrcSet(data.sizes);
+    }
+    return {
+        src,
+        srcSet,
+    };
+}
+//# sourceMappingURL=pathsToProps.js.map

package/lib/esm/utils/image/pathsToProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pathsToProps.js","sourceRoot":"","sources":["../../../../src/utils/image/pathsToProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAerD;;GAEG;AACH,MAAM,UAAU,iBAAiB,CAAC,IAAuC;IACvE,MAAM,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAC;IAE5B,UAAU;IACV,IAAI,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC;IACxB,IAAI,IAAI,CAAC,KAAK,EAAE;QACd,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC;KAClB;IACD,IAAI,GAAG,IAAI,GAAG,CAAC,eAAe,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE;QAClD,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC;KACtB;IAED,cAAc;IACd,IAAI,MAAM,GAAG,EAAE,CAAC;IAChB,kBAAkB;IAClB,IAAI,GAAG,IAAI,GAAG,CAAC,eAAe,IAAI,WAAW,IAAI,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE;QACzE,MAAM,GAAG,kBAAkB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;KAC7C;SAAM,IAAI,OAAO,IAAI,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE;QAC1C,MAAM,GAAG,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACzC;IAED,OAAO;QACL,GAAG;QACH,MAAM;KACP,CAAC;AACJ,CAAC"}

package/lib/esm/utils/image/sizesToSrcSet.js

@@ -0,0 +1,15 @@
+/**
+ * Transform image sizes to src set
+ */
+export function imageSizesToSrcSet(sizes) {
+    const keys = Object.keys(sizes);
+    const srcParts = keys.map((key) => {
+        const value = sizes[key];
+        if (value) {
+            return `${value} ${key}w`;
+        }
+        return undefined;
+    });
+    return srcParts.filter((item) => !!item).join(', ');
+}
+//# sourceMappingURL=sizesToSrcSet.js.map

package/lib/esm/utils/image/sizesToSrcSet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizesToSrcSet.js","sourceRoot":"","sources":["../../../../src/utils/image/sizesToSrcSet.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,UAAU,kBAAkB,CAAC,KAAsC;IACvE,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAChC,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;QAChC,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;QACzB,IAAI,KAAK,EAAE;YACT,OAAO,GAAG,KAAK,IAAI,GAAG,GAAG,CAAC;SAC3B;QAED,OAAO,SAAS,CAAC;IACnB,CAAC,CAAC,CAAC;IAEH,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACtD,CAAC"}

package/lib/esm/utils/index.js

@@ -0,0 +1,6 @@
+export * from './common';
+export * from './image';
+export * from './listeners';
+export * from './math';
+export * from './scroll';
+//# sourceMappingURL=index.js.map

package/lib/esm/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC"}

package/lib/esm/utils/internal/fetchWebpSupport.js

@@ -0,0 +1,18 @@
+import PCancelable from 'p-cancelable';
+export function fetchWebpSupport() {
+    return new PCancelable((resolve, reject) => {
+        const testWebP = new Image();
+        testWebP.onload = () => {
+            if (testWebP.width === 1) {
+                resolve();
+            }
+            else {
+                reject();
+            }
+        };
+        testWebP.onerror = reject;
+        testWebP.src =
+            'data:image/webp;base64,UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoBAAEAAwA0JaQAA3AA/vuUAAA=';
+    });
+}
+//# sourceMappingURL=fetchWebpSupport.js.map

package/lib/esm/utils/internal/fetchWebpSupport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fetchWebpSupport.js","sourceRoot":"","sources":["../../../../src/utils/internal/fetchWebpSupport.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,cAAc,CAAC;AAEvC,MAAM,UAAU,gBAAgB;IAC9B,OAAO,IAAI,WAAW,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QACzC,MAAM,QAAQ,GAAG,IAAI,KAAK,EAAE,CAAC;QAE7B,QAAQ,CAAC,MAAM,GAAG,GAAG,EAAE;YACrB,IAAI,QAAQ,CAAC,KAAK,KAAK,CAAC,EAAE;gBACxB,OAAO,EAAE,CAAC;aACX;iBAAM;gBACL,MAAM,EAAE,CAAC;aACV;QACH,CAAC,CAAC;QAEF,QAAQ,CAAC,OAAO,GAAG,MAAM,CAAC;QAE1B,QAAQ,CAAC,GAAG;YACV,qFAAqF,CAAC;IAC1F,CAAC,CAAC,CAAC;AACL,CAAC"}

package/lib/esm/utils/internal/getDeviceInfo.js

@@ -0,0 +1,15 @@
+import { detect } from 'detect-browser';
+import isMobileJs from 'ismobilejs';
+export function getDeviceInfo() {
+    var _a;
+    const browserData = detect();
+    const osName = (_a = ((browserData === null || browserData === void 0 ? void 0 : browserData.os) || '')) === null || _a === void 0 ? void 0 : _a.split(' ')[0].toLowerCase();
+    const browserName = ((browserData === null || browserData === void 0 ? void 0 : browserData.name) || '').toLowerCase();
+    const device = isMobileJs();
+    return {
+        osName,
+        browserName,
+        device,
+    };
+}
+//# sourceMappingURL=getDeviceInfo.js.map

package/lib/esm/utils/internal/getDeviceInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDeviceInfo.js","sourceRoot":"","sources":["../../../../src/utils/internal/getDeviceInfo.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,MAAM,UAAU,aAAa;;IAC3B,MAAM,WAAW,GAAG,MAAM,EAAE,CAAC;IAE7B,MAAM,MAAM,GAAG,MAAA,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,EAAE,KAAI,EAAE,CAAC,0CAAE,KAAK,CAAC,GAAG,EAAE,CAAC,EAAE,WAAW,EAAE,CAAC;IACpE,MAAM,WAAW,GAAG,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,KAAI,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC;IAE5D,MAAM,MAAM,GAAG,UAAU,EAAE,CAAC;IAE5B,OAAO;QACL,MAAM;QACN,WAAW;QACX,MAAM;KACP,CAAC;AACJ,CAAC"}

package/lib/esm/utils/internal/onResize.js

@@ -0,0 +1,50 @@
+/**
+ * Add events on resize.
+ * If `element` is provided, `ResizeObserver` will be used (first callback will not be fired).
+ * Otherwise, viewport callbacks will be used.
+ */
+export function onResize({ onResize: handleResize, element, viewportTarget = 'any', hasBothEvents = false, resizeDebounce = 0, }) {
+    let timeout;
+    let resizeObserver;
+    let isFirstResizeObserverCallback = true;
+    let viewportCallback;
+    const debounceResize = () => {
+        if (timeout) {
+            clearTimeout(timeout);
+        }
+        timeout = setTimeout(() => handleResize(), resizeDebounce);
+    };
+    if (element &&
+        (element instanceof Element || Array.isArray(element)) &&
+        'ResizeObserver' in window) {
+        resizeObserver = new ResizeObserver(() => {
+            if (isFirstResizeObserverCallback) {
+                isFirstResizeObserverCallback = false;
+                return;
+            }
+            debounceResize();
+        });
+        if (Array.isArray(element)) {
+            element.forEach((item) => resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.observe(item));
+        }
+        else {
+            resizeObserver.observe(element);
+        }
+    }
+    if (hasBothEvents || !resizeObserver) {
+        viewportCallback = window.vevetApp.viewport.add(viewportTarget, () => debounceResize());
+    }
+    return {
+        remove: () => {
+            if (timeout) {
+                clearTimeout(timeout);
+            }
+            resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect();
+            viewportCallback === null || viewportCallback === void 0 ? void 0 : viewportCallback.remove();
+        },
+        resize: () => handleResize(),
+        debounceResize,
+        hasResizeObserver: !!resizeObserver,
+    };
+}
+//# sourceMappingURL=onResize.js.map

package/lib/esm/utils/internal/onResize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"onResize.js","sourceRoot":"","sources":["../../../../src/utils/internal/onResize.ts"],"names":[],"mappings":"AAwCA;;;;GAIG;AACH,MAAM,UAAU,QAAQ,CAAC,EACvB,QAAQ,EAAE,YAAY,EACtB,OAAO,EACP,cAAc,GAAG,KAAK,EACtB,aAAa,GAAG,KAAK,EACrB,cAAc,GAAG,CAAC,GACH;IACf,IAAI,OAAmC,CAAC;IACxC,IAAI,cAA0C,CAAC;IAC/C,IAAI,6BAA6B,GAAG,IAAI,CAAC;IAEzC,IAAI,gBAAuD,CAAC;IAE5D,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,IAAI,OAAO,EAAE;YACX,YAAY,CAAC,OAAO,CAAC,CAAC;SACvB;QAED,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,YAAY,EAAE,EAAE,cAAc,CAAC,CAAC;IAC7D,CAAC,CAAC;IAEF,IACE,OAAO;QACP,CAAC,OAAO,YAAY,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QACtD,gBAAgB,IAAI,MAAM,EAC1B;QACA,cAAc,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;YACvC,IAAI,6BAA6B,EAAE;gBACjC,6BAA6B,GAAG,KAAK,CAAC;gBAEtC,OAAO;aACR;YAED,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,CAAC;QAEH,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;YAC1B,OAAO,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;SAC1D;aAAM;YACL,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;SACjC;KACF;IAED,IAAI,aAAa,IAAI,CAAC,cAAc,EAAE;QACpC,gBAAgB,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,cAAc,EAAE,GAAG,EAAE,CACnE,cAAc,EAAE,CACjB,CAAC;KACH;IAED,OAAO;QACL,MAAM,EAAE,GAAG,EAAE;YACX,IAAI,OAAO,EAAE;gBACX,YAAY,CAAC,OAAO,CAAC,CAAC;aACvB;YAED,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,UAAU,EAAE,CAAC;YAC7B,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,MAAM,EAAE,CAAC;QAC7B,CAAC;QACD,MAAM,EAAE,GAAG,EAAE,CAAC,YAAY,EAAE;QAC5B,cAAc;QACd,iBAAiB,EAAE,CAAC,CAAC,cAAc;KACpC,CAAC;AACJ,CAAC"}

package/lib/esm/utils/listeners/index.js

@@ -0,0 +1,3 @@
+export * from './isIntersectionObserverSupported';
+// TODO: examples
+//# sourceMappingURL=index.js.map

package/lib/esm/utils/listeners/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/utils/listeners/index.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAC;AAElD,iBAAiB"}

package/lib/esm/utils/listeners/isIntersectionObserverSupported.js

@@ -0,0 +1,10 @@
+/** Check if intersection observer is supported */
+export function isIntersectionObserverSupported() {
+    if (!('IntersectionObserver' in window) ||
+        !('IntersectionObserverEntry' in window) ||
+        !('intersectionRatio' in window.IntersectionObserverEntry.prototype)) {
+        return false;
+    }
+    return true;
+}
+//# sourceMappingURL=isIntersectionObserverSupported.js.map

package/lib/esm/utils/listeners/isIntersectionObserverSupported.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isIntersectionObserverSupported.js","sourceRoot":"","sources":["../../../../src/utils/listeners/isIntersectionObserverSupported.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,MAAM,UAAU,+BAA+B;IAC7C,IACE,CAAC,CAAC,sBAAsB,IAAI,MAAM,CAAC;QACnC,CAAC,CAAC,2BAA2B,IAAI,MAAM,CAAC;QACxC,CAAC,CAAC,mBAAmB,IAAI,MAAM,CAAC,yBAAyB,CAAC,SAAS,CAAC,EACpE;QACA,OAAO,KAAK,CAAC;KACd;IAED,OAAO,IAAI,CAAC;AACd,CAAC"}

package/lib/esm/utils/math/clamp.js

@@ -0,0 +1,18 @@
+/**
+ * Clamp the value between two points
+ *
+ * @example
+ *
+ * clamp(1.5, [0.1, 0.9]); // => 0.9
+ * clamp(0.001, [0.1, 0.9]); // => 0.1
+ */
+export function clamp(val, scope = [0, 1]) {
+    if (val < scope[0]) {
+        return scope[0];
+    }
+    if (val > scope[1]) {
+        return scope[1];
+    }
+    return val;
+}
+//# sourceMappingURL=clamp.js.map

package/lib/esm/utils/math/clamp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clamp.js","sourceRoot":"","sources":["../../../../src/utils/math/clamp.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,MAAM,UAAU,KAAK,CAAC,GAAW,EAAE,KAAK,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;IAC/C,IAAI,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE;QAClB,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC;KACjB;IACD,IAAI,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE;QAClB,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC;KACjB;IAED,OAAO,GAAG,CAAC;AACb,CAAC"}

package/lib/esm/utils/math/clampScope.js

@@ -0,0 +1,14 @@
+import { scoped } from './scoped';
+import { clamp } from './clamp';
+/**
+ * Get progress relatively to the scope and clamp it within two points
+ *
+ * @example
+ *
+ * clampScope(0.38, [0.35, 1]); // => 0.046
+ * clampScope(0.38, [0.35, 1], [0.1, 1]); // => 0.1
+ */
+export function clampScope(value, scopeProp = [0, 1], clampProp = [0, 1]) {
+    return clamp(scoped(value, scopeProp), clampProp);
+}
+//# sourceMappingURL=clampScope.js.map

package/lib/esm/utils/math/clampScope.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clampScope.js","sourceRoot":"","sources":["../../../../src/utils/math/clampScope.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC;;;;;;;GAOG;AACH,MAAM,UAAU,UAAU,CACxB,KAAa,EACb,SAAS,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EAClB,SAAS,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;IAElB,OAAO,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC;AACpD,CAAC"}

package/lib/esm/utils/math/easing.js

@@ -0,0 +1,13 @@
+import easingProgress from 'easing-progress';
+export { Easing } from 'easing-progress';
+/**
+ * Easing progress
+ *
+ * @example
+ *
+ * easing(0.35, Easing.easeInBounce); // => 0.167
+ * easing(0.35, [.25, .1, .25, 1]); // => 0.604
+ * easing(0.35, (value) => Math.sin(Math.PI * 0.5 * value)); // => 0.522
+ */
+export const easing = (progress, easingType) => { var _a, _b; if (easingType === void 0) { easingType = (_b = (_a = window.vevetApp) === null || _a === void 0 ? void 0 : _a.props.easing) !== null && _b !== void 0 ? _b : false; } return easingProgress(progress, easingType); };
+//# sourceMappingURL=easing.js.map

package/lib/esm/utils/math/easing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"easing.js","sourceRoot":"","sources":["../../../../src/utils/math/easing.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,MAAM,GAA0B,CAC3C,QAAQ,EACR,UAAmD,EACnD,EAAE,0CADF,EAAA,mBAAa,MAAA,MAAM,CAAC,QAAQ,0CAAE,KAAK,CAAC,MAAM,mCAAI,KAAK,IAChD,OAAA,cAAc,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAA,EAAA,CAAC"}

package/lib/esm/utils/math/inScope.js

@@ -0,0 +1,14 @@
+/**
+ * Check if the value is within the scope
+ *
+ * @example
+ *
+ * inScope(0, [0, 1]); // => true
+ * inScope(1, [0, 1]); // => true
+ * inScope(2, [0, 1]); // => false
+ * inScope(-1, [0, 1]); // => false
+ */
+export function inScope(val, scopeValue = [0, 1]) {
+    return val >= scopeValue[0] && val <= scopeValue[1];
+}
+//# sourceMappingURL=inScope.js.map

package/lib/esm/utils/math/inScope.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inScope.js","sourceRoot":"","sources":["../../../../src/utils/math/inScope.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,MAAM,UAAU,OAAO,CAAC,GAAW,EAAE,UAAU,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;IACtD,OAAO,GAAG,IAAI,UAAU,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,UAAU,CAAC,CAAC,CAAC,CAAC;AACtD,CAAC"}

package/lib/esm/utils/math/index.js

@@ -0,0 +1,10 @@
+export * from './clamp';
+export * from './clampScope';
+export * from './easing';
+export * from './inScope';
+export * from './lerp';
+export * from './normalizeNestedScope';
+export * from './scoped';
+export * from './spreadScope';
+export * from './wrap';
+//# sourceMappingURL=index.js.map

package/lib/esm/utils/math/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/utils/math/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,wBAAwB,CAAC;AACvC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC"}

package/lib/esm/utils/math/lerp.js

@@ -0,0 +1,17 @@
+/**
+ * Linear interpolation
+ *
+ * @example
+ *
+ * lerp(0, 1, 0.4); // => 0.4
+ * lerp(0.75, 0.8, 0.98); // => 0.799
+ */
+export function lerp(current, target, ease, approximationLeft = 0.001) {
+    const value = current * (1 - ease) + target * ease;
+    const difference = Math.abs(target - value);
+    if (difference <= approximationLeft) {
+        return target;
+    }
+    return value;
+}
+//# sourceMappingURL=lerp.js.map

package/lib/esm/utils/math/lerp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lerp.js","sourceRoot":"","sources":["../../../../src/utils/math/lerp.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,MAAM,UAAU,IAAI,CAClB,OAAe,EACf,MAAc,EACd,IAAY,EACZ,iBAAiB,GAAG,KAAK;IAEzB,MAAM,KAAK,GAAG,OAAO,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,MAAM,GAAG,IAAI,CAAC;IACnD,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,KAAK,CAAC,CAAC;IAE5C,IAAI,UAAU,IAAI,iBAAiB,EAAE;QACnC,OAAO,MAAM,CAAC;KACf;IAED,OAAO,KAAK,CAAC;AACf,CAAC"}

package/lib/esm/utils/math/normalizeNestedScope.js

@@ -0,0 +1,16 @@
+/**
+ * Cast scope value relative to global scope
+ *
+ * @example
+ *
+ * normalizeNestedScope([0, 1], [0.1, 0.8]); // => [0.1, 0.8]
+ * normalizeNestedScope([0.2, 0.9], [0.1, 0.8]); // => [0.24, 0.73]
+ */
+export function normalizeNestedScope(innerScope, globalScope) {
+    const dist = globalScope[1] - globalScope[0];
+    return [
+        globalScope[0] + innerScope[0] * dist,
+        globalScope[0] + innerScope[1] * dist,
+    ];
+}
+//# sourceMappingURL=normalizeNestedScope.js.map

package/lib/esm/utils/math/normalizeNestedScope.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalizeNestedScope.js","sourceRoot":"","sources":["../../../../src/utils/math/normalizeNestedScope.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,MAAM,UAAU,oBAAoB,CAClC,UAAuC,EACvC,WAAwC;IAExC,MAAM,IAAI,GAAG,WAAW,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;IAE7C,OAAO;QACL,WAAW,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,IAAI;QACrC,WAAW,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,IAAI;KACtC,CAAC;AACJ,CAAC"}

package/lib/esm/utils/math/scoped.js

@@ -0,0 +1,14 @@
+/**
+ * Get progress relatively to the scope.
+ *
+ * @example
+ *
+ * scoped(0.35, [0, 1]); // => 0.35
+ * scoped(0.35, [0.25, 1]); // => 0.133
+ * scoped(0.35, [0.25, 0.9]); // => 0.153
+ */
+export function scoped(val, scopeValue = [0, 1]) {
+    const result = (val - scopeValue[0]) / (scopeValue[1] - scopeValue[0]);
+    return result;
+}
+//# sourceMappingURL=scoped.js.map

package/lib/esm/utils/math/scoped.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scoped.js","sourceRoot":"","sources":["../../../../src/utils/math/scoped.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,MAAM,UAAU,MAAM,CAAC,GAAW,EAAE,UAAU,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;IACrD,MAAM,MAAM,GAAG,CAAC,GAAG,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IAEvE,OAAO,MAAM,CAAC;AAChB,CAAC"}

package/lib/esm/utils/math/spreadScope.js

@@ -0,0 +1,21 @@
+/**
+ * Distribute scope progress among a certain quantity of timelines.
+ *
+ * @example
+ *
+ * spreadScope(3, 0.1); // => [[0,0.35714285714285715],[0.32142857142857145,0.6785714285714286],[0.6428571428571429,1]]
+ * spreadScope(3, 0.9); // => [[0,0.8333333333333334],[0.08333333333333331,0.9166666666666667],[0.16666666666666663,1]]
+ */
+export function spreadScope(quantity, shift) {
+    const timelines = [];
+    // duration for each element
+    const duration = 1 / (quantity - shift * (quantity - 1));
+    // calculate timelines
+    for (let index = 0; index < quantity; index += 1) {
+        const start = duration * (1 - shift) * index;
+        const end = start + duration;
+        timelines.push([start, end]);
+    }
+    return timelines;
+}
+//# sourceMappingURL=spreadScope.js.map

package/lib/esm/utils/math/spreadScope.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spreadScope.js","sourceRoot":"","sources":["../../../../src/utils/math/spreadScope.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,MAAM,UAAU,WAAW,CAAC,QAAgB,EAAE,KAAa;IACzD,MAAM,SAAS,GAAe,EAAE,CAAC;IAEjC,4BAA4B;IAC5B,MAAM,QAAQ,GAAG,CAAC,GAAG,CAAC,QAAQ,GAAG,KAAK,GAAG,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC;IAEzD,sBAAsB;IACtB,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,QAAQ,EAAE,KAAK,IAAI,CAAC,EAAE;QAChD,MAAM,KAAK,GAAG,QAAQ,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,KAAK,CAAC;QAC7C,MAAM,GAAG,GAAG,KAAK,GAAG,QAAQ,CAAC;QAC7B,SAAS,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC;KAC9B;IAED,OAAO,SAAS,CAAC;AACnB,CAAC"}

package/lib/esm/utils/math/wrap.js

@@ -0,0 +1,21 @@
+function conditionalReturn(value, func) {
+    return value || value === 0 ? func(value) : func;
+}
+/**
+ * Wrap values
+ *
+ * @example
+ *
+ * wrap(0, 3, 0); // => 0
+ * wrap(0, 3, 1); // => 1
+ * wrap(0, 3, 2); // => 2
+ * wrap(0, 3, 3); // => 0
+ * wrap(0, 3, -1); // => 2
+ * wrap(0, 3, -2); // => 1
+ * wrap(0, 3, -3); // => 0
+ */
+export function wrap(min, max, value) {
+    const range = max - min;
+    return conditionalReturn(value, (val) => ((range + ((val - min) % range)) % range) + min);
+}
+//# sourceMappingURL=wrap.js.map

package/lib/esm/utils/math/wrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrap.js","sourceRoot":"","sources":["../../../../src/utils/math/wrap.ts"],"names":[],"mappings":"AAAA,SAAS,iBAAiB,CAAC,KAAa,EAAE,IAA6B;IACrE,OAAO,KAAK,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AACnD,CAAC;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,IAAI,CAAC,GAAW,EAAE,GAAW,EAAE,KAAa;IAC1D,MAAM,KAAK,GAAG,GAAG,GAAG,GAAG,CAAC;IAExB,OAAO,iBAAiB,CACtB,KAAK,EACL,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,GAAG,CAC/C,CAAC;AACd,CAAC"}

package/lib/esm/utils/scroll/getScrollValues.js

@@ -0,0 +1,15 @@
+/**
+ * Get scroll values of a certain element
+ */
+export function getScrollValues(selector = window) {
+    if (!selector) {
+        return undefined;
+    }
+    const scrollTop = selector instanceof Window ? selector.pageYOffset : selector.scrollTop;
+    const scrollLeft = selector instanceof Window ? selector.pageXOffset : selector.scrollLeft;
+    return {
+        scrollTop,
+        scrollLeft,
+    };
+}
+//# sourceMappingURL=getScrollValues.js.map