vevet 4.4.2 → 5.0.0

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

@@ -1,207 +0,0 @@
-"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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ScrollBar = void 0;
-var Bar_1 = require("./Bar");
-var Component_1 = require("../../base/Component");
-var onResize_1 = require("../../utils/listeners/onResize");
-var getApp_1 = require("../../utils/internal/getApp");
-var selectOne_1 = require("../../utils/dom/selectOne");
-/**
- * A custom scroll bar component that can be added to custom or native scroll containers.
- * It supports both horizontal and vertical scroll bars, auto-hide functionality,
- * and drag-to-scroll.
- *
- * @requires Requires styles: `@import '~vevet/lib/styles/components/ScrollBar';`
- *
- * @link See examples https://antonbobrov.github.io/vevet-demo/scrollbar/
- *
- * @link See docs https://antonbobrov.github.io/vevet/classes/ScrollBar.html
- */
-var ScrollBar = /** @class */ (function (_super) {
-    __extends(ScrollBar, _super);
-    function ScrollBar(initialProps, canInit) {
-        if (canInit === void 0) { canInit = true; }
-        var _this = _super.call(this, initialProps, false) || this;
-        var container = _this.props.container;
-        // get container
-        if (typeof container === 'string') {
-            var element = (0, selectOne_1.selectOne)(container);
-            if (element) {
-                _this._container = element;
-            }
-            else {
-                throw new Error('No scroll container found');
-            }
-        }
-        else {
-            _this._container = container;
-        }
-        // create bars
-        var barProps = __assign(__assign({}, _this.props), { container: _this.container, domParent: _this.domParent, prefix: _this.prefix });
-        _this._xBar = new Bar_1.Bar(__assign(__assign({}, barProps), { direction: 'x' }));
-        _this._yBar = new Bar_1.Bar(__assign(__assign({}, barProps), { direction: 'y' }));
-        // add classnames
-        if (_this.container instanceof Window) {
-            _this.toggleClassName((0, getApp_1.getApp)().html, _this.className('-parent'), true);
-            _this.toggleClassName((0, getApp_1.getApp)().body, _this.className('-parent'), true);
-        }
-        else if (_this.container instanceof Element) {
-            _this.toggleClassName(_this.container, _this.className('-parent'), true);
-        }
-        else {
-            _this.toggleClassName(_this.container.container, _this.className('-parent'), true);
-        }
-        // initialize the class
-        if (canInit) {
-            _this.init();
-        }
-        return _this;
-    }
-    ScrollBar.prototype._getDefaultProps = function () {
-        return __assign(__assign({}, _super.prototype._getDefaultProps.call(this)), { container: window, domParent: false, resizeDebounce: 16, isDraggable: true, shouldAutoSize: true, canAutoHide: true, minSize: 50, scrollBehavior: 'smooth' });
-    };
-    Object.defineProperty(ScrollBar.prototype, "prefix", {
-        get: function () {
-            return "".concat((0, getApp_1.getApp)().prefix, "scrollbar");
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(ScrollBar.prototype, "container", {
-        /**
-         * The container element or window where the scroll is applied.
-         */
-        get: function () {
-            return this._container;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(ScrollBar.prototype, "domParent", {
-        /**
-         * Returns the DOM element where the scroll bars will be appended.
-         */
-        get: function () {
-            var domParent = this.props.domParent;
-            if (domParent) {
-                return domParent;
-            }
-            var container = this.container;
-            if (container instanceof Window) {
-                return (0, getApp_1.getApp)().body;
-            }
-            if (container instanceof Element) {
-                return container;
-            }
-            return container.container;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(ScrollBar.prototype, "xBar", {
-        /**
-         * Returns the horizontal scroll bar instance.
-         * @ignore
-         */
-        get: function () {
-            return this._xBar;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(ScrollBar.prototype, "yBar", {
-        /**
-         * Returns the vertical scroll bar instance.
-         * @ignore
-         */
-        get: function () {
-            return this._yBar;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    /**
-     * Initializes the ScrollBar component.
-     */
-    ScrollBar.prototype._init = function () {
-        _super.prototype._init.call(this);
-        this._setEvents();
-    };
-    /**
-     * Sets event listeners for the component.
-     */
-    ScrollBar.prototype._setEvents = function () {
-        var _this = this;
-        var _a = this, container = _a.container, props = _a.props;
-        // default resize handler
-        var resizeHandler = (0, onResize_1.onResize)({
-            onResize: function () { return _this.resize(); },
-            element: [this.xBar.outer, this.yBar.outer],
-            viewportTarget: 'any',
-            hasBothEvents: true,
-            resizeDebounce: props.resizeDebounce,
-        });
-        // resize for custom scroll
-        var scrollResize = 'isCustomScroll' in container
-            ? container.addCallback('resize', function () { return resizeHandler.debounceResize(); }, { name: this.name })
-            : undefined;
-        this.addDestroyableAction(function () {
-            resizeHandler.remove();
-            scrollResize === null || scrollResize === void 0 ? void 0 : scrollResize.remove();
-        });
-        // initial resize
-        resizeHandler.resize();
-    };
-    /**
-     * Handles the mutation of the properties and updates the component accordingly.
-     */
-    ScrollBar.prototype._onPropsMutate = function () {
-        _super.prototype._onPropsMutate.call(this);
-        this.resize();
-    };
-    /**
-     * Resizes the scene and updates the scroll bars.
-     */
-    ScrollBar.prototype.resize = function () {
-        this.xBar.resize();
-        this.yBar.resize();
-    };
-    /**
-     * Destroys the scroll bar component and cleans up.
-     */
-    ScrollBar.prototype._destroy = function () {
-        _super.prototype._destroy.call(this);
-        // destroy bars
-        this._xBar.destroy();
-        this._yBar.destroy();
-    };
-    return ScrollBar;
-}(Component_1.Component));
-exports.ScrollBar = ScrollBar;
-//# sourceMappingURL=index.js.map

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

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

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

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

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

@@ -1,312 +0,0 @@
-"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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ScrollView = void 0;
-var Component_1 = require("../../base/Component");
-var listeners_1 = require("../../utils/listeners");
-var math_1 = require("../../utils/math");
-var common_1 = require("../../utils/common");
-var getApp_1 = require("../../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
- */
-var ScrollView = /** @class */ (function (_super) {
-    __extends(ScrollView, _super);
-    function ScrollView(initialProps, canInit) {
-        if (canInit === void 0) { canInit = true; }
-        var _this = _super.call(this, initialProps, false) || this;
-        _this._isFirstStart = true;
-        _this._elements = [];
-        _this._isIntersectionObserverSupported = (0, listeners_1.isIntersectionObserverSupported)();
-        // initialize the class if requested
-        if (canInit) {
-            _this.init();
-        }
-        return _this;
-    }
-    ScrollView.prototype._getDefaultProps = function () {
-        return __assign(__assign({}, _super.prototype._getDefaultProps.call(this)), { intersectionRoot: null, isEnabled: true, rootMargin: 0.05, states: 'in', classToToggle: 'viewed', hasDelay: true, maxDelay: 1000, direction: 'vertical', viewportTarget: 'any', resizeDebounce: 0 });
-    };
-    Object.defineProperty(ScrollView.prototype, "isFirstStart", {
-        /**
-         * Returns whether this is the first start of observing elements.
-         */
-        get: function () {
-            return this._isFirstStart;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(ScrollView.prototype, "elements", {
-        /**
-         * Returns the elements being observed by the `ScrollView`.
-         */
-        get: function () {
-            return this._elements;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    ScrollView.prototype._init = function () {
-        _super.prototype._init.call(this);
-        this._setEvents();
-    };
-    ScrollView.prototype._onPropsMutate = function () {
-        _super.prototype._onPropsMutate.call(this);
-        this.resize();
-    };
-    /**
-     * Sets up the events needed for viewport resizing and element observation.
-     */
-    ScrollView.prototype._setEvents = function () {
-        var _this = this;
-        var _a = this.props, viewportTarget = _a.viewportTarget, resizeDebounce = _a.resizeDebounce;
-        this.resize();
-        // Set up a viewport callback to trigger the resize method
-        this.addViewportCallback(viewportTarget, function () { return _this.resize(); }, {
-            timeout: resizeDebounce,
-        });
-    };
-    /**
-     * Triggers a resize event to update the `ScrollView` tracking of elements.
-     */
-    ScrollView.prototype.resize = function () {
-        this._removeViewEvents();
-        if (this.props.isEnabled) {
-            this._setViewEvents();
-        }
-    };
-    Object.defineProperty(ScrollView.prototype, "rootBounding", {
-        /**
-         * Returns the bounding rectangle for the root element or the viewport.
-         */
-        get: function () {
-            var props = this.props;
-            if (props.intersectionRoot) {
-                var bounding = props.intersectionRoot.getBoundingClientRect();
-                return {
-                    top: bounding.top,
-                    left: bounding.left,
-                    width: bounding.width,
-                    height: bounding.height,
-                };
-            }
-            var viewport = (0, getApp_1.getApp)().viewport;
-            return {
-                top: 0,
-                left: 0,
-                width: viewport.width,
-                height: viewport.height,
-            };
-        },
-        enumerable: false,
-        configurable: true
-    });
-    /**
-     * Sets up the `IntersectionObserver` to detect when elements come into view.
-     */
-    ScrollView.prototype._setViewEvents = function () {
-        var _this = this;
-        if (!this._isIntersectionObserverSupported) {
-            return;
-        }
-        var _a = this, rootBounding = _a.rootBounding, isFirstStart = _a.isFirstStart, props = _a.props;
-        // Calculate margins for intersection detection
-        var xMargin = isFirstStart
-            ? 0
-            : rootBounding.width * props.rootMargin * -1;
-        var yMargin = isFirstStart
-            ? 0
-            : rootBounding.height * props.rootMargin * -1;
-        this._intersectionObserverIn = new IntersectionObserver(function (data) { return _this._handleIntersectionIn(data); }, {
-            root: props.intersectionRoot,
-            threshold: 0,
-            rootMargin: "0px ".concat(xMargin, "px ").concat(yMargin, "px 0px"),
-        });
-        this.elements.forEach(function (element) { var _a; return (_a = _this._intersectionObserverIn) === null || _a === void 0 ? void 0 : _a.observe(element); });
-        if (props.states === 'inout') {
-            this._intersectionObserverOut = new IntersectionObserver(function (data) { return _this._handleIntersectionOut(data); }, {
-                root: props.intersectionRoot,
-                threshold: 0,
-                rootMargin: '0px 0px 0px 0px',
-            });
-            this.elements.forEach(function (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`.
-     */
-    ScrollView.prototype._removeViewEvents = function () {
-        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.
-     */
-    ScrollView.prototype._handleIntersectionIn = function (data) {
-        var _this = this;
-        data.forEach(function (entry) {
-            if (!entry.isIntersecting) {
-                return;
-            }
-            var element = entry.target;
-            var 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 */
-    ScrollView.prototype._getElementDelay = function (element) {
-        var _a = this, isFirstStart = _a.isFirstStart, props = _a.props;
-        var rootBounding = isFirstStart ? this.rootBounding : false;
-        if (!isFirstStart || !rootBounding || !props.hasDelay) {
-            return 0;
-        }
-        var bounding = element.getBoundingClientRect();
-        var progress = (0, math_1.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.
-     */
-    ScrollView.prototype._handleIntersectionOut = function (data) {
-        var _this = this;
-        data.forEach(function (entry) {
-            if (entry.isIntersecting) {
-                return;
-            }
-            var element = entry.target;
-            _this._handleInOut(element, false);
-        });
-    };
-    /**
-     * Toggles classes and triggers callbacks when elements enter or leave the viewport.
-     */
-    ScrollView.prototype._handleInOut = function (elementProp, isInViewport, delay) {
-        var _this = this;
-        if (delay === void 0) { delay = 0; }
-        var classToToggle = this.props.classToToggle;
-        var 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) {
-            (0, common_1.normalizedTimeoutCallback)(function () {
-                element.classList.toggle(classToToggle, isInViewport);
-            }, delay);
-        }
-        // Trigger appropriate callback
-        if (isInViewport) {
-            (0, common_1.normalizedTimeoutCallback)(function () {
-                _this.callbacks.tbt('in', { element: element });
-            }, delay);
-        }
-        else {
-            (0, common_1.normalizedTimeoutCallback)(function () {
-                _this.callbacks.tbt('out', { element: element });
-            }, delay);
-        }
-    };
-    /**
-     * Adds an element to the observer list and starts tracking its visibility in the viewport.
-     */
-    ScrollView.prototype.addElement = function (elementProp) {
-        var _this = this;
-        var _a, _b;
-        var 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: function () { return _this.removeElement(element); },
-        };
-    };
-    /**
-     * Stops observing an element and removes it from the observer list.
-     *
-     * @param {Element} elementProp - The element to stop observing.
-     */
-    ScrollView.prototype.removeElement = function (elementProp) {
-        var _a, _b;
-        var 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(function (el) { return el !== element; });
-    };
-    /**
-     * Stops observing all elements and clears the observer list.
-     */
-    ScrollView.prototype.removeElements = function () {
-        var _this = this;
-        this._elements.forEach(function (element) { return _this.removeElement(element); });
-        this._elements = [];
-    };
-    /**
-     * Destroys the `ScrollView` and disconnects all observers and listeners.
-     */
-    ScrollView.prototype._destroy = function () {
-        _super.prototype._destroy.call(this);
-        this._removeViewEvents();
-    };
-    return ScrollView;
-}(Component_1.Component));
-exports.ScrollView = ScrollView;
-//# sourceMappingURL=index.js.map

package/lib/cjs/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/cjs/components/ScrollView/types.js.map

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