@malva-ui/core 0.1.12 → 0.1.14

package/fesm2022/malva-ui-core-rating.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"malva-ui-core-rating.mjs","sources":["../../../../libs/core/rating/src/lib/rating/rating.ts","../../../../libs/core/rating/src/lib/rating/rating.html","../../../../libs/core/rating/src/malva-ui-core-rating.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  ElementRef,\n  forwardRef,\n  inject,\n  input,\n  model,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { coerceNumberProperty } from '@angular/cdk/coercion';\nimport { DOWN_ARROW, LEFT_ARROW, RIGHT_ARROW, UP_ARROW } from '@angular/cdk/keycodes';\nimport type { MlvFormControl } from '@malva-ui/core/form-utils';\nimport {\n  MlvSignalFormControlBase,\n  MLV_FORM_CONTROL,\n} from '@malva-ui/core/form-utils';\nimport { LucideStar } from '@lucide/angular';\nimport { MlvRtlService } from '@malva-ui/cdk/utils';\nimport { MLV_RATING_I18N, MlvI18nResolverService } from '@malva-ui/i18n';\n\n/**\n * Star rating component with half-star precision and read-only mode.\n *\n * Extends {@link MlvSignalFormControlBase}, inheriting the shared `disabled`,\n * `readonly`, `state`, `id`, `label`, `hint` and `message` inputs plus the\n * signal-forms field contract.\n *\n * - Hover preview highlights stars up to the cursor.\n * - Half-star precision via clip-path technique when `step=\"0.5\"`.\n * - Keyboard: ArrowRight/ArrowLeft step up/down, Home for min, End for max.\n * - Integrates with signal, reactive, and template-driven Angular forms.\n *\n * @example Basic\n * ```html\n * <mlv-rating [max]=\"5\" [(ngModel)]=\"rating\" />\n * ```\n *\n * @example Half-star precision\n * ```html\n * <mlv-rating [step]=\"0.5\" [formField]=\"ratingForm.score\" />\n * ```\n *\n * @example Read-only display\n * ```html\n * <mlv-rating [value]=\"4.5\" [readonly]=\"true\" />\n * ```\n */\n@Component({\n  selector: 'mlv-rating',\n  templateUrl: './rating.html',\n  styleUrl: './rating.scss',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [LucideStar],\n  providers: [\n    {\n      provide: MLV_FORM_CONTROL,\n      useExisting: forwardRef(() => MlvRating),\n    },\n  ],\n  host: {\n    class: 'mlv-rating',\n    '[class]': '\"mlv-rating--state-\" + resolvedState()',\n    '[class.mlv-rating--readonly]': 'readonly()',\n    '[class.mlv-rating--disabled]': 'computedDisabled()',\n    '[attr.id]': 'id()',\n    '[attr.role]': '\"group\"',\n    '[attr.aria-label]': '_i18n().rating',\n    '[attr.aria-disabled]': 'computedDisabled() || null',\n    '(mouseleave)': '_onHostMouseLeave()',\n    '(keydown)': '_onHostKeydown($event)',\n    '[attr.tabindex]': 'readonly() || computedDisabled() ? null : -1',\n  },\n})\nexport class MlvRating\n  extends MlvSignalFormControlBase<number>\n  implements MlvFormControl\n{\n  /** @protected The component's i18n strings signal. */\n  protected readonly _i18n = inject(MLV_RATING_I18N);\n\n  /** @private Resolver for ICU parameterized i18n strings. */\n  private readonly _resolver = inject(MlvI18nResolverService);\n  private readonly _rtlService = inject(MlvRtlService);\n\n  /**\n   * @private Effective direction of this rating, tracking the global direction\n   * and any `[dir]` scope above the host. Mirrors half-star hit testing.\n   */\n  private readonly _direction = this._rtlService.elementDirection(\n    inject(ElementRef<HTMLElement>),\n  );\n\n  /**\n   * @private Whether the pointer is over the leading (lower-value) half of a\n   * star. `offsetX` is always measured from the physical left edge, so RTL —\n   * where the leading half is the right one — has to mirror it.\n   */\n  private _isLeadingHalf(event: MouseEvent, star: HTMLElement): boolean {\n    const half = star.offsetWidth / 2;\n    return this._direction() === 'rtl'\n      ? event.offsetX > half\n      : event.offsetX < half;\n  }\n\n  /**\n   * Total number of stars.\n   * @default 5\n   */\n  readonly max = input<number, number | string | null | undefined>(5, {\n    transform: (value) =>\n      Math.max(1, Math.floor(coerceNumberProperty(value, 5))),\n  });\n\n  /**\n   * Step increment — `1` for whole stars, `0.5` for half-star precision.\n   * @default 1\n   */\n  readonly step = input<1 | 0.5, number | null | undefined>(1, {\n    transform: (value) => (value === 0.5 ? 0.5 : 1),\n  });\n\n  // ── Internal state ─────────────────────────────────────────────────────────\n\n  /**\n   * The committed rating — the signal-forms `FormValueControl` model. Kept in\n   * sync by `[formField]`, `[formControl]`, and `ngModel` bindings.\n   */\n  readonly value = model(0);\n\n  /** Tracks the hover preview value (0 = not hovering). */\n  protected readonly _hoverValue = signal<number>(0);\n\n  /** The value visually displayed — hover preview takes precedence. */\n  protected readonly _displayValue = computed(\n    () => this._hoverValue() || this.value(),\n  );\n\n  /** Indices `[0 … max-1]` for `@for` iteration. */\n  protected readonly _indices = computed(() =>\n    Array.from({ length: this.max() }, (_, i) => i),\n  );\n\n  /**\n   * The 0-based index of the star that is in the tab order (roving tabindex).\n   * The star covering the current value is tabbable; when no value is set the\n   * first star is. All other stars are removed from the tab order so the rating\n   * is a single tab stop, with Arrow keys moving between values.\n   */\n  protected readonly _activeIndex = computed(() => {\n    const value = this.value();\n    if (value <= 0) return 0;\n    return Math.min(this.max() - 1, Math.ceil(value) - 1);\n  });\n\n  /** Whether the control holds a clearable value — A non-zero rating is set. */\n  readonly hasValue = computed(() => this.value() > 0);\n\n  // ── Fill calculation ────────────────────────────────────────────────────────\n\n  /**\n   * Returns the percentage of star `starIndex` (1-indexed) that should be filled.\n   * 100 = full, 50 = half, 0 = empty.\n   */\n  protected _getFillPercent(starIndex: number): number {\n    const display = this._displayValue();\n    if (display >= starIndex) return 100;\n    if (display >= starIndex - 0.5) return 50;\n    return 0;\n  }\n\n  /**\n   * Returns the CSS `clip-path` value for the filled star overlay.\n   * `inset(0 {remainder}% 0 0)` clips the right side.\n   */\n  protected _clipPath(starIndex: number): string {\n    const remainder = 100 - this._getFillPercent(starIndex);\n    return `inset(0 ${remainder}% 0 0)`;\n  }\n\n  /**\n   * @internal Resolves the per-star aria-label, e.g. \"Rate 3 out of 5\".\n   * @param starIndex 1-based star number.\n   */\n  protected _rateLabel(starIndex: number): string {\n    return this._resolver.resolve(\n      this._i18n() as unknown as Record<string, string>,\n      'rateValue',\n      { value: starIndex, max: this.max() },\n    );\n  }\n\n  /**\n   * @internal Roving tabindex for star `index` (0-based): `0` for the active\n   * star, `-1` for the rest. Always `-1` when read-only or disabled.\n   */\n  protected _starTabIndex(index: number): number {\n    if (this.readonly() || this.computedDisabled()) return -1;\n    return index === this._activeIndex() ? 0 : -1;\n  }\n\n  // ── Event handlers ─────────────────────────────────────────────────────────\n\n  /** @internal */\n  protected _onStarMouseMove(starIndex: number, event: MouseEvent): void {\n    if (this.readonly() || this.computedDisabled()) return;\n    const el = event.currentTarget as HTMLElement;\n    this._hoverValue.set(\n      this.step() === 0.5 && this._isLeadingHalf(event, el)\n        ? starIndex - 0.5\n        : starIndex,\n    );\n  }\n\n  /** @internal */\n  protected _onStarClick(starIndex: number, event: MouseEvent): void {\n    if (this.readonly() || this.computedDisabled()) return;\n    const el = event.currentTarget as HTMLElement;\n    const newValue =\n      this.step() === 0.5 && this._isLeadingHalf(event, el)\n        ? starIndex - 0.5\n        : starIndex;\n    this.value.set(newValue);\n  }\n\n  /** @internal */\n  protected _onHostMouseLeave(): void {\n    this._hoverValue.set(0);\n  }\n\n  /** @internal */\n  protected _onHostKeydown(event: KeyboardEvent): void {\n    if (this.readonly() || this.computedDisabled()) return;\n    const current = this.value();\n    const stepSize = this.step();\n    let next: number | null = null;\n\n    switch (this._rtlService.normalizeArrowKey(event) ?? event.key) {\n      case RIGHT_ARROW:\n      case UP_ARROW:\n        next = Math.min(this.max(), current + stepSize);\n        break;\n      case LEFT_ARROW:\n      case DOWN_ARROW:\n        next = Math.max(0, current - stepSize);\n        break;\n      case 'Home':\n        next = 0;\n        break;\n      case 'End':\n        next = this.max();\n        break;\n      default:\n        return;\n    }\n\n    if (next !== null) {\n      event.preventDefault();\n      this.value.set(next);\n    }\n  }\n\n  /** @internal */\n  protected _onStarFocus(starIndex: number): void {\n    this._hoverValue.set(starIndex);\n  }\n\n  /** @internal */\n  protected _onStarBlur(): void {\n    this._hoverValue.set(0);\n    this._markTouched();\n  }\n}\n","@for (i of _indices(); track i) {\n<button\n  type=\"button\"\n  class=\"mlv-rating__star\"\n  [attr.aria-label]=\"_rateLabel(i + 1)\"\n  [attr.aria-pressed]=\"value() >= (i + 1)\"\n  [disabled]=\"computedDisabled() || readonly() || null\"\n  [tabindex]=\"_starTabIndex(i)\"\n  (mousemove)=\"_onStarMouseMove(i + 1, $event)\"\n  (click)=\"_onStarClick(i + 1, $event)\"\n  (focus)=\"_onStarFocus(i + 1)\"\n  (blur)=\"_onStarBlur()\"\n>\n  <!-- Empty star (always rendered, forms the \"outline\") -->\n  <svg\n    lucideStar\n    class=\"mlv-rating__icon mlv-rating__icon--empty\"\n    [size]=\"20\"\n    aria-hidden=\"true\"\n  />\n  <!-- Filled star (clipped to show partial fill) -->\n  <svg\n    lucideStar\n    class=\"mlv-rating__icon mlv-rating__icon--filled\"\n    [size]=\"20\"\n    aria-hidden=\"true\"\n    [style.clip-path]=\"_clipPath(i + 1)\"\n  />\n</button>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/malva-ui-core-scrollbar.mjs

@@ -0,0 +1,430 @@
+import * as i0 from '@angular/core';
+import { input, inject, computed, signal, viewChild, DestroyRef, Renderer2, afterNextRender, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { InteractivityChecker } from '@angular/cdk/a11y';
+import { MLV_SCROLLBAR_I18N } from '@malva-ui/i18n';
+
+/**
+ * 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>
+ * ```
+ */
+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"`.
+     *
+     * The label is only written to the DOM while the viewport is itself a tab
+     * stop — see `viewportTabIndex`. A viewport that is not keyboard-reachable
+     * is left as a plain container, because `aria-label` is prohibited on a
+     * role-less element and naming a non-interactive wrapper only adds noise.
+     */
+    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 viewport is itself reachable by keyboard.
+     *
+     * Only a viewport that is a tab stop is a control the user can land on, and
+     * therefore the only case in which the region has to introduce and name
+     * itself (WCAG 4.1.2).
+     */
+    _isViewportFocusable = computed(() => this._effectiveViewportTabIndex() >= 0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_isViewportFocusable" }] : /* istanbul ignore next */ []));
+    /**
+     * @protected ARIA role written to the viewport, or `null` for none.
+     *
+     * `aria-label` is prohibited on an element with no role (implicit
+     * `generic`), so the label was previously discarded by assistive technology.
+     * A focusable scroll container is exposed as `group` rather than the
+     * landmark `region`, so that wrapping content in `mlv-scrollbar` never
+     * injects a landmark — nor a repeated "Scrollable region" landmark name —
+     * into the page. When the viewport is not a tab stop it stays role-less and
+     * unnamed: the projected content owns its own semantics.
+     */
+    _viewportRole = computed(() => this._isViewportFocusable() ? 'group' : null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_viewportRole" }] : /* istanbul ignore next */ []));
+    /**
+     * @protected The label actually written to the viewport, or `null`.
+     *
+     * Mirrors `_viewportRole` so the name is never emitted without a role that
+     * permits it.
+     */
+    _viewportAriaLabel = computed(() => this._isViewportFocusable() ? this._resolvedAriaLabel() : null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_viewportAriaLabel" }] : /* 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.role]=\"_viewportRole()\"\n  [attr.aria-label]=\"_viewportAriaLabel()\"\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: ["@layer mlv.components{.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:hover .mlv-scrollbar__track{opacity:1}.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-medium) solid var(--mlv-border-focus);outline-offset:calc(var(--mlv-focus-ring-offset) * -1)}.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);opacity:0;transition:opacity var(--mlv-duration-normal) var(--mlv-ease-default)}.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)}@media(prefers-reduced-motion:reduce){.mlv-scrollbar,.mlv-scrollbar *,.mlv-scrollbar:before,.mlv-scrollbar:after,[class^=mlv-scrollbar__],[class*=\" mlv-scrollbar__\"],[class^=mlv-scrollbar--],[class*=\" mlv-scrollbar--\"]{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:var(--mlv-duration-instant)!important}}}\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.role]=\"_viewportRole()\"\n  [attr.aria-label]=\"_viewportAriaLabel()\"\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: ["@layer mlv.components{.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:hover .mlv-scrollbar__track{opacity:1}.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-medium) solid var(--mlv-border-focus);outline-offset:calc(var(--mlv-focus-ring-offset) * -1)}.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);opacity:0;transition:opacity var(--mlv-duration-normal) var(--mlv-ease-default)}.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)}@media(prefers-reduced-motion:reduce){.mlv-scrollbar,.mlv-scrollbar *,.mlv-scrollbar:before,.mlv-scrollbar:after,[class^=mlv-scrollbar__],[class*=\" mlv-scrollbar__\"],[class^=mlv-scrollbar--],[class*=\" mlv-scrollbar--\"]{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:var(--mlv-duration-instant)!important}}}\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 }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MlvScrollbar };
+//# sourceMappingURL=malva-ui-core-scrollbar.mjs.map

package/fesm2022/malva-ui-core-scrollbar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"malva-ui-core-scrollbar.mjs","sources":["../../../../libs/core/scrollbar/src/lib/scrollbar/scrollbar.ts","../../../../libs/core/scrollbar/src/lib/scrollbar/scrollbar.html","../../../../libs/core/scrollbar/src/malva-ui-core-scrollbar.ts"],"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   * The label is only written to the DOM while the viewport is itself a tab\n   * stop — see `viewportTabIndex`. A viewport that is not keyboard-reachable\n   * is left as a plain container, because `aria-label` is prohibited on a\n   * role-less element and naming a non-interactive wrapper only adds noise.\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  /**\n   * @protected Whether the viewport is itself reachable by keyboard.\n   *\n   * Only a viewport that is a tab stop is a control the user can land on, and\n   * therefore the only case in which the region has to introduce and name\n   * itself (WCAG 4.1.2).\n   */\n  protected readonly _isViewportFocusable = computed(\n    () => this._effectiveViewportTabIndex() >= 0,\n  );\n\n  /**\n   * @protected ARIA role written to the viewport, or `null` for none.\n   *\n   * `aria-label` is prohibited on an element with no role (implicit\n   * `generic`), so the label was previously discarded by assistive technology.\n   * A focusable scroll container is exposed as `group` rather than the\n   * landmark `region`, so that wrapping content in `mlv-scrollbar` never\n   * injects a landmark — nor a repeated \"Scrollable region\" landmark name —\n   * into the page. When the viewport is not a tab stop it stays role-less and\n   * unnamed: the projected content owns its own semantics.\n   */\n  protected readonly _viewportRole = computed(() =>\n    this._isViewportFocusable() ? 'group' : null,\n  );\n\n  /**\n   * @protected The label actually written to the viewport, or `null`.\n   *\n   * Mirrors `_viewportRole` so the name is never emitted without a role that\n   * permits it.\n   */\n  protected readonly _viewportAriaLabel = computed(() =>\n    this._isViewportFocusable() ? this._resolvedAriaLabel() : null,\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.role]=\"_viewportRole()\"\n  [attr.aria-label]=\"_viewportAriaLabel()\"\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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}