vevet 4.4.1 → 5.0.0

package/lib/esm/components/ProgressPreloader/utils/preloadVideo.js

@@ -1,13 +1,13 @@
-export function preloadVideo(video, action) {
-    if (video.readyState > 0) {
-        action(true);
+export function preloadVideo(resource, onLoad) {
+    if (resource.readyState > 0) {
+        onLoad();
         return;
     }
-    if (video.preload === 'none') {
-        action(false);
+    if (resource.preload === 'none') {
+        onLoad();
         return;
     }
-    video.addEventListener('error', () => action(false));
-    video.addEventListener('loadedmetadata', () => action(true));
+    resource.addEventListener('error', () => onLoad());
+    resource.addEventListener('loadedmetadata', () => onLoad());
 }
 //# sourceMappingURL=preloadVideo.js.map

package/lib/esm/components/ProgressPreloader/utils/preloadVideo.js.map

@@ -1 +1 @@
-{"version":3,"file":"preloadVideo.js","sourceRoot":"","sources":["../../../../../src/components/ProgressPreloader/utils/preloadVideo.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,YAAY,CAC1B,KAAuB,EACvB,MAAoC;IAEpC,IAAI,KAAK,CAAC,UAAU,GAAG,CAAC,EAAE;QACxB,MAAM,CAAC,IAAI,CAAC,CAAC;QAEb,OAAO;KACR;IAED,IAAI,KAAK,CAAC,OAAO,KAAK,MAAM,EAAE;QAC5B,MAAM,CAAC,KAAK,CAAC,CAAC;QAEd,OAAO;KACR;IAED,KAAK,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;IACrD,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAC/D,CAAC"}
+{"version":3,"file":"preloadVideo.js","sourceRoot":"","sources":["../../../../../src/components/ProgressPreloader/utils/preloadVideo.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,YAAY,CAAC,QAA0B,EAAE,MAAkB;IACzE,IAAI,QAAQ,CAAC,UAAU,GAAG,CAAC,EAAE,CAAC;QAC5B,MAAM,EAAE,CAAC;QAET,OAAO;IACT,CAAC;IAED,IAAI,QAAQ,CAAC,OAAO,KAAK,MAAM,EAAE,CAAC;QAChC,MAAM,EAAE,CAAC;QAET,OAAO;IACT,CAAC;IAED,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC,CAAC;IACnD,QAAQ,CAAC,gBAAgB,CAAC,gBAAgB,EAAE,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC,CAAC;AAC9D,CAAC"}

package/lib/esm/components/Raf/index.js

@@ -0,0 +1,163 @@
+import { Module } from '../../base/Module';
+export * from './types';
+/**
+ * Manages an animation frame loop with configurable FPS and playback controls.
+ *
+ * [Documentation](https://antonbobrov.github.io/vevet/docs/components/Raf)
+ *
+ * @group Components
+ */
+export class Raf extends Module {
+    /** Get default static properties */
+    _getStatic() {
+        return Object.assign({}, super._getStatic());
+    }
+    /** Get default mutable properties */
+    _getMutable() {
+        return Object.assign(Object.assign({}, super._getMutable()), { fps: 'auto', enabled: false, fpsRecalcFrames: 10 });
+    }
+    /** Playback state of the animation frame */
+    get isPlaying() {
+        return this._isPlaying;
+    }
+    /** Timestamp of the current frame */
+    get timestamp() {
+        var _a;
+        return (_a = this._timestamp) !== null && _a !== void 0 ? _a : 0;
+    }
+    /** Current frame index */
+    get index() {
+        return this._index;
+    }
+    /** Real-time FPS */
+    get fps() {
+        return this._fps;
+    }
+    /** Duration of the last frame in ms */
+    get duration() {
+        return this._duration;
+    }
+    /** Scaling coefficient based on a 60 FPS target */
+    get fpsFactor() {
+        return 60 / this.fps;
+    }
+    constructor(props) {
+        super(props);
+        /** Indicates if the animation frame is currently running */
+        this._isPlaying = false;
+        /** Active requestAnimationFrame ID, or `null` if not running */
+        this._raf = null;
+        /** Timestamp of the last frame */
+        this._lastTimestamp = null;
+        /** Timestamp of the current frame */
+        this._timestamp = null;
+        /** Current frame index */
+        this._index = 0;
+        /** Real-time FPS */
+        this._fps = 60;
+        /** Duration of the last frame in ms */
+        this._duration = 0;
+        // Initialize FPS
+        this._fps = this.props.fps === 'auto' ? this._fps : this.props.fps;
+        // Play on init
+        if (this.props.enabled) {
+            this._play();
+        }
+    }
+    /** Handle property mutations */
+    _handleProps() {
+        super._handleProps();
+        this._lastTimestamp = null;
+        if (this.props.enabled) {
+            this._play();
+        }
+        else {
+            this._pause();
+        }
+    }
+    /** Start the animation loop */
+    play() {
+        if (this.isDestroyed || this.props.enabled) {
+            return;
+        }
+        this.updateProps({ enabled: true });
+    }
+    /** Internal method to start the loop */
+    _play() {
+        if (this.isPlaying) {
+            return;
+        }
+        this._isPlaying = true;
+        this.callbacks.emit('play', undefined);
+        this.callbacks.emit('toggle', undefined);
+        this._raf = window.requestAnimationFrame(this._animate.bind(this));
+    }
+    /** Pause the animation loop */
+    pause() {
+        if (!this.props.enabled) {
+            return;
+        }
+        this.updateProps({ enabled: false });
+    }
+    /** Internal method to pause the loop */
+    _pause() {
+        if (!this.isPlaying) {
+            return;
+        }
+        if (this._raf) {
+            window.cancelAnimationFrame(this._raf);
+            this._raf = null;
+        }
+        this._isPlaying = false;
+        this.callbacks.emit('pause', undefined);
+        this.callbacks.emit('toggle', undefined);
+    }
+    /** Animation loop handler, calculates FPS, and triggers callbacks */
+    _animate() {
+        var _a, _b;
+        if (!this._isPlaying) {
+            return;
+        }
+        this._raf = window.requestAnimationFrame(this._animate.bind(this));
+        const minFrameDuration = this.props.fps === 'auto' ? 1 : 1000 / this.props.fps;
+        this._timestamp = performance.now();
+        (_a = this._lastTimestamp) !== null && _a !== void 0 ? _a : (this._lastTimestamp = this._timestamp);
+        const duration = this._timestamp - ((_b = this._lastTimestamp) !== null && _b !== void 0 ? _b : this._timestamp);
+        if (duration < minFrameDuration) {
+            return;
+        }
+        this._duration = duration;
+        this._lastTimestamp = this._timestamp;
+        this._index += 1;
+        this._computeFPS();
+        this.callbacks.emit('frame', {
+            fps: this.fps,
+            fpsFactor: this.fpsFactor,
+            duration: this.duration,
+            lerpFactor: this.lerpFactor.bind(this),
+        });
+    }
+    /** Calculate linear interpolation factor to make animations run the same regardless of FPS */
+    lerpFactor(ease) {
+        return 1 - Math.exp(-ease * 60 * (this.duration / 1000));
+    }
+    /** Compute real-time FPS from frame durations */
+    _computeFPS() {
+        const { duration, index, props } = this;
+        if ((index > 10 && index % props.fpsRecalcFrames !== 0) ||
+            duration <= 0 ||
+            duration > 250) {
+            return;
+        }
+        const standardFps = 60;
+        const standardFrameTime = 1000 / standardFps;
+        const fpsMultiplier = standardFrameTime / duration;
+        this._fps = Math.round(60 * fpsMultiplier) || 1;
+    }
+    /** Destroy the animation frame and stop the loop */
+    _destroy() {
+        this.pause();
+        super._destroy();
+    }
+}
+//# sourceMappingURL=index.js.map

package/lib/esm/components/Raf/index.js.map

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

package/lib/esm/components/Raf/types.js.map

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

package/lib/esm/components/ScrollProgress/index.js

@@ -0,0 +1,202 @@
+import { Module } from '../../base';
+import { initVevet } from '../../global/initVevet';
+import { addEventListener, clampScope } from '../../utils';
+export * from './types';
+/**
+ * `ScrollProgress` is a component that tracks the scroll progress of a specified section element.
+ *
+ * This component can be used for creating scroll-based animations such as parallax effects.
+ *
+ * [Documentation](https://antonbobrov.github.io/vevet/docs/components/ScrollProgress)
+ *
+ * @group Components
+ */
+export class ScrollProgress extends Module {
+    /** Retrieves the default static properties. */
+    _getStatic() {
+        return Object.assign(Object.assign({}, super._getStatic()), { root: null, optimized: true, useSvh: false });
+    }
+    /** Retrieves the default mutable properties. */
+    _getMutable() {
+        return Object.assign({}, super._getMutable());
+    }
+    /**
+     * Returns the section element being tracked for scroll progress.
+     */
+    get section() {
+        return this.props.section;
+    }
+    /** Indicates whether the section is currently visible within the viewport or root element. */
+    get isVisible() {
+        return this._isVisible;
+    }
+    /** The bounds of the root element used for scroll calculations. */
+    get rootBounds() {
+        return this._rootBounds;
+    }
+    /** The bounds of the section element relative to the root element. */
+    get sectionBounds() {
+        return this._sectionBounds;
+    }
+    constructor(props) {
+        super(props);
+        /** Indicates whether the section is currently visible within the viewport or root element. */
+        this._isVisible = false;
+        /** The bounds of the root element used for scroll calculations. */
+        this._rootBounds = {
+            top: 0,
+            left: 0,
+            width: 1,
+            height: 1,
+        };
+        /** The bounds of the section element relative to the root element. */
+        this._sectionBounds = {
+            top: 0,
+            left: 0,
+            width: 1,
+            height: 1,
+        };
+        this._isVisible = !this.props.optimized;
+        this._setup();
+    }
+    /** Sets up events */
+    _setup() {
+        this._setupObserver();
+        this._setupScroll();
+    }
+    /**
+     * Sets up an `IntersectionObserver` to track the visibility of the section.
+     */
+    _setupObserver() {
+        if (!this.props.optimized) {
+            return;
+        }
+        const { section } = this.props;
+        const observer = new IntersectionObserver((entries) => {
+            entries.forEach((entry) => {
+                if (entry.target === section) {
+                    this._isVisible = entry.isIntersecting;
+                    this.update();
+                }
+            });
+        });
+        observer.observe(section);
+        this.onDestroy(() => observer.disconnect());
+    }
+    /**
+     * Sets up a scroll event listener to track and update progress.
+     */
+    _setupScroll() {
+        const container = this.props.root || window;
+        const listener = addEventListener(container, 'scroll', () => {
+            if (this._isVisible) {
+                this.update();
+            }
+        }, { passive: false });
+        this.onDestroy(listener);
+    }
+    /** Updates the section and root bounds, and emits an update callback. */
+    update() {
+        const { section, props } = this;
+        const container = props.root;
+        const core = initVevet();
+        const sectionBounding = section.getBoundingClientRect();
+        const viewportBounds = {
+            top: 0,
+            left: 0,
+            width: core.width,
+            height: props.useSvh ? core.sHeight : core.height,
+        };
+        this._rootBounds = container
+            ? container.getBoundingClientRect()
+            : viewportBounds;
+        this._sectionBounds = {
+            top: sectionBounding.top - this._rootBounds.top,
+            left: sectionBounding.left - this._rootBounds.left,
+            width: sectionBounding.width,
+            height: sectionBounding.height,
+        };
+        this.callbacks.emit('update', undefined);
+    }
+    /**
+     * Calculates the section scroll progress relative to the root element.
+     *
+     * The function takes top or left corner of the section as the reference point.
+     *
+     * @param topThreshold - Top threshold of the section position.
+     * @param rightThreshold - Right threshold of the section position.
+     * @param bottomThreshold - Bottom threshold of the section position.
+     * @param leftThreshold - Left threshold of the section position.
+     * @returns The scroll progress along the x and y axes.
+     *
+     * @example
+     *
+     * const progress = getProgress(0, vevet.width, vevet.height / 2, 0)
+     *
+     * // `progress.y` is `0` when the top corner of the section is at the beginning of the viewport or root element
+     * // `progress.y` is `1` when the top corner of the section is at the center of the viewport or root element
+     */
+    getProgress(topThreshold, rightThreshold, bottomThreshold, leftThreshold) {
+        const y = clampScope(this._sectionBounds.top, [
+            topThreshold,
+            bottomThreshold,
+        ]);
+        const x = clampScope(this._sectionBounds.left, [
+            leftThreshold,
+            rightThreshold,
+        ]);
+        return {
+            x: Number.isNaN(x) ? 0 : x,
+            y: Number.isNaN(y) ? 0 : y,
+        };
+    }
+    /** Calculates the progress of the section entering the root element. */
+    get inProgress() {
+        const { rootBounds, sectionBounds } = this;
+        const top = this.rootBounds.height;
+        const right = sectionBounds.width > rootBounds.width
+            ? 0
+            : rootBounds.width - sectionBounds.width;
+        const bottom = sectionBounds.height > rootBounds.height
+            ? 0
+            : rootBounds.height - sectionBounds.height;
+        const left = this.rootBounds.width;
+        return this.getProgress(top, right, bottom, left);
+    }
+    /** Calculates the progress of the section leaving the root element. */
+    get outProgress() {
+        const { rootBounds, sectionBounds } = this;
+        const top = Math.min(rootBounds.height - sectionBounds.height, 0);
+        const right = -sectionBounds.width;
+        const bottom = -sectionBounds.height;
+        const left = Math.min(rootBounds.width - sectionBounds.width, 0);
+        return this.getProgress(top, right, bottom, left);
+    }
+    /** Calculates the progress of the section's movement within the root element. */
+    get moveProgress() {
+        const { rootBounds, sectionBounds } = this;
+        const top = sectionBounds.height > rootBounds.height
+            ? 0
+            : rootBounds.height - sectionBounds.height;
+        const right = sectionBounds.width > rootBounds.width
+            ? -(sectionBounds.width - rootBounds.width)
+            : 0;
+        const bottom = sectionBounds.height > rootBounds.height
+            ? -(sectionBounds.height - rootBounds.height)
+            : 0;
+        const left = sectionBounds.width > rootBounds.width
+            ? 0
+            : rootBounds.width - sectionBounds.width;
+        return this.getProgress(top, right, bottom, left);
+    }
+    /** Calculates the global scroll progress of the section relative to the root element. */
+    get progress() {
+        const { sectionBounds, rootBounds } = this;
+        const top = rootBounds.height;
+        const right = -sectionBounds.width;
+        const bottom = -sectionBounds.height;
+        const left = rootBounds.width;
+        return this.getProgress(top, right, bottom, left);
+    }
+}
+//# sourceMappingURL=index.js.map

package/lib/esm/components/ScrollProgress/index.js.map

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

package/lib/esm/components/ScrollProgress/types.js.map

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