vevet 4.4.1 → 5.0.0

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

@@ -0,0 +1,324 @@
+"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.Pointers = void 0;
+var base_1 = require("../../base");
+var utils_1 = require("../../utils");
+var initVevet_1 = require("../../global/initVevet");
+var styles_1 = require("./styles");
+__exportStar(require("./types"), exports);
+/**
+ * Manages pointer events, including tracking multiple pointers,
+ * and emitting callbacks for pointer interactions.
+ *
+ * For proper functionality, ensure the container has an appropriate
+ * [touch-action](https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action) property.
+ *
+ * [Documentation](https://antonbobrov.github.io/vevet/docs/components/Pointers)
+ *
+ * @group Components
+ */
+var Pointers = /** @class */ (function (_super) {
+    __extends(Pointers, _super);
+    function Pointers(props) {
+        var _this = _super.call(this, props) || this;
+        /**
+         * Stores active event listeners for runtime interactions.
+         */
+        _this._listeners = [];
+        /** Indicates whether the `start` event has been triggered. */
+        _this._isStarted = false;
+        // Defaults
+        _this._pointersMap = new Map();
+        // Setup base events
+        _this._setBaseEvents();
+        return _this;
+    }
+    /**
+     * Returns the default static properties.
+     */
+    Pointers.prototype._getStatic = function () {
+        return __assign(__assign({}, _super.prototype._getStatic.call(this)), { buttons: [0], relative: false, minPointers: 1, maxPointers: 5, disableUserSelect: true });
+    };
+    /**
+     * Returns the default mutable properties.
+     */
+    Pointers.prototype._getMutable = function () {
+        return __assign(__assign({}, _super.prototype._getMutable.call(this)), { enabled: true });
+    };
+    Object.defineProperty(Pointers.prototype, "isStarted", {
+        /** Indicates whether the `start` event has been triggered. */
+        get: function () {
+            return this._isStarted;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Pointers.prototype, "pointersMap", {
+        /** Returns the map of active pointers. */
+        get: function () {
+            return this._pointersMap;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Pointers.prototype, "container", {
+        /** Returns the container element handling events. */
+        get: function () {
+            return this.props.container;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Pointers.prototype, "minPointers", {
+        /** Returns the minimum number of pointers required to trigger events. */
+        get: function () {
+            return (0, utils_1.clamp)(this.props.minPointers, 1, Infinity);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Pointers.prototype, "maxPointers", {
+        /** Returns the maximum number of pointers that can be tracked. */
+        get: function () {
+            return (0, utils_1.clamp)(this.props.maxPointers, this.props.minPointers, Infinity);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    /**
+     * Attaches base event listeners to the container.
+     */
+    Pointers.prototype._setBaseEvents = function () {
+        var _this = this;
+        var container = this.container;
+        var pointerdown = (0, utils_1.addEventListener)(container, 'pointerdown', function (event) {
+            return _this._handlePointerDown(event);
+        });
+        var dragstart = (0, utils_1.addEventListener)(container, 'dragstart', function (event) { return event.preventDefault(); }, { passive: false });
+        var centralMouseDown = (0, utils_1.addEventListener)(container, 'mousedown', function (event) {
+            if (_this.props.buttons.includes(1)) {
+                event.preventDefault();
+            }
+        }, { passive: false });
+        var contextmenu = (0, utils_1.addEventListener)(container, 'contextmenu', function (event) {
+            if (_this.props.buttons.includes(2)) {
+                event.preventDefault();
+            }
+        }, { passive: false });
+        this.onDestroy(function () {
+            pointerdown();
+            dragstart();
+            centralMouseDown();
+            contextmenu();
+        });
+    };
+    /**
+     * Attaches runtime event listeners for active pointer interactions.
+     */
+    Pointers.prototype._setRuntimeEvents = function () {
+        var _this = this;
+        var listeners = this._listeners;
+        if (listeners.length > 0) {
+            return;
+        }
+        var pointermove = (0, utils_1.addEventListener)(window, 'pointermove', function (event) { return _this._handlePointerMove(event); }, { passive: false });
+        var pointerup = (0, utils_1.addEventListener)(window, 'pointerup', function (event) { return _this._handlePointerUp(event); }, { passive: false });
+        var pointercancel = (0, utils_1.addEventListener)(window, 'pointercancel', function () { return _this._handleCancel(); }, { passive: false });
+        var blur = (0, utils_1.addEventListener)(window, 'blur', function () { return _this._handleCancel(); });
+        this._listeners = [pointermove, pointerup, pointercancel, blur];
+    };
+    /**
+     * Handles pointer down events (`pointerdown`).
+     * Adds a new pointer if conditions are met and triggers the `pointerdown` callback.
+     */
+    Pointers.prototype._handlePointerDown = function (event) {
+        var props = this.props;
+        var _a = this._decodeCoords(event), x = _a.x, y = _a.y;
+        if (!props.enabled) {
+            return;
+        }
+        // check if button type is allowed
+        if (!props.buttons.includes(event.button)) {
+            return;
+        }
+        // Check if pointer already exists or no more pointers allowed
+        var hasPointer = this.pointersMap.get(event.pointerId);
+        if (hasPointer || this.pointersMap.size >= this.maxPointers) {
+            return;
+        }
+        // Add new pointer
+        var pointer = {
+            id: event.pointerId,
+            index: this.pointersMap.size,
+            start: { x: x, y: y },
+            prev: { x: x, y: y },
+            current: { x: x, y: y },
+            diff: { x: 0, y: 0 },
+            step: { x: 0, y: 0 },
+            accum: { x: 0, y: 0 },
+        };
+        this.pointersMap.set(event.pointerId, pointer);
+        // update indices
+        var index = 0;
+        this.pointersMap.forEach(function (currentPointer) {
+            // eslint-disable-next-line no-param-reassign
+            currentPointer.index = index;
+            index += 1;
+        });
+        // Start callback
+        if (this.pointersMap.size === this.minPointers) {
+            this._isStarted = true;
+            this.callbacks.emit('start', undefined);
+        }
+        // Add runtime events
+        this._setRuntimeEvents();
+        // Apply styles to prevent user-select
+        if (props.disableUserSelect) {
+            (0, initVevet_1.initVevet)().body.append(styles_1.styles);
+        }
+        // Trigger start callback
+        this.callbacks.emit('pointerdown', { event: event, pointer: pointer });
+    };
+    /**
+     * Handles pointer movement (`pointermove`).
+     * Updates pointer positions and triggers the `pointermove` callback.
+     */
+    Pointers.prototype._handlePointerMove = function (event) {
+        var pointer = this.pointersMap.get(event.pointerId);
+        if (!pointer) {
+            return;
+        }
+        var _a = this._decodeCoords(event), x = _a.x, y = _a.y;
+        // Update previous and current coordinates
+        pointer.prev = __assign({}, pointer.current);
+        pointer.current = { x: x, y: y };
+        // Update step
+        pointer.step.x = pointer.current.x - pointer.prev.x;
+        pointer.step.y = pointer.current.y - pointer.prev.y;
+        // Update total movement
+        pointer.accum.x += Math.abs(pointer.step.x);
+        pointer.accum.y += Math.abs(pointer.step.y);
+        // Trigger 'move' callback with relevant data
+        this.callbacks.emit('pointermove', { event: event, pointer: pointer });
+    };
+    /**
+     * Handles pointer release (`pointerup`).
+     * Removes the pointer and triggers the `pointerup` callback.
+     * If no active pointers remain, fires the `end` callback.
+     */
+    Pointers.prototype._handlePointerUp = function (event) {
+        // check if pointer exists
+        var pointer = this.pointersMap.get(event.pointerId);
+        if (!pointer) {
+            return;
+        }
+        // Trigger callbacks
+        this.callbacks.emit('pointerup', { pointer: pointer });
+        // delete pointer
+        this.pointersMap.delete(event.pointerId);
+        // end if no pointers left
+        if (this.pointersMap.size < this.minPointers && this._isStarted) {
+            this._isStarted = false;
+            this.callbacks.emit('end', undefined);
+        }
+        // cancel
+        if (this.pointersMap.size === 0) {
+            this._cleanup();
+        }
+    };
+    /**
+     * Handles event cancellations (`pointercancel`, `blur`).
+     * Triggers the `end` callback and cleans up all pointers.
+     */
+    Pointers.prototype._handleCancel = function () {
+        var _this = this;
+        this.callbacks.emit('end', undefined);
+        // Trigger callbacks for all pointers
+        this.pointersMap.forEach(function (pointer) {
+            _this.callbacks.emit('pointerup', { pointer: pointer });
+        });
+        this._cleanup();
+    };
+    /**
+     * Prevents text selection during pointer interactions.
+     */
+    Pointers.prototype._resetSelection = function () {
+        var _a, _b;
+        (_a = window.getSelection()) === null || _a === void 0 ? void 0 : _a.empty();
+        (_b = window.getSelection()) === null || _b === void 0 ? void 0 : _b.removeAllRanges();
+    };
+    /**
+     * Returns pointer coordinates relative to the container.
+     */
+    Pointers.prototype._decodeCoords = function (event) {
+        var _a = this, container = _a.container, props = _a.props;
+        if (!props.relative) {
+            return { x: event.clientX, y: event.clientY };
+        }
+        var bounding = container.getBoundingClientRect();
+        var x = event.clientX - bounding.left;
+        var y = event.clientY - bounding.top;
+        return { x: x, y: y };
+    };
+    /**
+     * Cleans up event listeners, pointers, and injected styles.
+     */
+    Pointers.prototype._cleanup = function () {
+        this._listeners.forEach(function (listener) { return listener(); });
+        this._listeners = [];
+        this._isStarted = false;
+        this.pointersMap.clear();
+        this._resetSelection();
+        styles_1.styles === null || styles_1.styles === void 0 ? void 0 : styles_1.styles.remove();
+    };
+    /**
+     * Destroys the component and removes all event listeners.
+     */
+    Pointers.prototype._destroy = function () {
+        this._cleanup();
+        _super.prototype._destroy.call(this);
+    };
+    return Pointers;
+}(base_1.Module));
+exports.Pointers = Pointers;
+//# sourceMappingURL=index.js.map

package/lib/cjs/components/Pointers/index.js.map

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

package/lib/cjs/components/Pointers/styles.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styles = void 0;
+exports.styles = typeof window !== 'undefined' ? document.createElement('style') : null;
+if (exports.styles) {
+    exports.styles.innerHTML = '* { user-select: none !important; }';
+}
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Pointers/styles.ts"],"names":[],"mappings":";;;AAAa,QAAA,MAAM,GACjB,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AAEzE,IAAI,cAAM,EAAE,CAAC;IACX,cAAM,CAAC,SAAS,GAAG,qCAAqC,CAAC;AAC3D,CAAC"}

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

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

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

@@ -25,67 +25,67 @@ var __assign = (this && this.__assign) || function () {
     };
     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.Preloader = void 0;
-var PCancelable_1 = require("../../utils/common/PCancelable");
-var Component_1 = require("../../base/Component");
-var common_1 = require("../../utils/common");
-var getApp_1 = require("../../utils/internal/getApp");
-var selectOne_1 = require("../../utils/dom/selectOne");
+var Module_1 = require("../../base/Module");
+var Timeline_1 = require("../Timeline");
+var initVevet_1 = require("../../global/initVevet");
+var easing_1 = require("../../utils/math/easing");
+__exportStar(require("./types"), exports);
 /**
- * Page preloader component, which manages the visibility of a preloader during page loading.
- * It can hide the preloader after the page is fully loaded and trigger related events.
- *
- * @requires Requires styles: `@import '~vevet/lib/styles/components/Preloader';`
+ * Page preloader component that manages the visibility and lifecycle of a loading screen.
+ * The module does not provide styling for the container.
  *
- * @link See examples https://antonbobrov.github.io/vevet-demo/preloader/
+ * [Documentation](https://antonbobrov.github.io/vevet/docs/components/Preloader)
  *
- * @link See docs https://antonbobrov.github.io/vevet/classes/Preloader.html
+ * @group Components
  */
 var Preloader = /** @class */ (function (_super) {
     __extends(Preloader, _super);
-    function Preloader(initialProps, canInit) {
-        if (canInit === void 0) { canInit = true; }
-        var _this = _super.call(this, initialProps, false) || this;
-        // Get the preloader container
-        if (_this.props.container) {
-            var container = (0, selectOne_1.selectOne)(_this.props.container);
-            if (container instanceof HTMLElement) {
-                _this._container = container;
-                _this.toggleClassName(container, _this.className(''), true);
-            }
-        }
-        // Set default values
-        _this._isToBeHidden = false;
+    function Preloader(props) {
+        var _this = _super.call(this, props) || this;
+        /** Indicates if the preloader is in the process of being hidden. */
+        _this._shouldHide = false;
+        /** Indicates if the preloader has already been hidden. */
         _this._isHidden = false;
-        if (canInit) {
-            _this.init();
-        }
+        /** Indicates if the page is fully loaded. */
+        _this._isLoaded = false;
+        // Handle page load event
+        var timeout = setTimeout(function () {
+            _this._onLoaded(function () { return _this._handleLoaded(); });
+        }, 0);
+        _this.onDestroy(function () { return clearTimeout(timeout); });
         return _this;
     }
-    Preloader.prototype._getDefaultProps = function () {
-        return __assign(__assign({}, _super.prototype._getDefaultProps.call(this)), { container: "#".concat(this.prefix), hideAnimation: 250 });
+    /**
+     * Retrieves the default static properties.
+     */
+    Preloader.prototype._getStatic = function () {
+        return __assign(__assign({}, _super.prototype._getStatic.call(this)), { hide: 250 });
+    };
+    /**
+     * Retrieves the default mutable properties.
+     */
+    Preloader.prototype._getMutable = function () {
+        return __assign({}, _super.prototype._getMutable.call(this));
     };
-    Object.defineProperty(Preloader.prototype, "prefix", {
-        get: function () {
-            return "".concat((0, getApp_1.getApp)().prefix, "preloader");
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(Preloader.prototype, "container", {
-        /**
-         * Returns the preloader container element.
-         */
-        get: function () {
-            return this._container;
-        },
-        enumerable: false,
-        configurable: true
-    });
     Object.defineProperty(Preloader.prototype, "isHidden", {
         /**
-         * Returns whether the preloader is hidden.
+         * Returns whether the preloader is currently hidden.
          */
         get: function () {
             return this._isHidden;
@@ -93,109 +93,104 @@ var Preloader = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    /**
-     * Initializes the preloader and sets event listeners.
-     */
-    Preloader.prototype._init = function () {
-        _super.prototype._init.call(this);
-        this._setEvents();
-    };
-    /**
-     * Sets up the preloader's event handling for when the page is fully loaded.
-     */
-    Preloader.prototype._setEvents = function () {
-        var _this = this;
-        var loadEvent = this._onLoaded();
-        loadEvent
-            .then(function () {
-            if (_this.isDestroyed) {
-                return;
-            }
-            _this._handleLoaded();
-        })
-            .catch(function () { });
-        this.addDestroyableAction(function () { return loadEvent.cancel(); });
-    };
     /**
      * Handles the page load event, triggering when the page is fully loaded.
      */
-    Preloader.prototype._onLoaded = function () {
-        return (0, getApp_1.getApp)().onPageLoad();
+    Preloader.prototype._onLoaded = function (callback) {
+        (0, initVevet_1.initVevet)().onLoad(callback);
     };
     /**
      * Handles the logic that occurs after the page is fully loaded.
      */
     Preloader.prototype._handleLoaded = function () {
-        this.callbacks.tbt('loaded', undefined);
-        if (typeof this.props.hideAnimation !== 'boolean') {
-            this.hide();
+        if (this.isDestroyed) {
+            return;
+        }
+        this._isLoaded = true;
+        this.callbacks.emit('loaded', undefined);
+        if (typeof this.props.hide === 'number') {
+            this.hide(this.props.hide);
         }
     };
     /**
-     * Hides the preloader with an optional animation duration.
+     * Hides the preloader with a custom animation duration.
+     *
+     * @param duration - The duration of the hide animation (in milliseconds). Applies only when the container is used.
+     * @param callback - The callback to execute when the hide animation is complete.
      *
-     * @param duration - The duration of the hide animation (in milliseconds).
+     * @returns Returns an action destructor.
      */
-    Preloader.prototype.hide = function (duration) {
+    Preloader.prototype.hide = function (duration, callback) {
         var _this = this;
-        if (duration === void 0) { duration = typeof this.props.hideAnimation !== 'boolean'
-            ? this.props.hideAnimation
-            : 250; }
-        this._isToBeHidden = true;
-        this.callbacks.tbt('hide', undefined);
-        return new PCancelable_1.PCancelable(function (resolve) {
-            var container = _this._container;
-            if (!container) {
-                _this._handleHidden();
-                resolve();
-                return;
+        if (!this._isLoaded || this._shouldHide) {
+            return undefined;
+        }
+        var isDestroyed = false;
+        this._shouldHide = true;
+        this.callbacks.emit('hide', undefined);
+        this._hideContainer(function () {
+            _this._onHidden();
+            if (!isDestroyed) {
+                callback === null || callback === void 0 ? void 0 : callback();
             }
-            // Apply hide animation
-            container.style.transition = "opacity ".concat(duration, "ms, visibility ").concat(duration, "ms");
-            container.style.opacity = '0';
-            container.style.visibility = 'hidden';
-            var timeout = (0, common_1.normalizedTimeoutCallback)(function () {
-                container.style.display = 'none';
-                _this._handleHidden();
-                resolve();
-            }, duration);
-            _this.addDestroyableAction(function () { return timeout.clear(); });
+        }, duration);
+        return function () {
+            isDestroyed = true;
+        };
+    };
+    /**
+     * Executes the hiding animation for the preloader container.
+     */
+    Preloader.prototype._hideContainer = function (onHidden, duration) {
+        var container = this.props.container;
+        if (!container) {
+            onHidden();
+            return;
+        }
+        var tm = new Timeline_1.Timeline({ duration: duration, easing: easing_1.EaseInOutSine });
+        this.onDestroy(function () { return tm.destroy(); });
+        tm.on('update', function (_a) {
+            var progress = _a.progress;
+            container.style.opacity = String(1 - progress);
+            container.style.display = progress === 1 ? 'none' : 'flex';
         });
+        tm.on('end', function () { return onHidden(); });
+        tm.play();
     };
     /**
      * Handles actions when the preloader is fully hidden.
      */
-    Preloader.prototype._handleHidden = function () {
+    Preloader.prototype._onHidden = function () {
         this._isHidden = true;
-        this.callbacks.tbt('hidden', undefined);
+        this.callbacks.emit('hidden', undefined);
     };
     /**
      * Registers a callback for when the preloader starts hiding.
      *
      * @param action - The callback function to execute.
-     * @returns A cancelable action or undefined if already in hiding process.
+     * @returns A destructor.
      */
     Preloader.prototype.onHide = function (action) {
-        if (this._isToBeHidden) {
+        if (this._shouldHide) {
             action();
-            return undefined;
+            return function () { };
         }
-        return this.addCallback('hide', (function () { return action(); }));
+        return this.on('hide', (function () { return action(); }));
     };
     /**
      * Registers a callback for when the preloader is fully hidden.
      *
      * @param action - The callback function to execute.
-     * @returns A cancelable action or undefined if already hidden.
+     * @returns A destructor.
      */
     Preloader.prototype.onHidden = function (action) {
         if (this._isHidden) {
             action();
-            return undefined;
+            return function () { };
         }
-        return this.addCallback('hidden', (function () { return action(); }));
+        return this.on('hidden', (function () { return action(); }));
     };
     return Preloader;
-}(Component_1.Component));
+}(Module_1.Module));
 exports.Preloader = Preloader;
 //# sourceMappingURL=index.js.map