vevet 2.0.1-dev.23 → 2.0.1-dev.28

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

@@ -1,7 +1,7 @@
 import { ScrollEventsBase } from './ScrollEventsBase';
 import onScroll from '../../../utils/listeners/onScroll';
 import { intersectionObserverSupported } from '../../../utils/listeners';
-import boundVal from '../../../utils/math/boundVal';
+import clamp from '../../../utils/math/clamp';
 import timeoutCallback from '../../../utils/common/timeoutCallback';
 /**
  * Elements into viewport
@@ -10,7 +10,8 @@ export class ScrollView extends ScrollEventsBase {
     constructor(initialProp, init = true) {
         super(initialProp, false);
         this._scrollEvent = undefined;
-        this._intersectionObserver = undefined;
+        this._intersectionObserverIn = undefined;
+        this._intersectionObserverOut = undefined;
         this._firstStart = true;
         this._elements = [...this.prop.elements];
         // initialize the class
@@ -67,17 +68,27 @@ export class ScrollView extends ScrollEventsBase {
                 ? 0 : scrollContainerBounding.width * (1 - this.prop.threshold) * -1;
             const yMargin = this._firstStart
                 ? 0 : scrollContainerBounding.height * (1 - this.prop.threshold) * -1;
-            // create intersection observer
-            this._intersectionObserver = new IntersectionObserver(this._handleIntersectionObserver.bind(this), {
+            // create intersection observers
+            this._intersectionObserverIn = new IntersectionObserver(this._handleIntersectionObserverIn.bind(this), {
                 root: this.intersectionRoot,
                 threshold: 0,
                 rootMargin: `0px ${xMargin}px ${yMargin}px 0px`,
             });
-            // add elements
             this.elements.forEach((el) => {
                 var _a;
-                (_a = this._intersectionObserver) === null || _a === void 0 ? void 0 : _a.observe(el);
+                (_a = this._intersectionObserverIn) === null || _a === void 0 ? void 0 : _a.observe(el);
             });
+            if (this.prop.states === 'inout') {
+                this._intersectionObserverOut = new IntersectionObserver(this._handleIntersectionObserverOut.bind(this), {
+                    root: this.intersectionRoot,
+                    threshold: 0,
+                    rootMargin: '0px 0px 0px 0px',
+                });
+                this.elements.forEach((el) => {
+                    var _a;
+                    (_a = this._intersectionObserverOut) === null || _a === void 0 ? void 0 : _a.observe(el);
+                });
+            }
         }
         else {
             // set scroll bounding events
@@ -91,21 +102,22 @@ export class ScrollView extends ScrollEventsBase {
      * Remove View events: scroll or intersection
      */
     _removeViewEvents() {
+        var _a, _b;
         // remove scroll events
         if (this._scrollEvent) {
             this._scrollEvent.remove();
             this._scrollEvent = undefined;
         }
-        // destroy intersection observer
-        if (this._intersectionObserver) {
-            this._intersectionObserver.disconnect();
-            this._intersectionObserver = undefined;
-        }
+        // destroy intersection observers
+        (_a = this._intersectionObserverIn) === null || _a === void 0 ? void 0 : _a.disconnect();
+        this._intersectionObserverIn = undefined;
+        (_b = this._intersectionObserverOut) === null || _b === void 0 ? void 0 : _b.disconnect();
+        this._intersectionObserverOut = undefined;
     }
     /**
      * Event on IntersectionObserver
      */
