vevet 4.4.1 → 5.0.0

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

@@ -0,0 +1,101 @@
+import { getPos } from 'get-image-pos';
+import { Canvas } from '../Canvas';
+import { addEventListener } from '../../utils';
+export * from './types';
+/**
+ * The `CanvasMedia` class allows pre-rendering of media (such as images or video) onto a canvas.
+ * This can be useful for reducing payloads by preparing the media for further use in a more optimized form.
+ *
+ * [Documentation](https://antonbobrov.github.io/vevet/docs/components/CanvasMedia)
+ *
+ * @group Components
+ */
+export class CanvasMedia extends Canvas {
+    /** Get default static properties */
+    _getStatic() {
+        return Object.assign(Object.assign({}, super._getStatic()), { autoRenderVideo: true });
+    }
+    /** Get default mutable properties */
+    _getMutable() {
+        return Object.assign(Object.assign({}, super._getMutable()), { rule: 'cover' });
+    }
+    constructor(props) {
+        super(props);
+        this._setMediaEvents();
+    }
+    /** Checks if the media element has the `requestVideoFrameCallback` method */
+    get hasRequestVideoFrameCallback() {
+        return 'requestVideoFrameCallback' in this.props.media;
+    }
+    /** Add media events */
+    _setMediaEvents() {
+        const { autoRenderVideo: hasVideoAutoRender, media } = this.props;
+        if (!hasVideoAutoRender || !(media instanceof HTMLVideoElement)) {
+            return;
+        }
+        // use requestVideoFrameCallback
+        if (this.hasRequestVideoFrameCallback) {
+            this._requestVideoFrame();
+            return;
+        }
+        // use timeupdate listener
+        const timeupdate = addEventListener(media, 'timeupdate', () => {
+            this.render();
+        });
+        this.onDestroy(() => timeupdate());
+    }
+    /** Resize the canvas */
+    resize() {
+        super.resize();
+        this.render();
+    }
+    /** Auto rendering for videos */
+    _requestVideoFrame() {
+        if (this.isDestroyed) {
+            return;
+        }
+        this.render();
+        const { media } = this.props;
+        if (media instanceof HTMLVideoElement) {
+            media.requestVideoFrameCallback(() => this._requestVideoFrame());
+        }
+    }
+    /** Pre-renders the media resource onto the canvas. */
+    render() {
+        super.render((props) => this._prerender(props));
+    }
+    /**
+     * Prerenders the media onto the canvas using the specified positioning rule.
+     */
+    _prerender({ width, height, ctx }) {
+        const { media, rule } = this.props;
+        // Determine the media source and its dimensions
+        let source;
+        let sourceWidth;
+        let sourceHeight;
+        if (media instanceof Canvas) {
+            source = media.canvas;
+            sourceWidth = media.width;
+            sourceHeight = media.height;
+        }
+        else {
+            source = media;
+        }
+        // Calculate media position and size based on the posRule
+        const size = getPos({
+            source,
+            sourceWidth,
+            sourceHeight,
+            rule,
+            scale: 1,
+            width,
+            height,
+        });
+        // Clear the canvas and draw the media with the calculated size
+        ctx.clearRect(0, 0, width, height);
+        ctx.drawImage(source, size.x, size.y, size.width, size.height);
+        // Trigger prerender callback
+        this.callbacks.emit('render', undefined);
+    }
+}
+//# sourceMappingURL=index.js.map

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

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

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

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

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

