vevet 2.5.0 → 2.7.0

package/build/cjs/app/Application.js

@@ -31,6 +31,7 @@ var Application = /** @class */ (function () {
      * });
      */
     function Application(data) {
+        var _this = this;
         if (data === void 0) { data = {}; }
         /**
          * Pages (instances)
@@ -86,6 +87,20 @@ var Application = /** @class */ (function () {
         // create default helpers
         this._pageLoad = new PageLoad_1.PageLoad();
         this._viewport = new Viewport_1.Viewport();
+        // check webp support
+        if (this.prop.webpSupport) {
+            var testWebP_1 = new Image();
+            testWebP_1.onload = function () {
+                _this._supportsWebp = testWebP_1.width === 1;
+            };
+            testWebP_1.onerror = function () {
+                _this._supportsWebp = false;
+            };
+            testWebP_1.src = 'data:image/webp;base64,UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoBAAEAAwA0JaQAA3AA/vuUAAA=';
+        }
+        else {
+            this._supportsWebp = false;
+        }
     }
     Object.defineProperty(Application.prototype, "prop", {
         /**
@@ -109,6 +124,7 @@ var Application = /** @class */ (function () {
                 prefix: 'v-',
                 easing: [0.25, 0.1, 0.25, 1],
                 viewportResizeTimeout: 0,
+                webpSupport: false,
             };
         },
         enumerable: false,
@@ -163,6 +179,13 @@ var Application = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(Application.prototype, "supportsWebp", {
+        get: function () {
+            return this._supportsWebp;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(Application.prototype, "doc", {
         /**
          * Get document element.

package/build/cjs/components/scroll/scrollable/ScrollView.js

@@ -71,7 +71,7 @@ var ScrollView = /** @class */ (function (_super) {
         configurable: true
     });
     ScrollView.prototype._getDefaultProp = function () {
-        return __assign(__assign({}, _super.prototype._getDefaultProp.call(this)), { enabled: true, container: window, elements: [], threshold: 0.9, states: 'in', classToToggle: 'viewed', useDelay: false, useIntersectionObserver: true, resizeTimeout: 0 });
+        return __assign(__assign({}, _super.prototype._getDefaultProp.call(this)), { enabled: true, container: window, elements: [], threshold: 0.9, states: 'in', classToToggle: 'viewed', useDelay: false, useIntersectionObserver: true, viewportTarget: '', resizeTimeout: 0 });
     };
     Object.defineProperty(ScrollView.prototype, "elements", {
         /**
@@ -91,7 +91,7 @@ var ScrollView = /** @class */ (function (_super) {
         var _this = this;
         _super.prototype._setEvents.call(this);
         this.resize();
-        this.addViewportCallback('', function () {
+        this.addViewportCallback(this.prop.viewportTarget, function () {
             _this.resize();
         }, {
             timeout: this.prop.resizeTimeout,

package/build/cjs/components/scroll/section/ScrollSectionProgress.js

@@ -70,7 +70,7 @@ var ScrollSectionProgress = /** @class */ (function (_super) {
         return _this;
     }
     ScrollSectionProgress.prototype._getDefaultProp = function () {
-        return __assign(__assign({}, _super.prototype._getDefaultProp.call(this)), { container: window, updateOnResize: '', resizeTimeout: 0 });
+        return __assign(__assign({}, _super.prototype._getDefaultProp.call(this)), { container: window, viewportTarget: '', resizeTimeout: 0 });
     };
     Object.defineProperty(ScrollSectionProgress.prototype, "scrollContainer", {
         get: function () {

package/build/cjs/index.js

@@ -24,6 +24,7 @@ var common = __importStar(require("./utils/common"));
 var listeners = __importStar(require("./utils/listeners"));
 var math = __importStar(require("./utils/math"));
 var scroll = __importStar(require("./utils/scroll"));
+var image = __importStar(require("./utils/image"));
 var GeneralTypes = __importStar(require("./utils/types/general"));
 exports.GeneralTypes = GeneralTypes;
 var Application_1 = require("./app/Application");
@@ -89,5 +90,6 @@ var utils = {
     listeners: listeners,
     math: math,
     scroll: scroll,
+    image: image,
 };
 exports.utils = utils;

package/build/cjs/utils/image/index.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.pathsToProps = exports.sizesToSrcSet = exports.load = void 0;
+var load_1 = __importDefault(require("./load"));
+exports.load = load_1.default;
+var sizesToSrcSet_1 = __importDefault(require("./sizesToSrcSet"));
+exports.sizesToSrcSet = sizesToSrcSet_1.default;
+var pathsToProps_1 = __importDefault(require("./pathsToProps"));
+exports.pathsToProps = pathsToProps_1.default;

package/build/cjs/utils/image/load.js

@@ -0,0 +1,77 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var p_cancelable_1 = __importDefault(require("p-cancelable"));
+var cachedImages = [];
+/**
+ * Load an image
+ */
+function loadImage(source, props) {
+    var defaultLoadProps = {
+        crossOrigin: null,
+        useCache: false,
+    };
+    var loadProps = __assign(__assign({}, defaultLoadProps), props);
+    var imageSrc = typeof source === 'string' ? source : source.src;
+    return new p_cancelable_1.default(function (resolve, reject) {
+        var cachedImage = loadProps.useCache && cachedImages.find(function (img) { return img.src === imageSrc; });
+        // get image from cache
+        if (cachedImage) {
+            resolve(cachedImage.image);
+            return;
+        }
+        // load the image by src
+        if (typeof source === 'string') {
+            var img_1 = new Image();
+            img_1.crossOrigin = loadProps.crossOrigin;
+            img_1.onload = function () {
+                if (loadProps.useCache) {
+                    cachedImages.push({
+                        src: imageSrc,
+                        image: img_1,
+                    });
+                }
+                resolve(img_1);
+            };
+            img_1.onerror = function () {
+                reject();
+            };
+            img_1.src = source;
+            return;
+        }
+        // load the image by image element
+        if (source instanceof HTMLImageElement) {
+            if (source.complete) {
+                resolve(source);
+            }
+            else {
+                source.addEventListener('load', function () {
+                    if (loadProps.useCache) {
+                        cachedImages.push({
+                            src: imageSrc,
+                            image: source,
+                        });
+                    }
+                    resolve(source);
+                });
+                source.addEventListener('error', function () {
+                    reject();
+                });
+            }
+        }
+    });
+}
+exports.default = loadImage;

package/build/cjs/utils/image/pathsToProps.js

@@ -0,0 +1,34 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var sizesToSrcSet_1 = __importDefault(require("./sizesToSrcSet"));
+/**
+ * Transform image paths to properties
+ */
+function imagePathsToProps(data) {
+    var app = window.vevetApp;
+    // get src
+    var src = data.original;
+    if (data.thumb) {
+        src = data.thumb;
+    }
+    if (app && app.supportsWebp && !!data.thumbWebp) {
+        src = data.thumbWebp;
+    }
+    // get src set
+    var srcSet = '';
+    // get webp images
+    if (app && app.supportsWebp && 'sizesWebp' in data && !!data.sizesWebp) {
+        srcSet = (0, sizesToSrcSet_1.default)(data.sizesWebp);
+    }
+    else if ('sizes' in data && !!data.sizes) {
+        srcSet = (0, sizesToSrcSet_1.default)(data.sizes);
+    }
+    return {
+        src: src,
+        srcSet: srcSet,
+    };
+}
+exports.default = imagePathsToProps;

package/build/cjs/utils/image/sizesToSrcSet.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * Transform image sizes to src set
+ */
+function imageSizesToSrcSet(sizes) {
+    var keys = Object.keys(sizes);
+    var srcParts = keys.map(function (key) {
+        var value = sizes[key];
+        return "".concat(value, " ").concat(key, "w");
+    });
+    return srcParts.join(', ');
+}
+exports.default = imageSizesToSrcSet;

package/build/es/app/Application.js

@@ -68,6 +68,20 @@ export class Application {
         // create default helpers
         this._pageLoad = new PageLoad();
         this._viewport = new Viewport();
+        // check webp support
+        if (this.prop.webpSupport) {
+            const testWebP = new Image();
+            testWebP.onload = () => {
+                this._supportsWebp = testWebP.width === 1;
+            };
+            testWebP.onerror = () => {
+                this._supportsWebp = false;
+            };
+            testWebP.src = 'data:image/webp;base64,UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoBAAEAAwA0JaQAA3AA/vuUAAA=';
+        }
+        else {
+            this._supportsWebp = false;
+        }
     }
     /**
      * Application properties.
@@ -86,6 +100,7 @@ export class Application {
             prefix: 'v-',
             easing: [0.25, 0.1, 0.25, 1],
             viewportResizeTimeout: 0,
+            webpSupport: false,
         };
     }
     get prefix() {
@@ -109,6 +124,9 @@ export class Application {
     get browserName() {
         return this._browserName;
     }
+    get supportsWebp() {
+        return this._supportsWebp;
+    }
     /**
      * Get document element.
      */

package/build/es/components/scroll/scrollable/ScrollView.js

@@ -23,7 +23,7 @@ export class ScrollView extends ScrollEventsBase {
         return `${this._app.prefix}scroll-view`;
     }
     _getDefaultProp() {
-        return Object.assign(Object.assign({}, super._getDefaultProp()), { enabled: true, container: window, elements: [], threshold: 0.9, states: 'in', classToToggle: 'viewed', useDelay: false, useIntersectionObserver: true, resizeTimeout: 0 });
+        return Object.assign(Object.assign({}, super._getDefaultProp()), { enabled: true, container: window, elements: [], threshold: 0.9, states: 'in', classToToggle: 'viewed', useDelay: false, useIntersectionObserver: true, viewportTarget: '', resizeTimeout: 0 });
     }
     /**
      * Elements to seek
@@ -38,7 +38,7 @@ export class ScrollView extends ScrollEventsBase {
     _setEvents() {
         super._setEvents();
         this.resize();
-        this.addViewportCallback('', () => {
+        this.addViewportCallback(this.prop.viewportTarget, () => {
             this.resize();
         }, {
             timeout: this.prop.resizeTimeout,

package/build/es/components/scroll/section/ScrollSectionProgress.js

@@ -35,7 +35,7 @@ export class ScrollSectionProgress extends Component {
         }
     }
     _getDefaultProp() {
-        return Object.assign(Object.assign({}, super._getDefaultProp()), { container: window, updateOnResize: '', resizeTimeout: 0 });
+        return Object.assign(Object.assign({}, super._getDefaultProp()), { container: window, viewportTarget: '', resizeTimeout: 0 });
     }
     get scrollContainer() {
         return this._scrollContainer;

package/build/es/index.js

@@ -2,6 +2,7 @@ import * as common from './utils/common';
 import * as listeners from './utils/listeners';
 import * as math from './utils/math';
 import * as scroll from './utils/scroll';
+import * as image from './utils/image';
 import * as GeneralTypes from './utils/types/general';
 import { Application } from './app/Application';
 import { Viewport } from './app/events/Viewport';
@@ -37,5 +38,6 @@ const utils = {
     listeners,
     math,
     scroll,
+    image,
 };
 export { utils, GeneralTypes, Application, Viewport, PageLoad, Callbacks, MutableProp, Module, Component, Plugin, Page, WheelHandler, AnimationFrame, StaticTimeline, Timeline, Preloader, ProgressPreloader, Dragger, DraggerMove, DraggerDirection, Ctx2D, Ctx2DPrerender, SmoothScroll, ScrollBar, ScrollEventsBase, ScrollView, SmoothScrollKeyboardPlugin, SmoothScrollDragPlugin, ScrollSectionProgress, SplitText, CustomCursor, };

package/build/es/utils/image/index.js

@@ -0,0 +1,4 @@
+import load from './load';
+import sizesToSrcSet from './sizesToSrcSet';
+import pathsToProps from './pathsToProps';
+export { load, sizesToSrcSet, pathsToProps, };

package/build/es/utils/image/load.js

@@ -0,0 +1,60 @@
+import PCancelable from 'p-cancelable';
+const cachedImages = [];
+/**
+ * Load an image
+ */
+export default 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();
+                });
+            }
+        }
+    });
+}

package/build/es/utils/image/pathsToProps.js

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

package/build/es/utils/image/sizesToSrcSet.js

@@ -0,0 +1,11 @@
+/**
+ * Transform image sizes to src set
+ */
+export default function imageSizesToSrcSet(sizes) {
+    const keys = Object.keys(sizes);
+    const srcParts = keys.map((key) => {
+        const value = sizes[key];
+        return `${value} ${key}w`;
+    });
+    return srcParts.join(', ');
+}

package/build/types/app/Application.d.ts

@@ -34,6 +34,11 @@ export declare namespace NApplication {
          * @default [.25, .1, .25, 1]
          */
         easing: EasingType;
+        /**
+         * Check if the browser supports WebP
+         * @default false
+         */
+        webpSupport: boolean;
     };
 }
 /**
@@ -87,6 +92,11 @@ export declare class Application<PageInstance extends Page = Page> {
      */
     protected _browserName: string;
     get browserName(): string;
+    /**
+     * WebP Support
+     */
+    protected _supportsWebp?: boolean;
+    get supportsWebp(): boolean;
     /**
      * @example
      * const app = Application({

package/build/types/app/Application.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Application.d.ts","sourceRoot":"","sources":["../../../src/ts/app/Application.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,WAAW,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAI/C,yBAAiB,YAAY,CAAC;IAE1B;;OAEG;IACH,KAAY,IAAI,GAAG;QACf,KAAK,EAAE,OAAO,CAAC;QACf;;;WAGG;QACH,MAAM,EAAE,MAAM,CAAC;QACf;;;WAGG;QACH,KAAK,EAAE,MAAM,CAAC;QACd;;;WAGG;QACH,MAAM,EAAE,MAAM,CAAC;QACf;;;WAGG;QACH,qBAAqB,EAAE,MAAM,CAAC;QAC9B;;;WAGG;QACH,MAAM,EAAE,UAAU,CAAC;KACtB,CAAA;CAEJ;AAID;;GAEG;AACH,qBAAa,WAAW,CACpB,YAAY,SAAS,IAAI,GAAG,IAAI;IAEhC;;OAEG;IACH,SAAS,CAAC,KAAK,EAAE,YAAY,CAAC,IAAI,CAAC;IAEnC;;OAEG;IACH,IAAI,IAAI,sBAEP;IAED;;OAEG;IACH,IAAI,WAAW,IAAK,YAAY,CAAC,IAAI,CASpC;IAED;;OAEG;IACH,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC;IAC1B,IAAI,MAAM,WAET;IAED;;OAEG;IACH,SAAS,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC5B,IAAI,OAAO,YAEV;IAED;;OAEG;IACH,SAAS,CAAC,SAAS,EAAE,OAAO,CAAC;IAC7B,IAAI,QAAQ,YAEX;IAED;;OAEG;IACH,SAAS,CAAC,SAAS,EAAE,OAAO,CAAC;IAC7B,IAAI,QAAQ,YAEX;IAED;;OAEG;IACH,SAAS,CAAC,UAAU,EAAE,OAAO,CAAC;IAC9B,IAAI,SAAS,YAEZ;IAID;;OAEG;IACH,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC;IAC1B,IAAI,MAAM,WAET;IAED;;OAEG;IACH,SAAS,CAAC,YAAY,EAAE,MAAM,CAAC;IAC/B,IAAI,WAAW,WAEd;IAID;;;;;OAKG;gBAEC,IAAI,GAAE,OAAO,CAAC,YAAY,CAAC,IAAI,CAAM;IA2DzC;;OAEG;IACH,IAAI,GAAG,aAEN;IAED;;OAEG;IACH,IAAI,IAAI,gBAEP;IAED;;OAEG;IACH,IAAI,IAAI,gBAEP;IAID;;OAEG;IACH,SAAS,CAAC,MAAM,EAAE,YAAY,EAAE,CAAM;IACtC;;;OAGG;IACH,IAAI,KAAK,mBAER;IAED;;OAEG;IACH,SAAS,CAAC,KAAK,EAAE,KAAK,GAAG,YAAY,CAAS;IAC9C;;OAEG;IACH,IAAI,IAAI,IAMO,KAAK,GAAG,YAAY,CAJlC;IACD;;OAEG;IACH,IAAI,IAAI,CAAE,GAAG,EAAE,KAAK,GAAG,YAAY,EAElC;IAED;;OAEG;IACI,aAAa;IAkBpB;;OAEG;IACI,WAAW;IAgBlB;;OAEG;IACH,SAAS,CAAC,SAAS,EAAE,QAAQ,CAAC;IAC9B,IAAI,QAAQ,aAEX;IAED;;OAEG;IACI,YAAY;IAUnB;;OAEG;IACH,SAAS,CAAC,SAAS,EAAE,QAAQ,CAAC;IAC9B,IAAI,QAAQ,aAEX;IAID;;OAEG;IACH,SAAS,CAAC,MAAM;CAiBnB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,MAAM;QACZ,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;KAC/B;CACJ"}
+{"version":3,"file":"Application.d.ts","sourceRoot":"","sources":["../../../src/ts/app/Application.ts"],"names":[],"mappings":"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"}

package/build/types/components/scroll/scrollable/ScrollView.d.ts

@@ -1,6 +1,7 @@
 import { ScrollEventsBase, NScrollEventsBase } from './ScrollEventsBase';
 import { IRemovable } from '../../../utils/types/general';
 import { RequiredModuleProp } from '../../../utils/types/utility';
+import { NViewport } from '../../../app/events/Viewport';
 export declare namespace NScrollView {
     /**
      * Static properties
@@ -47,6 +48,11 @@ export declare namespace NScrollView {
          * @default true
          */
         useIntersectionObserver?: boolean;
+        /**
+         * Viewport target on resize
+         * @default ''
+         */
+        viewportTarget?: keyof NViewport.CallbacksTypes;
         /**
          * @default 0
          */

package/build/types/components/scroll/scrollable/ScrollView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollView.d.ts","sourceRoot":"","sources":["../../../../../src/ts/components/scroll/scrollable/ScrollView.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ScrollView.d.ts","sourceRoot":"","sources":["../../../../../src/ts/components/scroll/scrollable/ScrollView.ts"],"names":[],"mappings":"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"}

package/build/types/components/scroll/section/ScrollSectionProgress.d.ts

@@ -20,8 +20,8 @@ export declare namespace NScrollSectionProgress {
          */
         section: string | Element;
         /**
-         * Update sizes on resize
-         * @default false
+         * Viewport target on resize
+         * @default ''
          */
         viewportTarget?: keyof NViewport.CallbacksTypes;
         /**

package/build/types/index.d.ts

@@ -2,6 +2,7 @@ import * as common from './utils/common';
 import * as listeners from './utils/listeners';
 import * as math from './utils/math';
 import * as scroll from './utils/scroll';
+import * as image from './utils/image';
 import * as GeneralTypes from './utils/types/general';
 import { Application, NApplication } from './app/Application';
 import { Viewport, NViewport } from './app/events/Viewport';
@@ -37,6 +38,7 @@ declare const utils: {
     listeners: typeof listeners;
     math: typeof math;
     scroll: typeof scroll;
+    image: typeof image;
 };
 export { utils, GeneralTypes, Application, NApplication, Viewport, NViewport, PageLoad, NPageLoad, Callbacks, NCallbacks, MutableProp, NMutableProp, Module, NModule, Component, NComponent, Plugin, NPlugin, Page, NPage, WheelHandler, NWheelHandler, AnimationFrame, NAnimationFrame, StaticTimeline, NStaticTimeline, Timeline, NTimeline, Preloader, NPreloader, ProgressPreloader, NProgressPreloader, Dragger, NDragger, DraggerMove, NDraggerMove, DraggerDirection, NDraggerDirection, Ctx2D, NCtx2D, Ctx2DPrerender, NCtx2DPrerender, SmoothScroll, NSmoothScroll, ScrollBar, NScrollBar, ScrollEventsBase, NScrollEventsBase, ScrollView, NScrollView, SmoothScrollKeyboardPlugin, NSmoothScrollKeyboardPlugin, SmoothScrollDragPlugin, NSmoothScrollDragPlugin, ScrollSectionProgress, NScrollSectionProgress, SplitText, NSplitText, CustomCursor, NCustomCursor, };
 //# sourceMappingURL=index.d.ts.map

package/build/types/index.d.ts.map

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

package/build/types/utils/image/index.d.ts

@@ -0,0 +1,5 @@
+import load from './load';
+import sizesToSrcSet from './sizesToSrcSet';
+import pathsToProps from './pathsToProps';
+export { load, sizesToSrcSet, pathsToProps, };
+//# sourceMappingURL=index.d.ts.map

package/build/types/utils/image/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ts/utils/image/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAE1C,OAAO,EACH,IAAI,EACJ,aAAa,EACb,YAAY,GACf,CAAC"}

package/build/types/utils/image/load.d.ts

@@ -0,0 +1,17 @@
+import PCancelable from 'p-cancelable';
+declare type LoadImageProps = {
+    /**
+     * @default null
+     */
+    crossOrigin?: string | null;
+    /**
+     * @default false
+     */
+    useCache?: boolean;
+};
+/**
+ * Load an image
+ */
+export default function loadImage(source: string | HTMLImageElement, props?: LoadImageProps): PCancelable<HTMLImageElement>;
+export {};
+//# sourceMappingURL=load.d.ts.map

package/build/types/utils/image/load.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"load.d.ts","sourceRoot":"","sources":["../../../../src/ts/utils/image/load.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,cAAc,CAAC;AAOvC,aAAK,cAAc,GAAG;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAC7B,MAAM,EAAE,MAAM,GAAG,gBAAgB,EACjC,KAAK,CAAC,EAAE,cAAc,iCAgEzB"}

package/build/types/utils/image/pathsToProps.d.ts

@@ -0,0 +1,9 @@
+import { ImageAdaptivePaths, ImagePaths } from '../types/general';
+/**
+ * Transform image paths to properties
+ */
+export default function imagePathsToProps(data: ImagePaths | ImageAdaptivePaths): {
+    src: string;
+    srcSet: string;
+};
+//# sourceMappingURL=pathsToProps.d.ts.map

package/build/types/utils/image/pathsToProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pathsToProps.d.ts","sourceRoot":"","sources":["../../../../src/ts/utils/image/pathsToProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAGlE;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CACrC,IAAI,EAAE,UAAU,GAAG,kBAAkB;;;EA0BxC"}

package/build/types/utils/image/sizesToSrcSet.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Transform image sizes to src set
+ */
+export default function imageSizesToSrcSet(sizes: Record<string | number, string>): string;
+//# sourceMappingURL=sizesToSrcSet.d.ts.map

package/build/types/utils/image/sizesToSrcSet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizesToSrcSet.d.ts","sourceRoot":"","sources":["../../../../src/ts/utils/image/sizesToSrcSet.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CACtC,KAAK,EAAE,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,MAAM,CAAC,UAQzC"}

package/build/types/utils/types/general.d.ts

@@ -10,4 +10,13 @@ export interface ScrollLike {
     scrollTo(options: ScrollToOptions): void;
     scrollTo(x: number, y: number): void;
 }
+export interface ImagePaths {
+    original: string;
+    thumb?: string;
+    thumbWebp?: string;
+}
+export interface ImageAdaptivePaths<S extends Record<string | number, string> = {}> extends ImagePaths {
+    sizes?: S;
+    sizesWebp?: S;
+}
 //# sourceMappingURL=general.d.ts.map

package/build/types/utils/types/general.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"general.d.ts","sourceRoot":"","sources":["../../../../src/ts/utils/types/general.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACvB,MAAM,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,YAAY;IACzB,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,UAAU;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,OAAO,EAAE,eAAe,GAAG,IAAI,CAAC;IACzC,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACxC"}
+{"version":3,"file":"general.d.ts","sourceRoot":"","sources":["../../../../src/ts/utils/types/general.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACvB,MAAM,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,YAAY;IACzB,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,UAAU;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,OAAO,EAAE,eAAe,GAAG,IAAI,CAAC;IACzC,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACxC;AAED,MAAM,WAAW,UAAU;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB,CAC/B,CAAC,SAAS,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,MAAM,CAAC,GAAG,EAAE,CAChD,SAAQ,UAAU;IAChB,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,SAAS,CAAC,EAAE,CAAC,CAAC;CACjB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vevet",
-  "version": "2.5.0",
+  "version": "2.7.0",
   "description": "VEVET - A JavaScript library",
   "browserslist": [
     "since 2015"