vevet 2.0.10 → 2.2.0

package/build/cjs/app/events/Viewport.js

@@ -172,7 +172,10 @@ var Viewport = /** @class */ (function (_super) {
     Viewport.prototype._setEvents = function () {
         var _this = this;
         window.addEventListener('resize', function () {
-            (0, common_1.timeoutCallback)(function () {
+            if (_this._resizeTimeout) {
+                _this._resizeTimeout.clear();
+            }
+            _this._resizeTimeout = (0, common_1.timeoutCallback)(function () {
                 _this._onResize();
             }, _this._app.prop.viewportResizeTimeout);
         });

package/build/cjs/components/loading/ProgressPreloader.js

@@ -33,6 +33,7 @@ exports.ProgressPreloader = void 0;
 var vevet_dom_1 = require("vevet-dom");
 var p_cancelable_1 = __importDefault(require("p-cancelable"));
 var AnimationFrame_1 = require("../animation-frame/AnimationFrame");
+var clamp_1 = __importDefault(require("../../utils/math/clamp"));
 var lerp_1 = __importDefault(require("../../utils/math/lerp"));
 var Preloader_1 = require("./Preloader");
 var Timeline_1 = require("../timeline/Timeline");
@@ -213,11 +214,19 @@ var ProgressPreloader = /** @class */ (function (_super) {
         }
         // get custom resources
         if (loaders.custom) {
-            this._customResources = Array.from((0, vevet_dom_1.selectAll)(loaders.custom)).filter(function (el) {
-                if (el.classList.contains(loaders.ignoreClassName)) {
-                    return false;
+            Array.from((0, vevet_dom_1.selectAll)(loaders.custom)).forEach(function (el) {
+                // note that each custom resource may have the attribute "data-load-count"
+                // which defines how many resources should be added to the loading queue.
+                // here we check this quantity and duplicate elements
+                var loadCount = parseInt(el.getAttribute('data-load-count') || '1', 10);
+                loadCount = Number.isNaN(loadCount) ? 1 : (0, clamp_1.default)(loadCount, [1, Infinity]);
+                for (var index = 1; index <= loadCount; index += 1) {
+                    var targetProgress = index / loadCount;
+                    _this._customResources.push({
+                        el: el,
+                        targetProgress: targetProgress,
+                    });
                 }
-                return true;
             });
             this._resourcesTotal += this._customResources.length;
         }
@@ -267,8 +276,8 @@ var ProgressPreloader = /** @class */ (function (_super) {
             }
         });
         // preload custom resources
-        this._customResources.forEach(function (el) {
-            _this._seekCustomResourceLoaded(el).then(function () {
+        this._customResources.forEach(function (data) {
+            _this._seekCustomResourceLoaded(data).then(function () {
                 _this._handleLoadedResource();
             });
         });
@@ -276,16 +285,52 @@ var ProgressPreloader = /** @class */ (function (_super) {
     /**
      * Seek the moment when a custom resource is loaded
      */
-    ProgressPreloader.prototype._seekCustomResourceLoaded = function (el) {
+    ProgressPreloader.prototype._seekCustomResourceLoaded = function (data) {
         var _this = this;
         return new Promise(function (resolve) {
-            // check if the element is loaded
-            if (el.isComplete || el.isLoaded) {
-                resolve();
-                return;
+            var el = data.el, targetProgress = data.targetProgress;
+            // get loaded value
+            var loadProgress = 0;
+            // from "isComplete" property
+            if (typeof el.isComplete !== 'undefined') {
+                if (typeof el.isComplete === 'boolean') {
+                    if (el.isComplete) {
+                        loadProgress = targetProgress;
+                    }
+                }
+                else if (typeof el.isComplete === 'number') {
+                    loadProgress = el.isComplete;
+                }
+            }
+            else if (typeof el.isLoaded !== 'undefined') {
+                // from "isLoaded" property
+                if (typeof el.isLoaded === 'boolean') {
+                    if (el.isLoaded) {
+                        loadProgress = targetProgress;
+                    }
+                }
+                else if (typeof el.isLoaded === 'number') {
+                    loadProgress = el.isLoaded;
+                }
+            }
+            // if loadProgress is still incomplete,
+            // we check the "data-is-loaded" attribute
+            if (loadProgress === 0) {
+                var isLoadedAttr = el.getAttribute('data-is-loaded');
+                if (isLoadedAttr !== null && isLoadedAttr !== '') {
+                    var isLoadedAttrNum = parseFloat(isLoadedAttr);
+                    // if the value is non-numeric, we define the the resource is loaded
+                    if (Number.isNaN(isLoadedAttrNum)) {
+                        loadProgress = targetProgress;
+                    }
+                    else {
+                        loadProgress = isLoadedAttrNum;
+                    }
+                }
             }
-            if (el.getAttribute('data-is-loaded')
-                || el.getAttribute('is-loaded')) {
+            // console.log(loadProgress, targetLoadProgress);
+            // and we finally check if the target progress was reached
+            if (loadProgress >= targetProgress) {
                 resolve();
                 return;
             }
@@ -294,7 +339,7 @@ var ProgressPreloader = /** @class */ (function (_super) {
                 if (_this.destroyed) {
                     return;
                 }
-                _this._seekCustomResourceLoaded(el).then(function () {
+                _this._seekCustomResourceLoaded(data).then(function () {
                     resolve();
                 });
             }, 50);

package/build/cjs/components/text/SplitText.js

@@ -52,7 +52,7 @@ var SplitText = /** @class */ (function (_super) {
         }
         // get initial text
         _this._initHTML = _this._container.innerHTML;
-        var innerText = _this._container.innerText.trim() || _this._container.innerHTML.trim();
+        var innerText = _this._container[_this.prop.textSource].trim();
         _this._initText = innerText || 'no rendered text';
         _this._initText = _this._initText.replace(/\s+\n/gm, '\n');
         _this._initText = _this._initText.replace(/<br>/gm, String.fromCharCode(10));
@@ -71,7 +71,7 @@ var SplitText = /** @class */ (function (_super) {
         return _this;
     }
     SplitText.prototype._getDefaultProp = function () {
-        return __assign(__assign({}, _super.prototype._getDefaultProp.call(this)), { container: "#".concat(this.prefix), appendLetters: true, appendLines: false, viewportTarget: '', resizeTimeout: 0 });
+        return __assign(__assign({}, _super.prototype._getDefaultProp.call(this)), { container: "#".concat(this.prefix), textSource: 'innerText', appendLetters: true, appendLines: false, viewportTarget: '', resizeTimeout: 0 });
     };
     Object.defineProperty(SplitText.prototype, "prefix", {
         get: function () {

package/build/cjs/utils/common/timeoutCallback.js

@@ -4,14 +4,22 @@ Object.defineProperty(exports, "__esModule", { value: true });
  * Launch a function in a certain amount of time
  * If the timeout argument is zero, the callback will be launched synchronously
  */
-function timeoutCallback(callback, timeout) {
-    if (timeout === 0) {
+function timeoutCallback(callback, delay) {
+    var timeout;
+    if (delay === 0) {
         callback();
     }
     else {
-        setTimeout(function () {
+        timeout = setTimeout(function () {
             callback();
-        }, timeout);
+        }, delay);
     }
+    return {
+        clear: function () {
+            if (timeout) {
+                clearTimeout(timeout);
+            }
+        },
+    };
 }
 exports.default = timeoutCallback;

package/build/es/app/events/Viewport.js

@@ -103,7 +103,10 @@ export class Viewport extends Callbacks {
     // Set events on resize
     _setEvents() {
         window.addEventListener('resize', () => {
-            timeoutCallback(() => {
+            if (this._resizeTimeout) {
+                this._resizeTimeout.clear();
+            }
+            this._resizeTimeout = timeoutCallback(() => {
                 this._onResize();
             }, this._app.prop.viewportResizeTimeout);
         });

package/build/es/components/loading/ProgressPreloader.js

@@ -1,6 +1,7 @@
 import { selectAll } from 'vevet-dom';
 import PCancelable from 'p-cancelable';
 import { AnimationFrame } from '../animation-frame/AnimationFrame';
+import clamp from '../../utils/math/clamp';
 import lerp from '../../utils/math/lerp';
 import { Preloader } from './Preloader';
 import { Timeline } from '../timeline/Timeline';
@@ -147,11 +148,19 @@ export class ProgressPreloader extends Preloader {
         }
         // get custom resources
         if (loaders.custom) {
-            this._customResources = Array.from(selectAll(loaders.custom)).filter((el) => {
-                if (el.classList.contains(loaders.ignoreClassName)) {
-                    return false;
+            Array.from(selectAll(loaders.custom)).forEach((el) => {
+                // note that each custom resource may have the attribute "data-load-count"
+                // which defines how many resources should be added to the loading queue.
+                // here we check this quantity and duplicate elements
+                let loadCount = parseInt(el.getAttribute('data-load-count') || '1', 10);
+                loadCount = Number.isNaN(loadCount) ? 1 : clamp(loadCount, [1, Infinity]);
+                for (let index = 1; index <= loadCount; index += 1) {
+                    const targetProgress = index / loadCount;
+                    this._customResources.push({
+                        el,
+                        targetProgress,
+                    });
                 }
-                return true;
             });
             this._resourcesTotal += this._customResources.length;
         }
@@ -200,8 +209,8 @@ export class ProgressPreloader extends Preloader {
             }
         });
         // preload custom resources
-        this._customResources.forEach((el) => {
-            this._seekCustomResourceLoaded(el).then(() => {
+        this._customResources.forEach((data) => {
+            this._seekCustomResourceLoaded(data).then(() => {
                 this._handleLoadedResource();
             });
         });
@@ -209,15 +218,51 @@ export class ProgressPreloader extends Preloader {
     /**
      * Seek the moment when a custom resource is loaded
      */
-    _seekCustomResourceLoaded(el) {
+    _seekCustomResourceLoaded(data) {
         return new Promise((resolve) => {
-            // check if the element is loaded
-            if (el.isComplete || el.isLoaded) {
-                resolve();
-                return;
+            const { el, targetProgress } = data;
+            // get loaded value
+            let loadProgress = 0;
+            // from "isComplete" property
+            if (typeof el.isComplete !== 'undefined') {
+                if (typeof el.isComplete === 'boolean') {
+                    if (el.isComplete) {
+                        loadProgress = targetProgress;
+                    }
+                }
+                else if (typeof el.isComplete === 'number') {
+                    loadProgress = el.isComplete;
+                }
+            }
+            else if (typeof el.isLoaded !== 'undefined') {
+                // from "isLoaded" property
+                if (typeof el.isLoaded === 'boolean') {
+                    if (el.isLoaded) {
+                        loadProgress = targetProgress;
+                    }
+                }
+                else if (typeof el.isLoaded === 'number') {
+                    loadProgress = el.isLoaded;
+                }
+            }
+            // if loadProgress is still incomplete,
+            // we check the "data-is-loaded" attribute
+            if (loadProgress === 0) {
+                const isLoadedAttr = el.getAttribute('data-is-loaded');
+                if (isLoadedAttr !== null && isLoadedAttr !== '') {
+                    const isLoadedAttrNum = parseFloat(isLoadedAttr);
+                    // if the value is non-numeric, we define the the resource is loaded
+                    if (Number.isNaN(isLoadedAttrNum)) {
+                        loadProgress = targetProgress;
+                    }
+                    else {
+                        loadProgress = isLoadedAttrNum;
+                    }
+                }
             }
-            if (el.getAttribute('data-is-loaded')
-                || el.getAttribute('is-loaded')) {
+            // console.log(loadProgress, targetLoadProgress);
+            // and we finally check if the target progress was reached
+            if (loadProgress >= targetProgress) {
                 resolve();
                 return;
             }
@@ -226,7 +271,7 @@ export class ProgressPreloader extends Preloader {
                 if (this.destroyed) {
                     return;
                 }
-                this._seekCustomResourceLoaded(el).then(() => {
+                this._seekCustomResourceLoaded(data).then(() => {
                     resolve();
                 });
             }, 50);

package/build/es/components/text/SplitText.js

@@ -21,7 +21,7 @@ export class SplitText extends Component {
         }
         // get initial text
         this._initHTML = this._container.innerHTML;
-        const innerText = this._container.innerText.trim() || this._container.innerHTML.trim();
+        const innerText = this._container[this.prop.textSource].trim();
         this._initText = innerText || 'no rendered text';
         this._initText = this._initText.replace(/\s+\n/gm, '\n');
         this._initText = this._initText.replace(/<br>/gm, String.fromCharCode(10));
@@ -39,7 +39,7 @@ export class SplitText extends Component {
         }
     }
     _getDefaultProp() {
-        return Object.assign(Object.assign({}, super._getDefaultProp()), { container: `#${this.prefix}`, appendLetters: true, appendLines: false, viewportTarget: '', resizeTimeout: 0 });
+        return Object.assign(Object.assign({}, super._getDefaultProp()), { container: `#${this.prefix}`, textSource: 'innerText', appendLetters: true, appendLines: false, viewportTarget: '', resizeTimeout: 0 });
     }
     get prefix() {
         return `${this._app.prefix}split-text`;

package/build/es/utils/common/timeoutCallback.js

@@ -2,13 +2,21 @@
  * Launch a function in a certain amount of time
  * If the timeout argument is zero, the callback will be launched synchronously
  */
-export default function timeoutCallback(callback, timeout) {
-    if (timeout === 0) {
+export default function timeoutCallback(callback, delay) {
+    let timeout;
+    if (delay === 0) {
         callback();
     }
     else {
-        setTimeout(() => {
+        timeout = setTimeout(() => {
             callback();
-        }, timeout);
+        }, delay);
     }
+    return {
+        clear: () => {
+            if (timeout) {
+                clearTimeout(timeout);
+            }
+        },
+    };
 }

package/build/types/app/events/Viewport.d.ts

@@ -1,4 +1,5 @@
 import { Callbacks, NCallbacks } from '../../base/Callbacks';
+import { timeoutCallback } from '../../utils/common';
 export declare namespace NViewport {
     /**
      * Callbacks argument. Changes in viewport
@@ -110,6 +111,7 @@ export declare class Viewport extends Callbacks<NViewport.CallbacksTypes> {
      * Device pixel ratio. For non-mobile devices it is always 1.
      */
     get lowerDesktopDPR(): number;
+    protected _resizeTimeout?: ReturnType<typeof timeoutCallback>;
     constructor();
     protected _constructor(): void;
     protected _setEvents(): void;

package/build/types/app/events/Viewport.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Viewport.d.ts","sourceRoot":"","sources":["../../../../src/ts/app/events/Viewport.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAK7D,yBAAiB,SAAS,CAAC;IAEvB;;OAEG;IACH,UAAiB,OAAO;QACpB,YAAY,EAAE,OAAO,CAAC;QACtB,aAAa,EAAE,OAAO,CAAC;QACvB,kBAAkB,EAAE,OAAO,CAAC;KAC/B;IAED;;OAEG;IACH,UAAiB,cAAe,SAAQ,UAAU,CAAC,cAAc;QAC7D;;WAEG;QACH,GAAG,EAAE,OAAO,CAAC;QACb;;WAEG;QACH,GAAG,EAAE,OAAO,CAAC;QACb;;WAEG;QACH,IAAI,EAAE,OAAO,CAAC;QACd;;WAEG;QACH,IAAI,EAAE,OAAO,CAAA;QACb;;WAEG;QACH,IAAI,EAAE,OAAO,CAAC;QACd;;WAEG;QACH,IAAI,EAAE,OAAO,CAAC;QACd;;WAEG;QACH,EAAE,EAAE,OAAO,CAAC;KACf;CAEJ;AAqBD;;;GAGG;AACH,qBAAa,QAAS,SAAQ,SAAS,CACnC,SAAS,CAAC,cAAc,CAC3B;IACG;;OAEG;IACH,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC;IACzB,IAAI,KAAK,WAER;IAED;;OAEG;IACH,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC;IAC1B,IAAI,MAAM,WAET;IAED;;OAEG;IACH,IAAI,EAAE,WAEL;IACD;;OAEG;IACH,IAAI,EAAE,WAEL;IAED;;OAEG;IACH,SAAS,CAAC,SAAS,EAAE;QACjB,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;KACb,CAAC;IAEF;;OAEG;IACH,IAAI,QAAQ;;;MAEX;IAED;;OAEG;IACH,IAAI,WAAW,YAEd;IAED;;OAEG;IACH,IAAI,UAAU,YAEb;IAED;;OAEG;IACH,SAAS,CAAC,UAAU,EAAE,OAAO,CAAC;IAC9B,IAAI,SAAS,YAEZ;IAED;;OAEG;IACH,SAAS,CAAC,SAAS,EAAE,OAAO,CAAC;IAC7B,IAAI,QAAQ,YAEX;IAED;;OAEG;IACH,SAAS,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC5B,IAAI,OAAO,YAEV;IAED;;OAEG;IACH,IAAI,GAAG,WAKN;IAED;;OAEG;IACH,IAAI,eAAe,WAKlB;;IAgBD,SAAS,CAAC,YAAY;IAMtB,SAAS,CAAC,UAAU;IAUpB;;OAEG;IACH,SAAS,CAAC,UAAU;IA0BpB;;OAEG;IACH,SAAS,CAAC,cAAc;IA4CxB;;OAEG;IACH,SAAS,CAAC,wBAAwB,CAC9B,UAAU,EAAE,MAAM,EAClB,KAAK,EAAE,MAAM,EAAE;IAenB;;OAEG;IACH,SAAS,CAAC,cAAc;IAQxB;;OAEG;IACH,SAAS,CAAC,SAAS;CA2CtB"}
+{"version":3,"file":"Viewport.d.ts","sourceRoot":"","sources":["../../../../src/ts/app/events/Viewport.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAIrD,yBAAiB,SAAS,CAAC;IAEvB;;OAEG;IACH,UAAiB,OAAO;QACpB,YAAY,EAAE,OAAO,CAAC;QACtB,aAAa,EAAE,OAAO,CAAC;QACvB,kBAAkB,EAAE,OAAO,CAAC;KAC/B;IAED;;OAEG;IACH,UAAiB,cAAe,SAAQ,UAAU,CAAC,cAAc;QAC7D;;WAEG;QACH,GAAG,EAAE,OAAO,CAAC;QACb;;WAEG;QACH,GAAG,EAAE,OAAO,CAAC;QACb;;WAEG;QACH,IAAI,EAAE,OAAO,CAAC;QACd;;WAEG;QACH,IAAI,EAAE,OAAO,CAAA;QACb;;WAEG;QACH,IAAI,EAAE,OAAO,CAAC;QACd;;WAEG;QACH,IAAI,EAAE,OAAO,CAAC;QACd;;WAEG;QACH,EAAE,EAAE,OAAO,CAAC;KACf;CAEJ;AAqBD;;;GAGG;AACH,qBAAa,QAAS,SAAQ,SAAS,CACnC,SAAS,CAAC,cAAc,CAC3B;IACG;;OAEG;IACH,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC;IACzB,IAAI,KAAK,WAER;IAED;;OAEG;IACH,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC;IAC1B,IAAI,MAAM,WAET;IAED;;OAEG;IACH,IAAI,EAAE,WAEL;IACD;;OAEG;IACH,IAAI,EAAE,WAEL;IAED;;OAEG;IACH,SAAS,CAAC,SAAS,EAAE;QACjB,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;KACb,CAAC;IAEF;;OAEG;IACH,IAAI,QAAQ;;;MAEX;IAED;;OAEG;IACH,IAAI,WAAW,YAEd;IAED;;OAEG;IACH,IAAI,UAAU,YAEb;IAED;;OAEG;IACH,SAAS,CAAC,UAAU,EAAE,OAAO,CAAC;IAC9B,IAAI,SAAS,YAEZ;IAED;;OAEG;IACH,SAAS,CAAC,SAAS,EAAE,OAAO,CAAC;IAC7B,IAAI,QAAQ,YAEX;IAED;;OAEG;IACH,SAAS,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC5B,IAAI,OAAO,YAEV;IAED;;OAEG;IACH,IAAI,GAAG,WAKN;IAED;;OAEG;IACH,IAAI,eAAe,WAKlB;IAED,SAAS,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;;IAgB9D,SAAS,CAAC,YAAY;IAMtB,SAAS,CAAC,UAAU;IAapB;;OAEG;IACH,SAAS,CAAC,UAAU;IA0BpB;;OAEG;IACH,SAAS,CAAC,cAAc;IA4CxB;;OAEG;IACH,SAAS,CAAC,wBAAwB,CAC9B,UAAU,EAAE,MAAM,EAClB,KAAK,EAAE,MAAM,EAAE;IAenB;;OAEG;IACH,SAAS,CAAC,cAAc;IAQxB;;OAEG;IACH,SAAS,CAAC,SAAS;CA2CtB"}

package/build/types/components/loading/ProgressPreloader.d.ts

@@ -29,8 +29,10 @@ export declare namespace NProgressPreloader {
             video?: boolean;
             /**
              * Selector for elements to be preloaded.
-             * These elements may have such properties as 'isLoaded' or 'isComplete'
-             * or attributes like 'data-is-loaded', 'is-loaded'.
+             * These elements may have such properties
+             * as 'isLoaded' or 'isComplete' (numeral or boolean)
+             * or an attribute like 'data-is-loaded'
+             * (string with float or non-empty string for true).
              * @default '.js-preload'
              */
             custom?: string | false;
@@ -76,8 +78,12 @@ export declare namespace NProgressPreloader {
         };
     }
     interface CustomResource extends Element {
-        isLoaded?: boolean;
-        isComplete?: boolean;
+        isLoaded?: boolean | number;
+        isComplete?: boolean | number;
+    }
+    interface CustomResourceData {
+        el: NProgressPreloader.CustomResource;
+        targetProgress: number;
     }
 }
 /**
@@ -98,8 +104,8 @@ export declare class ProgressPreloader<StaticProp extends NProgressPreloader.Sta
     /**
      * Custom resources
      */
-    get customResources(): NProgressPreloader.CustomResource[];
-    protected _customResources: NProgressPreloader.CustomResource[];
+    get customResources(): NProgressPreloader.CustomResourceData[];
+    protected _customResources: NProgressPreloader.CustomResourceData[];
     /**
      * Quantity of resources to be preloader
      */
@@ -146,7 +152,7 @@ export declare class ProgressPreloader<StaticProp extends NProgressPreloader.Sta
     /**
      * Seek the moment when a custom resource is loaded
      */
-    protected _seekCustomResourceLoaded(el: NProgressPreloader.CustomResource): Promise<any>;
+    protected _seekCustomResourceLoaded(data: NProgressPreloader.CustomResourceData): Promise<any>;
     /**
      * Iterate quantity of loaded resources.
      * @param quantity - Only integers

package/build/types/components/loading/ProgressPreloader.d.ts.map

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

package/build/types/components/text/SplitText.d.ts

@@ -11,6 +11,11 @@ export declare namespace NSplitText {
          * @default '#v-split-text'
          */
         container?: string | Element;
+        /**
+         * Text content
+         * @default 'innerText'
+         */
+        textSource?: 'textContent' | 'innerText' | 'innerHTML';
         /**
          * If need to split text into letters.
          * @default true

package/build/types/components/text/SplitText.d.ts.map

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

package/build/types/utils/common/timeoutCallback.d.ts

@@ -2,5 +2,7 @@
  * Launch a function in a certain amount of time
  * If the timeout argument is zero, the callback will be launched synchronously
  */
-export default function timeoutCallback(callback: Function, timeout: number): void;
+export default function timeoutCallback(callback: Function, delay: number): {
+    clear: () => void;
+};
 //# sourceMappingURL=timeoutCallback.d.ts.map

package/build/types/utils/common/timeoutCallback.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"timeoutCallback.d.ts","sourceRoot":"","sources":["../../../../src/ts/utils/common/timeoutCallback.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CACnC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,MAAM,QASlB"}
+{"version":3,"file":"timeoutCallback.d.ts","sourceRoot":"","sources":["../../../../src/ts/utils/common/timeoutCallback.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CACnC,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,MAAM;;EAiBhB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vevet",
-  "version": "2.0.10",
+  "version": "2.2.0",
   "description": "VEVET - A JavaScript library",
   "browserslist": [
     "since 2015"
@@ -17,7 +17,7 @@
     "prepare:cdn": "webpack --config ./config/webpack.cdn.js",
     "lint:js": "eslint . --ext .ts,.js",
     "prepare": "npm run prepare:all",
-    "release": "npm version patch && npm publish"
+    "release": "npm publish"
   },
   "main": "./build/cjs/index.js",
   "types": "./build/types/index.d.ts",

package/src/ts/app/events/Viewport.ts

@@ -178,6 +178,8 @@ export class Viewport extends Callbacks<
         return this.dpr;
     }
 
+    protected _resizeTimeout?: ReturnType<typeof timeoutCallback>;
+
 
 
     constructor () {
@@ -200,7 +202,10 @@ export class Viewport extends Callbacks<
     // Set events on resize
     protected _setEvents () {
         window.addEventListener('resize', () => {
-            timeoutCallback(() => {
+            if (this._resizeTimeout) {
+                this._resizeTimeout.clear();
+            }
+            this._resizeTimeout = timeoutCallback(() => {
                 this._onResize();
             }, this._app.prop.viewportResizeTimeout);
         });