vevet 4.4.2 → 5.0.0

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

@@ -1,258 +0,0 @@
-import { Component as ComponentClass } from '../../base/Component';
-import { isIntersectionObserverSupported } from '../../utils/listeners';
-import { clamp } from '../../utils/math';
-import { normalizedTimeoutCallback } from '../../utils/common';
-import { getApp } from '../../utils/internal/getApp';
-/**
- * `ScrollView` detects when elements enter or leave the viewport.
- * It uses the `IntersectionObserver` API for efficient detection and triggers events when elements are visible or hidden.
- * Supports adding custom delay and class toggling when elements are in view.
- *
- * @link See examples https://antonbobrov.github.io/vevet-demo/scroll-view/
- *
- * @link See docs https://antonbobrov.github.io/vevet/classes/ScrollView.html
- */
-export class ScrollView extends ComponentClass {
-    _getDefaultProps() {
-        return Object.assign(Object.assign({}, super._getDefaultProps()), { intersectionRoot: null, isEnabled: true, rootMargin: 0.05, states: 'in', classToToggle: 'viewed', hasDelay: true, maxDelay: 1000, direction: 'vertical', viewportTarget: 'any', resizeDebounce: 0 });
-    }
-    /**
-     * Returns whether this is the first start of observing elements.
-     */
-    get isFirstStart() {
-        return this._isFirstStart;
-    }
-    /**
-     * Returns the elements being observed by the `ScrollView`.
-     */
-    get elements() {
-        return this._elements;
-    }
-    constructor(initialProps, canInit = true) {
-        super(initialProps, false);
-        this._isFirstStart = true;
-        this._elements = [];
-        this._isIntersectionObserverSupported = isIntersectionObserverSupported();
-        // initialize the class if requested
-        if (canInit) {
-            this.init();
-        }
-    }
-    _init() {
-        super._init();
-        this._setEvents();
-    }
-    _onPropsMutate() {
-        super._onPropsMutate();
-        this.resize();
-    }
-    /**
-     * Sets up the events needed for viewport resizing and element observation.
-     */
-    _setEvents() {
-        const { viewportTarget, resizeDebounce } = this.props;
-        this.resize();
-        // Set up a viewport callback to trigger the resize method
-        this.addViewportCallback(viewportTarget, () => this.resize(), {
-            timeout: resizeDebounce,
-        });
-    }
-    /**
-     * Triggers a resize event to update the `ScrollView` tracking of elements.
-     */
-    resize() {
-        this._removeViewEvents();
-        if (this.props.isEnabled) {
-            this._setViewEvents();
-        }
-    }
-    /**
-     * Returns the bounding rectangle for the root element or the viewport.
-     */
-    get rootBounding() {
-        const { props } = this;
-        if (props.intersectionRoot) {
-            const bounding = props.intersectionRoot.getBoundingClientRect();
-            return {
-                top: bounding.top,
-                left: bounding.left,
-                width: bounding.width,
-                height: bounding.height,
-            };
-        }
-        const { viewport } = getApp();
-        return {
-            top: 0,
-            left: 0,
-            width: viewport.width,
-            height: viewport.height,
-        };
-    }
-    /**
-     * Sets up the `IntersectionObserver` to detect when elements come into view.
-     */
-    _setViewEvents() {
-        if (!this._isIntersectionObserverSupported) {
-            return;
-        }
-        const { rootBounding, isFirstStart, props } = this;
-        // Calculate margins for intersection detection
-        const xMargin = isFirstStart
-            ? 0
-            : rootBounding.width * props.rootMargin * -1;
-        const yMargin = isFirstStart
-            ? 0
-            : rootBounding.height * props.rootMargin * -1;
-        this._intersectionObserverIn = new IntersectionObserver((data) => this._handleIntersectionIn(data), {
-            root: props.intersectionRoot,
-            threshold: 0,
-            rootMargin: `0px ${xMargin}px ${yMargin}px 0px`,
-        });
-        this.elements.forEach((element) => { var _a; return (_a = this._intersectionObserverIn) === null || _a === void 0 ? void 0 : _a.observe(element); });
-        if (props.states === 'inout') {
-            this._intersectionObserverOut = new IntersectionObserver((data) => this._handleIntersectionOut(data), {
-                root: props.intersectionRoot,
-                threshold: 0,
-                rootMargin: '0px 0px 0px 0px',
-            });
-            this.elements.forEach((element) => { var _a; return (_a = this._intersectionObserverOut) === null || _a === void 0 ? void 0 : _a.observe(element); });
-        }
-    }
-    /**
-     * Removes the view observation events by disconnecting the `IntersectionObserver`.
-     */
-    _removeViewEvents() {
-        var _a, _b;
-        (_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;
-    }
-    /**
-     * Handles when elements come into the viewport.
-     *
-     * @param data - The intersection data for the observed elements.
-     */
-    _handleIntersectionIn(data) {
-        data.forEach((entry) => {
-            if (!entry.isIntersecting) {
-                return;
-            }
-            const element = entry.target;
-            const delay = this._getElementDelay(element);
-            this._handleInOut(element, true, delay);
-            if (this.props.states === 'in') {
-                this.removeElement(element);
-            }
-        });
-        // Mark first start complete and trigger resize
-        if (this.isFirstStart) {
-            this._isFirstStart = false;
-            this.resize();
-        }
-    }
-    /** Get element delay */
-    _getElementDelay(element) {
-        const { isFirstStart, props } = this;
-        const rootBounding = isFirstStart ? this.rootBounding : false;
-        if (!isFirstStart || !rootBounding || !props.hasDelay) {
-            return 0;
-        }
-        const bounding = element.getBoundingClientRect();
-        const progress = clamp(props.direction === 'horizontal'
-            ? (bounding.left - rootBounding.left) / rootBounding.width
-            : (bounding.top - rootBounding.top) / rootBounding.height, [0, 1]);
-        return progress * props.maxDelay;
-    }
-    /**
-     * Handles when elements leave the viewport.
-     *
-     * @param data - The intersection data for the observed elements.
-     */
-    _handleIntersectionOut(data) {
-        data.forEach((entry) => {
-            if (entry.isIntersecting) {
-                return;
-            }
-            const element = entry.target;
-            this._handleInOut(element, false);
-        });
-    }
-    /**
-     * Toggles classes and triggers callbacks when elements enter or leave the viewport.
-     */
-    _handleInOut(elementProp, isInViewport, delay = 0) {
-        const { classToToggle } = this.props;
-        const element = elementProp;
-        if ((element.isScrollViewIn && isInViewport) ||
-            (!element.isScrollViewIn && !isInViewport)) {
-            return;
-        }
-        // Update element's viewport state
-        element.isScrollViewIn = isInViewport;
-        // Toggle class for the element
-        if (classToToggle) {
-            normalizedTimeoutCallback(() => {
-                element.classList.toggle(classToToggle, isInViewport);
-            }, delay);
-        }
-        // Trigger appropriate callback
-        if (isInViewport) {
-            normalizedTimeoutCallback(() => {
-                this.callbacks.tbt('in', { element });
-            }, delay);
-        }
-        else {
-            normalizedTimeoutCallback(() => {
-                this.callbacks.tbt('out', { element });
-            }, delay);
-        }
-    }
-    /**
-     * Adds an element to the observer list and starts tracking its visibility in the viewport.
-     */
-    addElement(elementProp) {
-        var _a, _b;
-        const element = elementProp;
-        element.isScrollViewIn = undefined;
-        if (this._isIntersectionObserverSupported) {
-            this._elements.push(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);
-        }
-        else {
-            this._handleInOut(element, true);
-        }
-        return {
-            remove: () => this.removeElement(element),
-        };
-    }
-    /**
-     * Stops observing an element and removes it from the observer list.
-     *
-     * @param {Element} elementProp - The element to stop observing.
-     */
-    removeElement(elementProp) {
-        var _a, _b;
-        const element = elementProp;
-        (_a = this._intersectionObserverIn) === null || _a === void 0 ? void 0 : _a.unobserve(element);
-        (_b = this._intersectionObserverOut) === null || _b === void 0 ? void 0 : _b.unobserve(element);
-        element.isScrollViewIn = undefined;
-        this._elements = this._elements.filter((el) => el !== element);
-    }
-    /**
-     * Stops observing all elements and clears the observer list.
-     */
-    removeElements() {
-        this._elements.forEach((element) => this.removeElement(element));
-        this._elements = [];
-    }
-    /**
-     * Destroys the `ScrollView` and disconnects all observers and listeners.
-     */
-    _destroy() {
-        super._destroy();
-        this._removeViewEvents();
-    }
-}
-//# sourceMappingURL=index.js.map

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

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

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

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

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

@@ -1,198 +0,0 @@
-import { Component as ComponentClass } from '../../base/Component';
-import { clampScope } from '../../utils/math';
-import { getScrollValues, onScroll } from '../../utils/scroll';
-import { onResize } from '../../utils/listeners/onResize';
-import { getApp } from '../../utils/internal/getApp';
-import { selectOne } from '../../utils/dom/selectOne';
-/**
- * `SectionScrollProgress` is a component that traces the scroll progress of a specified section.
- * It provides the progress of entering the viewport, moving within it, and exiting it.
- *
- * @link See examples https://antonbobrov.github.io/vevet-demo/section-scroll-progress/
- *
- * @link See docs https://antonbobrov.github.io/vevet/classes/SectionScrollProgress.html
- */
-export class SectionScrollProgress extends ComponentClass {
-    _getDefaultProps() {
-        return Object.assign(Object.assign({}, super._getDefaultProps()), { scrollContainer: window, viewportTarget: 'any', resizeTimeout: 0 });
-    }
-    /**
-     * Returns the scroll container.
-     *
-     * @returns {Element | CustomScroll | Window} The scroll container.
-     */
-    get scrollContainer() {
-        return this._scrollContainer;
-    }
-    /**
-     * Returns the section element being tracked.
-     */
-    get section() {
-        return this._section;
-    }
-    /**
-     * Returns the global scope of the scrolling section.
-     */
-    get scopeGlobal() {
-        return this._scopeGlobal;
-    }
-    /**
-     * Returns the scope of the section appearing in the viewport.
-     */
-    get scopeIn() {
-        return this._scopeIn;
-    }
-    /**
-     * Returns the scope of the section moving through the viewport.
-     */
-    get scopeMove() {
-        return this._scopeMove;
-    }
-    /**
-     * Returns the scope of the section disappearing from the viewport.
-     */
-    get scopeOut() {
-        return this._scopeOut;
-    }
-    /**
-     * Returns the current global progress of the scroll.
-     */
-    get progressGlobal() {
-        return this._progressGlobal;
-    }
-    set progressGlobal(value) {
-        this._progressGlobal = value;
-    }
-    constructor(initialProps, canInit = true) {
-        super(initialProps, false);
-        const { scrollContainer, section } = this.props;
-        // Get the scroll container
-        if (typeof scrollContainer === 'string') {
-            this._scrollContainer = selectOne(scrollContainer);
-        }
-        else {
-            this._scrollContainer = scrollContainer;
-        }
-        // Get the section element
-        this._section = selectOne(section);
-        // Set default values
-        this._prevProgressGlobal = -0.001;
-        this._progressGlobal = -0.001;
-        this._scopeGlobal = [0, 0];
-        this._scopeIn = [0, 0];
-        this._scopeMove = [0, 0];
-        this._scopeOut = [0, 0];
-        this._frameThrottleIndex = 0;
-        // Initialize the component
-        if (canInit) {
-            this.init();
-        }
-    }
-    /**
-     * Initializes the `SectionScrollProgress` component and sets up scroll and resize events.
-     */
-    _init() {
-        super._init();
-        this._setEvents();
-    }
-    /**
-     * Sets the resize and scroll events for monitoring the section's scroll progress.
-     */
-    _setEvents() {
-        const { viewportTarget, resizeDebounce } = this.props;
-        const resizeHandler = onResize({
-            onResize: () => this.resize(),
-            element: this.section,
-            viewportTarget,
-            hasBothEvents: true,
-            resizeDebounce,
-        });
-        const loadEvent = getApp().onPageLoad();
-        loadEvent.then(() => resizeHandler.debounceResize()).catch(() => { });
-        // Set up scroll event
-        const scrollEvent = onScroll({
-            container: this.scrollContainer,
-            callback: (data) => this._render(data),
-        });
-        // Clean up actions on destroy
-        this.addDestroyableAction(() => {
-            resizeHandler.remove();
-            loadEvent.cancel();
-            scrollEvent.remove();
-        });
-    }
-    _onPropsMutate() {
-        super._onPropsMutate();
-        this.resize();
-    }
-    /**
-     * Returns the progress of the section as it appears in the viewport.
-     */
-    get progressIn() {
-        return clampScope(this.progressGlobal, this.scopeIn) || 0;
-    }
-    /**
-     * Returns the progress of the section as it exits the viewport.
-     */
-    get progressOut() {
-        return clampScope(this.progressGlobal, this.scopeOut) || 0;
-    }
-    /**
-     * Returns the progress of the section as it moves through the viewport.
-     */
-    get progressMove() {
-        return clampScope(this.progressGlobal, this.scopeMove) || 0;
-    }
-    /**
-     * Resizes the section and recalculates the scroll progress.
-     */
-    resize() {
-        const scrollValues = getScrollValues(this.scrollContainer);
-        if (!scrollValues) {
-            return;
-        }
-        // Trigger resize callback
-        this.callbacks.tbt('resize', undefined);
-        // Render the section
-        this._render(scrollValues, true);
-    }
-    /**
-     * Calculates the scroll scopes for the section.
-     */
-    _calculateScopes({ scrollTop }) {
-        const { height: vHeight } = getApp().viewport;
-        const sectionBounding = this.section.getBoundingClientRect();
-        // Calculate scroll scopes
-        const inStart = scrollTop + sectionBounding.top - vHeight;
-        const moveEnd = scrollTop + sectionBounding.top + sectionBounding.height;
-        const scrollLine = moveEnd - inStart;
-        this._scopeGlobal = [inStart, moveEnd];
-        // Calculate individual scopes
-        this._scopeIn = [0, vHeight / scrollLine];
-        this._scopeOut = [1 - vHeight / scrollLine, 1];
-        this._scopeMove = [this._scopeIn[1], this._scopeOut[0]];
-    }
-    /**
-     * Determines whether the section can be rendered based on scroll progress changes.
-     */
-    _canRender(isForce = false) {
-        return isForce || this.progressGlobal !== this._prevProgressGlobal;
-    }
-    /**
-     * Renders the section by updating its scroll progress and triggering callbacks.
-     */
-    _render(scrollValues, isForce = false) {
-        this._frameThrottleIndex += 1;
-        if (this._frameThrottleIndex % 60 === 0 || isForce) {
-            this._calculateScopes(scrollValues);
-        }
-        this._prevProgressGlobal = this.progressGlobal;
-        this.progressGlobal = clampScope(scrollValues.scrollTop, this._scopeGlobal);
-        if (!this._canRender(isForce)) {
-            return;
-        }
-        // Trigger render callback
-        this.callbacks.tbt('render', undefined);
-    }
-}
-//# sourceMappingURL=index.js.map

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

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

package/lib/esm/components/SectionScrollProgress/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

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

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