@malva-ui/core 0.1.12

package/esm2022/drawer/lib/drawer-resize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-resize.js","sourceRoot":"","sources":["../../../../../../libs/core/drawer/src/lib/drawer-resize.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  Directive,\n  DestroyRef,\n  ElementRef,\n  NgZone,\n  input,\n  output,\n  inject,\n} from '@angular/core';\nimport { fromEvent, switchMap, takeUntil, tap } from 'rxjs';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { filter } from 'rxjs/operators';\nimport type { MlvDrawerPosition } from './drawer.service';\n\n/** Velocity threshold (px/s) for swipe-to-dismiss. */\nconst DISMISS_VELOCITY_THRESHOLD = 500;\n\n/** Step size as a fraction of viewport size for keyboard resize. */\nconst KEYBOARD_STEP_FRACTION = 0.1;\n\n/**\n * Internal directive that powers drag-to-resize on `mlv-drawer__handle`.\n * Applied by `MlvDrawer` when `resizable=true`; not intended for\n * direct external use.\n *\n * @internal\n */\n@Directive({\n  selector: '[mlvDrawerResize]',\n  host: {\n    role: 'separator',\n    tabindex: '0',\n    'aria-label': 'Resize panel',\n    '[attr.aria-valuenow]': '_currentPercent',\n    '[attr.aria-valuemin]': '0',\n    '[attr.aria-valuemax]': '100',\n    '(keydown)': '_onKeydown($event)',\n  },\n})\nexport class MlvDrawerResize {\n  /** @private Host element ref — the drawer resize handle. */\n  private readonly _el = inject(ElementRef<HTMLElement>);\n  /** @private DestroyRef used for observable and listener cleanup. */\n  private readonly _destroyRef = inject(DestroyRef);\n  /** @private NgZone used to re-enter Angular after out-of-zone pointer handling. */\n  private readonly _zone = inject(NgZone);\n\n  /**\n   * Drawer edge position — determines drag axis and dismiss direction.\n   */\n  readonly position = input.required<MlvDrawerPosition>();\n\n  /**\n   * Sorted snap point percentages (0–100). Empty means free resize with no\n   * snapping. The handle snaps to the nearest point after drag ends.\n   */\n  readonly snapPoints = input<number[]>([]);\n\n  /**\n   * Emitted when the user swipes past the velocity dismiss threshold or\n   * navigates the handle to zero size via keyboard.\n   */\n  readonly dismissed = output<void>();\n\n  /** @protected Current panel size as an integer percentage, exposed for ARIA aria-valuenow. */\n  protected _currentPercent = 100;\n\n  /** @private Last pointer position (px) sampled for velocity tracking. */\n  private _lastPos = 0;\n  /** @private Timestamp of the last pointer sample for velocity tracking. */\n  private _lastTime = 0;\n  /** @private Current drag velocity (px/s) used for swipe-to-dismiss. */\n  private _velocity = 0;\n\n  constructor() {\n    const handle = this._el.nativeElement;\n\n    fromEvent<PointerEvent>(handle, 'pointerdown')\n      .pipe(\n        takeUntilDestroyed(this._destroyRef),\n        filter((e) => e.button === 0),\n        switchMap((startEvent) => {\n          startEvent.preventDefault();\n          handle.setPointerCapture(startEvent.pointerId);\n\n          const panel = this._getPanelElement();\n          if (!panel) return [];\n\n          const pos = this.position();\n          const isVertical = pos === 'bottom' || pos === 'top';\n          const viewportSize = isVertical\n            ? window.innerHeight\n            : window.innerWidth;\n          const rect = panel.getBoundingClientRect();\n          const startPanelSize = isVertical ? rect.height : rect.width;\n          const startPointerPos = isVertical\n            ? startEvent.clientY\n            : startEvent.clientX;\n\n          this._lastPos = startPointerPos;\n          this._lastTime = performance.now();\n          this._velocity = 0;\n\n          // Remove snap transition during drag for direct tracking\n          panel.classList.add('mlv-drawer--dragging');\n\n          return fromEvent<PointerEvent>(handle, 'pointermove').pipe(\n            takeUntil(\n              fromEvent<PointerEvent>(handle, 'pointerup').pipe(\n                tap(() => {\n                  panel.classList.remove('mlv-drawer--dragging');\n                  this._zone.run(() =>\n                    this._onPointerUp(panel, pos, isVertical, viewportSize),\n                  );\n                }),\n              ),\n            ),\n            tap((moveEvent) => {\n              const currentPos = isVertical\n                ? moveEvent.clientY\n                : moveEvent.clientX;\n              const now = performance.now();\n              const dt = now - this._lastTime;\n              if (dt > 0) {\n                this._velocity = (currentPos - this._lastPos) / (dt / 1000);\n              }\n              this._lastPos = currentPos;\n              this._lastTime = now;\n\n              const delta = currentPos - startPointerPos;\n              // For bottom/right drawers: moving pointer toward viewport edge (positive delta)\n              // means dragging the panel closed, so size decreases.\n              let newSize =\n                pos === 'bottom' || pos === 'right'\n                  ? startPanelSize - delta\n                  : startPanelSize + delta;\n\n              newSize = Math.max(0, Math.min(viewportSize, newSize));\n              this._updatePanelSize(panel, newSize, viewportSize);\n            }),\n          );\n        }),\n      )\n      .subscribe();\n  }\n\n  /**\n   * @private Gets the drawer panel element — the direct parent of the handle.\n   */\n  private _getPanelElement(): HTMLElement | null {\n    return this._el.nativeElement.parentElement;\n  }\n\n  /**\n   * @private Applies snap logic (or dismiss) after pointer is released.\n   */\n  private _onPointerUp(\n    panel: HTMLElement,\n    pos: MlvDrawerPosition,\n    isVertical: boolean,\n    viewportSize: number,\n  ): void {\n    // Determine effective dismiss velocity: positive means \"closing direction\"\n    const dismissVelocity =\n      pos === 'bottom'\n        ? this._velocity\n        : pos === 'top'\n          ? -this._velocity\n          : pos === 'right'\n            ? this._velocity\n            : -this._velocity;\n\n    if (dismissVelocity > DISMISS_VELOCITY_THRESHOLD) {\n      this.dismissed.emit();\n      return;\n    }\n\n    const snapPoints = this.snapPoints();\n    if (snapPoints.length === 0) return;\n\n    const currentSizePx = isVertical\n      ? panel.getBoundingClientRect().height\n      : panel.getBoundingClientRect().width;\n    const currentPercent = (currentSizePx / viewportSize) * 100;\n\n    // Find nearest snap point by absolute distance\n    let nearestSnap = snapPoints[0];\n    let minDist = Math.abs(currentPercent - snapPoints[0]);\n    for (const sp of snapPoints) {\n      const dist = Math.abs(currentPercent - sp);\n      if (dist < minDist) {\n        minDist = dist;\n        nearestSnap = sp;\n      }\n    }\n\n    if (nearestSnap === 0) {\n      this.dismissed.emit();\n      return;\n    }\n\n    // Animate panel to snap target\n    panel.classList.add('mlv-drawer--snapping');\n    const snapSizePx = (viewportSize * nearestSnap) / 100;\n    this._updatePanelSize(panel, snapSizePx, viewportSize);\n    this._currentPercent = nearestSnap;\n\n    const onTransitionEnd = () => {\n      panel.classList.remove('mlv-drawer--snapping');\n      panel.removeEventListener('transitionend', onTransitionEnd);\n    };\n    panel.addEventListener('transitionend', onTransitionEnd);\n  }\n\n  /**\n   * @private Sets the `--mlv-drawer-current-size` CSS variable on the panel\n   * element and updates the ARIA value.\n   */\n  private _updatePanelSize(\n    panel: HTMLElement,\n    size: number,\n    viewportSize: number,\n  ): void {\n    panel.style.setProperty('--mlv-drawer-current-size', `${size}px`);\n    this._currentPercent = Math.round((size / viewportSize) * 100);\n  }\n\n  /**\n   * @protected Handles keyboard interaction on the resize handle.\n   *\n   * Arrow Up / Right — increase by 10% of viewport\n   * Arrow Down / Left — decrease by 10% (or dismiss if size would reach zero)\n   * Home — snap to smallest snap point (or dismiss if zero)\n   * End — snap to largest snap point (or full viewport)\n   * Escape — dismiss\n   */\n  protected _onKeydown(event: KeyboardEvent): void {\n    const pos = this.position();\n    const isVertical = pos === 'bottom' || pos === 'top';\n    const panel = this._getPanelElement();\n    if (!panel) return;\n\n    const viewportSize = isVertical ? window.innerHeight : window.innerWidth;\n    const currentSizePx = isVertical\n      ? panel.getBoundingClientRect().height\n      : panel.getBoundingClientRect().width;\n    const stepPx = viewportSize * KEYBOARD_STEP_FRACTION;\n    const snapPoints = this.snapPoints();\n    let newSize: number | null = null;\n\n    switch (event.key) {\n      case 'ArrowUp':\n      case 'ArrowRight':\n        newSize = currentSizePx + stepPx;\n        break;\n      case 'ArrowDown':\n      case 'ArrowLeft':\n        newSize = currentSizePx - stepPx;\n        if (newSize <= 0) {\n          event.preventDefault();\n          this.dismissed.emit();\n          return;\n        }\n        break;\n      case 'Home':\n        if (snapPoints.length > 0) {\n          newSize = (viewportSize * snapPoints[0]) / 100;\n          if (newSize <= 0) {\n            event.preventDefault();\n            this.dismissed.emit();\n            return;\n          }\n        }\n        break;\n      case 'End':\n        newSize =\n          snapPoints.length > 0\n            ? (viewportSize * snapPoints[snapPoints.length - 1]) / 100\n            : viewportSize;\n        break;\n      case 'Escape':\n        event.preventDefault();\n        this.dismissed.emit();\n        return;\n      default:\n        return;\n    }\n\n    if (newSize !== null) {\n      event.preventDefault();\n      newSize = Math.max(0, Math.min(viewportSize, newSize));\n      this._updatePanelSize(panel, newSize, viewportSize);\n    }\n  }\n}\n"]}

package/esm2022/drawer/lib/drawer-section/drawer-section.js

@@ -0,0 +1,26 @@
+import { ChangeDetectionStrategy, Component, ElementRef, inject, input, ViewEncapsulation, } from '@angular/core';
+import { MlvDrawerSectionsService } from '../drawer-sections.service';
+import { mlvNextId } from '@malva-ui/cdk/utils';
+import * as i0 from "@angular/core";
+export class MlvDrawerSection {
+    label = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    id = input(mlvNextId('mlv-drawer-section'), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+    elementRef = inject(ElementRef);
+    /** @private Scoped service tracking section registration and scroll-active state. */
+    _sectionService = inject(MlvDrawerSectionsService);
+    ngOnInit() {
+        this._sectionService.register(this);
+    }
+    ngOnDestroy() {
+        this._sectionService.unregister(this);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvDrawerSection, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: MlvDrawerSection, isStandalone: true, selector: "[mlvDrawerSection]", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<h5 class=\"mlv-drawer-section__heading\">{{ label() }}</h5>\n\n<div class=\"mlv-drawer-section__content\">\n  <ng-content />\n</div>\n", styles: [".mlv-drawer-section{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-drawer-section *{box-sizing:border-box}.mlv-drawer-section__heading{display:flex;align-items:center;justify-content:space-between;padding:var(--mlv-spacing-2) 0;border-bottom:.0625rem solid var(--mlv-border-normal);margin:0 0 var(--mlv-spacing-3);color:var(--mlv-text-primary)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvDrawerSection, decorators: [{
+            type: Component,
+            args: [{ selector: '[mlvDrawerSection]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<h5 class=\"mlv-drawer-section__heading\">{{ label() }}</h5>\n\n<div class=\"mlv-drawer-section__content\">\n  <ng-content />\n</div>\n", styles: [".mlv-drawer-section{box-sizing:border-box;padding:0;margin:0;font-family:var(--mlv-typography-family-text);font-size:var(--mlv-font-size-m)}.mlv-drawer-section *{box-sizing:border-box}.mlv-drawer-section__heading{display:flex;align-items:center;justify-content:space-between;padding:var(--mlv-spacing-2) 0;border-bottom:.0625rem solid var(--mlv-border-normal);margin:0 0 var(--mlv-spacing-3);color:var(--mlv-text-primary)}\n"] }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
+//# sourceMappingURL=drawer-section.js.map

package/esm2022/drawer/lib/drawer-section/drawer-section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-section.js","sourceRoot":"","sources":["../../../../../../../libs/core/drawer/src/lib/drawer-section/drawer-section.ts","../../../../../../../libs/core/drawer/src/lib/drawer-section/drawer-section.html"],"names":[],"mappings":"AACA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,UAAU,EACV,MAAM,EACN,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;;AAYhD,MAAM,OAAO,gBAAgB;IAGlB,KAAK,GAAG,KAAK,CAAC,QAAQ;8EAAU,CAAC;IACjC,EAAE,GAAG,KAAK,CAAS,SAAS,CAAC,oBAAoB,CAAC;2EAAC,CAAC;IAEpD,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAEzC,qFAAqF;IACpE,eAAe,GAAG,MAAM,CAAC,wBAAwB,CAAC,CAAC;IAEpE,QAAQ;QACN,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACtC,CAAC;IAED,WAAW;QACT,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IACxC,CAAC;uGAjBU,gBAAgB;2FAAhB,gBAAgB,gUCvB7B,yIAKA;;2FDkBa,gBAAgB;kBAV5B,SAAS;+BAIE,oBAAoB,iBAGf,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM","sourcesContent":["import type { OnDestroy, OnInit } from '@angular/core';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  inject,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport type { MlvDrawerSectionState } from '../drawer-sections.service';\nimport { MlvDrawerSectionsService } from '../drawer-sections.service';\nimport { mlvNextId } from '@malva-ui/cdk/utils';\n\n@Component({\n  // Attribute-selector component — camelCase [mlvX] is the documented pattern\n  // (see .claude/rules/angular-component.md); the rule only models kebab-case.\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: '[mlvDrawerSection]',\n  templateUrl: 'drawer-section.html',\n  styleUrls: ['drawer-section.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MlvDrawerSection\n  implements MlvDrawerSectionState, OnInit, OnDestroy\n{\n  readonly label = input.required<string>();\n  readonly id = input<string>(mlvNextId('mlv-drawer-section'));\n\n  readonly elementRef = inject(ElementRef);\n\n  /** @private Scoped service tracking section registration and scroll-active state. */\n  private readonly _sectionService = inject(MlvDrawerSectionsService);\n\n  ngOnInit() {\n    this._sectionService.register(this);\n  }\n\n  ngOnDestroy() {\n    this._sectionService.unregister(this);\n  }\n}\n","<h5 class=\"mlv-drawer-section__heading\">{{ label() }}</h5>\n\n<div class=\"mlv-drawer-section__content\">\n  <ng-content />\n</div>\n"]}

package/esm2022/drawer/lib/drawer-sections/drawer-sections.js

@@ -0,0 +1,58 @@
+import { ChangeDetectionStrategy, Component, computed, ElementRef, inject, signal, ViewEncapsulation, } from '@angular/core';
+import { MlvDrawerSectionsService } from '../drawer-sections.service';
+import { MlvPopup, MlvPopupContent, MlvPopupTrigger, } from '@malva-ui/core/popup';
+import { MlvButton, MlvButtonIcon } from '@malva-ui/core/button';
+import { MlvList, MlvListItem } from '@malva-ui/core/list';
+import { LucideChevronDown } from '@lucide/angular';
+import { MlvClick } from '@malva-ui/cdk/accessibility';
+import * as i0 from "@angular/core";
+export class MlvDrawerSections {
+    /** @protected Service exposing the registered drawer sections and the currently scrolled section. */
+    sectionsService = inject(MlvDrawerSectionsService);
+    /** @protected Two-way open state of the section-navigation popup. */
+    isOpen = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+    /**
+     * @protected Whether the navigator has anything to navigate between.
+     *
+     * A single registered section produced a "Meta ▾" menu whose only entry was
+     * the section already on screen, so the control is suppressed below two.
+     */
+    _hasMultipleSections = computed(() => this.sectionsService.normalizedSections().length > 1, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_hasMultipleSections" }] : /* istanbul ignore next */ []));
+    /** @private Host used to scope body lookup to this drawer instance. */
+    _host = inject(ElementRef);
+    navigateToSection(section) {
+        const drawer = this._host.nativeElement.closest('.mlv-drawer');
+        this.scrollIntoViewWithScrollableContainer(drawer?.querySelector('.mlv-drawer__body'), section.nativeElement, 80);
+    }
+    scrollIntoViewWithScrollableContainer(baseElement, destinationElement, topMargin) {
+        if (baseElement && destinationElement) {
+            const baseScrollTop = baseElement.scrollTop;
+            const elementPosition = destinationElement.getBoundingClientRect().top -
+                baseElement.getBoundingClientRect().top;
+            const offsetPosition = elementPosition + baseScrollTop - (topMargin || 0);
+            baseElement.scrollTo({
+                top: offsetPosition,
+                behavior: 'smooth',
+            });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvDrawerSections, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MlvDrawerSections, isStandalone: true, selector: "mlv-drawer-sections", ngImport: i0, template: "@if (_hasMultipleSections()) {\n<button\n  type=\"button\"\n  mlvButton\n  [mlvPopupTrigger]=\"popup\"\n  [ariaHasPopup]=\"'menu'\"\n  triggerOn=\"hover\"\n  mlvDensity=\"compact\"\n  variant=\"transparent\"\n>\n  {{ sectionsService.currentScrolledSection()?.label() }}\n  <svg lucideChevronDown mlvButtonIcon />\n</button>\n<mlv-popup #popup [(opened)]=\"isOpen\">\n  <ng-template mlvPopupContent>\n    <mlv-list style=\"min-width: 100px\" [listRole]=\"'menu'\">\n      @for (section of sectionsService.normalizedSections(); track section) {\n      <mlv-list-item\n        itemRole=\"menuitem\"\n        (mlvClick)=\"navigateToSection(section.elementRef)\"\n      >\n        {{ section.label() }}\n      </mlv-list-item>\n      }\n    </mlv-list>\n  </ng-template>\n</mlv-popup>\n}\n", dependencies: [{ kind: "directive", type: MlvPopupContent, selector: "[mlvPopupContent]" }, { kind: "component", type: MlvButton, selector: "button[mlvButton], a[mlvButton]", inputs: ["variant", "shape", "disabled", "loading"] }, { kind: "directive", type: MlvButtonIcon, selector: "[mlvButtonIcon]" }, { kind: "directive", type: MlvPopupTrigger, selector: "[mlvPopupTrigger]", inputs: ["mlvPopupTrigger", "triggerOn", "ariaHasPopup"], exportAs: ["mlvPopupTrigger"] }, { kind: "component", type: MlvPopup, selector: "mlv-popup", inputs: ["position", "positions", "width", "height", "minWidth", "minHeight", "maxWidth", "maxHeight", "hasArrow", "hasShadow", "class", "mlvDensity", "flexibleDimensions", "scrollStrategy", "hasBackdrop", "restrictPosition", "panelRole", "modal", "ariaLabel", "dismissExcludeElements", "mobileMode", "mobileBreakpoint", "mobileTitle", "mobileCloseLabel", "opened"], outputs: ["openedChange", "afterOpened", "afterClosed"] }, { kind: "component", type: MlvList, selector: "mlv-list", inputs: ["listRole", "variant"] }, { kind: "component", type: MlvListItem, selector: "mlv-list-item", inputs: ["itemRole", "unread", "accent"] }, { kind: "component", type: LucideChevronDown, selector: "svg[lucideChevronDown]" }, { kind: "directive", type: MlvClick, selector: "[mlvClick]", inputs: ["disabled", "hostRole"], outputs: ["mlvClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvDrawerSections, decorators: [{
+            type: Component,
+            args: [{ selector: 'mlv-drawer-sections', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
+                        MlvPopupContent,
+                        MlvButton,
+                        MlvButtonIcon,
+                        MlvPopupTrigger,
+                        MlvPopup,
+                        MlvList,
+                        MlvListItem,
+                        LucideChevronDown,
+                        MlvClick,
+                    ], template: "@if (_hasMultipleSections()) {\n<button\n  type=\"button\"\n  mlvButton\n  [mlvPopupTrigger]=\"popup\"\n  [ariaHasPopup]=\"'menu'\"\n  triggerOn=\"hover\"\n  mlvDensity=\"compact\"\n  variant=\"transparent\"\n>\n  {{ sectionsService.currentScrolledSection()?.label() }}\n  <svg lucideChevronDown mlvButtonIcon />\n</button>\n<mlv-popup #popup [(opened)]=\"isOpen\">\n  <ng-template mlvPopupContent>\n    <mlv-list style=\"min-width: 100px\" [listRole]=\"'menu'\">\n      @for (section of sectionsService.normalizedSections(); track section) {\n      <mlv-list-item\n        itemRole=\"menuitem\"\n        (mlvClick)=\"navigateToSection(section.elementRef)\"\n      >\n        {{ section.label() }}\n      </mlv-list-item>\n      }\n    </mlv-list>\n  </ng-template>\n</mlv-popup>\n}\n" }]
+        }] });
+//# sourceMappingURL=drawer-sections.js.map

package/esm2022/drawer/lib/drawer-sections/drawer-sections.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-sections.js","sourceRoot":"","sources":["../../../../../../../libs/core/drawer/src/lib/drawer-sections/drawer-sections.ts","../../../../../../../libs/core/drawer/src/lib/drawer-sections/drawer-sections.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,UAAU,EACV,MAAM,EACN,MAAM,EACN,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EACL,QAAQ,EACR,eAAe,EACf,eAAe,GAChB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;;AAmBvD,MAAM,OAAO,iBAAiB;IAC5B,qGAAqG;IAClF,eAAe,GAAG,MAAM,CAAC,wBAAwB,CAAC,CAAC;IAEtE,qEAAqE;IAClD,MAAM,GAAG,MAAM,CAAC,KAAK;+EAAC,CAAC;IAE1C;;;;;OAKG;IACgB,oBAAoB,GAAG,QAAQ,CAChD,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,kBAAkB,EAAE,CAAC,MAAM,GAAG,CAAC;6FAC3D,CAAC;IACF,uEAAuE;IACtD,KAAK,GAAG,MAAM,CAA0B,UAAU,CAAC,CAAC;IAErE,iBAAiB,CAAC,OAAmB;QACnC,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;QAC/D,IAAI,CAAC,qCAAqC,CACxC,MAAM,EAAE,aAAa,CAAC,mBAAmB,CAAC,EAC1C,OAAO,CAAC,aAAa,EACrB,EAAE,CACH,CAAC;IACJ,CAAC;IAED,qCAAqC,CACnC,WAAuC,EACvC,kBAA8C,EAC9C,SAAkB;QAElB,IAAI,WAAW,IAAI,kBAAkB,EAAE,CAAC;YACtC,MAAM,aAAa,GAAG,WAAW,CAAC,SAAS,CAAC;YAC5C,MAAM,eAAe,GACnB,kBAAkB,CAAC,qBAAqB,EAAE,CAAC,GAAG;gBAC9C,WAAW,CAAC,qBAAqB,EAAE,CAAC,GAAG,CAAC;YAC1C,MAAM,cAAc,GAAG,eAAe,GAAG,aAAa,GAAG,CAAC,SAAS,IAAI,CAAC,CAAC,CAAC;YAE1E,WAAW,CAAC,QAAQ,CAAC;gBACnB,GAAG,EAAE,cAAc;gBACnB,QAAQ,EAAE,QAAQ;aACnB,CAAC,CAAC;QACL,CAAC;IACH,CAAC;uGA7CU,iBAAiB;2FAAjB,iBAAiB,+ECrC9B,kxBA4BA,4CDFI,eAAe,8DACf,SAAS,iIACT,aAAa,4DACb,eAAe,uJACf,QAAQ,8dACR,OAAO,sFACP,WAAW,oGACX,iBAAiB,mEACjB,QAAQ;;2FAGC,iBAAiB;kBAjB7B,SAAS;+BACE,qBAAqB,mBACd,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,WAE5B;wBACP,eAAe;wBACf,SAAS;wBACT,aAAa;wBACb,eAAe;wBACf,QAAQ;wBACR,OAAO;wBACP,WAAW;wBACX,iBAAiB;wBACjB,QAAQ;qBACT","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  ElementRef,\n  inject,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { MlvDrawerSectionsService } from '../drawer-sections.service';\nimport {\n  MlvPopup,\n  MlvPopupContent,\n  MlvPopupTrigger,\n} from '@malva-ui/core/popup';\nimport { MlvButton, MlvButtonIcon } from '@malva-ui/core/button';\nimport { MlvList, MlvListItem } from '@malva-ui/core/list';\nimport { LucideChevronDown } from '@lucide/angular';\nimport { MlvClick } from '@malva-ui/cdk/accessibility';\n\n@Component({\n  selector: 'mlv-drawer-sections',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  templateUrl: './drawer-sections.html',\n  imports: [\n    MlvPopupContent,\n    MlvButton,\n    MlvButtonIcon,\n    MlvPopupTrigger,\n    MlvPopup,\n    MlvList,\n    MlvListItem,\n    LucideChevronDown,\n    MlvClick,\n  ],\n})\nexport class MlvDrawerSections {\n  /** @protected Service exposing the registered drawer sections and the currently scrolled section. */\n  protected readonly sectionsService = inject(MlvDrawerSectionsService);\n\n  /** @protected Two-way open state of the section-navigation popup. */\n  protected readonly isOpen = signal(false);\n\n  /**\n   * @protected Whether the navigator has anything to navigate between.\n   *\n   * A single registered section produced a \"Meta ▾\" menu whose only entry was\n   * the section already on screen, so the control is suppressed below two.\n   */\n  protected readonly _hasMultipleSections = computed(\n    () => this.sectionsService.normalizedSections().length > 1,\n  );\n  /** @private Host used to scope body lookup to this drawer instance. */\n  private readonly _host = inject<ElementRef<HTMLElement>>(ElementRef);\n\n  navigateToSection(section: ElementRef): void {\n    const drawer = this._host.nativeElement.closest('.mlv-drawer');\n    this.scrollIntoViewWithScrollableContainer(\n      drawer?.querySelector('.mlv-drawer__body'),\n      section.nativeElement,\n      80,\n    );\n  }\n\n  scrollIntoViewWithScrollableContainer(\n    baseElement: Element | null | undefined,\n    destinationElement: Element | null | undefined,\n    topMargin?: number,\n  ): void {\n    if (baseElement && destinationElement) {\n      const baseScrollTop = baseElement.scrollTop;\n      const elementPosition =\n        destinationElement.getBoundingClientRect().top -\n        baseElement.getBoundingClientRect().top;\n      const offsetPosition = elementPosition + baseScrollTop - (topMargin || 0);\n\n      baseElement.scrollTo({\n        top: offsetPosition,\n        behavior: 'smooth',\n      });\n    }\n  }\n}\n","@if (_hasMultipleSections()) {\n<button\n  type=\"button\"\n  mlvButton\n  [mlvPopupTrigger]=\"popup\"\n  [ariaHasPopup]=\"'menu'\"\n  triggerOn=\"hover\"\n  mlvDensity=\"compact\"\n  variant=\"transparent\"\n>\n  {{ sectionsService.currentScrolledSection()?.label() }}\n  <svg lucideChevronDown mlvButtonIcon />\n</button>\n<mlv-popup #popup [(opened)]=\"isOpen\">\n  <ng-template mlvPopupContent>\n    <mlv-list style=\"min-width: 100px\" [listRole]=\"'menu'\">\n      @for (section of sectionsService.normalizedSections(); track section) {\n      <mlv-list-item\n        itemRole=\"menuitem\"\n        (mlvClick)=\"navigateToSection(section.elementRef)\"\n      >\n        {{ section.label() }}\n      </mlv-list-item>\n      }\n    </mlv-list>\n  </ng-template>\n</mlv-popup>\n}\n"]}

package/esm2022/drawer/lib/drawer-sections.service.js

@@ -0,0 +1,83 @@
+import { computed, effect, Injectable, signal } from '@angular/core';
+import { cloneDeep, sortBy } from 'lodash-es';
+import * as i0 from "@angular/core";
+export class MlvDrawerSectionsService {
+    sections = signal(new Map(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "sections" }] : /* istanbul ignore next */ []));
+    intersectedSections = signal({}, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "intersectedSections" }] : /* istanbul ignore next */ []));
+    currentScrolledSection = computed(() => {
+        const bestFit = sortBy(Object.values(this.intersectedSections()), [
+            'threshold',
+        ]).reverse()[0];
+        return bestFit ? this.sections().get(bestFit.id) : null;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "currentScrolledSection" }] : /* istanbul ignore next */ []));
+    normalizedSections = computed(() => {
+        const sections = Array.from(this.sections().values());
+        return sections;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "normalizedSections" }] : /* istanbul ignore next */ []));
+    _observer = null;
+    constructor() {
+        effect(() => {
+            // We need to track it here to make sure that the observers are re-initialized when the sections change, otherwise the intersection observer won't be able to track the new sections.
+            this.normalizedSections();
+            this.initObservers();
+        });
+    }
+    /**
+     * Registers a section so it appears in `normalizedSections` and is observed
+     * for scroll position.
+     *
+     * A **new** `Map` is stored rather than the existing one being mutated:
+     * signals compare with `Object.is`, so returning the same reference from
+     * `update()` is not a change and neither `normalizedSections` nor the
+     * observer effect would ever see the section.
+     */
+    register(section) {
+        this.sections.update((sections) => new Map(sections).set(section.id(), section));
+    }
+    /** Removes a section from tracking. See {@link register} for why the map is copied. */
+    unregister(section) {
+        this.sections.update((sections) => {
+            const next = new Map(sections);
+            next.delete(section.id());
+            return next;
+        });
+    }
+    destroyObservers() {
+        this._observer?.disconnect();
+        this._observer = null;
+        this.intersectedSections.set({});
+    }
+    initObservers() {
+        this.destroyObservers();
+        this._observer = new IntersectionObserver((entries) => {
+            const shallowIntersectedSections = cloneDeep(this.intersectedSections() || {});
+            entries.forEach((entry) => {
+                shallowIntersectedSections[entry.target.id] = {
+                    intersecting: entry.isIntersecting,
+                    threshold: entry.intersectionRatio,
+                    id: entry.target.id,
+                };
+            });
+            this.intersectedSections.set(shallowIntersectedSections);
+        }, {
+            threshold: [0, 0.25, 0.5, 0.75, 1],
+        });
+        this.normalizedSections().forEach((section) => {
+            this._observer?.observe(section.elementRef.nativeElement);
+        });
+    }
+    ngOnDestroy() {
+        this.sections().clear();
+        this.destroyObservers();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvDrawerSectionsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvDrawerSectionsService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvDrawerSectionsService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=drawer-sections.service.js.map

package/esm2022/drawer/lib/drawer-sections.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-sections.service.js","sourceRoot":"","sources":["../../../../../../libs/core/drawer/src/lib/drawer-sections.service.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ElementRef, OnDestroy, Signal } from '@angular/core';\nimport { computed, effect, Injectable, signal } from '@angular/core';\nimport { cloneDeep, sortBy } from 'lodash-es';\n\nexport interface MlvDrawerSectionState {\n  id: Signal<string>;\n  label: Signal<string>;\n  elementRef: ElementRef;\n}\n\nexport interface MlvDrawerSectionConfig {\n  id: string;\n  label: string;\n  element: ElementRef;\n}\n\nexport interface MlvDrawerSectionIntersection {\n  intersecting: boolean;\n  threshold: number;\n  id: string;\n}\n\n@Injectable()\nexport class MlvDrawerSectionsService implements OnDestroy {\n  readonly sections = signal(new Map<string, MlvDrawerSectionState>());\n\n  readonly intersectedSections = signal<\n    Record<string, MlvDrawerSectionIntersection>\n  >({});\n\n  readonly currentScrolledSection = computed(() => {\n    const bestFit = sortBy(Object.values(this.intersectedSections()), [\n      'threshold',\n    ]).reverse()[0];\n\n    return bestFit ? this.sections().get(bestFit.id) : null;\n  });\n\n  readonly normalizedSections = computed<MlvDrawerSectionState[]>(() => {\n    const sections = Array.from(this.sections().values());\n\n    return sections;\n  });\n\n  private _observer: IntersectionObserver | null = null;\n\n  constructor() {\n    effect(() => {\n      // We need to track it here to make sure that the observers are re-initialized when the sections change, otherwise the intersection observer won't be able to track the new sections.\n      this.normalizedSections();\n      this.initObservers();\n    });\n  }\n\n  /**\n   * Registers a section so it appears in `normalizedSections` and is observed\n   * for scroll position.\n   *\n   * A **new** `Map` is stored rather than the existing one being mutated:\n   * signals compare with `Object.is`, so returning the same reference from\n   * `update()` is not a change and neither `normalizedSections` nor the\n   * observer effect would ever see the section.\n   */\n  register(section: MlvDrawerSectionState) {\n    this.sections.update((sections) =>\n      new Map(sections).set(section.id(), section),\n    );\n  }\n\n  /** Removes a section from tracking. See {@link register} for why the map is copied. */\n  unregister(section: MlvDrawerSectionState) {\n    this.sections.update((sections) => {\n      const next = new Map(sections);\n      next.delete(section.id());\n      return next;\n    });\n  }\n\n  destroyObservers(): void {\n    this._observer?.disconnect();\n    this._observer = null;\n    this.intersectedSections.set({});\n  }\n\n  initObservers(): void {\n    this.destroyObservers();\n\n    this._observer = new IntersectionObserver(\n      (entries) => {\n        const shallowIntersectedSections = cloneDeep(\n          this.intersectedSections() || {},\n        );\n\n        entries.forEach((entry) => {\n          shallowIntersectedSections[entry.target.id] = {\n            intersecting: entry.isIntersecting,\n            threshold: entry.intersectionRatio,\n            id: entry.target.id,\n          };\n        });\n\n        this.intersectedSections.set(shallowIntersectedSections);\n      },\n      {\n        threshold: [0, 0.25, 0.5, 0.75, 1],\n      },\n    );\n\n    this.normalizedSections().forEach((section) => {\n      this._observer?.observe(section.elementRef.nativeElement);\n    });\n  }\n\n  ngOnDestroy(): void {\n    this.sections().clear();\n    this.destroyObservers();\n  }\n}\n"]}

package/esm2022/drawer/lib/drawer.service.js

@@ -0,0 +1,86 @@
+import { Injectable, InjectionToken } from '@angular/core';
+import { MlvOverlayServiceBase } from '@malva-ui/cdk/overlay';
+import { MlvDrawerRef } from './drawer-ref';
+import * as i0 from "@angular/core";
+export const DRAWER_DATA = new InjectionToken('DRAWER_DATA');
+const HIDDEN_TRANSFORMS = {
+    left: 'translateX(-100%)',
+    right: 'translateX(100%)',
+    top: 'translateY(-100%)',
+    bottom: 'translateY(100%)',
+};
+export class MlvDrawerService extends MlvOverlayServiceBase {
+    /** @protected Panel enter-animation class for drawers. */
+    _enterAnimationClass = 'mlv-drawer--enter';
+    /** @protected Anchors the drawer to the configured viewport edge. */
+    _buildPositionStrategy(config) {
+        const position = config.position ?? 'right';
+        const positionStrategy = this._overlay.position().global();
+        if (position === 'left')
+            positionStrategy.left('0').top('0');
+        else if (position === 'right')
+            positionStrategy.right('0').top('0');
+        else if (position === 'top')
+            positionStrategy.top('0').left('0');
+        else
+            positionStrategy.bottom('0').left('0');
+        return positionStrategy;
+    }
+    /** @protected Drawer backdrop class. */
+    _buildOverlayConfig() {
+        return { backdropClass: 'mlv-drawer-backdrop' };
+    }
+    /** @protected Creates the drawer reference, forwarding position and animation duration. */
+    _createRef(overlayRef, config) {
+        const position = config.position ?? 'right';
+        const animationDuration = config.animationDuration ?? 300;
+        return new MlvDrawerRef(overlayRef, position, animationDuration);
+    }
+    /** @protected Provides `MlvDrawerRef` and `DRAWER_DATA` to the opened component. */
+    _createProviders(ref, config) {
+        return [
+            { provide: MlvDrawerRef, useValue: ref },
+            { provide: DRAWER_DATA, useValue: config.data },
+        ];
+    }
+    /** @protected Applies drawer shell classes, hidden-transform var, and panel sizing to the overlay pane. */
+    _decoratePanel(panelEl, config) {
+        const position = config.position ?? 'right';
+        const size = config.size ?? '300px';
+        const isHorizontal = position === 'left' || position === 'right';
+        panelEl.classList.add('mlv-drawer', `mlv-drawer--${position}`);
+        panelEl.style.setProperty('--mlv-drawer-hidden-transform', HIDDEN_TRANSFORMS[position]);
+        if (isHorizontal) {
+            panelEl.style.width = size;
+            panelEl.style.height = '100dvh';
+            panelEl.style.maxWidth = this._resolveMaxSize(config.maxSize, '100dvw');
+            panelEl.style.maxHeight = '100dvh';
+        }
+        else {
+            panelEl.style.height = size;
+            panelEl.style.width = '100dvw';
+            panelEl.style.maxHeight = this._resolveMaxSize(config.maxSize, '100dvh');
+            panelEl.style.maxWidth = '100dvw';
+        }
+    }
+    /**
+     * @private Combines a configured `maxSize` with the viewport ceiling for the
+     * sizing axis.
+     *
+     * `drawer.scss` cannot help here — Angular injects a component's styles when
+     * that component is first instantiated, and `MlvDrawer` is never constructed
+     * on the service path — so the clamp has to be written onto the pane.
+     */
+    _resolveMaxSize(maxSize, viewportCeiling) {
+        return !maxSize || maxSize === '100%'
+            ? viewportCeiling
+            : `min(${maxSize}, ${viewportCeiling})`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvDrawerService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvDrawerService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvDrawerService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+//# sourceMappingURL=drawer.service.js.map

package/esm2022/drawer/lib/drawer.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.service.js","sourceRoot":"","sources":["../../../../../../libs/core/drawer/src/lib/drawer.service.ts"],"names":[],"mappings":"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","sourcesContent":["import type { StaticProvider } from '@angular/core';\nimport { Injectable, InjectionToken } from '@angular/core';\nimport type {\n  OverlayConfig,\n  OverlayRef,\n  PositionStrategy,\n} from '@angular/cdk/overlay';\nimport type { MlvBaseOverlayConfig } from '@malva-ui/cdk/overlay';\nimport { MlvOverlayServiceBase } from '@malva-ui/cdk/overlay';\nimport { MlvDrawerRef } from './drawer-ref';\n\nexport type MlvDrawerPosition = 'left' | 'right' | 'top' | 'bottom';\n\nexport interface MlvDrawerConfig extends MlvBaseOverlayConfig {\n  /** Edge the drawer slides from. Defaults to `'right'`. */\n  position?: MlvDrawerPosition;\n  /** CSS width (left/right) or height (top/bottom) of the panel. */\n  size?: string;\n  /**\n   * CSS max-size ceiling for the panel's sizing axis (width for `left`/`right`,\n   * height for `top`/`bottom`).\n   *\n   * Applied whether or not the drawer is `resizable`, and always additionally\n   * clamped to the viewport so a fixed `size` can never exceed the screen.\n   */\n  maxSize?: string;\n  /** Animation duration in milliseconds. Defaults to `300`. */\n  animationDuration?: number;\n  /**\n   * When true, renders a drag handle on the inward-facing edge.\n   * Enables drag-to-resize and swipe-to-dismiss.\n   */\n  resizable?: boolean;\n  /**\n   * Sorted array of viewport-percentage snap points (0–100).\n   * After drag ends, the panel animates to the nearest snap point.\n   * Only effective when `resizable` is true.\n   */\n  snapPoints?: number[];\n  /**\n   * Initial snap point percentage (0–100) applied when the drawer opens.\n   * Defaults to 100 (full size). Only used when `resizable` is true.\n   */\n  defaultSnap?: number;\n}\n\nexport const DRAWER_DATA = new InjectionToken<unknown>('DRAWER_DATA');\n\nconst HIDDEN_TRANSFORMS: Record<MlvDrawerPosition, string> = {\n  left: 'translateX(-100%)',\n  right: 'translateX(100%)',\n  top: 'translateY(-100%)',\n  bottom: 'translateY(100%)',\n};\n\n@Injectable({ providedIn: 'root' })\nexport class MlvDrawerService extends MlvOverlayServiceBase<\n  MlvDrawerConfig,\n  MlvDrawerRef\n> {\n  /** @protected Panel enter-animation class for drawers. */\n  protected override readonly _enterAnimationClass = 'mlv-drawer--enter';\n\n  /** @protected Anchors the drawer to the configured viewport edge. */\n  protected override _buildPositionStrategy(\n    config: MlvDrawerConfig,\n  ): PositionStrategy {\n    const position = config.position ?? 'right';\n    const positionStrategy = this._overlay.position().global();\n\n    if (position === 'left') positionStrategy.left('0').top('0');\n    else if (position === 'right') positionStrategy.right('0').top('0');\n    else if (position === 'top') positionStrategy.top('0').left('0');\n    else positionStrategy.bottom('0').left('0');\n\n    return positionStrategy;\n  }\n\n  /** @protected Drawer backdrop class. */\n  protected override _buildOverlayConfig(): OverlayConfig {\n    return { backdropClass: 'mlv-drawer-backdrop' };\n  }\n\n  /** @protected Creates the drawer reference, forwarding position and animation duration. */\n  protected override _createRef(\n    overlayRef: OverlayRef,\n    config: MlvDrawerConfig,\n  ): MlvDrawerRef {\n    const position = config.position ?? 'right';\n    const animationDuration = config.animationDuration ?? 300;\n    return new MlvDrawerRef(overlayRef, position, animationDuration);\n  }\n\n  /** @protected Provides `MlvDrawerRef` and `DRAWER_DATA` to the opened component. */\n  protected override _createProviders(\n    ref: MlvDrawerRef,\n    config: MlvDrawerConfig,\n  ): StaticProvider[] {\n    return [\n      { provide: MlvDrawerRef, useValue: ref },\n      { provide: DRAWER_DATA, useValue: config.data },\n    ];\n  }\n\n  /** @protected Applies drawer shell classes, hidden-transform var, and panel sizing to the overlay pane. */\n  protected override _decoratePanel(\n    panelEl: HTMLElement,\n    config: MlvDrawerConfig,\n  ): void {\n    const position = config.position ?? 'right';\n    const size = config.size ?? '300px';\n    const isHorizontal = position === 'left' || position === 'right';\n\n    panelEl.classList.add('mlv-drawer', `mlv-drawer--${position}`);\n    panelEl.style.setProperty(\n      '--mlv-drawer-hidden-transform',\n      HIDDEN_TRANSFORMS[position],\n    );\n\n    if (isHorizontal) {\n      panelEl.style.width = size;\n      panelEl.style.height = '100dvh';\n      panelEl.style.maxWidth = this._resolveMaxSize(config.maxSize, '100dvw');\n      panelEl.style.maxHeight = '100dvh';\n    } else {\n      panelEl.style.height = size;\n      panelEl.style.width = '100dvw';\n      panelEl.style.maxHeight = this._resolveMaxSize(config.maxSize, '100dvh');\n      panelEl.style.maxWidth = '100dvw';\n    }\n  }\n\n  /**\n   * @private Combines a configured `maxSize` with the viewport ceiling for the\n   * sizing axis.\n   *\n   * `drawer.scss` cannot help here — Angular injects a component's styles when\n   * that component is first instantiated, and `MlvDrawer` is never constructed\n   * on the service path — so the clamp has to be written onto the pane.\n   */\n  private _resolveMaxSize(\n    maxSize: string | undefined,\n    viewportCeiling: string,\n  ): string {\n    return !maxSize || maxSize === '100%'\n      ? viewportCeiling\n      : `min(${maxSize}, ${viewportCeiling})`;\n  }\n}\n"]}

package/esm2022/drawer/lib/generate-routable-drawer-route.js

@@ -0,0 +1,52 @@
+/**
+ * Generates a route configuration that opens a component inside a routed drawer.
+ * When the drawer closes, the router navigates back to the parent route.
+ *
+ * The component receives the shell's `Injector`, so it can inject `ActivatedRoute`
+ * to access route params, resolved data, and query params. It can also inject
+ * `MlvDrawerRef` to close itself programmatically.
+ *
+ * @param component - The component to render inside the drawer. Can be an eager class reference
+ *   or a lazy import function (e.g., `() => import('./my-drawer.component')`).
+ * @param options - Route path, named outlet, and drawer configuration options.
+ * @returns A `Route` object to include in your route configuration.
+ *
+ * @example
+ * ```ts
+ * // Lazy-loaded drawer route
+ * {
+ *   path: 'users',
+ *   component: UsersListPage,
+ *   children: [
+ *     mlvGenerateRoutableDrawerRoute(
+ *       () => import('./user-details.component'),
+ *       { path: ':id', position: 'right', size: '500px' },
+ *     ),
+ *   ],
+ * }
+ *
+ * // With guards and resolvers (spread the returned route)
+ * {
+ *   ...mlvGenerateRoutableDrawerRoute(() => import('./details'), { path: ':id' }),
+ *   canActivate: [authGuard],
+ *   resolve: { user: userResolver },
+ * }
+ * ```
+ */
+export function mlvGenerateRoutableDrawerRoute(component, { path = '', outlet = '', ...drawerOptions } = {}) {
+    return {
+        path,
+        outlet: outlet || undefined,
+        loadComponent: () => import('./routable-drawer'),
+        data: {
+            drawer: component,
+            drawerOptions,
+            backUrl: path
+                .split('/')
+                .map(() => '..')
+                .join('/'),
+            isLazy: path === '',
+        },
+    };
+}
+//# sourceMappingURL=generate-routable-drawer-route.js.map

package/esm2022/drawer/lib/generate-routable-drawer-route.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-routable-drawer-route.js","sourceRoot":"","sources":["../../../../../../libs/core/drawer/src/lib/generate-routable-drawer-route.ts"],"names":[],"mappings":"AAKA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,MAAM,UAAU,8BAA8B,CAC5C,SAEiE,EACjE,EACE,IAAI,GAAG,EAAE,EACT,MAAM,GAAG,EAAE,EACX,GAAG,aAAa,KAId,EAAE;IAEN,OAAO;QACL,IAAI;QACJ,MAAM,EAAE,MAAM,IAAI,SAAS;QAC3B,aAAa,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC;QAChD,IAAI,EAAE;YACJ,MAAM,EAAE,SAAS;YACjB,aAAa;YACb,OAAO,EAAE,IAAI;iBACV,KAAK,CAAC,GAAG,CAAC;iBACV,GAAG,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC;iBACf,IAAI,CAAC,GAAG,CAAC;YACZ,MAAM,EAAE,IAAI,KAAK,EAAE;SACpB;KACF,CAAC;AACJ,CAAC","sourcesContent":["import type { Type } from '@angular/core';\nimport type { DefaultExport, Route } from '@angular/router';\n\nimport type { MlvDrawerConfig } from './drawer.service';\n\n/**\n * Generates a route configuration that opens a component inside a routed drawer.\n * When the drawer closes, the router navigates back to the parent route.\n *\n * The component receives the shell's `Injector`, so it can inject `ActivatedRoute`\n * to access route params, resolved data, and query params. It can also inject\n * `MlvDrawerRef` to close itself programmatically.\n *\n * @param component - The component to render inside the drawer. Can be an eager class reference\n *   or a lazy import function (e.g., `() => import('./my-drawer.component')`).\n * @param options - Route path, named outlet, and drawer configuration options.\n * @returns A `Route` object to include in your route configuration.\n *\n * @example\n * ```ts\n * // Lazy-loaded drawer route\n * {\n *   path: 'users',\n *   component: UsersListPage,\n *   children: [\n *     mlvGenerateRoutableDrawerRoute(\n *       () => import('./user-details.component'),\n *       { path: ':id', position: 'right', size: '500px' },\n *     ),\n *   ],\n * }\n *\n * // With guards and resolvers (spread the returned route)\n * {\n *   ...mlvGenerateRoutableDrawerRoute(() => import('./details'), { path: ':id' }),\n *   canActivate: [authGuard],\n *   resolve: { user: userResolver },\n * }\n * ```\n */\nexport function mlvGenerateRoutableDrawerRoute(\n  component:\n    | Type<unknown>\n    | (() => Promise<DefaultExport<Type<unknown>> | Type<unknown>>),\n  {\n    path = '',\n    outlet = '',\n    ...drawerOptions\n  }: { path?: string; outlet?: string } & Omit<\n    MlvDrawerConfig,\n    'data' | 'injector'\n  > = {},\n): Route {\n  return {\n    path,\n    outlet: outlet || undefined,\n    loadComponent: () => import('./routable-drawer'),\n    data: {\n      drawer: component,\n      drawerOptions,\n      backUrl: path\n        .split('/')\n        .map(() => '..')\n        .join('/'),\n      isLazy: path === '',\n    },\n  };\n}\n"]}

package/esm2022/drawer/lib/routable-drawer.js

@@ -0,0 +1,91 @@
+import { ChangeDetectionStrategy, Component, DestroyRef, inject, INJECTOR, ViewEncapsulation, } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { ActivatedRoute, Router } from '@angular/router';
+import { delay, from, of, switchMap } from 'rxjs';
+import { MlvDrawerService } from './drawer.service';
+import * as i0 from "@angular/core";
+/**
+ * Invisible shell component that opens a routed component inside a Malva UI drawer.
+ *
+ * Do not use directly — use `mlvGenerateRoutableDrawerRoute()` to create routes
+ * that render their component inside a drawer overlay.
+ *
+ * @internal
+ */
+export default class MlvRoutableDrawer {
+    /** @private The current activated route — provides access to route data and snapshot. */
+    _route = inject(ActivatedRoute);
+    /** @private The Angular router used for navigating back to the parent route on close. */
+    _router = inject(Router);
+    /** @private The shell component's injector, passed to the drawer for ActivatedRoute access. */
+    _injector = inject(INJECTOR);
+    /** @private Captures the URL at construction time to detect external navigation. */
+    _initialUrl = this._router.url;
+    /** @private The Malva UI drawer service used to open the routed component. */
+    _drawer = inject(MlvDrawerService);
+    constructor() {
+        const { drawerOptions } = this._route.snapshot.data;
+        const componentOrLoader = this._route.snapshot.data['drawer'];
+        let currentRef;
+        let closed = false;
+        const component$ = isClass(componentOrLoader)
+            ? of(componentOrLoader)
+            : from(componentOrLoader().then((m) => m.default ?? m));
+        component$
+            .pipe(delay(0), switchMap((component) => {
+            currentRef = this._drawer.open(component, {
+                ...drawerOptions,
+                injector: this._injector,
+            });
+            return currentRef.afterClosed();
+        }), takeUntilDestroyed())
+            .subscribe({
+            next: () => {
+                closed = true;
+            },
+            complete: () => this._onDrawerClosing(),
+        });
+        inject(DestroyRef).onDestroy(() => {
+            if (!closed) {
+                currentRef?.close();
+            }
+        });
+    }
+    /** @private Computes the relative back URL for lazy-loaded routes. */
+    get _lazyLoadedBackUrl() {
+        return (this._route.parent?.snapshot.url ?? []).map(() => '..').join('/');
+    }
+    /** @private Navigates to parent when the drawer closes and URL hasn't changed externally. */
+    _onDrawerClosing() {
+        if (this._initialUrl === this._router.url) {
+            this._navigateToParent();
+        }
+    }
+    /** @private Navigates to the parent route using the computed back URL. */
+    _navigateToParent() {
+        const backUrl = this._route.snapshot.data['isLazy']
+            ? this._lazyLoadedBackUrl
+            : this._route.snapshot.data['backUrl'];
+        void this._router.navigate([backUrl], { relativeTo: this._route });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvRoutableDrawer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: MlvRoutableDrawer, isStandalone: true, selector: "mlv-routable-drawer", ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvRoutableDrawer, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mlv-routable-drawer',
+                    template: '',
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: () => [] });
+/**
+ * Checks if the given value is a class constructor (as opposed to an arrow function).
+ * Classes have a non-writable `prototype` property.
+ */
+function isClass(fn) {
+    return (typeof fn === 'function' &&
+        Object.getOwnPropertyDescriptor(fn, 'prototype')?.writable === false);
+}
+//# sourceMappingURL=routable-drawer.js.map

package/esm2022/drawer/lib/routable-drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"routable-drawer.js","sourceRoot":"","sources":["../../../../../../libs/core/drawer/src/lib/routable-drawer.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,UAAU,EACV,MAAM,EACN,QAAQ,EACR,iBAAiB,GAClB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,MAAM,CAAC;AAGlD,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;;AAEpD;;;;;;;GAOG;AAOH,MAAM,CAAC,OAAO,OAAO,iBAAiB;IACpC,yFAAyF;IACxE,MAAM,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;IAEjD,yFAAyF;IACxE,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IAE1C,+FAA+F;IAC9E,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IAE9C,oFAAoF;IACnE,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC;IAEhD,8EAA8E;IAC7D,OAAO,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC;IAEpD;QACE,MAAM,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;QACpD,MAAM,iBAAiB,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC9D,IAAI,UAAoC,CAAC;QACzC,IAAI,MAAM,GAAG,KAAK,CAAC;QAEnB,MAAM,UAAU,GAAG,OAAO,CAAC,iBAAiB,CAAC;YAC3C,CAAC,CAAC,EAAE,CAAC,iBAAkC,CAAC;YACxC,CAAC,CAAC,IAAI,CAEA,iBAGD,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,CAChC,CAAC;QAEN,UAAU;aACP,IAAI,CACH,KAAK,CAAC,CAAC,CAAC,EACR,SAAS,CAAC,CAAC,SAAS,EAAE,EAAE;YACtB,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE;gBACxC,GAAG,aAAa;gBAChB,QAAQ,EAAE,IAAI,CAAC,SAAS;aACzB,CAAC,CAAC;YACH,OAAO,UAAU,CAAC,WAAW,EAAE,CAAC;QAClC,CAAC,CAAC,EACF,kBAAkB,EAAE,CACrB;aACA,SAAS,CAAC;YACT,IAAI,EAAE,GAAG,EAAE;gBACT,MAAM,GAAG,IAAI,CAAC;YAChB,CAAC;YACD,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,gBAAgB,EAAE;SACxC,CAAC,CAAC;QAEL,MAAM,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,GAAG,EAAE;YAChC,IAAI,CAAC,MAAM,EAAE,CAAC;gBACZ,UAAU,EAAE,KAAK,EAAE,CAAC;YACtB,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,sEAAsE;IACtE,IAAY,kBAAkB;QAC5B,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC5E,CAAC;IAED,6FAA6F;IACrF,gBAAgB;QACtB,IAAI,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC;YAC1C,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC3B,CAAC;IACH,CAAC;IAED,0EAA0E;IAClE,iBAAiB;QACvB,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC;YACjD,CAAC,CAAC,IAAI,CAAC,kBAAkB;YACzB,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAEzC,KAAK,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;IACrE,CAAC;uGA7EkB,iBAAiB;2FAAjB,iBAAiB,+EAJ1B,EAAE;;2FAIO,iBAAiB;kBANrC,SAAS;mBAAC;oBACT,QAAQ,EAAE,qBAAqB;oBAC/B,QAAQ,EAAE,EAAE;oBACZ,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;;AAiFD;;;GAGG;AACH,SAAS,OAAO,CAAC,EAAW;IAC1B,OAAO,CACL,OAAO,EAAE,KAAK,UAAU;QACxB,MAAM,CAAC,wBAAwB,CAAC,EAAE,EAAE,WAAW,CAAC,EAAE,QAAQ,KAAK,KAAK,CACrE,CAAC;AACJ,CAAC","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  inject,\n  INJECTOR,\n  ViewEncapsulation,\n} from '@angular/core';\nimport type { Type } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { delay, from, of, switchMap } from 'rxjs';\n\nimport type { MlvDrawerRef } from './drawer-ref';\nimport { MlvDrawerService } from './drawer.service';\n\n/**\n * Invisible shell component that opens a routed component inside a Malva UI drawer.\n *\n * Do not use directly — use `mlvGenerateRoutableDrawerRoute()` to create routes\n * that render their component inside a drawer overlay.\n *\n * @internal\n */\n@Component({\n  selector: 'mlv-routable-drawer',\n  template: '',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport default class MlvRoutableDrawer {\n  /** @private The current activated route — provides access to route data and snapshot. */\n  private readonly _route = inject(ActivatedRoute);\n\n  /** @private The Angular router used for navigating back to the parent route on close. */\n  private readonly _router = inject(Router);\n\n  /** @private The shell component's injector, passed to the drawer for ActivatedRoute access. */\n  private readonly _injector = inject(INJECTOR);\n\n  /** @private Captures the URL at construction time to detect external navigation. */\n  private readonly _initialUrl = this._router.url;\n\n  /** @private The Malva UI drawer service used to open the routed component. */\n  private readonly _drawer = inject(MlvDrawerService);\n\n  constructor() {\n    const { drawerOptions } = this._route.snapshot.data;\n    const componentOrLoader = this._route.snapshot.data['drawer'];\n    let currentRef: MlvDrawerRef | undefined;\n    let closed = false;\n\n    const component$ = isClass(componentOrLoader)\n      ? of(componentOrLoader as Type<unknown>)\n      : from(\n          (\n            componentOrLoader as () => Promise<\n              Type<unknown> & { default?: Type<unknown> }\n            >\n          )().then((m) => m.default ?? m),\n        );\n\n    component$\n      .pipe(\n        delay(0),\n        switchMap((component) => {\n          currentRef = this._drawer.open(component, {\n            ...drawerOptions,\n            injector: this._injector,\n          });\n          return currentRef.afterClosed();\n        }),\n        takeUntilDestroyed(),\n      )\n      .subscribe({\n        next: () => {\n          closed = true;\n        },\n        complete: () => this._onDrawerClosing(),\n      });\n\n    inject(DestroyRef).onDestroy(() => {\n      if (!closed) {\n        currentRef?.close();\n      }\n    });\n  }\n\n  /** @private Computes the relative back URL for lazy-loaded routes. */\n  private get _lazyLoadedBackUrl(): string {\n    return (this._route.parent?.snapshot.url ?? []).map(() => '..').join('/');\n  }\n\n  /** @private Navigates to parent when the drawer closes and URL hasn't changed externally. */\n  private _onDrawerClosing(): void {\n    if (this._initialUrl === this._router.url) {\n      this._navigateToParent();\n    }\n  }\n\n  /** @private Navigates to the parent route using the computed back URL. */\n  private _navigateToParent(): void {\n    const backUrl = this._route.snapshot.data['isLazy']\n      ? this._lazyLoadedBackUrl\n      : this._route.snapshot.data['backUrl'];\n\n    void this._router.navigate([backUrl], { relativeTo: this._route });\n  }\n}\n\n/**\n * Checks if the given value is a class constructor (as opposed to an arrow function).\n * Classes have a non-writable `prototype` property.\n */\nfunction isClass(fn: unknown): boolean {\n  return (\n    typeof fn === 'function' &&\n    Object.getOwnPropertyDescriptor(fn, 'prototype')?.writable === false\n  );\n}\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"malva-ui-core-drawer.js","sourceRoot":"","sources":["../../../../../libs/core/drawer/src/malva-ui-core-drawer.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/dropdown/index.js

@@ -0,0 +1,10 @@
+export * from './lib/dropdown-panel/dropdown-panel';
+export * from './lib/select-option';
+export * from './lib/option-matcher';
+export * from './lib/active-descendant';
+export * from './lib/highlight-match.pipe';
+export * from './lib/select-data-source';
+export * from './lib/options-result';
+export * from './lib/options-adapter';
+export * from './lib/reconciliation';
+//# sourceMappingURL=index.js.map

package/esm2022/dropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/core/dropdown/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,qCAAqC,CAAC;AACpD,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC","sourcesContent":["export * from './lib/dropdown-panel/dropdown-panel';\nexport * from './lib/select-option';\nexport * from './lib/option-matcher';\nexport * from './lib/active-descendant';\nexport * from './lib/highlight-match.pipe';\nexport * from './lib/select-data-source';\nexport * from './lib/options-result';\nexport * from './lib/options-adapter';\nexport * from './lib/reconciliation';\n"]}