vevet 2.0.1-dev.3 → 2.0.1-dev.30

package/build/es/components/scroll/smooth-scroll/SmoothScroll.js

@@ -2,7 +2,7 @@ import { selectAll, selectOne, isElement, createElement, } from 'vevet-dom';
 import normalizeWheel from 'normalize-wheel';
 import { Component } from '../../../base/Component';
 import { AnimationFrame } from '../../animation-frame/AnimationFrame';
-import boundVal from '../../../utils/math/boundVal';
+import clamp from '../../../utils/math/clamp';
 import { lerp } from '../../../utils/math';
 /**
  * Create smooth scrolling.
@@ -21,6 +21,8 @@ export class SmoothScroll extends Component {
         this._clientWidth = 0;
         this._clientHeight = 0;
         this._instant = false;
+        this._animationFrame = undefined;
+        this._outerAnimationFrameEvent = undefined;
         this._currentFPS = 60;
         // get outer elements
         this._outer = selectOne(selectors.outer);
@@ -51,9 +53,11 @@ export class SmoothScroll extends Component {
         }
         this._elementsLength = this._elements.length;
         // add will-change
-        this._elements.forEach((el) => {
-            el.style.willChange = 'transform';
-        });
+        if (this.prop.useWillChange) {
+            this._elements.forEach((el) => {
+                el.style.willChange = 'transform';
+            });
+        }
         // initialize the class
         if (init) {
             this.init();
@@ -86,7 +90,7 @@ export class SmoothScroll extends Component {
             ? -this.prop.overscroll.max : 0;
         const max = this.maxScrollableWidth
             + (!!this.prop.overscroll && this.prop.isHorizontal ? this.prop.overscroll.max : 0);
-        this._targetLeft = boundVal(val, [min, max]);
+        this._targetLeft = clamp(val, [min, max]);
     }
     get targetLeftBound() {
         return this._targetLeft;
@@ -106,7 +110,7 @@ export class SmoothScroll extends Component {
             ? -this.prop.overscroll.max : 0;
         const max = this.maxScrollableHeight
             + (!!this.prop.overscroll && !this.prop.isHorizontal ? this.prop.overscroll.max : 0);
-        this._targetTop = boundVal(val, [min, max]);
+        this._targetTop = clamp(val, [min, max]);
     }
     get targetTopBound() {
         return this._targetTop;
@@ -155,7 +159,7 @@ export class SmoothScroll extends Component {
         return Object.assign(Object.assign({}, super._getDefaultProp()), { selectors: {
                 outer: `#${this.prefix}`,
                 elements: false,
-            }, enabled: true, animationFrame: false, recalculateSizes: true, useWheel: true, autoStop: true, isHorizontal: false, stopPropagation: true, useWillChange: true, render: {
+            }, enabled: true, animationFrame: false, recalculateSizes: true, resizeTimeout: 0, useWheel: true, autoStop: true, isHorizontal: false, stopPropagation: true, useWillChange: true, render: {
                 lerp: 0.1,
                 lerpToFixed: 2,
                 approximation: 0.1,
@@ -176,6 +180,8 @@ export class SmoothScroll extends Component {
         this.resize();
         this.addViewportCallback('', () => {
             this.resize(true);
+        }, {
+            timeout: this.prop.resizeTimeout,
         });
         // wheel
         this.addEventListeners(this.outer, 'wheel', (e) => {
@@ -205,8 +211,8 @@ export class SmoothScroll extends Component {
         // get sizes
         this._clientWidth = outer.clientWidth;
         this._clientHeight = outer.clientHeight;
-        this._scrollWidth = boundVal(container.clientWidth, [this.clientWidth, Infinity]);
-        this._scrollHeight = boundVal(container.clientHeight, [this.clientHeight, Infinity]);
+        this._scrollWidth = clamp(container.clientWidth, [this.clientWidth, Infinity]);
+        this._scrollHeight = clamp(container.clientHeight, [this.clientHeight, Infinity]);
         // force instant change
         // it means that after resizing, scrolling will be instantaneous for a while
         if (native) {
@@ -219,6 +225,10 @@ export class SmoothScroll extends Component {
             this.targetLeft = parseInt(this.targetLeft.toFixed(0), 10);
             this.targetTop = parseInt(this.targetTop.toFixed(0), 10);
         }
+        // set scroll classes
+        const hasScroll = this.maxScrollableHeight > 0 || this.maxScrollableWidth > 0;
+        outer.classList.toggle('has-scroll', hasScroll);
+        outer.classList.toggle('no-scroll', !hasScroll);
         // render elements
         this._updateElementsProp();
         // this.render();

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

@@ -19,8 +19,12 @@ export class SplitText extends Component {
         }
         // get initial text
         this._initHTML = this._container.innerHTML;
-        this._initText = (this._container.innerText || 'no rendered text').trim();
+        const innerText = this._container.innerText.trim() || this._container.innerHTML.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));
+        this._initText = this._initText.replace(/<br\/>/gm, String.fromCharCode(10));
+        this._initText = this._initText.replace(/<br \/>/gm, String.fromCharCode(10));
         // set default vars
         this._isPrimarySplit = false;
         this._letters = [];
@@ -32,7 +36,7 @@ export class SplitText extends Component {
         }
     }
     _getDefaultProp() {
-        return Object.assign(Object.assign({}, super._getDefaultProp()), { container: `#${this.prefix}`, appendLetters: true, appendLines: false });
+        return Object.assign(Object.assign({}, super._getDefaultProp()), { container: `#${this.prefix}`, appendLetters: true, appendLines: false, viewportTarget: '', resizeTimeout: 0 });
     }
     get prefix() {
         return `${this._app.prefix}split-text`;
@@ -57,8 +61,10 @@ export class SplitText extends Component {
         // split the text
         this.splitText();
         if (this.prop.appendLines) {
-            this.addViewportCallback('', () => {
+            this.addViewportCallback(this.prop.viewportTarget, () => {
                 this.splitText();
+            }, {
+                timeout: this.prop.resizeTimeout,
             });
         }
     }
@@ -103,6 +109,7 @@ export class SplitText extends Component {
             // get type of the char
             const charCode = char.charCodeAt(0);
             const isWhitespace = charCode === 32 || charCode === 160;
+            const isSeparator = [45, 8208, 8211, 8212, 8722].includes(charCode);
             const isNewLine = charCode === 10;
             // add elements
             if (isWhitespace) {
@@ -123,6 +130,21 @@ export class SplitText extends Component {
             if (!this.prop.appendLetters) {
                 currentWord.el.innerHTML = currentWord.content;
             }
+            // go to next word if needed
+            if (isSeparator) {
+                wordIndex += 1;
+            }
+        });
+        // only filled words
+        this._words = this._words.filter((word, index) => {
+            if (word.content.length === 0) {
+                if (index > 0) {
+                    this._words[index - 1].whitespace = word.whitespace;
+                    this._words[index - 1].br = word.br;
+                }
+                return false;
+            }
+            return true;
         });
     }
     /**

package/build/es/components/timeline/StaticTimeline.js

@@ -1,7 +1,7 @@
 import easingProgress from 'easing-progress';
 import { Component } from '../../base/Component';
-import scopeProgress from '../../utils/math/scopeProgress';
-import boundVal from '../../utils/math/boundVal';
+import scoped from '../../utils/math/scoped';
+import clamp from '../../utils/math/clamp';
 /**
  * StaticTimeline is the base class for Timeline itself.
  * The difference between the coponents is that StaticTimeline has no animation:
@@ -75,7 +75,7 @@ export class StaticTimeline extends Component {
         for (let index = 0, l = length; index < l; index += 1) {
             const tm = this._nestedTimelines[index];
             // calculate progress of this very timeline
-            const tmProgress = boundVal(scopeProgress(progressForNested, tm.prop.nestedScope), [0, 1]);
+            const tmProgress = clamp(scoped(progressForNested, tm.prop.nestedScope), [0, 1]);
             tm.progress = tmProgress;
         }
     }

package/build/es/components/timeline/Timeline.js

@@ -1,5 +1,5 @@
 import { StaticTimeline } from './StaticTimeline';
-import boundVal from '../../utils/math/boundVal';
+import clamp from '../../utils/math/clamp';
 /**
  * Timeline is an animation helper.
  */