@@ -0,0 +1,354 @@
+import { Module } from '../../base/Module';
+import { Raf } from '../Raf';
+import { addEventListener } from '../../utils/listeners';
+import { initVevet } from '../../global/initVevet';
+import { lerp } from '../../utils/math';
+import { createCursorStyles } from './styles';
+export * from './types';
+/**
+ * A customizable custom cursor component with smooth animations and hover interactions.
+ * Supports dynamic appearance changes and enhanced user interaction.
+ *
+ * [Documentation](https://antonbobrov.github.io/vevet/docs/components/Cursor)
+ *
+ * @group Components
+ */
+export class Cursor extends Module {
+    /** Get default static properties */
+    _getStatic() {
+        return Object.assign(Object.assign({}, super._getStatic()), { container: window, hideNative: false });
+    }
+    /** Get default mutable properties */
+    _getMutable() {
+        return Object.assign(Object.assign({}, super._getMutable()), { enabled: true, width: 50, height: 50, lerp: 0.2, autoStop: true });
+    }
+    /**
+     * Classname prefix for styling elements.
+     */
+    get prefix() {
+        return `${initVevet().prefix}cursor`;
+    }
+    /** The cursor container */
+    get container() {
+        return this.props.container;
+    }
+    /** Returns the DOM parent for the cursor element. */
+    get domContainer() {
+        if (this.container instanceof Window) {
+            return initVevet().body;
+        }
+        return this.container;
+    }
+    /**
+     * The outer element of the custom cursor.
+     * This is the visual element that represents the cursor on screen.
+     */
+    get outer() {
+        return this._outer;
+    }
+    /**
+     * The inner element of the custom cursor.
+     * This element is nested inside the outer element and can provide additional styling.
+     */
+    get inner() {
+        return this._inner;
+    }
+    /**
+     * The currently hovered element.
+     * Stores information about the element that the cursor is currently interacting with.
+     */
+    get hoveredElement() {
+        return this._hoveredElement;
+    }
+    set hoveredElement(value) {
+        this._hoveredElement = value;
+    }
+    /**
+     * The current coordinates (x, y, width, height).
+     * These are updated during cursor movement.
+     */
+    get coords() {
+        return this._coords;
+    }
+    /** Target coordinates of the cursor (without smooth interpolation). */
+    get targetCoords() {
+        var _a;
+        const { hoveredElement, props } = this;
+        let { x, y } = this._targetCoords;
+        let { width, height } = props;
+        let padding = 0;
+        if (hoveredElement) {
+            const bounding = hoveredElement.element.getBoundingClientRect();
+            if (hoveredElement.sticky) {
+                x = bounding.left + bounding.width / 2;
+                y = bounding.top + bounding.height / 2;
+            }
+            if (hoveredElement.width === 'auto') {
+                width = bounding.width;
+            }
+            else if (typeof hoveredElement.width === 'number') {
+                width = hoveredElement.width;
+            }
+            if (hoveredElement.height === 'auto') {
+                height = bounding.height;
+            }
+            else if (typeof hoveredElement.height === 'number') {
+                height = hoveredElement.height;
+            }
+            padding = (_a = hoveredElement.padding) !== null && _a !== void 0 ? _a : 0;
+        }
+        width += padding * 2;
+        height += padding * 2;
+        return { x, y, width, height };
+    }
+    constructor(props) {
+        super(props);
+        /** Defines if the cursor has been moved after initialization */
+        this._isFirstMove = true;
+        // Set default variables
+        const { width, height, enabled: isEnabled } = this.props;
+        this._coords = { x: 0, y: 0, width, height };
+        this._targetCoords = { x: 0, y: 0, width, height };
+        this._types = [];
+        this._activeTypes = [];
+        // No need to remove styles on destroy
+        createCursorStyles(this.prefix);
+        // Setup
+        this._createElements();
+        this._setEvents();
+        // enable by default
+        this._toggle(isEnabled);
+    }
+    /** Creates the custom cursor and appends it to the DOM. */
+    _createElements() {
+        const { container, domContainer } = this;
+        const cn = this._cn.bind(this);
+        // Hide native cursor
+        if (this.props.hideNative) {
+            domContainer.style.cursor = 'none';
+            this._addTempClassName(domContainer, cn('-hide-default'));
+        }
+        // Set class names
+        this._addTempClassName(domContainer, cn('-container'));
+        // Set container position
+        if (domContainer !== initVevet().body) {
+            domContainer.style.position = 'relative';
+        }
+        // Create outer element
+        const outer = document.createElement('div');
+        domContainer.append(outer);
+        outer.classList.add(cn(''));
+        outer.classList.add(cn(container instanceof Window ? '-in-window' : '-in-element'));
+        outer.classList.add(cn('-disabled'));
+        // Create inner element
+        const inner = document.createElement('div');
+        outer.append(inner);
+        inner.classList.add(cn('__inner'));
+        inner.classList.add(cn('-disabled'));
+        outer.append(inner);
+        // assign
+        this._outer = outer;
+        this._inner = inner;
+        // Destroy the cursor
+        this.onDestroy(() => {
+            domContainer.style.cursor = '';
+            inner.remove();
+            outer.remove();
+        });
+    }
+    /** Sets up the various event listeners for the cursor, such as mouse movements and clicks. */
+    _setEvents() {
+        const { domContainer } = this;
+        this._raf = new Raf({ enabled: false });
+        this._raf.on('frame', () => this.render());
+        const mouseenter = addEventListener(domContainer, 'mouseenter', this._handleMouseEnter.bind(this));
+        const mouseleave = addEventListener(domContainer, 'mouseleave', this._handleMouseLeave.bind(this));
+        const mousemove = addEventListener(domContainer, 'mousemove', this._handleMouseMove.bind(this));
+        const mousedown = addEventListener(domContainer, 'mousedown', this._handleMouseDown.bind(this));
+        const mouseup = addEventListener(domContainer, 'mouseup', this._handleMouseUp.bind(this));
+        const blur = addEventListener(window, 'blur', this._handleWindowBlur.bind(this));
+        this.onDestroy(() => {
+            this._raf.destroy();
+            mouseenter();
+            mouseleave();
+            mousemove();
+            mousedown();
+            mouseup();
+            blur();
+        });
+    }
+    /** Handles property mutations */
+    _handleProps() {
+        super._handleProps();
+        this._toggle(this.props.enabled);
+    }
+    /** Enables cursor animation. */
+    _toggle(enabled) {
+        const className = this._cn('-disabled');
+        this.outer.classList.toggle(className, !enabled);
+        this.inner.classList.toggle(className, !enabled);
+        this._raf.updateProps({ enabled });
+    }
+    /** Handles mouse enter events. */
+    _handleMouseEnter(evt) {
+        this._coords.x = evt.clientX;
+        this._coords.y = evt.clientY;
+        this._targetCoords.x = evt.clientX;
+        this._targetCoords.y = evt.clientY;
+        this.outer.classList.add(this._cn('-visible'));
+    }
+    /** Handles mouse leave events. */
+    _handleMouseLeave() {
+        this.outer.classList.remove(this._cn('-visible'));
+    }
+    /** Handles mouse move events. */
+    _handleMouseMove(evt) {
+        this._targetCoords.x = evt.clientX;
+        this._targetCoords.y = evt.clientY;
+        if (this._isFirstMove) {
+            this._coords.x = evt.clientX;
+            this._coords.y = evt.clientY;
+            this._isFirstMove = false;
+        }
+        this.outer.classList.add(this._cn('-visible'));
+        if (this.props.enabled) {
+            this._raf.play();
+        }
+    }
+    /** Handles mouse down events. */
+    _handleMouseDown(evt) {
+        const className = this._cn('-click');
+        if (evt.which === 1) {
+            this.outer.classList.add(className);
+            this.inner.classList.add(className);
+        }
+    }
+    /** Handles mouse up events. */
+    _handleMouseUp() {
+        const className = this._cn('-click');
+        this.outer.classList.remove(className);
+        this.inner.classList.remove(className);
+    }
+    /** Handles window blur events. */
+    _handleWindowBlur() {
+        this._handleMouseUp();
+    }
+    /**
+     * Registers an element to interact with the cursor, enabling dynamic size and position changes based on hover effects.
+     * @param settings The settings for the hovered element.
+     * @param {number} [enterTimeout=100] The timeout before the hover effect is applied.
+     * @returns Returns a destructor
+     */
+    attachElement(settings, enterTimeout = 100) {
+        const final = Object.assign({ width: null, height: null }, settings);
+        const { element } = final;
+        let timeout;
+        const mouseEnter = addEventListener(element, 'mouseenter', () => {
+            timeout = setTimeout(() => {
+                this.hoveredElement = Object.assign({}, final);
+                if (final.type) {
+                    this._toggleType(final.type, true);
+                }
+            }, enterTimeout);
+        });
+        const mouseLeave = addEventListener(element, 'mouseleave', () => {
+            if (timeout) {
+                clearTimeout(timeout);
+            }
+            this.hoveredElement = undefined;
+            if (final.type) {
+                this._toggleType(final.type, false);
+            }
+        });
+        const remove = () => {
+            var _a;
+            if (((_a = this.hoveredElement) === null || _a === void 0 ? void 0 : _a.element) === element) {
+                this.hoveredElement = undefined;
+            }
+            mouseEnter();
+            mouseLeave();
+            if (timeout) {
+                clearTimeout(timeout);
+            }
+        };
+        this.onDestroy(() => remove());
+        return () => remove();
+    }
+    /**
+     * Registers a cursor type.
+     */
+    attachCursor({ element, type }) {
+        this._types.push({ element, type });
+        this._inner.append(element);
+    }
+    /** Enable or disable a cursor type */
+    _toggleType(type, isEnabled) {
+        if (isEnabled) {
+            this._activeTypes.push(type);
+        }
+        else {
+            this._activeTypes = this._activeTypes.filter((item) => type !== item);
+        }
+        const activeType = this._activeTypes.length > 0
+            ? this._activeTypes[this._activeTypes.length - 1]
+            : null;
+        this._types.forEach((item) => {
+            item.element.classList.toggle('active', item.type === activeType);
+        });
+    }
+    /**
+     * Checks if all coordinates are interpolated.
+     * @returns {boolean} True if all coordinates are interpolated, false otherwise.
+     */
+    get isInterpolated() {
+        const { coords, targetCoords } = this;
+        return (coords.x === targetCoords.x &&
+            coords.y === targetCoords.y &&
+            coords.width === targetCoords.width &&
+            coords.height === targetCoords.height);
+    }
+    /** Renders the cursor. */
+    render() {
+        this._calculate();
+        this._renderElements();
+        if (this.props.autoStop && this.isInterpolated) {
+            this._raf.pause();
+        }
+        // Launch render events
+        this.callbacks.emit('render', undefined);
+    }
+    /** Recalculates current coordinates. */
+    _calculate() {
+        const { targetCoords, _coords: coords } = this;
+        coords.x = this._lerp(coords.x, targetCoords.x);
+        coords.y = this._lerp(coords.y, targetCoords.y);
+        coords.width = this._lerp(coords.width, targetCoords.width);
+        coords.height = this._lerp(coords.height, targetCoords.height);
+    }
+    /**
+     * Performs linear interpolation.
+     * @param {number} current The current value.
+     * @param {number} target The target value.
+     * @returns {number} The interpolated value.
+     */
+    _lerp(current, target) {
+        const value = lerp(current, target, this._raf.lerpFactor(this.props.lerp), 0.0001);
+        return value;
+    }
+    /** Renders the cursor elements. */
+    _renderElements() {
+        const { container, domContainer, outer } = this;
+        let { x, y } = this.coords;
+        const { width, height } = this.coords;
+        if (!(container instanceof Window)) {
+            const bounding = domContainer.getBoundingClientRect();
+            x -= bounding.left;
+            y -= bounding.top;
+        }
+        // Update DOM coordinates
+        outer.style.transform = `translate(${x}px, ${y}px)`;
+        outer.style.setProperty('--cursor-w', `${width}px`);
+        outer.style.setProperty('--cursor-h', `${height}px`);
+    }
+}
+//# sourceMappingURL=index.js.map

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

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

