vevet 3.20.0 → 4.0.0-beta.1

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

@@ -1,35 +1,48 @@
 import { addEventListener } from 'vevet-dom';
 import { DraggerBase } from '../DraggerBase';
 /**
- * `Dragger` with 'move' callbacks
+ * A draggable component that triggers 'move' callbacks during drag operations.
+ * It extends the base `Dragger` functionality by providing movement-related data such as the step and difference in coordinates.
  */
 export class DraggerMove extends DraggerBase {
     constructor() {
         super(...arguments);
+        /**
+         * Stores the absolute difference between the start coordinates and the current coordinates during dragging.
+         */
         this._absDiff = { x: 0, y: 0 };
     }
     _getDefaultProps() {
         return Object.assign(Object.assign({}, super._getDefaultProps()), { disablePointerEventsAt: false });
     }
-    /** Move step */
+    /**
+     * Returns the difference between the current pointer coordinates and the previous coordinates (the step of movement).
+     */
     get stepCoords() {
         return {
             x: this.coords.x - this.prevCoords.x,
             y: this.coords.y - this.prevCoords.y,
         };
     }
-    /** Difference between start and current coords */
+    /**
+     * Returns the difference between the starting coordinates and the current coordinates.
+     */
     get diffCoords() {
         return {
             x: this.coords.x - this.startCoords.x,
             y: this.coords.y - this.startCoords.y,
         };
     }
-    /** Absolute difference between start and current coords */
+    /**
+     * Returns the absolute difference in coordinates (the total movement made) during dragging.
+     */
     get absDiff() {
         return this._absDiff;
     }
-    /** Add runtime events */
+    /**
+     * Adds runtime events to track pointer movement (for both mouse and touch events).
+     * Triggers the `move` callback during the drag to provide updates about the movement.
+     */
     _addRuntimeEvents() {
         super._addRuntimeEvents();
         const { isPassive } = this.props;
@@ -48,21 +61,26 @@ export class DraggerMove extends DraggerBase {
             passive: isPassive,
         }));
     }