-    _handleIntersectionObserver(data) {
+    _handleIntersectionObserverIn(data) {
         const parentBounding = this._firstStart ? this.scrollContainerBounding : false;
         for (let index = 0; index < data.length; index += 1) {
             const entry = data[index];
@@ -113,7 +125,9 @@ export class ScrollView extends ScrollEventsBase {
             if (this._firstStart && !!parentBounding && entry.isIntersecting) {
                 delay = this._elementInViewportData(entry.target, parentBounding).delay;
             }
-            this._handleInOut(entry.target, entry.isIntersecting, delay);
+            if (entry.isIntersecting) {
+                this._handleInOut(entry.target, entry.isIntersecting, delay);
+            }
         }
         this._processUnusedElements();
         // change states
@@ -122,6 +136,17 @@ export class ScrollView extends ScrollEventsBase {
             this.resize();
         }
     }
+    /**
+     * Event on IntersectionObserver
+     */
+    _handleIntersectionObserverOut(data) {
+        for (let index = 0; index < data.length; index += 1) {
+            const entry = data[index];
+            if (!entry.isIntersecting) {
+                this._handleInOut(entry.target, entry.isIntersecting, 0);
+            }
+        }
+    }
     /**
      * Event on Scroll
      */
@@ -144,7 +169,9 @@ export class ScrollView extends ScrollEventsBase {
             const el = this.elements[index];
             const elData = this._elementInViewportData(el, scrollContainerBounding);
             const delay = elData.isIntersecting ? elData.delay : 0;
-            this._handleInOut(el, elData.isIntersecting, delay);
+            if (typeof elData.isIntersecting === 'boolean') {
+                this._handleInOut(el, elData.isIntersecting, delay);
+            }
         }
         this._processUnusedElements();
         // change states
@@ -160,7 +187,7 @@ export class ScrollView extends ScrollEventsBase {
         const threshold = this._firstStart ? 1 : propThreshold;
         const bounding = el.getBoundingClientRect();
         // check if the element is intersecting
-        let isIntersecting = false;
+        let isIntersecting;
         if (bounding.top < parentBounding.top + parentBounding.height * threshold
             && bounding.left < parentBounding.left + parentBounding.width * threshold) {
             if (states === 'in') {
@@ -174,11 +201,15 @@ export class ScrollView extends ScrollEventsBase {
                 isIntersecting = true;
             }
         }
+        else if (bounding.top > parentBounding.top + parentBounding.height
+            || bounding.left > parentBounding.left + parentBounding.width) {
+            isIntersecting = false;
+        }
         // calculate delay only if it is enabled & calculations
         // are done for the first time
         let delay = 0;
         if (!!useDelay && this._firstStart) {
-            const progress = boundVal(useDelay.dir === 'x'
+            const progress = clamp(useDelay.dir === 'x'
                 ? (bounding.left - parentBounding.left) / parentBounding.width
                 : (bounding.top - parentBounding.top) / parentBounding.height, [0, 1]);
             delay = progress * useDelay.max;
@@ -228,9 +259,9 @@ export class ScrollView extends ScrollEventsBase {
         // remove unused elements
         const elementsToRemove = this._elements.filter((el) => el.scrollViewIn);
         elementsToRemove.forEach((el) => {
-            if (this._intersectionObserver) {
-                this._intersectionObserver.unobserve(el);
-            }
+            var _a, _b;
+            (_a = this._intersectionObserverIn) === null || _a === void 0 ? void 0 : _a.unobserve(el);
+            (_b = this._intersectionObserverOut) === null || _b === void 0 ? void 0 : _b.unobserve(el);
         });
         this._elements = this._elements.filter((el) => !el.scrollViewIn);
     }
@@ -238,12 +269,12 @@ export class ScrollView extends ScrollEventsBase {
      * Add a view element
      */
     addElement(element) {
+        var _a, _b;
         const viewEl = element;
         viewEl.scrollViewIn = undefined;
         this._elements.push(element);
-        if (this._intersectionObserver) {
-            this._intersectionObserver.observe(element);
-        }
+        (_a = this._intersectionObserverIn) === null || _a === void 0 ? void 0 : _a.observe(element);
+        (_b = this._intersectionObserverOut) === null || _b === void 0 ? void 0 : _b.observe(element);
         if (this.prop.enabled) {
             this.seekBounding();
         }
@@ -257,21 +288,19 @@ export class ScrollView extends ScrollEventsBase {
      * Remove a view element
      */
     removeElement(element) {
+        var _a, _b;
         const viewEl = element;
         viewEl.scrollViewIn = undefined;
         this._elements = this._elements.filter((el) => el !== element);
-        if (this._intersectionObserver) {
-            this._intersectionObserver.unobserve(element);
-        }
+        (_a = this._intersectionObserverIn) === null || _a === void 0 ? void 0 : _a.unobserve(element);
+        (_b = this._intersectionObserverOut) === null || _b === void 0 ? void 0 : _b.unobserve(element);
     }
     /**
      * Remove all view elements
      */
     removeElements() {
         this._elements.forEach((el) => {
-            if (this._intersectionObserver) {
-                this._intersectionObserver.unobserve(el);
-            }
+            this.removeElement(el);
         });
         this._elements = [];
     }

package/build/es/components/scroll/scrollbar/Bar.js

@@ -1,6 +1,6 @@
 import { addEventListener, createElement } from 'vevet-dom';
 import onScroll from '../../../utils/listeners/onScroll';
-import boundVal from '../../../utils/math/boundVal';
+import clamp from '../../../utils/math/clamp';
 import { DraggerMove } from '../../dragger/DraggerMove';
 import { SmoothScroll } from '../smooth-scroll/SmoothScroll';
 export default class Bar {
@@ -215,7 +215,7 @@ export default class Bar {
      */
     _renderThumb() {
         // calculate progress
-        const progress = boundVal(this._scrollVal / this.scrollLine, [0, 1]);
+        const progress = clamp(this._scrollVal / this.scrollLine, [0, 1]);
         // calculate transforms
         const x = this.isX ? (this._outerWidth - this._thumbWidth) * progress : 0;
         const y = this.isY ? (this._outerHeight - this._thumbHeight) * progress : 0;
@@ -234,11 +234,11 @@ export default class Bar {
         // calculate thumb sizes
         if (this.prop.autoSize) {
             if (this.isX) {
-                const barSize = boundVal(this._outerWidth / (this.scrollWidth / (this.scrollWidth - scrollLine)), [minSize, Infinity]);
+                const barSize = clamp(this._outerWidth / (this.scrollWidth / (this.scrollWidth - scrollLine)), [minSize, Infinity]);
                 thumb.style.width = `${barSize}px`;
             }
             else {
-                const barSize = boundVal(this._outerHeight / (this.scrollHeight / (this.scrollHeight - scrollLine)), [minSize, Infinity]);
+                const barSize = clamp(this._outerHeight / (this.scrollHeight / (this.scrollHeight - scrollLine)), [minSize, Infinity]);
                 thumb.style.height = `${barSize}px`;
             }
         }

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.
@@ -90,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;
@@ -110,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;
@@ -209,8 +209,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) {

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 || this._container.innerHTML || '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 = [];

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.
  */
@@ -102,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/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,6 +1,8 @@
-import boundVal from './boundVal';
+import clamp from './clamp';
 import lerp from './lerp';
-import scopeProgress from './scopeProgress';
-import spreadScopeProgress from './spreadScopeProgress';
+import scoped from './scoped';
+import spreadScope from './spreadScope';
+import inScope from './inScope';
+import clampScope from './clampScope';
 import wrap from './wrap';
-export { boundVal, lerp, scopeProgress, spreadScopeProgress, 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/types/components/scroll/scrollable/ScrollView.d.ts

@@ -78,9 +78,13 @@ export declare class ScrollView<StaticProp extends NScrollView.StaticProp = NScr
      */
     protected _scrollEvent?: IRemovable;
     /**
-     * Intersection observer
+     * Intersection observer - type IN
      */
-    protected _intersectionObserver?: IntersectionObserver;
+    protected _intersectionObserverIn?: IntersectionObserver;
+    /**
+     * Intersection observer - type OUT
+     */
+    protected _intersectionObserverOut?: IntersectionObserver;
     /**
      * If first start
      */
@@ -109,7 +113,11 @@ export declare class ScrollView<StaticProp extends NScrollView.StaticProp = NScr
     /**
      * Event on IntersectionObserver
      */
-    protected _handleIntersectionObserver(data: IntersectionObserverEntry[]): void;
+    protected _handleIntersectionObserverIn(data: IntersectionObserverEntry[]): void;
+    /**
+     * Event on IntersectionObserver
+     */
+    protected _handleIntersectionObserverOut(data: IntersectionObserverEntry[]): void;
     /**
      * Event on Scroll
      */

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/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/math/clamp.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Clamp the value between two points
+ */
+export default function clamp(val: number, scope?: number[]): number;
+//# sourceMappingURL=clamp.d.ts.map

package/build/types/utils/math/clamp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clamp.d.ts","sourceRoot":"","sources":["../../../../src/ts/utils/math/clamp.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CACzB,GAAG,EAAE,MAAM,EACX,KAAK,WAAS,UASjB"}

package/build/types/utils/math/clampScope.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Get progress relatively to the scope and clamp it within two points
+ */
+export default function clampScoped(val: number, scope?: number[], clampScope?: number[]): number;
+//# sourceMappingURL=clampScope.d.ts.map

package/build/types/utils/math/clampScope.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clampScope.d.ts","sourceRoot":"","sources":["../../../../src/ts/utils/math/clampScope.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAC/B,GAAG,EAAE,MAAM,EACX,KAAK,WAAS,EACd,UAAU,WAAS,UAMtB"}

package/build/types/utils/math/inScope.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Check if the value is within the scope
+ */
+export default function inScope(val: number, scopeValue?: number[]): boolean;
+//# sourceMappingURL=inScope.d.ts.map

package/build/types/utils/math/inScope.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inScope.d.ts","sourceRoot":"","sources":["../../../../src/ts/utils/math/inScope.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAC3B,GAAG,EAAE,MAAM,EACX,UAAU,WAAS,WAGtB"}

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

@@ -1,7 +1,9 @@
-import boundVal from './boundVal';
+import clamp from './clamp';
 import lerp from './lerp';
-import scopeProgress from './scopeProgress';
-import spreadScopeProgress from './spreadScopeProgress';
+import scoped from './scoped';
+import spreadScope from './spreadScope';
+import inScope from './inScope';
+import clampScope from './clampScope';
 import wrap from './wrap';
-export { boundVal, lerp, scopeProgress, spreadScopeProgress, wrap, };
+export { clamp, lerp, scoped, spreadScope, inScope, clampScope, wrap, };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ts/utils/math/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,IAAI,MAAM,QAAQ,CAAC;AAE1B,OAAO,EACH,QAAQ,EACR,IAAI,EACJ,aAAa,EACb,mBAAmB,EACnB,IAAI,GACP,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ts/utils/math/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAE1B,OAAO,EACH,KAAK,EACL,IAAI,EACJ,MAAM,EACN,WAAW,EACX,OAAO,EACP,UAAU,EACV,IAAI,GACP,CAAC"}

package/build/types/utils/math/scoped.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Get progress relatively to the scope.
+ *
+ * @example
+ *
+ * scope(.35, [0, 1]);
+ * // => .5
+ * scope(.35, [.25, 1]);
+ * // => .133
+ */
+export default function scoped(val: number, scopeValue?: number[]): number;
+//# sourceMappingURL=scoped.d.ts.map

package/build/types/utils/math/scoped.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scoped.d.ts","sourceRoot":"","sources":["../../../../src/ts/utils/math/scoped.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAC1B,GAAG,EAAE,MAAM,EACX,UAAU,WAAS,UAItB"}

package/build/types/utils/math/spreadScope.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Distribute scope progress among a certain quantity of timelines.
+ */
+export default function spreadScope(quantity: number, shift: number): number[][];
+//# sourceMappingURL=spreadScope.d.ts.map

package/build/types/utils/math/spreadScope.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spreadScope.d.ts","sourceRoot":"","sources":["../../../../src/ts/utils/math/spreadScope.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAC/B,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,MAAM,cAYhB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vevet",
-  "version": "2.0.1-dev.23",
+  "version": "2.0.1-dev.28",
   "description": "VEVET - A JavaScript library",
   "browserslist": [
     "since 2015"

package/src/ts/components/animation-frame/AnimationFrame.ts

@@ -1,5 +1,5 @@
 import { Component, NComponent } from '../../base/Component';
-import { boundVal } from '../../utils/math';
+import { clamp } from '../../utils/math';
 import { RequiredModuleProp } from '../../utils/types/utility';
 
 
@@ -237,7 +237,7 @@ export class AnimationFrame <
 
         // calculate real fps
         const timeDiff = currentTime - this._prevFrameTime;
-        const realFPS = boundVal(
+        const realFPS = clamp(
             timeDiff === 0 ? 1000 / 60 : Math.floor(1000 / timeDiff),
             [1, Infinity],
         );