package/lib/esm/components/Cursor/styles.js

@@ -0,0 +1,70 @@
+let style = null;
+export function createCursorStyles(prefix) {
+    if (style) {
+        return style;
+    }
+    style = document.createElement('style');
+    document.body.appendChild(style);
+    style.innerHTML = `
+    .${prefix}-container.${prefix}-hide-default,
+    .${prefix}-container.${prefix}-hide-default * {
+      cursor: none;
+    }
+
+    .${prefix} {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 0;
+      height: 0;
+      z-index: 999;
+      pointer-events: none;
+
+      transition: opacity 0.25s;
+      opacity: 0;
+
+      --cursor-w: 50px;
+      --cursor-h: 50px;
+    }
+    
+    .${prefix}-in-window {
+      position: fixed;
+    }
+      
+    .${prefix}-visible {
+      opacity: 1;
+    }
+
+    .${prefix}-disabled {
+      opacity: 0;
+    }
+
+    .${prefix}__inner {
+      position: relative;
+      width: var(--cursor-w);
+      height: var(--cursor-h);
+      margin-left: calc(var(--cursor-w) / -2);
+      margin-top: calc(var(--cursor-h) / -2);
+
+      background-color: rgba(0, 0, 0, 0.25);
+
+      transition: transform 0.25s;
+    }
+
+    .${prefix}__inner > * {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: scale(0.75) translate(-62.5%, -62.5%);
+      opacity: 0;
+      transition: opacity 0.25s linear, transform 0.25s linear;
+    }
+
+    .${prefix}__inner > *.active {
+      opacity: 1;
+      transform: scale(1) translate(-50%, -50%);
+    }
+  `;
+    return style;
+}
+//# sourceMappingURL=styles.js.map

package/lib/esm/components/Cursor/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Cursor/styles.ts"],"names":[],"mappings":"AAAA,IAAI,KAAK,GAA4B,IAAI,CAAC;AAE1C,MAAM,UAAU,kBAAkB,CAAC,MAAc;IAC/C,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,KAAK,CAAC;IACf,CAAC;IAED,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACxC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAEjC,KAAK,CAAC,SAAS,GAAG;OACb,MAAM,cAAc,MAAM;OAC1B,MAAM,cAAc,MAAM;;;;OAI1B,MAAM;;;;;;;;;;;;;;;;OAgBN,MAAM;;;;OAIN,MAAM;;;;OAIN,MAAM;;;;OAIN,MAAM;;;;;;;;;;;;OAYN,MAAM;;;;;;;;;OASN,MAAM;;;;GAIV,CAAC;IAEF,OAAO,KAAK,CAAC;AACf,CAAC"}

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

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