-    /** Event on move */
+    /**
+     * Handles the movement during dragging, updating the current coordinates and calculating the step and total movement.
+     * Disables pointer events if necessary based on the `disablePointerEventsAt` threshold.
+     *
+     * @param event - The event representing the movement (either `MouseEvent` or `TouchEvent`).
+     */
     _handleMove(event) {
         const { x, y, pointerId } = this._getEventCoords(event);
         if (!this.isDragging || pointerId !== this.pointerID) {
             return false;
         }
-        // update coordinates
+        // Update previous and current coordinates
         this.prevCoords = { x: this.coords.x, y: this.coords.y };
         this.coords = { x, y };
-        // update absolute difference
+        // Update absolute difference in movement
         this._absDiff.x += Math.abs(this.stepCoords.x);
         this._absDiff.y += Math.abs(this.stepCoords.y);
-        // disable pointer events
+        // Optionally disable pointer events during movement
         this._togglePointerEvents(false);
-        // launch callbacks
+        // Trigger 'move' callback with relevant data
         this.callbacks.tbt('move', {
             event,
             start: this.startCoords,
@@ -73,13 +91,24 @@ export class DraggerMove extends DraggerBase {
         });
         return true;
     }
-    /** Event on drag end */
+    /**
+     * Handles the end of the drag operation, resetting the absolute difference in coordinates.
+     * Re-enables pointer events if they were disabled during movement.
+     *
+     * @param event - The event representing the end of the drag (either `MouseEvent` or `TouchEvent`).
+     */
     _handleEnd(event) {
         super._handleEnd(event);
-        // reset absolute difference
+        // Reset absolute movement difference
         this._absDiff = { x: 0, y: 0 };
+        // Re-enable pointer events
         this._togglePointerEvents(true);
     }
+    /**
+     * Toggles pointer events on or off based on the movement threshold defined by `disablePointerEventsAt`.
+     *
+     * @param isEnabledProp - If true, pointer events will be re-enabled.
+     */
     _togglePointerEvents(isEnabledProp) {
         if (typeof this.props.disablePointerEventsAt !== 'number') {
             return;
@@ -92,7 +121,9 @@ export class DraggerMove extends DraggerBase {
             isEnabledProp;
         this.container.style.pointerEvents = isEnabled ? '' : 'none';
     }
-    /** Destroy the module */
+    /**
+     * Destroys the dragger, cleaning up all associated events and resources.
+     */
     _destroy() {
         super._destroy();
     }

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

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

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

@@ -1,225 +1,284 @@
 import { selectOne } from 'vevet-dom';
 import { Component as ComponentClass } from '../../base/Component';
-import { wrap } from '../../utils/math';
-import { onResize } from '../../utils/listeners/onResize';
 import { AnimationFrame } from '../AnimationFrame';
 import { getApp } from '../../utils/internal/getApp';
+import { wrap } from '../../utils/math';
+import { onResize } from '../../utils/listeners';
 /**
- * Custom Marquee
+ * A custom marquee component that smoothly scrolls its child elements.
+ *
+ * This component is designed to loop elements horizontally within a container,
+ * with support for customization such as speed, gap, pause on hover, and more.
  */
 export class Marquee extends ComponentClass {
+    /**
+     * Returns the default properties for the marquee.
+     */
     _getDefaultProps() {
-        return Object.assign(Object.assign({}, super._getDefaultProps()), { container: `#${this.prefix}`, viewportTarget: 'width', resizeDebounce: 0, speed: 1, isEnabled: true, pauseOnHover: false, prependWhitespace: true, isFpsNormalized: true });
+        return Object.assign(Object.assign({}, super._getDefaultProps()), { container: `#${this.prefix}`, resizeDebounce: 0, hasWillChange: true, canCloneNodes: true, speed: 1, gap: 0, isEnabled: true, pauseOnHover: false, isFpsNormalized: true, isCentered: false });
     }
+    /**
+     * Returns the prefix for the marquee.
+     */
     get prefix() {
         return `${getApp().prefix}marquee`;
     }
-    /** Marquee container */
+    /** Marquee container element */
     get container() {
         return this._container;
     }
+    /** Total width of all elements in the marquee */
+    get totalWidth() {
+        return this._totalWidth;
+    }
+    /** Current animation X position */
+    get x() {
+        return this._x;
+    }
+    set x(value) {
+        this._x = value;
+        this.render(0);
+    }
     constructor(initialProps, canInit = true) {
         super(initialProps, false);
+        /** Current container width */
+        this._width = 0;
+        /** Initial child nodes of the container */
+        this._initialNodes = [];
+        /** Array of marquee element nodes */
+        this._elements = [];
+        /** Timeout for resize debounce */
+        this._resizeTimeout = null;
+        /** Array of widths of each element in the marquee */
+        this._widths = [];
+        /** Total width of all elements in the marquee */
+        this._totalWidth = 0;
         this._container = selectOne(this.props.container);
-        if (!(this._container instanceof HTMLElement)) {
+        const container = this._container;
+        if (!(container instanceof HTMLElement)) {
             throw new Error('No container');
         }
-        this.toggleClassName(this._container, this.className(''), true);
-        this._initialHTML = this._container.innerHTML;
-        this._quantity = 0;
-        this._items = [];
-        this._itemWidth = 0;
-        this._xCoord = 0;
+        this.toggleClassName(container, this.className(''), true);
+        // Initialize internal variables
+        this._x = 0;
         this._canPlay = true;
-        this.resize();
+        // Apply base styles to the container
+        container.style.position = 'relative';
+        container.style.display = 'flex';
+        container.style.flexDirection = 'row';
+        container.style.alignItems = 'center';
+        container.style.justifyContent = 'flex-start';
+        container.style.width = '100%';
+        container.style.overflow = 'hidden';
+        // Setup elements in the marquee
+        this._setup();
+        // Create animation frame
+        this._raf = new AnimationFrame({
+            isEnabled: this.props.isEnabled,
+        });
+        this._raf.addCallback('frame', () => this._render());
+        // Initialize the component if canInit is true
         if (canInit) {
             this.init();
         }
     }
-    /** Init the class */
+    /** Initializes the component and sets up event listeners */
     _init() {
         super._init();
         this._setEvents();
     }
-    /** Handle properties mutation */
-    _onPropsMutate() {
-        var _a, _b;
-        super._onPropsMutate();
-        if (this.props.isEnabled) {
-            (_a = this._animationFrame) === null || _a === void 0 ? void 0 : _a.play();
-        }
-        else {
-            (_b = this._animationFrame) === null || _b === void 0 ? void 0 : _b.pause();
-        }
-    }
-    /** Set module event */
+    /** Sets up event listeners for the marquee component */
     _setEvents() {
         const { container, props } = this;
-        const { viewportTarget, resizeDebounce } = props;
-        // create animation frame
-        this._animationFrame = new AnimationFrame();
-        this._animationFrame.addCallback('frame', () => this._render());
-        this.addDestroyableAction(() => { var _a; return (_a = this._animationFrame) === null || _a === void 0 ? void 0 : _a.destroy(); });
-        // initial play
-        if (this.props.isEnabled) {
-            this._animationFrame.play();
-        }
-        // pause on hover
+        // Pause on hover
         this.addEventListener(container, 'mouseenter', () => {
-            if (this.props.pauseOnHover) {
+            if (props.pauseOnHover) {
                 this._canPlay = false;
             }
         });
-        // play on mouseleave
+        // Resume on mouse leave
         this.addEventListener(container, 'mouseleave', () => {
             this._canPlay = true;
         });
-        // resize the scene
-        const resizeHandler = onResize({
-            onResize: () => this.resize(),
-            element: this.container,
-            viewportTarget,
-            resizeDebounce,
-            hasBothEvents: true,
+    }
+    /** Handles property changes and re-renders the component */
+    _onPropsMutate() {
+        var _a, _b;
+        super._onPropsMutate();
+        if (this.props.isEnabled) {
+            (_a = this._raf) === null || _a === void 0 ? void 0 : _a.play();
+        }
+        else {
+            (_b = this._raf) === null || _b === void 0 ? void 0 : _b.pause();
+        }
+        // Rerender the elements
+        this.render(0);
+    }
+    /** Initializes the marquee setup, including resizing and cloning elements */
+    _setup() {
+        var _a;
+        (_a = this._lastSetup) === null || _a === void 0 ? void 0 : _a.call(this);
+        if (this.isDestroyed) {
+            return;
+        }
+        const container = this._container;
+        // Save initial child nodes
+        this._initialNodes = [...Array.from(container.childNodes)];
+        // Wrap text node if necessary
+        this._wrapTextNode();
+        // Store element references
+        this._elements = Array.from(container.querySelectorAll('*'));
+        // Handle container resizing
+        const onContainerResize = onResize({
+            onResize: () => this._handleResize(),
+            element: container,
+            viewportTarget: 'width',
+            hasBothEvents: false,
         });
-        this.addDestroyableAction(() => resizeHandler.remove());
-        // resize on page load
+        // Resize on page load
         getApp()
             .onPageLoad()
-            .then(() => this.resize())
+            .then(() => this._handleResize())
             .catch(() => { });
+        // Set resize events for individual elements
+        const elementsResize = onResize({
+            onResize: () => this._handleResize(),
+            element: this._elements,
+            viewportTarget: 'width',
+            hasBothEvents: false,
+        });
+        // Add necessary styles to elements
+        this._elements.forEach((element, index) => this._addElementStyles(element, index !== 0));
+        // Setup cleanup function
+        this._lastSetup = () => {
+            onContainerResize.remove();
+            elementsResize.remove();
+        };
     }
-    resize() {
-        if (this.isDestroyed) {
+    /**
+     * Wraps the first text node in the container in a span if no other elements exist.
+     */
+    _wrapTextNode() {
+        const node = this._container.childNodes[0];
+        // Wrap text node if it's the first child and not already wrapped
+        if (!node || node.nodeType !== 3) {
             return;
         }
-        this._createItems();
-    }
-    _createItems() {
-        this._disconnectMutations();
-        const { container } = this;
-        // clear
-        this._quantity = 0;
-        this._items = [];
-        this.container.innerHTML = '';
-        // apply styles to the container
-        container.style.position = 'relative';
-        container.style.display = 'block';
-        container.style.width = '100%';
-        container.style.overflow = 'hidden';
-        container.style.whiteSpace = 'nowrap';
-        // create the first item and get its sizes
-        // to calculate the further quantity of inner elements
-        const firstItem = this._createItem(true);
-        // get first item width
-        let itemWidth = firstItem.clientWidth;
-        if (itemWidth <= 0) {
-            itemWidth = window.innerWidth;
-        }
-        this._itemWidth = itemWidth;
-        // get items quantity
-        if (itemWidth < container.clientWidth) {
-            this._quantity = Math.ceil((container.clientWidth + itemWidth) / itemWidth);
-        }
-        this._quantity = Math.max(this._quantity, 4);
-        // now when we know the total quantity,
-        // we can create the rest of the items
-        for (let index = 1; index < this._quantity; index += 1) {
-            this._createItem(false);
-        }
-        // render for the first time
-        this._render(0);
-        // enable mutation observer
-        this._observeMutations();
-    }
-    /** Create a single item */
-    _createItem(isFirst = false) {
-        const element = document.createElement('div');
-        element.classList.add(this.className('__element'));
-        if (!isFirst) {
-            element.setAttribute('aria-hidden', 'true');
-        }
-        const prefix = `${this.props.prependWhitespace ? '&nbsp;' : ''}`;
-        const body = this._initialHTML;
-        element.innerHTML = `${prefix}${body}`;
-        // apply styles
-        if (!isFirst) {
-            element.style.position = 'absolute';
-            element.style.top = '0';
-            element.style.left = '0';
-        }
-        element.style.display = 'inline-block';
-        // append the element
-        this.container.appendChild(element);
-        this._items.push(element);
-        return element;
+        const wrapper = document.createElement('span');
+        wrapper.style.position = 'relative';
+        wrapper.style.display = 'block';
+        wrapper.style.width = 'max-content';
+        wrapper.style.whiteSpace = 'nowrap';
+        wrapper.appendChild(node);
+        this._container.appendChild(wrapper);
     }
     /**
-     * Observe DOM changes
-     * If a change happens inside the parent element,
-     * we recreate the marquee element
+     * Adds necessary styles to a given element.
      */
-    _observeMutations() {
-        if (this._mutationObserver) {
+    _addElementStyles(element, isAbsolute) {
+        const el = element;
+        el.style.position = isAbsolute ? 'absolute' : 'relative';
+        el.style.top = isAbsolute ? '50%' : '0';
+        el.style.left = '0';
+        el.style.width = element.style.width || 'max-content';
+        el.style.willChange = this.props.hasWillChange ? 'transform' : '';
+    }
+    /** Handles resize events and updates the layout accordingly */
+    _handleResize() {
+        if (this.isDestroyed) {
             return;
         }
-        const config = {
-            childList: true,
-        };
-        const callback = (mutationsList) => {
-            mutationsList.forEach((mutation) => {
-                if (mutation.type === 'childList') {
-                    this._initialHTML = this.container.innerHTML;
-                    this._createItems();
-                }
-            });
-        };
-        this._mutationObserver = new MutationObserver(callback);
-        this._mutationObserver.observe(this.container, config);
+        if (this._resizeTimeout) {
+            clearTimeout(this._resizeTimeout);
+        }
+        this._resizeTimeout = setTimeout(() => this.resize(), this.props.resizeDebounce);
     }
-    /**
-     * Destroy mutation observer
-     */
-    _disconnectMutations() {
-        var _a;
-        (_a = this._mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-        this._mutationObserver = undefined;
+    /** Resizes the marquee, recalculating element positions and cloning if necessary */
+    resize() {
+        if (this.isDestroyed) {
+            return;
+        }
+        const { container, props } = this;
+        // Update container width
+        this._width = container.offsetWidth;
+        // Update element widths
+        this._widths = [];
+        this._elements.forEach((element, index) => {
+            this._widths[index] = element.offsetWidth + props.gap;
+        });
+        this._totalWidth = this._widths.reduce((a, b) => a + b, 0);
+        // Determine how many times to duplicate elements
+        const maxWidth = Math.max(...this._widths);
+        const copyQuantity = Math.ceil((this._width + maxWidth) / this._totalWidth);
+        // update total width
+        this._totalWidth = Math.max(this._totalWidth, this._width + maxWidth);
+        // Clone elements if necessary
+        if (props.canCloneNodes && copyQuantity > 1) {
+            for (let i = 1; i < copyQuantity; i += 1) {
+                this._elements.forEach((element) => {
+                    const copy = element.cloneNode(true);
+                    this._addElementStyles(copy, true);
+                    container.appendChild(copy);
+                });
+            }
+            // Update element references after cloning
+            this._elements = Array.from(container.querySelectorAll('*'));
+            this.resize();
+        }
+        // Trigger resize callbacks
+        this.callbacks.tbt('resize', undefined);
+        // Rerender the marquee
+        this.render(0);
     }
-    /** Render marquee */
-    render(speed = this.props.speed) {
+    /** Renders the marquee, adjusting element positions */
+    render(speed) {
         this._render(speed);
     }
-    /** Render marquee */
-    _render(speedProp) {
-        var _a, _b;
-        if (!this._canPlay) {
+    /**
+     * Renders the marquee, calculating element positions based on the provided speed.
+     */
+    _render(speedProp = this.props.speed) {
+        if (!this._canPlay || this.isDestroyed) {
             return;
         }
-        const { _quantity: qunantity, _itemWidth: itemWidth, props } = this;
-        const { isFpsNormalized } = props;
-        const fpsMultiplier = isFpsNormalized
-            ? ((_b = (_a = this._animationFrame) === null || _a === void 0 ? void 0 : _a.easeMultiplier) !== null && _b !== void 0 ? _b : 1)
-            : 1;
-        const defaultSpeed = props.speed * fpsMultiplier;
-        const speed = speedProp !== null && speedProp !== void 0 ? speedProp : defaultSpeed;
-        this._xCoord -= speed;
-        // get total width
-        const totalWidth = itemWidth * (qunantity - 1);
-        // render elements
-        for (let index = 0; index < qunantity; index += 1) {
-            const element = this._items[index];
-            // calulate transforms
-            const x = wrap(-itemWidth, totalWidth, this._xCoord + itemWidth * index);
-            // apply transforms
-            element.style.transform = `matrix3d(1,0,0.00,0,0.00,1,0.00,0,0,0,1,0, ${x}, 0, 0,1)`;
+        const { isFpsNormalized, isCentered } = this.props;
+        // Calculate speed, adjusting for frame rate if necessary
+        const fpsMultiplier = isFpsNormalized ? this._raf.fpsMultiplier : 1;
+        const speed = speedProp * fpsMultiplier;
+        // Update animation time
+        this._x -= speed;
+        // Calculate current position of the elements
+        const centerX = this._width * 0.5;
+        const position = this._x + (isCentered ? centerX : 0);
+        // Update each element's position
+        let prevStaticX = 0;
+        for (let index = 0; index < this._elements.length; index += 1) {
+            const element = this._elements[index];
+            const elementWidth = this._widths[index];
+            const x = wrap(-elementWidth, this._totalWidth - elementWidth, position + prevStaticX);
+            // Apply transformations to position the element
+            const y = element.style.position === 'relative' ? '0' : '-50%';
+            element.style.transform = `translate(${x}px, ${y})`;
+            prevStaticX += elementWidth;
         }
-        // callbacks
+        // Trigger render callbacks
         this.callbacks.tbt('render', undefined);
     }
+    /** Destroys the marquee and removes all event listeners */
     _destroy() {
+        var _a, _b;
         super._destroy();
-        this._disconnectMutations();
-        this.container.innerHTML = this._initialHTML;
+        (_a = this._raf) === null || _a === void 0 ? void 0 : _a.destroy();
+        (_b = this._lastSetup) === null || _b === void 0 ? void 0 : _b.call(this);
+        if (this._resizeTimeout) {
+            clearTimeout(this._resizeTimeout);
+            this._resizeTimeout = null;
+        }
+        // Remove all children and restore the initial nodes
+        while (this._container.firstChild) {
+            this._container.removeChild(this._container.firstChild);
+        }
+        this._initialNodes.forEach((node) => this._container.appendChild(node));
     }
 }
 //# sourceMappingURL=index.js.map

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

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