vevet 4.4.2 → 5.0.1

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

@@ -0,0 +1,441 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Cursor = void 0;
+var Module_1 = require("../../base/Module");
+var Raf_1 = require("../Raf");
+var listeners_1 = require("../../utils/listeners");
+var initVevet_1 = require("../../global/initVevet");
+var math_1 = require("../../utils/math");
+var styles_1 = require("./styles");
+__exportStar(require("./types"), exports);
+/**
+ * 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
+ */
+var Cursor = /** @class */ (function (_super) {
+    __extends(Cursor, _super);
+    function Cursor(props) {
+        var _this = _super.call(this, props) || this;
+        /** Defines if the cursor has been moved after initialization */
+        _this._isFirstMove = true;
+        // Set default variables
+        var _a = _this.props, width = _a.width, height = _a.height, isEnabled = _a.enabled;
+        _this._coords = { x: 0, y: 0, width: width, height: height };
+        _this._targetCoords = { x: 0, y: 0, width: width, height: height };
+        _this._types = [];
+        _this._activeTypes = [];
+        // No need to remove styles on destroy
+        (0, styles_1.createCursorStyles)(_this.prefix);
+        // Setup
+        _this._createElements();
+        _this._setEvents();
+        // enable by default
+        _this._toggle(isEnabled);
+        return _this;
+    }
+    /** Get default static properties */
+    Cursor.prototype._getStatic = function () {
+        return __assign(__assign({}, _super.prototype._getStatic.call(this)), { container: window, hideNative: false });
+    };
+    /** Get default mutable properties */
+    Cursor.prototype._getMutable = function () {
+        return __assign(__assign({}, _super.prototype._getMutable.call(this)), { enabled: true, width: 50, height: 50, lerp: 0.2, autoStop: true });
+    };
+    Object.defineProperty(Cursor.prototype, "prefix", {
+        /**
+         * Classname prefix for styling elements.
+         */
+        get: function () {
+            return "".concat((0, initVevet_1.initVevet)().prefix, "cursor");
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Cursor.prototype, "container", {
+        /** The cursor container */
+        get: function () {
+            return this.props.container;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Cursor.prototype, "domContainer", {
+        /** Returns the DOM parent for the cursor element. */
+        get: function () {
+            if (this.container instanceof Window) {
+                return (0, initVevet_1.initVevet)().body;
+            }
+            return this.container;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Cursor.prototype, "outer", {
+        /**
+         * The outer element of the custom cursor.
+         * This is the visual element that represents the cursor on screen.
+         */
+        get: function () {
+            return this._outer;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Cursor.prototype, "inner", {
+        /**
+         * The inner element of the custom cursor.
+         * This element is nested inside the outer element and can provide additional styling.
+         */
+        get: function () {
+            return this._inner;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Cursor.prototype, "hoveredElement", {
+        /**
+         * The currently hovered element.
+         * Stores information about the element that the cursor is currently interacting with.
+         */
+        get: function () {
+            return this._hoveredElement;
+        },
+        set: function (value) {
+            this._hoveredElement = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Cursor.prototype, "coords", {
+        /**
+         * The current coordinates (x, y, width, height).
+         * These are updated during cursor movement.
+         */
+        get: function () {
+            return this._coords;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Cursor.prototype, "targetCoords", {
+        /** Target coordinates of the cursor (without smooth interpolation). */
+        get: function () {
+            var _a;
+            var _b = this, hoveredElement = _b.hoveredElement, props = _b.props;
+            var _c = this._targetCoords, x = _c.x, y = _c.y;
+            var width = props.width, height = props.height;
+            var padding = 0;
+            if (hoveredElement) {
+                var 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: x, y: y, width: width, height: height };
+        },
+        enumerable: false,
+        configurable: true
+    });
+    /** Creates the custom cursor and appends it to the DOM. */
+    Cursor.prototype._createElements = function () {
+        var _a = this, container = _a.container, domContainer = _a.domContainer;
+        var 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 !== (0, initVevet_1.initVevet)().body) {
+            domContainer.style.position = 'relative';
+        }
+        // Create outer element
+        var 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
+        var 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(function () {
+            domContainer.style.cursor = '';
+            inner.remove();
+            outer.remove();
+        });
+    };
+    /** Sets up the various event listeners for the cursor, such as mouse movements and clicks. */
+    Cursor.prototype._setEvents = function () {
+        var _this = this;
+        var domContainer = this.domContainer;
+        this._raf = new Raf_1.Raf({ enabled: false });
+        this._raf.on('frame', function () { return _this.render(); });
+        var mouseenter = (0, listeners_1.addEventListener)(domContainer, 'mouseenter', this._handleMouseEnter.bind(this));
+        var mouseleave = (0, listeners_1.addEventListener)(domContainer, 'mouseleave', this._handleMouseLeave.bind(this));
+        var mousemove = (0, listeners_1.addEventListener)(domContainer, 'mousemove', this._handleMouseMove.bind(this));
+        var mousedown = (0, listeners_1.addEventListener)(domContainer, 'mousedown', this._handleMouseDown.bind(this));
+        var mouseup = (0, listeners_1.addEventListener)(domContainer, 'mouseup', this._handleMouseUp.bind(this));
+        var blur = (0, listeners_1.addEventListener)(window, 'blur', this._handleWindowBlur.bind(this));
+        this.onDestroy(function () {
+            _this._raf.destroy();
+            mouseenter();
+            mouseleave();
+            mousemove();
+            mousedown();
+            mouseup();
+            blur();
+        });
+    };
+    /** Handles property mutations */
+    Cursor.prototype._handleProps = function () {
+        _super.prototype._handleProps.call(this);
+        this._toggle(this.props.enabled);
+    };
+    /** Enables cursor animation. */
+    Cursor.prototype._toggle = function (enabled) {
+        var className = this._cn('-disabled');
+        this.outer.classList.toggle(className, !enabled);
+        this.inner.classList.toggle(className, !enabled);
+        this._raf.updateProps({ enabled: enabled });
+    };
+    /** Handles mouse enter events. */
+    Cursor.prototype._handleMouseEnter = function (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. */
+    Cursor.prototype._handleMouseLeave = function () {
+        this.outer.classList.remove(this._cn('-visible'));
+    };
+    /** Handles mouse move events. */
+    Cursor.prototype._handleMouseMove = function (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. */
+    Cursor.prototype._handleMouseDown = function (evt) {
+        var className = this._cn('-click');
+        if (evt.which === 1) {
+            this.outer.classList.add(className);
+            this.inner.classList.add(className);
+        }
+    };
+    /** Handles mouse up events. */
+    Cursor.prototype._handleMouseUp = function () {
+        var className = this._cn('-click');
+        this.outer.classList.remove(className);
+        this.inner.classList.remove(className);
+    };
+    /** Handles window blur events. */
+    Cursor.prototype._handleWindowBlur = function () {
+        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
+     */
+    Cursor.prototype.attachElement = function (settings, enterTimeout) {
+        var _this = this;
+        if (enterTimeout === void 0) { enterTimeout = 100; }
+        var final = __assign({ width: null, height: null }, settings);
+        var element = final.element;
+        var timeout;
+        var mouseEnter = (0, listeners_1.addEventListener)(element, 'mouseenter', function () {
+            timeout = setTimeout(function () {
+                _this.hoveredElement = __assign({}, final);
+                if (final.type) {
+                    _this._toggleType(final.type, true);
+                }
+            }, enterTimeout);
+        });
+        var mouseLeave = (0, listeners_1.addEventListener)(element, 'mouseleave', function () {
+            if (timeout) {
+                clearTimeout(timeout);
+            }
+            _this.hoveredElement = undefined;
+            if (final.type) {
+                _this._toggleType(final.type, false);
+            }
+        });
+        var remove = function () {
+            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(function () { return remove(); });
+        return function () { return remove(); };
+    };
+    /**
+     * Registers a cursor type.
+     */
+    Cursor.prototype.attachCursor = function (_a) {
+        var element = _a.element, type = _a.type;
+        this._types.push({ element: element, type: type });
+        this._inner.append(element);
+    };
+    /** Enable or disable a cursor type */
+    Cursor.prototype._toggleType = function (type, isEnabled) {
+        if (isEnabled) {
+            this._activeTypes.push(type);
+        }
+        else {
+            this._activeTypes = this._activeTypes.filter(function (item) { return type !== item; });
+        }
+        var activeType = this._activeTypes.length > 0
+            ? this._activeTypes[this._activeTypes.length - 1]
+            : null;
+        this._types.forEach(function (item) {
+            item.element.classList.toggle('active', item.type === activeType);
+        });
+    };
+    Object.defineProperty(Cursor.prototype, "isInterpolated", {
+        /**
+         * Checks if all coordinates are interpolated.
+         * @returns {boolean} True if all coordinates are interpolated, false otherwise.
+         */
+        get: function () {
+            var _a = this, coords = _a.coords, targetCoords = _a.targetCoords;
+            return (coords.x === targetCoords.x &&
+                coords.y === targetCoords.y &&
+                coords.width === targetCoords.width &&
+                coords.height === targetCoords.height);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    /** Renders the cursor. */
+    Cursor.prototype.render = function () {
+        this._calculate();
+        this._renderElements();
+        if (this.props.autoStop && this.isInterpolated) {
+            this._raf.pause();
+        }
+        // Launch render events
+        this.callbacks.emit('render', undefined);
+    };
+    /** Recalculates current coordinates. */
+    Cursor.prototype._calculate = function () {
+        var _a = this, targetCoords = _a.targetCoords, coords = _a._coords;
+        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.
+     */
+    Cursor.prototype._lerp = function (current, target) {
+        var value = (0, math_1.lerp)(current, target, this._raf.lerpFactor(this.props.lerp), 0.0001);
+        return value;
+    };
+    /** Renders the cursor elements. */
+    Cursor.prototype._renderElements = function () {
+        var _a = this, container = _a.container, domContainer = _a.domContainer, outer = _a.outer;
+        var _b = this.coords, x = _b.x, y = _b.y;
+        var _c = this.coords, width = _c.width, height = _c.height;
+        if (!(container instanceof Window)) {
+            var bounding = domContainer.getBoundingClientRect();
+            x -= bounding.left;
+            y -= bounding.top;
+        }
+        // Update DOM coordinates
+        outer.style.transform = "translate(".concat(x, "px, ").concat(y, "px)");
+        outer.style.setProperty('--cursor-w', "".concat(width, "px"));
+        outer.style.setProperty('--cursor-h', "".concat(height, "px"));
+    };
+    return Cursor;
+}(Module_1.Module));
+exports.Cursor = Cursor;
+//# sourceMappingURL=index.js.map

package/lib/cjs/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/cjs/components/Cursor/styles.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Cursor/styles.ts"],"names":[],"mappings":";;AAEA,gDAsEC;AAxED,IAAI,KAAK,GAA4B,IAAI,CAAC;AAE1C,SAAgB,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,iBACb,MAAM,wBAAc,MAAM,kCAC1B,MAAM,wBAAc,MAAM,mEAI1B,MAAM,6RAgBN,MAAM,uEAIN,MAAM,0DAIN,MAAM,2DAIN,MAAM,qTAYN,MAAM,qPASN,MAAM,yGAIV,CAAC;IAEF,OAAO,KAAK,CAAC;AACf,CAAC"}

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

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