@@ -10,6 +10,7 @@ export class Timeline extends StaticTimeline {
         this._isPlaying = false;
         this._isReversed = false;
         this._isPaused = false;
+        this._animationFrame = undefined;
         this._animationFrameLastTime = 0;
         if (init) {
             this.init();
@@ -101,7 +102,7 @@ export class Timeline extends StaticTimeline {
         this._animationFrameLastTime = currentTime;
         // calculate current progress
         const progressIterator = frameDiff / this.prop.duration / (isReversed ? -1 : 1);
-        const progressTarget = boundVal(this.progress + progressIterator, [0, 1]);
+        const progressTarget = clamp(this.progress + progressIterator, [0, 1]);
         this.progress = progressTarget;
         // end animation
         if ((progressTarget === 1 && !isReversed)

package/build/es/handlers/wheel/WheelHandler.js

@@ -0,0 +1,153 @@
+import { addEventListener } from 'vevet-dom';
+import normalizeWheel from 'normalize-wheel';
+import { Module } from '../../base/Module';
+/**
+ * Wheel events: up & down, left & right without repeating
+
+ */
+export class WheelHandler extends Module {
+    constructor(initialProp, init = true) {
+        super(initialProp, false);
+        this._wheelListener = undefined;
+        this._lockWheel = false;
+        if (init) {
+            this.init();
+        }
+    }
+    _getDefaultProp() {
+        return Object.assign(Object.assign({}, super._getDefaultProp()), { container: false, enabled: true, stopPropagation: false, threshold: 20 });
+    }
+    /**
+     * Listener contianer
+     */
+    get container() {
+        if (!this.prop.container) {
+            return window;
+        }
+        return this.prop.container;
+    }
+    // Set Module Events
+    _setEvents() {
+        super._setEvents();
+        if (!(this.container instanceof Window)) {
+            this._listeners.push(addEventListener(this.container, 'mouseenter', this._handleMouseEnter.bind(this)));
+            this._listeners.push(addEventListener(this.container, 'mouseleave', this._handleMouseLeave.bind(this)));
+        }
+        else {
+            this._toggleWheelEvent();
+        }
+    }
+    _onPropMutate() {
+        super._onPropMutate();
+        this._toggleWheelEvent();
+    }
+    /**
+     * Handle element mouse enter
+     */
+    _handleMouseEnter() {
+        if (this.prop.enabled) {
+            this._createWheelEvent();
+        }
+    }
+    /**
+     * Handle element mouse leave
+     */
+    _handleMouseLeave() {
+        this._destroyWheelEvent();
+    }
+    /**
+     * Set wheel event
+     */
+    _toggleWheelEvent() {
+        if (this.prop.enabled) {
+            this._createWheelEvent();
+        }
+        else {
+            this._destroyWheelEvent();
+        }
+    }
+    /**
+     * Create a wheel event
+     */
+    _createWheelEvent() {
+        if (this._wheelListener) {
+            return;
+        }
+        // reset gaining
+        this._lockWheel = false;
+        if (this._lockWheelTimeout) {
+            clearTimeout(this._lockWheelTimeout);
+        }
+        // create a listener
+        this._wheelListener = addEventListener(this.container, 'wheel', 
+        // throttle(this._handleWheel.bind(this), 200),
+        this._handleWheel.bind(this));
+    }
+    /**
+     * Destroy the wheel event
+     */
+    _destroyWheelEvent() {
+        if (!this._wheelListener) {
+            return;
+        }
+        this._wheelListener.remove();
+        this._wheelListener = undefined;
+    }
+    /**
+     * Handle wheel event
+     */
+    _handleWheel(evt) {
+        if (!this._wheelListener) {
+            return;
+        }
+        // stop propagation
+        if (this.prop.stopPropagation) {
+            evt.preventDefault();
+            evt.stopPropagation();
+        }
+        // if locked
+        if (this._lockWheel) {
+            if (this._lockWheelTimeout) {
+                clearTimeout(this._lockWheelTimeout);
+            }
+            this._lockWheelTimeout = setTimeout(() => {
+                this._lockWheel = false;
+            }, 300);
+            return;
+        }
+        // data
+        const delta = normalizeWheel(evt);
+        const { threshold } = this.prop;
+        // launch events
+        let eventFired = false;
+        // Y
+        if (delta.pixelY > threshold) {
+            this._callbacks.tbt('down', false);
+            eventFired = true;
+        }
+        else if (delta.pixelY < threshold * -1) {
+            this._callbacks.tbt('up', false);
+            eventFired = true;
+        }
+        // X
+        if (delta.pixelX > threshold) {
+            this._callbacks.tbt('right', false);
+            eventFired = true;
+        }
+        else if (delta.pixelX < threshold * -1) {
+            this._callbacks.tbt('left', false);
+            eventFired = true;
+        }
+        // lock events
+        if (eventFired) {
+            this._lockWheel = true;
+        }
+    }
+    /**
+     * Destroy the module
+     */
+    _destroy() {
+        super._destroy();
+        this._destroyWheelEvent();
+    }
+}

package/build/es/index.js

@@ -11,6 +11,7 @@ import { Module } from './base/Module';
 import { Component } from './base/Component';
 import { Plugin } from './base/Plugin';
 import { Page } from './components/page/Page';
+import { WheelHandler } from './handlers/wheel/WheelHandler';
 import { AnimationFrame } from './components/animation-frame/AnimationFrame';
 import { StaticTimeline } from './components/timeline/StaticTimeline';
 import { Timeline } from './components/timeline/Timeline';
@@ -34,4 +35,4 @@ const utils = {
     listeners,
     math,
 };
-export { utils, GeneralTypes, Application, Viewport, PageLoad, Callbacks, MutableProp, Module, Component, Plugin, Page, AnimationFrame, StaticTimeline, Timeline, Preloader, ProgressPreloader, Dragger, DraggerMove, DraggerDirection, Ctx2D, Ctx2DPrerender, SmoothScroll, ScrollBar, ScrollEventsBase, ScrollView, SmoothScrollKeyboardPlugin, SmoothScrollDragPlugin, SplitText, CustomCursor, };
+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, SplitText, CustomCursor, };

package/build/es/utils/listeners/onScroll.js

@@ -1,44 +1,83 @@
 import { addEventListener, selectOne } from 'vevet-dom';
 import { SmoothScroll } from '../../components/scroll/smooth-scroll/SmoothScroll';
+import { randID } from '../common';
+let instances = [];
 /**
  * Add OnScroll event
  */
-export default function onScroll(selector, callback) {
-    const listeners = [];
-    if (selector instanceof SmoothScroll) {
-        selector.addCallback('scroll', () => {
-            callback({
-                scrollTop: selector.scrollTop,
-                scrollLeft: selector.scrollLeft,
-            });
+export default function onScroll({ container, callback, isPassive = false, }) {
+    // check if listeners for this element already exist
+    let instance = instances.find((data) => (data.container === container && data.isPassive === isPassive));
+    const callbackId = randID('scroll-event');
+    // if a listener exists, we just add a new callback to its stack
+    if (instance) {
+        instance.callbacks.push({
+            id: callbackId,
+            callback,
         });
     }
     else {
-        let outer;
-        if (typeof selector === 'string') {
-            outer = selectOne(selector);
+        // otherwise we create a new instance
+        instance = {
+            id: randID('scroll-event-instance'),
+            container,
+            callbacks: [{
+                    id: callbackId,
+                    callback,
+                }],
+            isPassive,
+            listeners: [],
+        };
+        instances.push(instance);
+        // vars
+        const { listeners } = instance;
+        // smooth scroll events
+        if (container instanceof SmoothScroll) {
+            listeners.push(container.addCallback('scroll', () => {
+                const { scrollTop, scrollLeft } = container;
+                for (let index = 0; index < instance.callbacks.length; index += 1) {
+                    instance.callbacks[index].callback({
+                        scrollTop,
+                        scrollLeft,
+                    });
+                }
+            }));
         }
         else {
-            outer = selector;
-        }
-        if (outer) {
-            listeners.push(addEventListener(outer, 'scroll', () => {
-                const scrollTop = outer instanceof Window
-                    ? outer.pageYOffset : outer.scrollTop;
-                const scrollLeft = outer instanceof Window
-                    ? outer.pageXOffset : outer.scrollLeft;
-                callback({
-                    scrollTop,
-                    scrollLeft,
-                });
+            // dom scroll events
+            const isWindow = container instanceof Window;
+            const domContainer = selectOne(container);
+            listeners.push(addEventListener(domContainer, 'scroll', () => {
+                const scrollTop = isWindow
+                    ? domContainer.pageYOffset : domContainer.scrollTop;
+                const scrollLeft = isWindow
+                    ? domContainer.pageXOffset : domContainer.scrollLeft;
+                for (let index = 0; index < instance.callbacks.length; index += 1) {
+                    instance.callbacks[index].callback({
+                        scrollTop,
+                        scrollLeft,
+                    });
+                }
+            }, {
+                passive: isPassive,
             }));
         }
     }
     return {
         remove: () => {
-            listeners.forEach((listener) => {
-                listener.remove();
+            const newCallbacks = instance.callbacks.filter((item) => {
+                if (item.id !== callbackId) {
+                    return true;
+                }
+                return false;
             });
+            instance.callbacks = newCallbacks;
+            if (newCallbacks.length === 0) {
+                instance.listeners.forEach((listener) => {
+                    listener.remove();
+                });
+                instances = instances.filter((item) => item.id !== instance.id);
+            }
         },
     };
 }

package/build/es/utils/math/clamp.js

@@ -0,0 +1,12 @@
+/**
+ * Clamp the value between two points
+ */
+export default function clamp(val, scope = [0, 1]) {
+    if (val < scope[0]) {
+        return scope[0];
+    }
+    if (val > scope[1]) {
+        return scope[1];
+    }
+    return val;
+}

package/build/es/utils/math/clampScope.js

@@ -0,0 +1,8 @@
+import scoped from './scoped';
+import clamp from './clamp';
+/**
+ * Get progress relatively to the scope and clamp it within two points
+ */
+export default function clampScoped(val, scope = [0, 1], clampScope = [0, 1]) {
+    return clamp(scoped(val, scope), clampScope);
+}

package/build/es/utils/math/inScope.js

@@ -0,0 +1,6 @@
+/**
+ * Check if the value is within the scope
+ */
+export default function inScope(val, scopeValue = [0, 1]) {
+    return val >= scopeValue[0] && val <= scopeValue[1];
+}

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

@@ -1,4 +1,8 @@
-import boundVal from './boundVal';
+import clamp from './clamp';
 import lerp from './lerp';
-import scopeProgress from './scopeProgress';
-export { boundVal, lerp, scopeProgress, };
+import scoped from './scoped';
+import spreadScope from './spreadScope';
+import inScope from './inScope';
+import clampScope from './clampScope';
+import wrap from './wrap';
+export { clamp, lerp, scoped, spreadScope, inScope, clampScope, wrap, };

package/build/es/utils/math/scoped.js

@@ -0,0 +1,14 @@
+/**
+ * Get progress relatively to the scope.
+ *
+ * @example
+ *
+ * scope(.35, [0, 1]);
+ * // => .5
+ * scope(.35, [.25, 1]);
+ * // => .133
+ */
+export default function scoped(val, scopeValue = [0, 1]) {
+    const result = (val - scopeValue[0]) / (scopeValue[1] - scopeValue[0]);
+    return result;
+}

package/build/es/utils/math/spreadScope.js

@@ -0,0 +1,15 @@
+/**
+ * Distribute scope progress among a certain quantity of timelines.
+ */
+export default 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;
+}

package/build/es/utils/math/spreadScopeProgress.js

@@ -0,0 +1,15 @@
+/**
+ * Distribute scope progress among a certain quantity of timelines.
+ */
+export default function spreadScopeProgress(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;
+}

package/build/es/utils/math/wrap.js

@@ -0,0 +1,10 @@
+/**
+ * Wrap values
+ */
+export default function wrap(min, max, value) {
+    const range = max - min;
+    return conditionalReturn(value, (val) => ((range + ((val - min) % range)) % range) + min);
+}
+function conditionalReturn(value, func) {
+    return value || value === 0 ? func(value) : func;
+}

package/build/types/base/Module.d.ts.map

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

package/build/types/components/canvas/Ctx2D.d.ts

@@ -21,6 +21,15 @@ export declare namespace NCtx2D {
          * @default false
          */
         updateOnResize?: boolean | keyof NViewport.CallbacksTypes;
+        /**
+         * If need to resize when initializing
+         * @default true
+         */
+        initialResize?: boolean;
+        /**
+         * @default 0
+         */
+        resizeTimeout?: number;
     }
     /**
      * Changeable properties

package/build/types/components/canvas/Ctx2D.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Ctx2D.d.ts","sourceRoot":"","sources":["../../../../src/ts/components/canvas/Ctx2D.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAI/D,yBAAiB,MAAM,CAAC;IAEpB;;OAEG;IACH,UAAiB,UAAW,SAAQ,UAAU,CAAC,UAAU;QACrD;;;WAGG;QACH,SAAS,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;QAC5B;;;WAGG;QACH,MAAM,CAAC,EAAE,OAAO,CAAC;QACjB;;;WAGG;QACH,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,SAAS,CAAC,cAAc,CAAC;KAC7D;IAED;;OAEG;IACH,UAAiB,cAAe,SAAQ,UAAU,CAAC,cAAc;QAC7D;;;;WAIG;QACH,KAAK,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;QACvB;;;;WAIG;QACH,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;QACxB;;;;WAIG;QACH,GAAG,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;KACxB;IAED;;OAEG;IACH,UAAiB,cAAe,SAAQ,UAAU,CAAC,cAAc;QAC7D,QAAQ,EAAE,KAAK,CAAC;KACnB;CAEJ;AAID;;;;GAIG;AACH,qBAAa,KAAK,CACd,UAAU,SAAS,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,EACxD,cAAc,SAAS,MAAM,CAAC,cAAc,GAAG,MAAM,CAAC,cAAc,EACpE,cAAc,SAAS,MAAM,CAAC,cAAc,GAAG,MAAM,CAAC,cAAc,CACtE,SAAQ,SAAS,CACf,UAAU,EACV,cAAc,EACd,cAAc,CACjB;IACG;;OAEG;IACH,IAAI,SAAS,oBAEZ;IAED;;OAEG;IACH,SAAS,CAAC,OAAO,EAAE,iBAAiB,CAAC;IACrC,IAAI,MAAM,sBAET;IAED;;OAEG;IACH,SAAS,CAAC,IAAI,EAAE,wBAAwB,CAAC;IACzC,IAAI,GAAG,6BAEN;IAED;;OAEG;IACH,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC;IACzB,IAAI,KAAK,WAER;IACD;;OAEG;IACH,IAAI,WAAW,WAEd;IAED;;OAEG;IACH,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC;IAC1B,IAAI,MAAM,WAET;IACD;;OAEG;IACH,IAAI,YAAY,WAEf;IAED;;OAEG;IACH,SAAS,CAAC,IAAI,EAAE,MAAM,CAAC;IACvB,IAAI,GAAG,WAEN;gBAKG,WAAW,CAAC,EAAE,CAAC,UAAU,GAAG,cAAc,CAAC,EAC3C,IAAI,UAAO;IAyBf,SAAS,CAAC,eAAe,CACrB,CAAC,SAAS,kBAAkB,CAAC,UAAU,GAAG,cAAc,CAAC,KACvD,CAAC;IAaP,SAAS,CAAC,UAAU;IAWpB,SAAS,CAAC,aAAa;IAOvB;;OAEG;IACI,MAAM;IA8Cb;;OAEG;IACH,SAAS,CAAC,QAAQ;CAOrB"}
+{"version":3,"file":"Ctx2D.d.ts","sourceRoot":"","sources":["../../../../src/ts/components/canvas/Ctx2D.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAI/D,yBAAiB,MAAM,CAAC;IAEpB;;OAEG;IACH,UAAiB,UAAW,SAAQ,UAAU,CAAC,UAAU;QACrD;;;WAGG;QACH,SAAS,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;QAC5B;;;WAGG;QACH,MAAM,CAAC,EAAE,OAAO,CAAC;QACjB;;;WAGG;QACH,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,SAAS,CAAC,cAAc,CAAC;QAC1D;;;WAGG;QACH,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB;;WAEG;QACH,aAAa,CAAC,EAAE,MAAM,CAAC;KAC1B;IAED;;OAEG;IACH,UAAiB,cAAe,SAAQ,UAAU,CAAC,cAAc;QAC7D;;;;WAIG;QACH,KAAK,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;QACvB;;;;WAIG;QACH,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;QACxB;;;;WAIG;QACH,GAAG,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;KACxB;IAED;;OAEG;IACH,UAAiB,cAAe,SAAQ,UAAU,CAAC,cAAc;QAC7D,QAAQ,EAAE,KAAK,CAAC;KACnB;CAEJ;AAID;;;;GAIG;AACH,qBAAa,KAAK,CACd,UAAU,SAAS,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,EACxD,cAAc,SAAS,MAAM,CAAC,cAAc,GAAG,MAAM,CAAC,cAAc,EACpE,cAAc,SAAS,MAAM,CAAC,cAAc,GAAG,MAAM,CAAC,cAAc,CACtE,SAAQ,SAAS,CACf,UAAU,EACV,cAAc,EACd,cAAc,CACjB;IACG;;OAEG;IACH,IAAI,SAAS,oBAEZ;IAED;;OAEG;IACH,SAAS,CAAC,OAAO,EAAE,iBAAiB,CAAC;IACrC,IAAI,MAAM,sBAET;IAED;;OAEG;IACH,SAAS,CAAC,IAAI,EAAE,wBAAwB,CAAC;IACzC,IAAI,GAAG,6BAEN;IAED;;OAEG;IACH,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC;IACzB,IAAI,KAAK,WAER;IACD;;OAEG;IACH,IAAI,WAAW,WAEd;IAED;;OAEG;IACH,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC;IAC1B,IAAI,MAAM,WAET;IACD;;OAEG;IACH,IAAI,YAAY,WAEf;IAED;;OAEG;IACH,SAAS,CAAC,IAAI,EAAE,MAAM,CAAC;IACvB,IAAI,GAAG,WAEN;gBAKG,WAAW,CAAC,EAAE,CAAC,UAAU,GAAG,cAAc,CAAC,EAC3C,IAAI,UAAO;IA2Bf,SAAS,CAAC,eAAe,CACrB,CAAC,SAAS,kBAAkB,CAAC,UAAU,GAAG,cAAc,CAAC,KACvD,CAAC;IAeP,SAAS,CAAC,UAAU;IAapB,SAAS,CAAC,aAAa;IAOvB;;OAEG;IACI,MAAM;IA8Cb;;OAEG;IACH,SAAS,CAAC,QAAQ;CAOrB"}

package/build/types/components/canvas/Ctx2DPrerender.d.ts

@@ -9,7 +9,7 @@ export declare namespace NCtx2DPrerender {
         /**
          * Media element
          */
-        media: BaseProp['source'] | false;
+        media: BaseProp['source'] | Ctx2DPrerender | false;
     }
     /**
      * Changeable properties

package/build/types/components/canvas/Ctx2DPrerender.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Ctx2DPrerender.d.ts","sourceRoot":"","sources":["../../../../src/ts/components/canvas/Ctx2DPrerender.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,QAAQ,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAIxC,yBAAiB,eAAe,CAAC;IAE7B;;OAEG;IACH,UAAiB,UAAW,SAAQ,MAAM,CAAC,UAAU;QACjD;;WAEG;QACH,KAAK,EAAE,QAAQ,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC;KACrC;IAED;;OAEG;IACH,UAAiB,cAAe,SAAQ,MAAM,CAAC,cAAc;QACzD;;WAEG;QACH,OAAO,CAAC,EAAE,OAAO,CAAC;KACrB;IAED;;OAEG;IACH,UAAiB,cAAe,SAAQ,MAAM,CAAC,cAAc;QACzD,WAAW,EAAE,KAAK,CAAA;KACrB;CAEJ;AAID;;GAEG;AACH,qBAAa,cAAc,CACvB,UAAU,SAAS,eAAe,CAAC,UAAU,GAAG,eAAe,CAAC,UAAU,EAC1E,cAAc,SAAS,eAAe,CAAC,cAAc,GAAG,eAAe,CAAC,cAAc,EACtF,cAAc,SAAS,eAAe,CAAC,cAAc,GAAG,eAAe,CAAC,cAAc,CACxF,SAAQ,KAAK,CACX,UAAU,EACV,cAAc,EACd,cAAc,CACjB;IACG,SAAS,CAAC,eAAe,CACrB,CAAC,SAAS,kBAAkB,CAAC,UAAU,GAAG,cAAc,CAAC,KACvD,CAAC;IAQP;;OAEG;IACI,MAAM;IAKb,SAAS,CAAC,UAAU;CA0BvB"}
+{"version":3,"file":"Ctx2DPrerender.d.ts","sourceRoot":"","sources":["../../../../src/ts/components/canvas/Ctx2DPrerender.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,QAAQ,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAIxC,yBAAiB,eAAe,CAAC;IAE7B;;OAEG;IACH,UAAiB,UAAW,SAAQ,MAAM,CAAC,UAAU;QACjD;;WAEG;QACH,KAAK,EAAE,QAAQ,CAAC,QAAQ,CAAC,GAAG,cAAc,GAAG,KAAK,CAAC;KACtD;IAED;;OAEG;IACH,UAAiB,cAAe,SAAQ,MAAM,CAAC,cAAc;QACzD;;WAEG;QACH,OAAO,CAAC,EAAE,OAAO,CAAC;KACrB;IAED;;OAEG;IACH,UAAiB,cAAe,SAAQ,MAAM,CAAC,cAAc;QACzD,WAAW,EAAE,KAAK,CAAA;KACrB;CAEJ;AAID;;GAEG;AACH,qBAAa,cAAc,CACvB,UAAU,SAAS,eAAe,CAAC,UAAU,GAAG,eAAe,CAAC,UAAU,EAC1E,cAAc,SAAS,eAAe,CAAC,cAAc,GAAG,eAAe,CAAC,cAAc,EACtF,cAAc,SAAS,eAAe,CAAC,cAAc,GAAG,eAAe,CAAC,cAAc,CACxF,SAAQ,KAAK,CACX,UAAU,EACV,cAAc,EACd,cAAc,CACjB;IACG,SAAS,CAAC,eAAe,CACrB,CAAC,SAAS,kBAAkB,CAAC,UAAU,GAAG,cAAc,CAAC,KACvD,CAAC;IAQP;;OAEG;IACI,MAAM;IAKb,SAAS,CAAC,UAAU;CA2CvB"}

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

@@ -34,6 +34,13 @@ export declare namespace NProgressPreloader {
              * @default '.js-preload'
              */
             custom?: string | false;
+            /**
+             * If you enable images, video, or custom loaders,
+             * all these resources will be preloaded. In cases when you may want not
+             * to preload a certain resource, you can add to it the class name specified here.
+             * @default 'js-preload-ignore'
+             */
+            ignoreClassName?: string;
         };
         /**
          * Smooth calculation settings