vevet 3.20.0 → 4.0.0-beta.1

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

@@ -1,22 +1,33 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Bar = void 0;
 var vevet_dom_1 = require("vevet-dom");
 var DraggerMove_1 = require("../../DraggerMove");
 var onScroll_1 = require("../../../utils/scroll/onScroll");
 var math_1 = require("../../../utils/math");
 var scroll_1 = require("../../../utils/scroll");
+/**
+ * Represents a custom scroll bar with a draggable thumb.
+ */
 var Bar = /** @class */ (function () {
     function Bar(_props) {
         this._props = _props;
-        var direction = _props.direction, domParent = _props.domParent, container = _props.container, canAutoHide = _props.canAutoHide;
-        // set default vars
+        /** The outer height of the scroll bar container */
         this._outerHeight = 0;
+        /** The outer width of the scroll bar container */
         this._outerWidth = 0;
+        /** The thumb's height */
         this._thumbHeight = 0;
+        /** The thumb's width */
         this._thumbWidth = 0;
+        /** Stores the previous scroll value for comparison */
         this._prevScrollValue = 0;
+        /** Stores the coordinates of the scroll element at the start of dragging */
         this._coordsAtDragStart = { scrollLeft: 0, scrollTop: 0 };
-        // create container
+        /** Stores the list of event listeners */
+        this._listeners = [];
+        var direction = _props.direction, domParent = _props.domParent, container = _props.container, canAutoHide = _props.canAutoHide;
+        // Create the outer scroll bar container
         var outer = document.createElement('div');
         this._outer = outer;
         outer.classList.add(this.className(''));
@@ -26,16 +37,19 @@ var Bar = /** @class */ (function () {
         }
         outer.classList.toggle(this.className('_auto-hide'), canAutoHide);
         domParent.append(outer);
-        // create a thumb
+        // Create the thumb for the scroll bar
         var thumb = document.createElement('div');
         this._thumb = thumb;
         thumb.classList.add(this.className('__thumb'));
         thumb.classList.add(this.className("__thumb_".concat(direction)));
         outer.append(thumb);
-        // set events
+        // Set events for the scroll bar
         this._setEvents();
     }
     Object.defineProperty(Bar.prototype, "outer", {
+        /**
+         * Gets the outer container of the scroll bar.
+         */
         get: function () {
             return this._outer;
         },
@@ -43,20 +57,19 @@ var Bar = /** @class */ (function () {
         configurable: true
     });
     Object.defineProperty(Bar.prototype, "thumb", {
+        /**
+         * Gets the thumb element of the scroll bar.
+         */
         get: function () {
             return this._thumb;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(Bar.prototype, "prefix", {
-        get: function () {
-            return this.props.prefix;
-        },
-        enumerable: false,
-        configurable: true
-    });
     Object.defineProperty(Bar.prototype, "isHorizontal", {
+        /**
+         * Determines if the scroll bar is horizontal.
+         */
         get: function () {
             return this.props.direction === 'x';
         },
@@ -64,6 +77,9 @@ var Bar = /** @class */ (function () {
         configurable: true
     });
     Object.defineProperty(Bar.prototype, "isVertical", {
+        /**
+         * Determines if the scroll bar is vertical.
+         */
         get: function () {
             return !this.isHorizontal;
         },
@@ -71,6 +87,9 @@ var Bar = /** @class */ (function () {
         configurable: true
     });
     Object.defineProperty(Bar.prototype, "scrollElement", {
+        /**
+         * Gets the scrollable element.
+         */
         get: function () {
             return this.props.container instanceof Window
                 ? document.documentElement
@@ -80,6 +99,9 @@ var Bar = /** @class */ (function () {
         configurable: true
     });
     Object.defineProperty(Bar.prototype, "scrollLine", {
+        /**
+         * Gets the total scrollable distance (scroll line) for the scroll bar.
+         */
         get: function () {
             var scrollElement = this.scrollElement;
             return this.isHorizontal
@@ -90,6 +112,9 @@ var Bar = /** @class */ (function () {
         configurable: true
     });
     Object.defineProperty(Bar.prototype, "scrollWidth", {
+        /**
+         * Gets the total width of the scrollable element.
+         */
         get: function () {
             return this.scrollElement.scrollWidth;
         },
@@ -97,6 +122,9 @@ var Bar = /** @class */ (function () {
         configurable: true
     });
     Object.defineProperty(Bar.prototype, "scrollHeight", {
+        /**
+         * Gets the total height of the scrollable element.
+         */
         get: function () {
             return this.scrollElement.scrollHeight;
         },
@@ -104,28 +132,37 @@ var Bar = /** @class */ (function () {
         configurable: true
     });
     Object.defineProperty(Bar.prototype, "props", {
+        /**
+         * Gets the scroll bar properties.
+         */
         get: function () {
             return this._props;
         },
         enumerable: false,
         configurable: true
     });
+    /**
+     * Generates the scroll bar's class name based on the prefix and value.
+     * @param value - The suffix to add to the prefix for the class name.
+     */
     Bar.prototype.className = function (value) {
         return "".concat(this.props.prefix).concat(value);
     };
-    /** Set scrolblar events */
+    /**
+     * Sets the necessary events for the scroll bar, such as hover and scroll events.
+     */
     Bar.prototype._setEvents = function () {
         var _this = this;
-        if (!this._listeners) {
-            this._listeners = [];
-        }
         var _a = this, outer = _a.outer, thumb = _a.thumb, props = _a.props;
+        // Add hover events for the outer container
         this._listeners.push((0, vevet_dom_1.addEventListener)(outer, 'mouseenter', function () { return _this._handleHover(true); }));
         this._listeners.push((0, vevet_dom_1.addEventListener)(outer, 'mouseleave', function () { return _this._handleHover(false); }));
+        // Add scroll event for the container
         this._scrollEvent = (0, onScroll_1.onScroll)({
             container: props.container,
             callback: function (data) { return _this._handleScroll(data); },
         });
+        // Set drag events if the scroll bar is draggable
         if (this.props.isDraggable) {
             this._dragger = new DraggerMove_1.DraggerMove({ container: thumb });
             this._dragger.addCallback('start', function () {
@@ -134,24 +171,32 @@ var Bar = /** @class */ (function () {
             this._dragger.addCallback('move', function (data) { return _this._handleThumbDrag(data); });
         }
     };
-    /** Remove events */
+    /**
+     * Removes all the event listeners for the scroll bar.
+     */
     Bar.prototype._removeEvents = function () {
         var _a, _b, _c;
         (_a = this._listeners) === null || _a === void 0 ? void 0 : _a.forEach(function (listener) { return listener.remove(); });
         (_b = this._scrollEvent) === null || _b === void 0 ? void 0 : _b.remove();
         (_c = this._dragger) === null || _c === void 0 ? void 0 : _c.destroy();
     };
-    /** Handle hover state */
+    /**
+     * Handles the hover state of the scroll bar.
+     * @param isHovered - Whether the scroll bar is hovered or not.
+     */
     Bar.prototype._handleHover = function (isHovered) {
         var className = this.className('_is-hovered');
         this.outer.classList.toggle(className, isHovered);
     };
-    /** Handle Scroll Event */
+    /**
+     * Handles the scroll event by updating the thumb position and auto-hide behavior.
+     * @param param - The scroll position of the container.
+     */
     Bar.prototype._handleScroll = function (_a) {
         var _this = this;
         var scrollLeft = _a.scrollLeft, scrollTop = _a.scrollTop;
         var hasChanged = false;
-        // check if changes happened
+        // Check if changes happened
         if (this.isHorizontal) {
             hasChanged = scrollLeft !== this._prevScrollValue;
             this._prevScrollValue = scrollLeft;
@@ -160,11 +205,11 @@ var Bar = /** @class */ (function () {
             hasChanged = scrollTop !== this._prevScrollValue;
             this._prevScrollValue = scrollTop;
         }
-        // continue if there are changes
+        // If no changes, return early
         if (!hasChanged) {
             return;
         }
-        // set auto hide
+        // Handle auto-hide behavior
         if (this.props.canAutoHide && hasChanged) {
             var actionClassName_1 = this.className('_in-action');
             this.outer.classList.add(actionClassName_1);
@@ -173,21 +218,23 @@ var Bar = /** @class */ (function () {
             }
             this._actionTimeout = setTimeout(function () { return _this.outer.classList.remove(actionClassName_1); }, 500);
         }
-        // render elements
+        // Render the thumb
         this._renderThumb();
     };
-    /** Event on dragger move */
+    /**
+     * Handles the thumb dragging event by calculating new scroll values based on the drag movement.
+     * @param param - The drag event data.
+     */
     Bar.prototype._handleThumbDrag = function (_a) {
         var event = _a.event, coords = _a.coords, start = _a.start;
         event.preventDefault();
         var scrollLine = this.scrollLine;
         var container = this.props.container;
-        // calculate scroll iterators
+        // Calculate new scroll values based on the drag movement
         var leftIterator = ((coords.x - start.x) / (this._outerWidth - this._thumbWidth)) *
             scrollLine;
         var topIterator = ((coords.y - start.y) / (this._outerHeight - this._thumbHeight)) *
             scrollLine;
-        // calculate new scroll values
         var _b = this._coordsAtDragStart, scrollLeft = _b.scrollLeft, scrollTop = _b.scrollTop;
         if (this.isHorizontal) {
             scrollLeft += leftIterator;
@@ -195,16 +242,18 @@ var Bar = /** @class */ (function () {
         else {
             scrollTop += topIterator;
         }
-        // apply the values
+        // Apply new scroll values
         container.scrollTo({
             top: scrollTop,
             left: scrollLeft,
-            behavior: 'isSmoothScroll' in this.props.container
+            behavior: 'isCustomScroll' in this.props.container
                 ? this.props.scrollBehavior
                 : 'auto',
         });
     };
-    /** Render thumb */
+    /**
+     * Renders the thumb position based on the current scroll position.
+     */
     Bar.prototype._renderThumb = function () {
         var progress = (0, math_1.clamp)(this._prevScrollValue / this.scrollLine, [0, 1]);
         var x = this.isHorizontal
@@ -215,16 +264,18 @@ var Bar = /** @class */ (function () {
             : 0;
         this._thumb.style.transform = "translate(".concat(x, "px, ").concat(y, "px)");
     };
-    /** Resize the scene */
+    /**
+     * Resizes the scroll bar by recalculating the thumb and outer container sizes.
+     */
     Bar.prototype.resize = function () {
         var _a = this, outer = _a.outer, thumb = _a.thumb, scrollLine = _a.scrollLine, scrollWidth = _a.scrollWidth, scrollHeight = _a.scrollHeight, isHorizontal = _a.isHorizontal;
         var _b = this.props, minSize = _b.minSize, shouldAutoSize = _b.shouldAutoSize;
-        // define if empty before other calculations
+        // Define if the scrollbar is empty
         outer.classList.toggle(this.className('_is-empty'), scrollLine === 0);
-        // get outer sizes
+        // Get outer sizes
         this._outerHeight = outer.clientHeight;
         this._outerWidth = outer.clientWidth;
-        // calculate thumb sizes
+        // Calculate thumb sizes if auto-size is enabled
         if (shouldAutoSize) {
             if (isHorizontal) {
                 var barSize = (0, math_1.clamp)(this._outerWidth / (scrollWidth / (scrollWidth - scrollLine)), [minSize, Infinity]);
@@ -235,12 +286,15 @@ var Bar = /** @class */ (function () {
                 thumb.style.height = "".concat(barSize, "px");
             }
         }
-        // get thumb sizes
+        // Get thumb sizes
         this._thumbHeight = thumb.clientHeight;
         this._thumbWidth = thumb.clientWidth;
-        // render elements
+        // Render the thumb position
         this._renderThumb();
     };
+    /**
+     * Destroys the scroll bar by removing events and clearing timeouts.
+     */
     Bar.prototype.destroy = function () {
         this._removeEvents();
         if (this._actionTimeout) {
@@ -250,5 +304,5 @@ var Bar = /** @class */ (function () {
     };
     return Bar;
 }());
-exports.default = Bar;
+exports.Bar = Bar;
 //# sourceMappingURL=index.js.map

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

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

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

@@ -25,18 +25,19 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ScrollBar = void 0;
 var vevet_dom_1 = require("vevet-dom");
-var Bar_1 = __importDefault(require("./Bar"));
+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");
 /**
- * Create custom scroll bar
+ * 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';`
  */
 var ScrollBar = /** @class */ (function (_super) {
     __extends(ScrollBar, _super);
@@ -51,7 +52,7 @@ var ScrollBar = /** @class */ (function (_super) {
                 _this._container = element;
             }
             else {
-                throw new Error('No scroll container');
+                throw new Error('No scroll container found');
             }
         }
         else {
@@ -59,10 +60,19 @@ var ScrollBar = /** @class */ (function (_super) {
         }
         // create bars
         var barProps = __assign(__assign({}, _this.props), { container: _this.container, domParent: _this.domParent, prefix: _this.prefix });
-        _this._xBar = new Bar_1.default(__assign(__assign({}, barProps), { direction: 'x' }));
-        _this._yBar = new Bar_1.default(__assign(__assign({}, barProps), { direction: 'y' }));
+        _this._xBar = new Bar_1.Bar(__assign(__assign({}, barProps), { direction: 'x' }));
+        _this._yBar = new Bar_1.Bar(__assign(__assign({}, barProps), { direction: 'y' }));
         // add classnames
-        _this.toggleClassName(_this.scrollableElement, _this.className('-parent'), true);
+        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();
@@ -80,31 +90,18 @@ var ScrollBar = /** @class */ (function (_super) {
         configurable: true
     });
     Object.defineProperty(ScrollBar.prototype, "container", {
-        /** Scroll container */
+        /**
+         * The container element or window where the scroll is applied.
+         */
         get: function () {
             return this._container;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(ScrollBar.prototype, "scrollableElement", {
-        /** Scrollable element */
-        get: function () {
-            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, "domParent", {
         /**
-         * The element where scrollbars will be appended
+         * Returns the DOM element where the scroll bars will be appended.
          */
         get: function () {
             var domParent = this.props.domParent;
@@ -123,43 +120,77 @@ var ScrollBar = /** @class */ (function (_super) {
         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();
     };
-    // Set Module Events
+    /**
+     * 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],
+            element: [this.xBar.outer, this.yBar.outer],
             viewportTarget: 'any',
             hasBothEvents: true,
             resizeDebounce: props.resizeDebounce,
         });
-        // resize for smoothscroll
-        var smoothScrollResize = 'isSmoothScroll' in container
+        // 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();
-            smoothScrollResize === null || smoothScrollResize === void 0 ? void 0 : smoothScrollResize.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();
     };
-    /** Resize the scene */
+    /**
+     * Resizes the scene and updates the scroll bars.
+     */
     ScrollBar.prototype.resize = function () {
-        this._xBar.resize();
-        this._yBar.resize();
+        this.xBar.resize();
+        this.yBar.resize();
     };
-    /** Destroy the module */
+    /**
+     * Destroys the scroll bar component and cleans up.
+     */
     ScrollBar.prototype._destroy = function () {
         _super.prototype._destroy.call(this);
         // destroy bars

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

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