@malva-ui/core 0.1.12

package/esm2022/scrollbar/lib/scrollbar/scrollbar.js

@@ -0,0 +1,388 @@
+import { afterNextRender, ChangeDetectionStrategy, Component, computed, DestroyRef, inject, input, Renderer2, signal, ViewEncapsulation, viewChild, } from '@angular/core';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { InteractivityChecker } from '@angular/cdk/a11y';
+import { MLV_SCROLLBAR_I18N } from '@malva-ui/i18n';
+import * as i0 from "@angular/core";
+/**
+ * Elements that can plausibly be tab stops. A cheap prefilter — every hit is
+ * still confirmed with the CDK's `InteractivityChecker`.
+ */
+const FOCUSABLE_CANDIDATE_SELECTOR = [
+    'a[href]',
+    'area[href]',
+    'button',
+    'input',
+    'select',
+    'textarea',
+    'iframe',
+    'object',
+    'embed',
+    'audio[controls]',
+    'video[controls]',
+    'details',
+    'summary',
+    '[contenteditable]',
+    '[tabindex]',
+].join(',');
+/**
+ * Custom scrollbar component that hides the native browser scrollbar and
+ * renders a minimalistic custom one in accordance with the Malva UI theme.
+ *
+ * Wrap any scrollable content in `<mlv-scrollbar>`. The component must have
+ * a defined height (set via CSS or via flex/grid sizing from a parent).
+ * Native scroll behaviour is **never intercepted** — the viewport scrolls
+ * exactly as if the component were not present. The custom thumb is a pure
+ * visual overlay that stays in sync with the viewport's scroll position.
+ *
+ * @example Vertical (default)
+ * ```html
+ * <mlv-scrollbar style="height: 12rem">
+ *   <p>Long content…</p>
+ * </mlv-scrollbar>
+ * ```
+ *
+ * @example Horizontal
+ * ```html
+ * <mlv-scrollbar orientation="horizontal" style="width: 20rem">
+ *   <div style="width: 60rem">Wide content…</div>
+ * </mlv-scrollbar>
+ * ```
+ *
+ * @example Both axes
+ * ```html
+ * <mlv-scrollbar orientation="both" style="height: 12rem; width: 20rem">
+ *   <div style="height: 30rem; width: 60rem">…</div>
+ * </mlv-scrollbar>
+ * ```
+ */
+export class MlvScrollbar {
+    /**
+     * Which scroll axes to show the custom scrollbar on.
+     * Default: `'vertical'`.
+     */
+    orientation = input('vertical', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
+    /**
+     * CSS length value for the scrollbar track zone width (vertical) or height
+     * (horizontal). Maps to the `--mlv-sb-size` custom property on the host.
+     * The visible thumb is narrower due to the cross-axis inset (`--mlv-sb-inset`).
+     * Default: `'0.75rem'` (12 px track zone → 4 px visible thumb after 4 px inset each side).
+     */
+    scrollbarSize = input('0.75rem', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "scrollbarSize" }] : /* istanbul ignore next */ []));
+    /**
+     * When `true`, hides the custom scrollbar tracks and restores the browser's
+     * native scrollbar. Supports attribute syntax: `<mlv-scrollbar disabled>`.
+     */
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: coerceBooleanProperty });
+    /**
+     * Custom aria-label override for the scrollable viewport region.
+     * Falls back to the i18n-provided label.
+     * Override when the component wraps content with a more specific purpose,
+     * e.g. `ariaLabel="Chat messages"`.
+     */
+    ariaLabel = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    /**
+     * Tab index applied to the native scroll viewport.
+     *
+     * The default `0` means **auto**: the viewport is a tab stop only while its
+     * content holds nothing tabbable. A text-only region stays reachable so
+     * keyboard users can scroll it (WCAG 2.1.1), but a region full of form
+     * controls does not add a redundant stop in front of them — which is what
+     * put a focus ring around an entire dialog body on open.
+     *
+     * Any non-zero value is applied verbatim; composite widgets that manage
+     * their own focus pass `-1`.
+     */
+    viewportTabIndex = input(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "viewportTabIndex" }] : /* istanbul ignore next */ []));
+    /** @protected The component's i18n strings signal. */
+    _i18n = inject(MLV_SCROLLBAR_I18N, { optional: true });
+    /** @protected Resolved aria-label: explicit input takes precedence over i18n default. */
+    _resolvedAriaLabel = computed(() => this.ariaLabel() ??
+        this._i18n?.().scrollableRegion ??
+        'Scrollable region', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_resolvedAriaLabel" }] : /* istanbul ignore next */ []));
+    /**
+     * @protected Whether the scrolled content currently holds a tabbable element.
+     * Recomputed after render and on every content mutation.
+     */
+    _hasTabbableContent = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_hasTabbableContent" }] : /* istanbul ignore next */ []));
+    /**
+     * @protected Tab index actually written to the viewport.
+     *
+     * `0` is treated as "auto" and collapses to `-1` once the content itself is
+     * keyboard-reachable; every other value passes through unchanged.
+     */
+    _effectiveViewportTabIndex = computed(() => {
+        const requested = this.viewportTabIndex();
+        if (requested !== 0) {
+            return requested;
+        }
+        return this._hasTabbableContent() ? -1 : 0;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_effectiveViewportTabIndex" }] : /* istanbul ignore next */ []));
+    /** @protected Whether the vertical track should be rendered. */
+    _showVertical = computed(() => !this.disabled() &&
+        (this.orientation() === 'vertical' || this.orientation() === 'both'), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_showVertical" }] : /* istanbul ignore next */ []));
+    /** @protected Whether the horizontal track should be rendered. */
+    _showHorizontal = computed(() => !this.disabled() &&
+        (this.orientation() === 'horizontal' || this.orientation() === 'both'), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_showHorizontal" }] : /* istanbul ignore next */ []));
+    /** @protected True when scrollHeight > clientHeight (vertical overflow present). */
+    _hasVerticalOverflow = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_hasVerticalOverflow" }] : /* istanbul ignore next */ []));
+    /** @protected True when scrollWidth > clientWidth (horizontal overflow present). */
+    _hasHorizontalOverflow = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_hasHorizontalOverflow" }] : /* istanbul ignore next */ []));
+    /** @protected Vertical thumb top offset in pixels (set as inline style). */
+    _thumbTop = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_thumbTop" }] : /* istanbul ignore next */ []));
+    /** @protected Vertical thumb height in pixels (set as inline style). */
+    _thumbHeight = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_thumbHeight" }] : /* istanbul ignore next */ []));
+    /** @protected Horizontal thumb left offset in pixels (set as inline style). */
+    _thumbLeft = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_thumbLeft" }] : /* istanbul ignore next */ []));
+    /** @protected Horizontal thumb width in pixels (set as inline style). */
+    _thumbWidth = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_thumbWidth" }] : /* istanbul ignore next */ []));
+    /** @protected True while the user is actively dragging a thumb. Adds `--dragging` modifier. */
+    _isDragging = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_isDragging" }] : /* istanbul ignore next */ []));
+    /** @protected True while scroll events are firing. Cleared after 150 ms idle. Adds `--scrolling` modifier. */
+    _isScrolling = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_isScrolling" }] : /* istanbul ignore next */ []));
+    /** @private Reference to the inner scrollable viewport element. */
+    _viewport = viewChild.required('viewport', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_viewport" }] : /* istanbul ignore next */ []));
+    /**
+     * The native scrollable viewport element.
+     * Lets wrapping components (e.g. `main[mlvPage]`) observe scroll position
+     * without reaching into the component's private DOM.
+     */
+    get viewportElement() {
+        return this._viewport().nativeElement;
+    }
+    /** @private Reference to the vertical track element. */
+    _trackV = viewChild.required('trackV', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_trackV" }] : /* istanbul ignore next */ []));
+    /** @private Reference to the horizontal track element. */
+    _trackH = viewChild.required('trackH', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_trackH" }] : /* istanbul ignore next */ []));
+    /** @private Minimum rendered thumb length in pixels — prevents thumb from becoming unclickable. */
+    _minThumbSize = 32;
+    /** @private Native ResizeObserver watching viewport and content size. */
+    _resizeObserver = null;
+    /** @private Native MutationObserver keeping `_hasTabbableContent` in sync with projected content. */
+    _contentObserver = null;
+    /** @private CDK checker used to decide whether projected content is keyboard-reachable. */
+    _interactivityChecker = inject(InteractivityChecker);
+    /** @private Timeout ID for clearing the `--scrolling` modifier after idle. */
+    _scrollTimeout = null;
+    /** @private DestroyRef used to clean up the ResizeObserver, timers, and drag listeners. */
+    _destroyRef = inject(DestroyRef);
+    /** @private Renderer2 used so DOM listeners are SSR-safe and unsubscribable. */
+    _renderer = inject(Renderer2);
+    constructor() {
+        afterNextRender(() => {
+            this._updateGeometry();
+            this._updateTabbableContent();
+            const viewportEl = this._viewport().nativeElement;
+            const contentEl = viewportEl.firstElementChild;
+            if (contentEl && typeof MutationObserver !== 'undefined') {
+                // Projected content is opaque to the component, so tabbability has to
+                // be re-read whenever it changes shape — a lazily rendered form, a
+                // button that becomes disabled, an @if that swaps text for controls.
+                this._contentObserver = new MutationObserver(() => this._updateTabbableContent());
+                this._contentObserver.observe(contentEl, {
+                    childList: true,
+                    subtree: true,
+                    attributes: true,
+                    attributeFilter: ['tabindex', 'disabled', 'hidden', 'href', 'type'],
+                });
+            }
+            if (typeof ResizeObserver === 'undefined') {
+                return;
+            }
+            this._resizeObserver = new ResizeObserver(() => {
+                this._updateGeometry();
+            });
+            // Observe the viewport to detect host resize (viewport fills host via position:absolute).
+            this._resizeObserver.observe(viewportEl);
+            // Observe the content wrapper to detect content size changes.
+            if (contentEl) {
+                this._resizeObserver.observe(contentEl);
+            }
+        });
+        this._destroyRef.onDestroy(() => {
+            this._resizeObserver?.disconnect();
+            this._contentObserver?.disconnect();
+            if (this._scrollTimeout !== null) {
+                clearTimeout(this._scrollTimeout);
+            }
+        });
+    }
+    /**
+     * @private Re-reads whether the projected content contains a tab stop.
+     *
+     * Drives `_effectiveViewportTabIndex`: a scroll region only needs to be a tab
+     * stop of its own when nothing inside it already is (WCAG 2.1.1). Keeping it
+     * unconditionally tabbable put a redundant stop — and a focus ring around the
+     * whole region — in front of every dialog body's form controls.
+     */
+    _updateTabbableContent() {
+        const contentEl = this._viewport().nativeElement.firstElementChild;
+        if (!contentEl) {
+            this._hasTabbableContent.set(false);
+            return;
+        }
+        const candidates = contentEl.querySelectorAll(FOCUSABLE_CANDIDATE_SELECTOR);
+        for (const candidate of Array.from(candidates)) {
+            // `ignoreVisibility` because the CDK's visibility test is geometric and
+            // the content may not have been laid out yet (and never is under jsdom).
+            if (this._interactivityChecker.isFocusable(candidate, {
+                ignoreVisibility: true,
+            }) &&
+                this._interactivityChecker.isTabbable(candidate)) {
+                this._hasTabbableContent.set(true);
+                return;
+            }
+        }
+        this._hasTabbableContent.set(false);
+    }
+    /** @protected Handles scroll events on the viewport. Updates thumb positions and `--scrolling` state. */
+    _onScroll() {
+        this._updateThumbPositions();
+        this._isScrolling.set(true);
+        if (this._scrollTimeout !== null) {
+            clearTimeout(this._scrollTimeout);
+        }
+        this._scrollTimeout = setTimeout(() => {
+            this._isScrolling.set(false);
+            this._scrollTimeout = null;
+        }, 150);
+    }
+    /**
+     * @protected Handles `pointerdown` on a scrollbar thumb.
+     * Captures the pointer and translates subsequent `pointermove` deltas into
+     * viewport scroll offsets. Releases on `pointerup` or `pointercancel`.
+     */
+    _onThumbPointerDown(event, axis) {
+        event.preventDefault();
+        event.stopPropagation();
+        const thumb = event.currentTarget;
+        thumb.setPointerCapture(event.pointerId);
+        const viewportEl = this._viewport().nativeElement;
+        const trackEl = (axis === 'vertical' ? this._trackV() : this._trackH())
+            .nativeElement;
+        const paddingPx = axis === 'vertical'
+            ? parseFloat(getComputedStyle(trackEl).paddingTop)
+            : parseFloat(getComputedStyle(trackEl).paddingLeft);
+        const trackSize = axis === 'vertical'
+            ? trackEl.offsetHeight - paddingPx * 2
+            : trackEl.offsetWidth - paddingPx * 2;
+        const thumbSize = axis === 'vertical' ? this._thumbHeight() : this._thumbWidth();
+        const scrollRange = axis === 'vertical'
+            ? viewportEl.scrollHeight - viewportEl.clientHeight
+            : viewportEl.scrollWidth - viewportEl.clientWidth;
+        const startPointer = axis === 'vertical' ? event.clientY : event.clientX;
+        const startScroll = axis === 'vertical' ? viewportEl.scrollTop : viewportEl.scrollLeft;
+        const scrollPerPixel = thumbSize < trackSize && scrollRange > 0
+            ? scrollRange / (trackSize - thumbSize)
+            : 0;
+        this._isDragging.set(true);
+        const onPointerMove = (moveEvent) => {
+            const delta = (axis === 'vertical' ? moveEvent.clientY : moveEvent.clientX) -
+                startPointer;
+            if (axis === 'vertical') {
+                viewportEl.scrollTop = startScroll + delta * scrollPerPixel;
+            }
+            else {
+                viewportEl.scrollLeft = startScroll + delta * scrollPerPixel;
+            }
+        };
+        let releaseListeners = null;
+        const onPointerUp = () => {
+            this._isDragging.set(false);
+            releaseListeners?.();
+            releaseListeners = null;
+        };
+        const moveDispose = this._renderer.listen(thumb, 'pointermove', onPointerMove);
+        const upDispose = this._renderer.listen(thumb, 'pointerup', onPointerUp);
+        const cancelDispose = this._renderer.listen(thumb, 'pointercancel', onPointerUp);
+        releaseListeners = () => {
+            moveDispose();
+            upDispose();
+            cancelDispose();
+        };
+        // Guarantee cleanup if the component is destroyed mid-drag — without this
+        // the listeners would leak against the detached thumb element and
+        // _isDragging would stay true.
+        this._destroyRef.onDestroy(() => {
+            releaseListeners?.();
+        });
+    }
+    /**
+     * @private Recalculates overflow detection and thumb geometry.
+     * Called after first render, on ResizeObserver notifications, and on scroll.
+     */
+    _updateGeometry() {
+        const viewportEl = this._viewport().nativeElement;
+        // +1 tolerance for sub-pixel rounding
+        this._hasVerticalOverflow.set(viewportEl.scrollHeight > viewportEl.clientHeight + 1);
+        this._hasHorizontalOverflow.set(viewportEl.scrollWidth > viewportEl.clientWidth + 1);
+        this._updateThumbPositions();
+    }
+    /**
+     * @private Recomputes thumb position and size signals from the current viewport
+     * scroll state. Fast path — called on every scroll event.
+     */
+    _updateThumbPositions() {
+        const viewportEl = this._viewport().nativeElement;
+        if (this._showVertical() && this._hasVerticalOverflow()) {
+            const trackEl = this._trackV().nativeElement;
+            const paddingPx = parseFloat(getComputedStyle(trackEl).paddingTop);
+            const usableHeight = trackEl.offsetHeight - paddingPx * 2;
+            const ratio = viewportEl.clientHeight / viewportEl.scrollHeight;
+            const thumbH = Math.max(this._minThumbSize, usableHeight * ratio);
+            const scrollRange = viewportEl.scrollHeight - viewportEl.clientHeight;
+            const thumbT = scrollRange > 0
+                ? paddingPx +
+                    (viewportEl.scrollTop / scrollRange) * (usableHeight - thumbH)
+                : paddingPx;
+            this._thumbHeight.set(Math.round(thumbH));
+            this._thumbTop.set(Math.round(thumbT));
+        }
+        if (this._showHorizontal() && this._hasHorizontalOverflow()) {
+            const trackEl = this._trackH().nativeElement;
+            const paddingPx = parseFloat(getComputedStyle(trackEl).paddingLeft);
+            const usableWidth = trackEl.offsetWidth - paddingPx * 2;
+            const ratio = viewportEl.clientWidth / viewportEl.scrollWidth;
+            const thumbW = Math.max(this._minThumbSize, usableWidth * ratio);
+            const scrollRange = viewportEl.scrollWidth - viewportEl.clientWidth;
+            const thumbL = scrollRange > 0
+                ? paddingPx +
+                    (viewportEl.scrollLeft / scrollRange) * (usableWidth - thumbW)
+                : paddingPx;
+            this._thumbWidth.set(Math.round(thumbW));
+            this._thumbLeft.set(Math.round(thumbL));
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvScrollbar, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.7", type: MlvScrollbar, isStandalone: true, selector: "mlv-scrollbar", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, scrollbarSize: { classPropertyName: "scrollbarSize", publicName: "scrollbarSize", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, viewportTabIndex: { classPropertyName: "viewportTabIndex", publicName: "viewportTabIndex", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mlv-scrollbar--disabled": "disabled()", "class.mlv-scrollbar--dragging": "_isDragging()", "class.mlv-scrollbar--scrolling": "_isScrolling()", "style.--mlv-sb-size": "scrollbarSize()" }, classAttribute: "mlv-scrollbar" }, viewQueries: [{ propertyName: "_viewport", first: true, predicate: ["viewport"], descendants: true, isSignal: true }, { propertyName: "_trackV", first: true, predicate: ["trackV"], descendants: true, isSignal: true }, { propertyName: "_trackH", first: true, predicate: ["trackH"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\n  class=\"mlv-scrollbar__viewport\"\n  #viewport\n  [attr.tabindex]=\"_effectiveViewportTabIndex()\"\n  [attr.aria-label]=\"_resolvedAriaLabel()\"\n  (scroll)=\"_onScroll()\"\n>\n  <div class=\"mlv-scrollbar__content\" #content>\n    <ng-content />\n  </div>\n</div>\n\n<!-- Custom track and thumb elements are purely visual overlays.\n     Screen readers use the viewport's native scroll semantics above. -->\n<div\n  class=\"mlv-scrollbar__track mlv-scrollbar__track--vertical\"\n  [class.mlv-scrollbar__track--hidden]=\"!_showVertical() || !_hasVerticalOverflow()\"\n  aria-hidden=\"true\"\n  #trackV\n>\n  <div\n    class=\"mlv-scrollbar__thumb\"\n    [style.top.px]=\"_thumbTop()\"\n    [style.height.px]=\"_thumbHeight()\"\n    (pointerdown)=\"_onThumbPointerDown($event, 'vertical')\"\n  ></div>\n</div>\n\n<div\n  class=\"mlv-scrollbar__track mlv-scrollbar__track--horizontal\"\n  [class.mlv-scrollbar__track--hidden]=\"!_showHorizontal() || !_hasHorizontalOverflow()\"\n  aria-hidden=\"true\"\n  #trackH\n>\n  <div\n    class=\"mlv-scrollbar__thumb\"\n    [style.left.px]=\"_thumbLeft()\"\n    [style.width.px]=\"_thumbWidth()\"\n    (pointerdown)=\"_onThumbPointerDown($event, 'horizontal')\"\n  ></div>\n</div>\n", styles: [".mlv-scrollbar{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-scrollbar *{box-sizing:border-box}.mlv-scrollbar{position:relative;display:grid;--mlv-sb-size: .75rem;--mlv-sb-inset: .25rem;--mlv-sb-edge-padding: .1875rem;--mlv-sb-thumb-bg: var(--mlv-border-strong);--mlv-sb-thumb-opacity: .5;--mlv-sb-track-bg: transparent;--mlv-sb-radius: var(--mlv-radius-full);--mlv-sb-min-thumb-size: 1.75rem;--mlv-sb-edge-gap: 0rem}.mlv-scrollbar:hover .mlv-scrollbar__thumb{--mlv-sb-inset: .1875rem;opacity:.8}.mlv-scrollbar--scrolling .mlv-scrollbar__thumb{opacity:1}.mlv-scrollbar--dragging{-webkit-user-select:none;user-select:none}.mlv-scrollbar--dragging .mlv-scrollbar__thumb{--mlv-sb-inset: .1875rem;--mlv-sb-thumb-bg: var(--mlv-text-secondary);opacity:1;cursor:grabbing}.mlv-scrollbar--disabled .mlv-scrollbar__track{display:none}.mlv-scrollbar--disabled .mlv-scrollbar__viewport{scrollbar-width:auto}.mlv-scrollbar--disabled .mlv-scrollbar__viewport::-webkit-scrollbar{display:revert}.mlv-scrollbar__viewport{min-height:0;min-width:0;overflow:auto;scrollbar-width:none;outline:none}.mlv-scrollbar__viewport::-webkit-scrollbar{display:none}.mlv-scrollbar__viewport:focus-visible{outline:var(--mlv-stroke-width) solid var(--mlv-border-focus);outline-offset:-.125rem}.mlv-scrollbar__content{min-height:100%;min-width:100%}.mlv-scrollbar__track{position:absolute;background:var(--mlv-sb-track-bg);border-radius:var(--mlv-sb-radius);z-index:var(--mlv-z-raised)}.mlv-scrollbar__track--vertical{top:var(--mlv-sb-edge-gap);bottom:var(--mlv-sb-edge-gap);inset-inline-end:var(--mlv-sb-edge-gap);width:var(--mlv-sb-size);padding:var(--mlv-sb-edge-padding) 0}.mlv-scrollbar__track--horizontal{bottom:var(--mlv-sb-edge-gap);inset-inline-start:var(--mlv-sb-edge-gap);inset-inline-end:var(--mlv-sb-edge-gap);height:var(--mlv-sb-size);padding:0 var(--mlv-sb-edge-padding)}.mlv-scrollbar__track--hidden{display:none}.mlv-scrollbar:has(.mlv-scrollbar__track--vertical:not(.mlv-scrollbar__track--hidden)):has(.mlv-scrollbar__track--horizontal:not(.mlv-scrollbar__track--hidden)) .mlv-scrollbar__track--vertical{bottom:calc(var(--mlv-sb-size) + var(--mlv-sb-edge-gap))}.mlv-scrollbar:has(.mlv-scrollbar__track--vertical:not(.mlv-scrollbar__track--hidden)):has(.mlv-scrollbar__track--horizontal:not(.mlv-scrollbar__track--hidden)) .mlv-scrollbar__track--horizontal{inset-inline-end:calc(var(--mlv-sb-size) + var(--mlv-sb-edge-gap))}.mlv-scrollbar__thumb{position:absolute;background:var(--mlv-sb-thumb-bg);border-radius:var(--mlv-sb-radius);opacity:var(--mlv-sb-thumb-opacity);cursor:grab}.mlv-scrollbar__track--vertical .mlv-scrollbar__thumb{inset-inline-start:var(--mlv-sb-inset);inset-inline-end:var(--mlv-sb-inset);min-block-size:var(--mlv-sb-min-thumb-size);transition:opacity var(--mlv-duration-normal) var(--mlv-ease-default),background-color var(--mlv-duration-fast) var(--mlv-ease-default),inset-inline-start var(--mlv-duration-normal) var(--mlv-ease-default),inset-inline-end var(--mlv-duration-normal) var(--mlv-ease-default)}.mlv-scrollbar__track--horizontal .mlv-scrollbar__thumb{top:var(--mlv-sb-inset);bottom:var(--mlv-sb-inset);min-inline-size:var(--mlv-sb-min-thumb-size);transition:opacity var(--mlv-duration-normal) var(--mlv-ease-default),background-color var(--mlv-duration-fast) var(--mlv-ease-default),top var(--mlv-duration-normal) var(--mlv-ease-default),bottom var(--mlv-duration-normal) var(--mlv-ease-default)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvScrollbar, decorators: [{
+            type: Component,
+            args: [{ selector: 'mlv-scrollbar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'mlv-scrollbar',
+                        '[class.mlv-scrollbar--disabled]': 'disabled()',
+                        '[class.mlv-scrollbar--dragging]': '_isDragging()',
+                        '[class.mlv-scrollbar--scrolling]': '_isScrolling()',
+                        '[style.--mlv-sb-size]': 'scrollbarSize()',
+                    }, template: "<div\n  class=\"mlv-scrollbar__viewport\"\n  #viewport\n  [attr.tabindex]=\"_effectiveViewportTabIndex()\"\n  [attr.aria-label]=\"_resolvedAriaLabel()\"\n  (scroll)=\"_onScroll()\"\n>\n  <div class=\"mlv-scrollbar__content\" #content>\n    <ng-content />\n  </div>\n</div>\n\n<!-- Custom track and thumb elements are purely visual overlays.\n     Screen readers use the viewport's native scroll semantics above. -->\n<div\n  class=\"mlv-scrollbar__track mlv-scrollbar__track--vertical\"\n  [class.mlv-scrollbar__track--hidden]=\"!_showVertical() || !_hasVerticalOverflow()\"\n  aria-hidden=\"true\"\n  #trackV\n>\n  <div\n    class=\"mlv-scrollbar__thumb\"\n    [style.top.px]=\"_thumbTop()\"\n    [style.height.px]=\"_thumbHeight()\"\n    (pointerdown)=\"_onThumbPointerDown($event, 'vertical')\"\n  ></div>\n</div>\n\n<div\n  class=\"mlv-scrollbar__track mlv-scrollbar__track--horizontal\"\n  [class.mlv-scrollbar__track--hidden]=\"!_showHorizontal() || !_hasHorizontalOverflow()\"\n  aria-hidden=\"true\"\n  #trackH\n>\n  <div\n    class=\"mlv-scrollbar__thumb\"\n    [style.left.px]=\"_thumbLeft()\"\n    [style.width.px]=\"_thumbWidth()\"\n    (pointerdown)=\"_onThumbPointerDown($event, 'horizontal')\"\n  ></div>\n</div>\n", styles: [".mlv-scrollbar{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-scrollbar *{box-sizing:border-box}.mlv-scrollbar{position:relative;display:grid;--mlv-sb-size: .75rem;--mlv-sb-inset: .25rem;--mlv-sb-edge-padding: .1875rem;--mlv-sb-thumb-bg: var(--mlv-border-strong);--mlv-sb-thumb-opacity: .5;--mlv-sb-track-bg: transparent;--mlv-sb-radius: var(--mlv-radius-full);--mlv-sb-min-thumb-size: 1.75rem;--mlv-sb-edge-gap: 0rem}.mlv-scrollbar:hover .mlv-scrollbar__thumb{--mlv-sb-inset: .1875rem;opacity:.8}.mlv-scrollbar--scrolling .mlv-scrollbar__thumb{opacity:1}.mlv-scrollbar--dragging{-webkit-user-select:none;user-select:none}.mlv-scrollbar--dragging .mlv-scrollbar__thumb{--mlv-sb-inset: .1875rem;--mlv-sb-thumb-bg: var(--mlv-text-secondary);opacity:1;cursor:grabbing}.mlv-scrollbar--disabled .mlv-scrollbar__track{display:none}.mlv-scrollbar--disabled .mlv-scrollbar__viewport{scrollbar-width:auto}.mlv-scrollbar--disabled .mlv-scrollbar__viewport::-webkit-scrollbar{display:revert}.mlv-scrollbar__viewport{min-height:0;min-width:0;overflow:auto;scrollbar-width:none;outline:none}.mlv-scrollbar__viewport::-webkit-scrollbar{display:none}.mlv-scrollbar__viewport:focus-visible{outline:var(--mlv-stroke-width) solid var(--mlv-border-focus);outline-offset:-.125rem}.mlv-scrollbar__content{min-height:100%;min-width:100%}.mlv-scrollbar__track{position:absolute;background:var(--mlv-sb-track-bg);border-radius:var(--mlv-sb-radius);z-index:var(--mlv-z-raised)}.mlv-scrollbar__track--vertical{top:var(--mlv-sb-edge-gap);bottom:var(--mlv-sb-edge-gap);inset-inline-end:var(--mlv-sb-edge-gap);width:var(--mlv-sb-size);padding:var(--mlv-sb-edge-padding) 0}.mlv-scrollbar__track--horizontal{bottom:var(--mlv-sb-edge-gap);inset-inline-start:var(--mlv-sb-edge-gap);inset-inline-end:var(--mlv-sb-edge-gap);height:var(--mlv-sb-size);padding:0 var(--mlv-sb-edge-padding)}.mlv-scrollbar__track--hidden{display:none}.mlv-scrollbar:has(.mlv-scrollbar__track--vertical:not(.mlv-scrollbar__track--hidden)):has(.mlv-scrollbar__track--horizontal:not(.mlv-scrollbar__track--hidden)) .mlv-scrollbar__track--vertical{bottom:calc(var(--mlv-sb-size) + var(--mlv-sb-edge-gap))}.mlv-scrollbar:has(.mlv-scrollbar__track--vertical:not(.mlv-scrollbar__track--hidden)):has(.mlv-scrollbar__track--horizontal:not(.mlv-scrollbar__track--hidden)) .mlv-scrollbar__track--horizontal{inset-inline-end:calc(var(--mlv-sb-size) + var(--mlv-sb-edge-gap))}.mlv-scrollbar__thumb{position:absolute;background:var(--mlv-sb-thumb-bg);border-radius:var(--mlv-sb-radius);opacity:var(--mlv-sb-thumb-opacity);cursor:grab}.mlv-scrollbar__track--vertical .mlv-scrollbar__thumb{inset-inline-start:var(--mlv-sb-inset);inset-inline-end:var(--mlv-sb-inset);min-block-size:var(--mlv-sb-min-thumb-size);transition:opacity var(--mlv-duration-normal) var(--mlv-ease-default),background-color var(--mlv-duration-fast) var(--mlv-ease-default),inset-inline-start var(--mlv-duration-normal) var(--mlv-ease-default),inset-inline-end var(--mlv-duration-normal) var(--mlv-ease-default)}.mlv-scrollbar__track--horizontal .mlv-scrollbar__thumb{top:var(--mlv-sb-inset);bottom:var(--mlv-sb-inset);min-inline-size:var(--mlv-sb-min-thumb-size);transition:opacity var(--mlv-duration-normal) var(--mlv-ease-default),background-color var(--mlv-duration-fast) var(--mlv-ease-default),top var(--mlv-duration-normal) var(--mlv-ease-default),bottom var(--mlv-duration-normal) var(--mlv-ease-default)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], scrollbarSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollbarSize", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], viewportTabIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewportTabIndex", required: false }] }], _viewport: [{ type: i0.ViewChild, args: ['viewport', { isSignal: true }] }], _trackV: [{ type: i0.ViewChild, args: ['trackV', { isSignal: true }] }], _trackH: [{ type: i0.ViewChild, args: ['trackH', { isSignal: true }] }] } });
+//# sourceMappingURL=scrollbar.js.map

package/esm2022/scrollbar/lib/scrollbar/scrollbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollbar.js","sourceRoot":"","sources":["../../../../../../../libs/core/scrollbar/src/lib/scrollbar/scrollbar.ts","../../../../../../../libs/core/scrollbar/src/lib/scrollbar/scrollbar.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  afterNextRender,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  DestroyRef,\n  type ElementRef,\n  inject,\n  input,\n  Renderer2,\n  signal,\n  ViewEncapsulation,\n  viewChild,\n} from '@angular/core';\nimport type { BooleanInput } from '@angular/cdk/coercion';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { InteractivityChecker } from '@angular/cdk/a11y';\nimport { MLV_SCROLLBAR_I18N } from '@malva-ui/i18n';\n\n/**\n * Elements that can plausibly be tab stops. A cheap prefilter — every hit is\n * still confirmed with the CDK's `InteractivityChecker`.\n */\nconst FOCUSABLE_CANDIDATE_SELECTOR = [\n  'a[href]',\n  'area[href]',\n  'button',\n  'input',\n  'select',\n  'textarea',\n  'iframe',\n  'object',\n  'embed',\n  'audio[controls]',\n  'video[controls]',\n  'details',\n  'summary',\n  '[contenteditable]',\n  '[tabindex]',\n].join(',');\n\n/** Controls which scroll axes render a custom scrollbar. */\nexport type MlvScrollbarOrientation = 'vertical' | 'horizontal' | 'both';\n\n/**\n * Custom scrollbar component that hides the native browser scrollbar and\n * renders a minimalistic custom one in accordance with the Malva UI theme.\n *\n * Wrap any scrollable content in `<mlv-scrollbar>`. The component must have\n * a defined height (set via CSS or via flex/grid sizing from a parent).\n * Native scroll behaviour is **never intercepted** — the viewport scrolls\n * exactly as if the component were not present. The custom thumb is a pure\n * visual overlay that stays in sync with the viewport's scroll position.\n *\n * @example Vertical (default)\n * ```html\n * <mlv-scrollbar style=\"height: 12rem\">\n *   <p>Long content…</p>\n * </mlv-scrollbar>\n * ```\n *\n * @example Horizontal\n * ```html\n * <mlv-scrollbar orientation=\"horizontal\" style=\"width: 20rem\">\n *   <div style=\"width: 60rem\">Wide content…</div>\n * </mlv-scrollbar>\n * ```\n *\n * @example Both axes\n * ```html\n * <mlv-scrollbar orientation=\"both\" style=\"height: 12rem; width: 20rem\">\n *   <div style=\"height: 30rem; width: 60rem\">…</div>\n * </mlv-scrollbar>\n * ```\n */\n@Component({\n  selector: 'mlv-scrollbar',\n  templateUrl: './scrollbar.html',\n  styleUrl: './scrollbar.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'mlv-scrollbar',\n    '[class.mlv-scrollbar--disabled]': 'disabled()',\n    '[class.mlv-scrollbar--dragging]': '_isDragging()',\n    '[class.mlv-scrollbar--scrolling]': '_isScrolling()',\n    '[style.--mlv-sb-size]': 'scrollbarSize()',\n  },\n})\nexport class MlvScrollbar {\n  /**\n   * Which scroll axes to show the custom scrollbar on.\n   * Default: `'vertical'`.\n   */\n  readonly orientation = input<MlvScrollbarOrientation>('vertical');\n\n  /**\n   * CSS length value for the scrollbar track zone width (vertical) or height\n   * (horizontal). Maps to the `--mlv-sb-size` custom property on the host.\n   * The visible thumb is narrower due to the cross-axis inset (`--mlv-sb-inset`).\n   * Default: `'0.75rem'` (12 px track zone → 4 px visible thumb after 4 px inset each side).\n   */\n  readonly scrollbarSize = input<string>('0.75rem');\n\n  /**\n   * When `true`, hides the custom scrollbar tracks and restores the browser's\n   * native scrollbar. Supports attribute syntax: `<mlv-scrollbar disabled>`.\n   */\n  readonly disabled = input<boolean, BooleanInput>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /**\n   * Custom aria-label override for the scrollable viewport region.\n   * Falls back to the i18n-provided label.\n   * Override when the component wraps content with a more specific purpose,\n   * e.g. `ariaLabel=\"Chat messages\"`.\n   */\n  readonly ariaLabel = input<string | undefined>(undefined);\n\n  /**\n   * Tab index applied to the native scroll viewport.\n   *\n   * The default `0` means **auto**: the viewport is a tab stop only while its\n   * content holds nothing tabbable. A text-only region stays reachable so\n   * keyboard users can scroll it (WCAG 2.1.1), but a region full of form\n   * controls does not add a redundant stop in front of them — which is what\n   * put a focus ring around an entire dialog body on open.\n   *\n   * Any non-zero value is applied verbatim; composite widgets that manage\n   * their own focus pass `-1`.\n   */\n  readonly viewportTabIndex = input<number>(0);\n\n  /** @protected The component's i18n strings signal. */\n  protected readonly _i18n = inject(MLV_SCROLLBAR_I18N, { optional: true });\n\n  /** @protected Resolved aria-label: explicit input takes precedence over i18n default. */\n  protected readonly _resolvedAriaLabel = computed(\n    () =>\n      this.ariaLabel() ??\n      this._i18n?.().scrollableRegion ??\n      'Scrollable region',\n  );\n\n  /**\n   * @protected Whether the scrolled content currently holds a tabbable element.\n   * Recomputed after render and on every content mutation.\n   */\n  protected readonly _hasTabbableContent = signal(false);\n\n  /**\n   * @protected Tab index actually written to the viewport.\n   *\n   * `0` is treated as \"auto\" and collapses to `-1` once the content itself is\n   * keyboard-reachable; every other value passes through unchanged.\n   */\n  protected readonly _effectiveViewportTabIndex = computed(() => {\n    const requested = this.viewportTabIndex();\n    if (requested !== 0) {\n      return requested;\n    }\n    return this._hasTabbableContent() ? -1 : 0;\n  });\n\n  /** @protected Whether the vertical track should be rendered. */\n  protected readonly _showVertical = computed(\n    () =>\n      !this.disabled() &&\n      (this.orientation() === 'vertical' || this.orientation() === 'both'),\n  );\n\n  /** @protected Whether the horizontal track should be rendered. */\n  protected readonly _showHorizontal = computed(\n    () =>\n      !this.disabled() &&\n      (this.orientation() === 'horizontal' || this.orientation() === 'both'),\n  );\n\n  /** @protected True when scrollHeight > clientHeight (vertical overflow present). */\n  protected readonly _hasVerticalOverflow = signal(false);\n\n  /** @protected True when scrollWidth > clientWidth (horizontal overflow present). */\n  protected readonly _hasHorizontalOverflow = signal(false);\n\n  /** @protected Vertical thumb top offset in pixels (set as inline style). */\n  protected readonly _thumbTop = signal(0);\n\n  /** @protected Vertical thumb height in pixels (set as inline style). */\n  protected readonly _thumbHeight = signal(0);\n\n  /** @protected Horizontal thumb left offset in pixels (set as inline style). */\n  protected readonly _thumbLeft = signal(0);\n\n  /** @protected Horizontal thumb width in pixels (set as inline style). */\n  protected readonly _thumbWidth = signal(0);\n\n  /** @protected True while the user is actively dragging a thumb. Adds `--dragging` modifier. */\n  protected readonly _isDragging = signal(false);\n\n  /** @protected True while scroll events are firing. Cleared after 150 ms idle. Adds `--scrolling` modifier. */\n  protected readonly _isScrolling = signal(false);\n\n  /** @private Reference to the inner scrollable viewport element. */\n  private readonly _viewport =\n    viewChild.required<ElementRef<HTMLDivElement>>('viewport');\n\n  /**\n   * The native scrollable viewport element.\n   * Lets wrapping components (e.g. `main[mlvPage]`) observe scroll position\n   * without reaching into the component's private DOM.\n   */\n  get viewportElement(): HTMLElement {\n    return this._viewport().nativeElement;\n  }\n\n  /** @private Reference to the vertical track element. */\n  private readonly _trackV =\n    viewChild.required<ElementRef<HTMLDivElement>>('trackV');\n\n  /** @private Reference to the horizontal track element. */\n  private readonly _trackH =\n    viewChild.required<ElementRef<HTMLDivElement>>('trackH');\n\n  /** @private Minimum rendered thumb length in pixels — prevents thumb from becoming unclickable. */\n  private readonly _minThumbSize = 32;\n\n  /** @private Native ResizeObserver watching viewport and content size. */\n  private _resizeObserver: ResizeObserver | null = null;\n\n  /** @private Native MutationObserver keeping `_hasTabbableContent` in sync with projected content. */\n  private _contentObserver: MutationObserver | null = null;\n\n  /** @private CDK checker used to decide whether projected content is keyboard-reachable. */\n  private readonly _interactivityChecker = inject(InteractivityChecker);\n\n  /** @private Timeout ID for clearing the `--scrolling` modifier after idle. */\n  private _scrollTimeout: ReturnType<typeof setTimeout> | null = null;\n\n  /** @private DestroyRef used to clean up the ResizeObserver, timers, and drag listeners. */\n  private readonly _destroyRef = inject(DestroyRef);\n\n  /** @private Renderer2 used so DOM listeners are SSR-safe and unsubscribable. */\n  private readonly _renderer = inject(Renderer2);\n\n  constructor() {\n    afterNextRender(() => {\n      this._updateGeometry();\n      this._updateTabbableContent();\n\n      const viewportEl = this._viewport().nativeElement;\n      const contentEl = viewportEl.firstElementChild;\n\n      if (contentEl && typeof MutationObserver !== 'undefined') {\n        // Projected content is opaque to the component, so tabbability has to\n        // be re-read whenever it changes shape — a lazily rendered form, a\n        // button that becomes disabled, an @if that swaps text for controls.\n        this._contentObserver = new MutationObserver(() =>\n          this._updateTabbableContent(),\n        );\n        this._contentObserver.observe(contentEl, {\n          childList: true,\n          subtree: true,\n          attributes: true,\n          attributeFilter: ['tabindex', 'disabled', 'hidden', 'href', 'type'],\n        });\n      }\n\n      if (typeof ResizeObserver === 'undefined') {\n        return;\n      }\n\n      this._resizeObserver = new ResizeObserver(() => {\n        this._updateGeometry();\n      });\n\n      // Observe the viewport to detect host resize (viewport fills host via position:absolute).\n      this._resizeObserver.observe(viewportEl);\n      // Observe the content wrapper to detect content size changes.\n      if (contentEl) {\n        this._resizeObserver.observe(contentEl);\n      }\n    });\n\n    this._destroyRef.onDestroy(() => {\n      this._resizeObserver?.disconnect();\n      this._contentObserver?.disconnect();\n      if (this._scrollTimeout !== null) {\n        clearTimeout(this._scrollTimeout);\n      }\n    });\n  }\n\n  /**\n   * @private Re-reads whether the projected content contains a tab stop.\n   *\n   * Drives `_effectiveViewportTabIndex`: a scroll region only needs to be a tab\n   * stop of its own when nothing inside it already is (WCAG 2.1.1). Keeping it\n   * unconditionally tabbable put a redundant stop — and a focus ring around the\n   * whole region — in front of every dialog body's form controls.\n   */\n  private _updateTabbableContent(): void {\n    const contentEl = this._viewport().nativeElement.firstElementChild;\n    if (!contentEl) {\n      this._hasTabbableContent.set(false);\n      return;\n    }\n\n    const candidates = contentEl.querySelectorAll<HTMLElement>(\n      FOCUSABLE_CANDIDATE_SELECTOR,\n    );\n\n    for (const candidate of Array.from(candidates)) {\n      // `ignoreVisibility` because the CDK's visibility test is geometric and\n      // the content may not have been laid out yet (and never is under jsdom).\n      if (\n        this._interactivityChecker.isFocusable(candidate, {\n          ignoreVisibility: true,\n        }) &&\n        this._interactivityChecker.isTabbable(candidate)\n      ) {\n        this._hasTabbableContent.set(true);\n        return;\n      }\n    }\n\n    this._hasTabbableContent.set(false);\n  }\n\n  /** @protected Handles scroll events on the viewport. Updates thumb positions and `--scrolling` state. */\n  protected _onScroll(): void {\n    this._updateThumbPositions();\n\n    this._isScrolling.set(true);\n    if (this._scrollTimeout !== null) {\n      clearTimeout(this._scrollTimeout);\n    }\n    this._scrollTimeout = setTimeout(() => {\n      this._isScrolling.set(false);\n      this._scrollTimeout = null;\n    }, 150);\n  }\n\n  /**\n   * @protected Handles `pointerdown` on a scrollbar thumb.\n   * Captures the pointer and translates subsequent `pointermove` deltas into\n   * viewport scroll offsets. Releases on `pointerup` or `pointercancel`.\n   */\n  protected _onThumbPointerDown(\n    event: PointerEvent,\n    axis: 'vertical' | 'horizontal',\n  ): void {\n    event.preventDefault();\n    event.stopPropagation();\n\n    const thumb = event.currentTarget as HTMLElement;\n    thumb.setPointerCapture(event.pointerId);\n\n    const viewportEl = this._viewport().nativeElement;\n    const trackEl = (axis === 'vertical' ? this._trackV() : this._trackH())\n      .nativeElement;\n\n    const paddingPx =\n      axis === 'vertical'\n        ? parseFloat(getComputedStyle(trackEl).paddingTop)\n        : parseFloat(getComputedStyle(trackEl).paddingLeft);\n\n    const trackSize =\n      axis === 'vertical'\n        ? trackEl.offsetHeight - paddingPx * 2\n        : trackEl.offsetWidth - paddingPx * 2;\n\n    const thumbSize =\n      axis === 'vertical' ? this._thumbHeight() : this._thumbWidth();\n    const scrollRange =\n      axis === 'vertical'\n        ? viewportEl.scrollHeight - viewportEl.clientHeight\n        : viewportEl.scrollWidth - viewportEl.clientWidth;\n\n    const startPointer = axis === 'vertical' ? event.clientY : event.clientX;\n    const startScroll =\n      axis === 'vertical' ? viewportEl.scrollTop : viewportEl.scrollLeft;\n    const scrollPerPixel =\n      thumbSize < trackSize && scrollRange > 0\n        ? scrollRange / (trackSize - thumbSize)\n        : 0;\n\n    this._isDragging.set(true);\n\n    const onPointerMove = (moveEvent: PointerEvent): void => {\n      const delta =\n        (axis === 'vertical' ? moveEvent.clientY : moveEvent.clientX) -\n        startPointer;\n      if (axis === 'vertical') {\n        viewportEl.scrollTop = startScroll + delta * scrollPerPixel;\n      } else {\n        viewportEl.scrollLeft = startScroll + delta * scrollPerPixel;\n      }\n    };\n\n    let releaseListeners: (() => void) | null = null;\n    const onPointerUp = (): void => {\n      this._isDragging.set(false);\n      releaseListeners?.();\n      releaseListeners = null;\n    };\n\n    const moveDispose = this._renderer.listen(\n      thumb,\n      'pointermove',\n      onPointerMove,\n    );\n    const upDispose = this._renderer.listen(thumb, 'pointerup', onPointerUp);\n    const cancelDispose = this._renderer.listen(\n      thumb,\n      'pointercancel',\n      onPointerUp,\n    );\n\n    releaseListeners = () => {\n      moveDispose();\n      upDispose();\n      cancelDispose();\n    };\n\n    // Guarantee cleanup if the component is destroyed mid-drag — without this\n    // the listeners would leak against the detached thumb element and\n    // _isDragging would stay true.\n    this._destroyRef.onDestroy(() => {\n      releaseListeners?.();\n    });\n  }\n\n  /**\n   * @private Recalculates overflow detection and thumb geometry.\n   * Called after first render, on ResizeObserver notifications, and on scroll.\n   */\n  private _updateGeometry(): void {\n    const viewportEl = this._viewport().nativeElement;\n    // +1 tolerance for sub-pixel rounding\n    this._hasVerticalOverflow.set(\n      viewportEl.scrollHeight > viewportEl.clientHeight + 1,\n    );\n    this._hasHorizontalOverflow.set(\n      viewportEl.scrollWidth > viewportEl.clientWidth + 1,\n    );\n    this._updateThumbPositions();\n  }\n\n  /**\n   * @private Recomputes thumb position and size signals from the current viewport\n   * scroll state. Fast path — called on every scroll event.\n   */\n  private _updateThumbPositions(): void {\n    const viewportEl = this._viewport().nativeElement;\n\n    if (this._showVertical() && this._hasVerticalOverflow()) {\n      const trackEl = this._trackV().nativeElement;\n      const paddingPx = parseFloat(getComputedStyle(trackEl).paddingTop);\n      const usableHeight = trackEl.offsetHeight - paddingPx * 2;\n      const ratio = viewportEl.clientHeight / viewportEl.scrollHeight;\n      const thumbH = Math.max(this._minThumbSize, usableHeight * ratio);\n      const scrollRange = viewportEl.scrollHeight - viewportEl.clientHeight;\n      const thumbT =\n        scrollRange > 0\n          ? paddingPx +\n            (viewportEl.scrollTop / scrollRange) * (usableHeight - thumbH)\n          : paddingPx;\n      this._thumbHeight.set(Math.round(thumbH));\n      this._thumbTop.set(Math.round(thumbT));\n    }\n\n    if (this._showHorizontal() && this._hasHorizontalOverflow()) {\n      const trackEl = this._trackH().nativeElement;\n      const paddingPx = parseFloat(getComputedStyle(trackEl).paddingLeft);\n      const usableWidth = trackEl.offsetWidth - paddingPx * 2;\n      const ratio = viewportEl.clientWidth / viewportEl.scrollWidth;\n      const thumbW = Math.max(this._minThumbSize, usableWidth * ratio);\n      const scrollRange = viewportEl.scrollWidth - viewportEl.clientWidth;\n      const thumbL =\n        scrollRange > 0\n          ? paddingPx +\n            (viewportEl.scrollLeft / scrollRange) * (usableWidth - thumbW)\n          : paddingPx;\n      this._thumbWidth.set(Math.round(thumbW));\n      this._thumbLeft.set(Math.round(thumbL));\n    }\n  }\n}\n","<div\n  class=\"mlv-scrollbar__viewport\"\n  #viewport\n  [attr.tabindex]=\"_effectiveViewportTabIndex()\"\n  [attr.aria-label]=\"_resolvedAriaLabel()\"\n  (scroll)=\"_onScroll()\"\n>\n  <div class=\"mlv-scrollbar__content\" #content>\n    <ng-content />\n  </div>\n</div>\n\n<!-- Custom track and thumb elements are purely visual overlays.\n     Screen readers use the viewport's native scroll semantics above. -->\n<div\n  class=\"mlv-scrollbar__track mlv-scrollbar__track--vertical\"\n  [class.mlv-scrollbar__track--hidden]=\"!_showVertical() || !_hasVerticalOverflow()\"\n  aria-hidden=\"true\"\n  #trackV\n>\n  <div\n    class=\"mlv-scrollbar__thumb\"\n    [style.top.px]=\"_thumbTop()\"\n    [style.height.px]=\"_thumbHeight()\"\n    (pointerdown)=\"_onThumbPointerDown($event, 'vertical')\"\n  ></div>\n</div>\n\n<div\n  class=\"mlv-scrollbar__track mlv-scrollbar__track--horizontal\"\n  [class.mlv-scrollbar__track--hidden]=\"!_showHorizontal() || !_hasHorizontalOverflow()\"\n  aria-hidden=\"true\"\n  #trackH\n>\n  <div\n    class=\"mlv-scrollbar__thumb\"\n    [style.left.px]=\"_thumbLeft()\"\n    [style.width.px]=\"_thumbWidth()\"\n    (pointerdown)=\"_onThumbPointerDown($event, 'horizontal')\"\n  ></div>\n</div>\n"]}

package/esm2022/scrollbar/malva-ui-core-scrollbar.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=malva-ui-core-scrollbar.js.map

package/esm2022/scrollbar/malva-ui-core-scrollbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"malva-ui-core-scrollbar.js","sourceRoot":"","sources":["../../../../../libs/core/scrollbar/src/malva-ui-core-scrollbar.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

package/esm2022/search-field/index.js

@@ -0,0 +1,3 @@
+export * from './lib/search-field/search-field';
+export * from './lib/search-field/search-overlay-content';
+//# sourceMappingURL=index.js.map

package/esm2022/search-field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/core/search-field/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC;AAChD,cAAc,2CAA2C,CAAC","sourcesContent":["export * from './lib/search-field/search-field';\nexport * from './lib/search-field/search-overlay-content';\n"]}