@malva-ui/core 0.1.12

package/esm2022/popup/lib/popup-positions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popup-positions.js","sourceRoot":"","sources":["../../../../../../libs/core/popup/src/lib/popup-positions.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Provider } from '@angular/core';\nimport { InjectionToken } from '@angular/core';\nimport type { ConnectedPosition } from '@angular/cdk/overlay';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\n/**\n * The set of named popup positions supported out of the box.\n *\n * Positions follow the `{side}-{alignment}` convention:\n * - **side** — the side of the trigger the popup appears on (`top`, `bottom`, `left`, `right`)\n * - **alignment** — where the popup edge aligns to the trigger:\n *   `start` = top (for left/right) or left (for top/bottom),\n *   `end`   = bottom (for left/right) or right (for top/bottom),\n *   _(omitted)_ = centered\n *\n * All positions include an 8px gap between the trigger and the popup.\n */\nexport type MlvPopupPositionName =\n  | 'top-start'\n  | 'top'\n  | 'top-end'\n  | 'bottom-start'\n  | 'bottom'\n  | 'bottom-end'\n  | 'left-start'\n  | 'left'\n  | 'left-end'\n  | 'right-start'\n  | 'right'\n  | 'right-end';\n\n// ---------------------------------------------------------------------------\n// Default position map\n// ---------------------------------------------------------------------------\n\n/**\n * The default named-position map used when no custom `POPUP_POSITIONS` provider\n * is registered. Contains all twelve standard popup placements.\n *\n * Override globally with `providePopupPositions()`, or per-component via\n * the `POPUP_POSITIONS` injection token.\n */\nexport const POPUP_POSITION_MAP: ReadonlyMap<\n  MlvPopupPositionName,\n  ConnectedPosition\n> = new Map<MlvPopupPositionName, ConnectedPosition>([\n  // ── Top ──────────────────────────────────────────────────────────────────\n  [\n    'top-start',\n    {\n      originX: 'start',\n      originY: 'top',\n      overlayX: 'start',\n      overlayY: 'bottom',\n      offsetY: -8,\n    },\n  ],\n  [\n    'top',\n    {\n      originX: 'center',\n      originY: 'top',\n      overlayX: 'center',\n      overlayY: 'bottom',\n      offsetY: -8,\n    },\n  ],\n  [\n    'top-end',\n    {\n      originX: 'end',\n      originY: 'top',\n      overlayX: 'end',\n      overlayY: 'bottom',\n      offsetY: -8,\n    },\n  ],\n  // ── Bottom ───────────────────────────────────────────────────────────────\n  [\n    'bottom-start',\n    {\n      originX: 'start',\n      originY: 'bottom',\n      overlayX: 'start',\n      overlayY: 'top',\n      offsetY: 8,\n    },\n  ],\n  [\n    'bottom',\n    {\n      originX: 'center',\n      originY: 'bottom',\n      overlayX: 'center',\n      overlayY: 'top',\n      offsetY: 8,\n    },\n  ],\n  [\n    'bottom-end',\n    {\n      originX: 'end',\n      originY: 'bottom',\n      overlayX: 'end',\n      overlayY: 'top',\n      offsetY: 8,\n    },\n  ],\n  // ── Left ─────────────────────────────────────────────────────────────────\n  [\n    'left-start',\n    {\n      originX: 'start',\n      originY: 'top',\n      overlayX: 'end',\n      overlayY: 'top',\n      offsetX: -8,\n    },\n  ],\n  [\n    'left',\n    {\n      originX: 'start',\n      originY: 'center',\n      overlayX: 'end',\n      overlayY: 'center',\n      offsetX: -8,\n    },\n  ],\n  [\n    'left-end',\n    {\n      originX: 'start',\n      originY: 'bottom',\n      overlayX: 'end',\n      overlayY: 'bottom',\n      offsetX: -8,\n    },\n  ],\n  // ── Right ────────────────────────────────────────────────────────────────\n  [\n    'right-start',\n    {\n      originX: 'end',\n      originY: 'top',\n      overlayX: 'start',\n      overlayY: 'top',\n      offsetX: 8,\n    },\n  ],\n  [\n    'right',\n    {\n      originX: 'end',\n      originY: 'center',\n      overlayX: 'start',\n      overlayY: 'center',\n      offsetX: 8,\n    },\n  ],\n  [\n    'right-end',\n    {\n      originX: 'end',\n      originY: 'bottom',\n      overlayX: 'start',\n      overlayY: 'bottom',\n      offsetX: 8,\n    },\n  ],\n]);\n\n// ---------------------------------------------------------------------------\n// Injection token\n// ---------------------------------------------------------------------------\n\n/**\n * Injection token that holds the active named-position map.\n *\n * Defaults to {@link POPUP_POSITION_MAP}. Override at the application or\n * component level with {@link providePopupPositions} to add, remove, or\n * replace named positions.\n *\n * @example Override globally in app providers\n * ```ts\n * providePopupPositions(new Map([\n *   ['bottom', { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top', offsetY: 4 }],\n * ]))\n * ```\n */\nexport const POPUP_POSITIONS = new InjectionToken<\n  ReadonlyMap<MlvPopupPositionName, ConnectedPosition>\n>('POPUP_POSITIONS', {\n  providedIn: 'root',\n  factory: () => POPUP_POSITION_MAP,\n});\n\n// ---------------------------------------------------------------------------\n// Provider factory\n// ---------------------------------------------------------------------------\n\n/**\n * Registers a custom named-position map as the active `POPUP_POSITIONS`.\n *\n * Call in the root `providers` array (or a component's `providers`) to\n * replace all default positions with a custom set.\n *\n * @param positions — A `Map` of {@link MlvPopupPositionName} → CDK `ConnectedPosition`.\n *\n * @example\n * ```ts\n * // app.config.ts\n * providers: [\n *   providePopupPositions(new Map([\n *     ...POPUP_POSITION_MAP,\n *     ['bottom', { originX: 'center', originY: 'bottom', overlayX: 'center', overlayY: 'top', offsetY: 4 }],\n *   ]))\n * ]\n * ```\n */\nexport function providePopupPositions(\n  positions: ReadonlyMap<MlvPopupPositionName, ConnectedPosition>,\n): Provider {\n  return { provide: POPUP_POSITIONS, useValue: positions };\n}\n\n// ---------------------------------------------------------------------------\n// Static helper — MlvPopupPositionResolver\n// ---------------------------------------------------------------------------\n\n/**\n * Static utility class for resolving named popup positions.\n *\n * Centralises all lookup logic so that {@link MlvPopup} and\n * {@link MlvPopupService} share one consistent resolution path.\n */\nexport class MlvPopupPositionResolver {\n  /**\n   * Resolves one or more {@link MlvPopupPositionName} strings to CDK\n   * `ConnectedPosition` objects using the provided map.\n   *\n   * - Positions are returned in the same order as `names`.\n   * - If a name is not found in the map, it is skipped and a warning is\n   *   emitted in dev mode via `console.warn`.\n   * - Returns an empty array if no names resolve successfully.\n   *\n   * @param names      — A single name or ordered array of names (CDK uses\n   *                     the first one that fits in the viewport).\n   * @param positionMap — The active position map (from `POPUP_POSITIONS` token).\n   */\n  static resolve(\n    names: MlvPopupPositionName | MlvPopupPositionName[],\n    positionMap: ReadonlyMap<MlvPopupPositionName, ConnectedPosition>,\n  ): ConnectedPosition[] {\n    const nameList = Array.isArray(names) ? names : [names];\n    const resolved: ConnectedPosition[] = [];\n\n    for (const name of nameList) {\n      const pos = positionMap.get(name);\n      if (pos !== undefined) {\n        resolved.push(pos);\n      } else if (typeof ngDevMode !== 'undefined' && ngDevMode) {\n        console.warn(\n          `[MlvPopup] Position \"${name}\" was not found in the POPUP_POSITIONS map. ` +\n            `Available positions: [${Array.from(positionMap.keys()).join(', ')}].`,\n        );\n      }\n    }\n\n    return resolved;\n  }\n\n  /**\n   * Returns all positions in the map as an ordered array.\n   * Used as the CDK fallback sequence when no explicit `position` is set.\n   *\n   * @param positionMap — The active position map (from `POPUP_POSITIONS` token).\n   */\n  static allPositions(\n    positionMap: ReadonlyMap<MlvPopupPositionName, ConnectedPosition>,\n  ): ConnectedPosition[] {\n    return Array.from(positionMap.values());\n  }\n}\n\n// ---------------------------------------------------------------------------\n// Shared named-position sequences\n// ---------------------------------------------------------------------------\n\n/**\n * Ordered CDK positions for a dropdown menu panel that opens below its trigger:\n * `bottom-start` preferred, flipping vertically (`top-start`) then aligning to\n * the trigger's end edge (`bottom-end`, `top-end`) when space is constrained.\n *\n * Derived from {@link POPUP_POSITION_MAP} so menu overlays stay consistent with\n * the rest of the Malva UI overlay system. Consumed by `MlvMenuTrigger`.\n */\nexport const MENU_POSITIONS: ConnectedPosition[] =\n  MlvPopupPositionResolver.resolve(\n    ['bottom-start', 'top-start', 'bottom-end', 'top-end'],\n    POPUP_POSITION_MAP,\n  );\n\n/**\n * Ordered CDK positions for a submenu panel that opens to the right of its\n * parent item (`right-start`), flipping to the left (`left-start`) when there\n * is no room on the right.\n *\n * Derived from {@link POPUP_POSITION_MAP}. Consumed by `MlvMenuTrigger`.\n */\nexport const SUBMENU_POSITIONS: ConnectedPosition[] =\n  MlvPopupPositionResolver.resolve(\n    ['right-start', 'left-start'],\n    POPUP_POSITION_MAP,\n  );\n"]}

package/esm2022/popup/lib/popup-trigger/popup-trigger.js

@@ -0,0 +1,308 @@
+import { computed, Directive, ElementRef, NgZone, ViewContainerRef, effect, inject, input, } from '@angular/core';
+import { POPUP_DETACH_WATCHDOG_MS } from '../popup/popup';
+import { MlvPopupService } from '../popup.service';
+import { POPUP_CONTAINER } from '../popup-container/popup-container.token';
+import * as i0 from "@angular/core";
+const HOVER_CLOSE_DELAY = 20;
+export class MlvPopupTrigger {
+    /** @private Low-level overlay API used in standalone mode. */
+    _popupService = inject(MlvPopupService);
+    /** @private Host element ref used as the overlay anchor. */
+    _elementRef = inject(ElementRef);
+    /** @private View container used to instantiate the popup template portal. */
+    _vcr = inject(ViewContainerRef);
+    /** @private Zone used to re-enter Angular after out-of-zone hover timers. */
+    _ngZone = inject(NgZone);
+    /**
+     * Optional injection of a parent {@link MlvPopupContainer}.
+     *
+     * When present the trigger operates in **container mode**: it delegates
+     * open/close/toggle to the container instead of creating its own overlay,
+     * and registers its host element as the visual anchor.
+     *
+     * When absent the trigger operates in **standalone mode** and manages the
+     * overlay lifecycle itself (legacy behaviour).
+     */
+    _container = inject(POPUP_CONTAINER, { optional: true });
+    /** @private The active overlay handle in standalone mode, or `null` when closed. */
+    _handle = null;
+    /** @private Guards against re-triggering the leave animation while already closing. */
+    _closing = false;
+    /** @private Subscription to the popup's leave-animation-done stream. */
+    _leaveSubscription = null;
+    /** @private Pending hover-close timer handle, or `null` when none is scheduled. */
+    _hoverCloseTimer = null;
+    /**
+     * @private Last-resort timer that force-detaches an overlay whose leave never
+     * completed — without it a lost `animationState` write latches `_closing`
+     * with no path back to a detach.
+     */
+    _detachWatchdog = null;
+    /** @private Teardown callbacks for the overlay hover mouse listeners. */
+    _overlayMouseListeners = [];
+    /**
+     * The `MlvPopup` to control.
+     *
+     * **Standalone mode** (no parent `mlv-popup-container`): must be bound to the
+     * target `<mlv-popup>` element: `[mlvPopupTrigger]="myPopup"`.
+     *
+     * **Container mode** (inside `mlv-popup-container`): can be used as a bare
+     * attribute (`mlvPopupTrigger`) without a value — the container already holds
+     * the popup reference and orchestrates the overlay. The empty-string value from
+     * the bare attribute is coerced to `undefined` by the transform.
+     */
+    mlvPopupTrigger = input(undefined, { ...(ngDevMode ? { debugName: "mlvPopupTrigger" } : /* istanbul ignore next */ {}), transform: (v) => typeof v === 'string' ? undefined : v });
+    /** One or more event types that open the popup. Defaults to `'click'`. */
+    triggerOn = input('click', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "triggerOn" }] : /* istanbul ignore next */ []));
+    /**
+     * Value applied to the trigger's `aria-haspopup` attribute. Should match the
+     * semantic role of the popup panel's content — e.g. `'menu'` for a menu
+     * flyout, `'listbox'` for a select, `'dialog'` for a modal surface. Defaults
+     * to `'dialog'` for backwards compatibility. Set to `null` to omit the
+     * attribute entirely (e.g. for a tooltip-only popup).
+     */
+    ariaHasPopup = input('dialog', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaHasPopup" }] : /* istanbul ignore next */ []));
+    /** @protected Whether the associated popup is currently open. */
+    _isOpen = computed(() => {
+        const popup = this.mlvPopupTrigger();
+        if (popup)
+            return popup.opened();
+        if (this._container)
+            return this._container.isOpen?.() ?? false;
+        return false;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_isOpen" }] : /* istanbul ignore next */ []));
+    constructor() {
+        if (this._container) {
+            // ── Container mode ──────────────────────────────────────────────────
+            // Register this element as the overlay anchor. Re-runs if triggerOn changes
+            // so the container can update its backdrop preference accordingly.
+            const container = this._container;
+            effect(() => {
+                container.registerTrigger(this._elementRef, !this.hasTrigger('hover'));
+            });
+        }
+        else {
+            // ── Standalone mode ─────────────────────────────────────────────────
+            // Watch the popup's opened signal and manage the CDK overlay ourselves.
+            effect(() => {
+                const popup = this.mlvPopupTrigger();
+                if (!popup)
+                    return;
+                const isOpen = popup.opened();
+                if (isOpen && !this._handle) {
+                    this._attachOverlay();
+                }
+                else if (!isOpen && this._handle && !this._closing) {
+                    this._startLeaveAnimation();
+                }
+            });
+        }
+    }
+    open() {
+        if (this._container) {
+            this._container.open();
+        }
+        else {
+            this.mlvPopupTrigger()?.opened.set(true);
+        }
+    }
+    close() {
+        if (this._container) {
+            this._container.close();
+        }
+        else {
+            this.mlvPopupTrigger()?.opened.set(false);
+        }
+    }
+    toggle() {
+        if (this._container) {
+            this._container.toggle();
+        }
+        else if (this._handle) {
+            this.close();
+        }
+        else {
+            this.open();
+        }
+    }
+    ngOnDestroy() {
+        this._clearHoverTimer();
+        this._clearDetachWatchdog();
+        this._removeOverlayMouseListeners();
+        this._cleanupSubscription();
+        this._detachOverlay();
+    }
+    onClick() {
+        if (this.hasTrigger('click')) {
+            this.toggle();
+        }
+    }
+    onMouseEnter() {
+        if (this.hasTrigger('hover')) {
+            this._clearHoverTimer();
+            this.open();
+        }
+    }
+    onMouseLeave() {
+        if (this.hasTrigger('hover')) {
+            this._scheduleHoverClose();
+        }
+    }
+    onFocus() {
+        if (this.hasTrigger('focus')) {
+            this.open();
+        }
+    }
+    onBlur() {
+        if (this.hasTrigger('focus')) {
+            this.close();
+        }
+    }
+    hasTrigger(type) {
+        const trigger = this.triggerOn();
+        return Array.isArray(trigger) ? trigger.includes(type) : trigger === type;
+    }
+    /** @private Schedules a delayed close after the pointer leaves the trigger. */
+    _scheduleHoverClose() {
+        this._clearHoverTimer();
+        this._hoverCloseTimer = setTimeout(() => {
+            this._hoverCloseTimer = null;
+            this._ngZone.run(() => this.close());
+        }, HOVER_CLOSE_DELAY);
+    }
+    /** @private Cancels any pending hover-close timer. */
+    _clearHoverTimer() {
+        if (this._hoverCloseTimer !== null) {
+            clearTimeout(this._hoverCloseTimer);
+            this._hoverCloseTimer = null;
+        }
+    }
+    /** @private Creates the CDK overlay and plays the enter animation (standalone mode). */
+    _attachOverlay() {
+        if (this._handle)
+            return;
+        const popup = this.mlvPopupTrigger();
+        if (!popup)
+            return;
+        popup.animationState.set('idle');
+        const isHover = this.hasTrigger('hover');
+        this._handle = this._popupService.open({
+            origin: this._elementRef,
+            template: popup.popupTemplate(),
+            vcr: this._vcr,
+            positions: popup.resolvedPositions(),
+            size: popup.buildSizeConfig(),
+            fullscreen: popup.isFullscreen(),
+            hasBackdrop: popup.hasBackdrop() ?? !isHover,
+            scrollStrategy: popup.scrollStrategy(),
+            onPositionChange: (change) => popup.updateArrowFromPosition(change.connectionPair),
+            onClose: () => {
+                this._removeOverlayMouseListeners();
+                this._clearHoverTimer();
+                this._clearDetachWatchdog();
+                this._handle = null;
+                this._closing = false;
+                popup.animationState.set('idle');
+                popup.opened.set(false);
+                popup.afterClosed.emit();
+            },
+            onRequestClose: () => this.close(),
+        });
+        if (isHover) {
+            this._addOverlayMouseListeners();
+        }
+        this._cleanupSubscription();
+        this._leaveSubscription = popup.leaveAnimationDone$.subscribe(() => {
+            this._detachOverlay();
+        });
+        // Deferred so the panel is in the DOM before the enter keyframes start;
+        // `beginEnterAnimation()` refuses to overwrite a close that beat it here.
+        queueMicrotask(() => popup.beginEnterAnimation());
+        popup.afterOpened.emit();
+    }
+    /** @private Wires hover enter/leave listeners on the overlay panel to keep it open on hover. */
+    _addOverlayMouseListeners() {
+        if (!this._handle)
+            return;
+        const overlayEl = this._handle.overlayRef.overlayElement;
+        const onEnter = () => this._clearHoverTimer();
+        const onLeave = () => this._scheduleHoverClose();
+        overlayEl.addEventListener('mouseenter', onEnter);
+        overlayEl.addEventListener('mouseleave', onLeave);
+        this._overlayMouseListeners = [
+            () => overlayEl.removeEventListener('mouseenter', onEnter),
+            () => overlayEl.removeEventListener('mouseleave', onLeave),
+        ];
+    }
+    /** @private Removes the overlay hover listeners. */
+    _removeOverlayMouseListeners() {
+        for (const cleanup of this._overlayMouseListeners) {
+            cleanup();
+        }
+        this._overlayMouseListeners = [];
+    }
+    /** @private Triggers the popup leave animation before detaching the overlay. */
+    _startLeaveAnimation() {
+        if (!this._handle)
+            return;
+        this._closing = true;
+        this.mlvPopupTrigger()?.animationState.set('leave');
+        this._armDetachWatchdog();
+    }
+    /** @private Tears down the overlay, its subscriptions, and pending timers. */
+    _detachOverlay() {
+        this._cleanupSubscription();
+        this._clearDetachWatchdog();
+        if (this._handle) {
+            this._handle.close();
+        }
+    }
+    /**
+     * @private Arms the force-detach timer for the pending leave. Detaching is
+     * what resets `_closing` and `_handle`, so a leave that never completes must
+     * still end in a detach or the trigger latches permanently.
+     */
+    _armDetachWatchdog() {
+        this._clearDetachWatchdog();
+        this._detachWatchdog = setTimeout(() => {
+            this._detachWatchdog = null;
+            if (this._closing && this._handle) {
+                this._detachOverlay();
+            }
+        }, POPUP_DETACH_WATCHDOG_MS);
+    }
+    /** @private Cancels a pending force-detach timer. */
+    _clearDetachWatchdog() {
+        if (this._detachWatchdog !== null) {
+            clearTimeout(this._detachWatchdog);
+            this._detachWatchdog = null;
+        }
+    }
+    /** @private Unsubscribes from the leave-animation-done stream. */
+    _cleanupSubscription() {
+        this._leaveSubscription?.unsubscribe();
+        this._leaveSubscription = null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvPopupTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.7", type: MlvPopupTrigger, isStandalone: true, selector: "[mlvPopupTrigger]", inputs: { mlvPopupTrigger: { classPropertyName: "mlvPopupTrigger", publicName: "mlvPopupTrigger", isSignal: true, isRequired: false, transformFunction: null }, triggerOn: { classPropertyName: "triggerOn", publicName: "triggerOn", isSignal: true, isRequired: false, transformFunction: null }, ariaHasPopup: { classPropertyName: "ariaHasPopup", publicName: "ariaHasPopup", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick()", "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "focus": "onFocus()", "blur": "onBlur()" }, properties: { "attr.aria-expanded": "_isOpen()", "attr.aria-haspopup": "ariaHasPopup()" } }, exportAs: ["mlvPopupTrigger"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvPopupTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mlvPopupTrigger]',
+                    host: {
+                        '[attr.aria-expanded]': '_isOpen()',
+                        '[attr.aria-haspopup]': 'ariaHasPopup()',
+                        '(click)': 'onClick()',
+                        '(mouseenter)': 'onMouseEnter()',
+                        '(mouseleave)': 'onMouseLeave()',
+                        '(focus)': 'onFocus()',
+                        '(blur)': 'onBlur()',
+                    },
+                    exportAs: 'mlvPopupTrigger',
+                }]
+        }], ctorParameters: () => [], propDecorators: { mlvPopupTrigger: [{ type: i0.Input, args: [{ isSignal: true, alias: "mlvPopupTrigger", required: false }] }], triggerOn: [{ type: i0.Input, args: [{ isSignal: true, alias: "triggerOn", required: false }] }], ariaHasPopup: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaHasPopup", required: false }] }] } });
+//# sourceMappingURL=popup-trigger.js.map

package/esm2022/popup/lib/popup-trigger/popup-trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popup-trigger.js","sourceRoot":"","sources":["../../../../../../../libs/core/popup/src/lib/popup-trigger/popup-trigger.ts"],"names":[],"mappings":"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","sourcesContent":["import type { OnDestroy } from '@angular/core';\nimport {\n  computed,\n  Directive,\n  ElementRef,\n  NgZone,\n  ViewContainerRef,\n  effect,\n  inject,\n  input,\n} from '@angular/core';\nimport type { Subscription } from 'rxjs';\nimport type { MlvPopup } from '../popup/popup';\nimport { POPUP_DETACH_WATCHDOG_MS } from '../popup/popup';\nimport type { MlvPopupHandle } from '../popup.service';\nimport { MlvPopupService } from '../popup.service';\nimport { POPUP_CONTAINER } from '../popup-container/popup-container.token';\n\nexport type MlvPopupTriggerType = 'click' | 'hover' | 'focus';\n\nconst HOVER_CLOSE_DELAY = 20;\n\n@Directive({\n  selector: '[mlvPopupTrigger]',\n  host: {\n    '[attr.aria-expanded]': '_isOpen()',\n    '[attr.aria-haspopup]': 'ariaHasPopup()',\n    '(click)': 'onClick()',\n    '(mouseenter)': 'onMouseEnter()',\n    '(mouseleave)': 'onMouseLeave()',\n    '(focus)': 'onFocus()',\n    '(blur)': 'onBlur()',\n  },\n  exportAs: 'mlvPopupTrigger',\n})\nexport class MlvPopupTrigger implements OnDestroy {\n  /** @private Low-level overlay API used in standalone mode. */\n  private readonly _popupService = inject(MlvPopupService);\n  /** @private Host element ref used as the overlay anchor. */\n  private readonly _elementRef = inject(ElementRef);\n  /** @private View container used to instantiate the popup template portal. */\n  private readonly _vcr = inject(ViewContainerRef);\n  /** @private Zone used to re-enter Angular after out-of-zone hover timers. */\n  private readonly _ngZone = inject(NgZone);\n\n  /**\n   * Optional injection of a parent {@link MlvPopupContainer}.\n   *\n   * When present the trigger operates in **container mode**: it delegates\n   * open/close/toggle to the container instead of creating its own overlay,\n   * and registers its host element as the visual anchor.\n   *\n   * When absent the trigger operates in **standalone mode** and manages the\n   * overlay lifecycle itself (legacy behaviour).\n   */\n  private readonly _container = inject(POPUP_CONTAINER, { optional: true });\n\n  /** @private The active overlay handle in standalone mode, or `null` when closed. */\n  private _handle: MlvPopupHandle | null = null;\n  /** @private Guards against re-triggering the leave animation while already closing. */\n  private _closing = false;\n  /** @private Subscription to the popup's leave-animation-done stream. */\n  private _leaveSubscription: Subscription | null = null;\n  /** @private Pending hover-close timer handle, or `null` when none is scheduled. */\n  private _hoverCloseTimer: ReturnType<typeof setTimeout> | null = null;\n  /**\n   * @private Last-resort timer that force-detaches an overlay whose leave never\n   * completed — without it a lost `animationState` write latches `_closing`\n   * with no path back to a detach.\n   */\n  private _detachWatchdog: ReturnType<typeof setTimeout> | null = null;\n  /** @private Teardown callbacks for the overlay hover mouse listeners. */\n  private _overlayMouseListeners: (() => void)[] = [];\n\n  /**\n   * The `MlvPopup` to control.\n   *\n   * **Standalone mode** (no parent `mlv-popup-container`): must be bound to the\n   * target `<mlv-popup>` element: `[mlvPopupTrigger]=\"myPopup\"`.\n   *\n   * **Container mode** (inside `mlv-popup-container`): can be used as a bare\n   * attribute (`mlvPopupTrigger`) without a value — the container already holds\n   * the popup reference and orchestrates the overlay. The empty-string value from\n   * the bare attribute is coerced to `undefined` by the transform.\n   */\n  readonly mlvPopupTrigger = input<\n    MlvPopup | undefined,\n    MlvPopup | string | undefined\n  >(undefined, {\n    transform: (v): MlvPopup | undefined =>\n      typeof v === 'string' ? undefined : v,\n  });\n\n  /** One or more event types that open the popup. Defaults to `'click'`. */\n  readonly triggerOn = input<MlvPopupTriggerType | MlvPopupTriggerType[]>(\n    'click',\n  );\n\n  /**\n   * Value applied to the trigger's `aria-haspopup` attribute. Should match the\n   * semantic role of the popup panel's content — e.g. `'menu'` for a menu\n   * flyout, `'listbox'` for a select, `'dialog'` for a modal surface. Defaults\n   * to `'dialog'` for backwards compatibility. Set to `null` to omit the\n   * attribute entirely (e.g. for a tooltip-only popup).\n   */\n  readonly ariaHasPopup = input<string | null>('dialog');\n\n  /** @protected Whether the associated popup is currently open. */\n  protected readonly _isOpen = computed(() => {\n    const popup = this.mlvPopupTrigger();\n    if (popup) return popup.opened();\n    if (this._container) return this._container.isOpen?.() ?? false;\n    return false;\n  });\n\n  constructor() {\n    if (this._container) {\n      // ── Container mode ──────────────────────────────────────────────────\n      // Register this element as the overlay anchor. Re-runs if triggerOn changes\n      // so the container can update its backdrop preference accordingly.\n      const container = this._container;\n      effect(() => {\n        container.registerTrigger(this._elementRef, !this.hasTrigger('hover'));\n      });\n    } else {\n      // ── Standalone mode ─────────────────────────────────────────────────\n      // Watch the popup's opened signal and manage the CDK overlay ourselves.\n      effect(() => {\n        const popup = this.mlvPopupTrigger();\n        if (!popup) return;\n        const isOpen = popup.opened();\n        if (isOpen && !this._handle) {\n          this._attachOverlay();\n        } else if (!isOpen && this._handle && !this._closing) {\n          this._startLeaveAnimation();\n        }\n      });\n    }\n  }\n\n  open(): void {\n    if (this._container) {\n      this._container.open();\n    } else {\n      this.mlvPopupTrigger()?.opened.set(true);\n    }\n  }\n\n  close(): void {\n    if (this._container) {\n      this._container.close();\n    } else {\n      this.mlvPopupTrigger()?.opened.set(false);\n    }\n  }\n\n  toggle(): void {\n    if (this._container) {\n      this._container.toggle();\n    } else if (this._handle) {\n      this.close();\n    } else {\n      this.open();\n    }\n  }\n\n  ngOnDestroy(): void {\n    this._clearHoverTimer();\n    this._clearDetachWatchdog();\n    this._removeOverlayMouseListeners();\n    this._cleanupSubscription();\n    this._detachOverlay();\n  }\n\n  onClick(): void {\n    if (this.hasTrigger('click')) {\n      this.toggle();\n    }\n  }\n\n  onMouseEnter(): void {\n    if (this.hasTrigger('hover')) {\n      this._clearHoverTimer();\n      this.open();\n    }\n  }\n\n  onMouseLeave(): void {\n    if (this.hasTrigger('hover')) {\n      this._scheduleHoverClose();\n    }\n  }\n\n  onFocus(): void {\n    if (this.hasTrigger('focus')) {\n      this.open();\n    }\n  }\n\n  onBlur(): void {\n    if (this.hasTrigger('focus')) {\n      this.close();\n    }\n  }\n\n  hasTrigger(type: MlvPopupTriggerType): boolean {\n    const trigger = this.triggerOn();\n    return Array.isArray(trigger) ? trigger.includes(type) : trigger === type;\n  }\n\n  /** @private Schedules a delayed close after the pointer leaves the trigger. */\n  private _scheduleHoverClose(): void {\n    this._clearHoverTimer();\n    this._hoverCloseTimer = setTimeout(() => {\n      this._hoverCloseTimer = null;\n      this._ngZone.run(() => this.close());\n    }, HOVER_CLOSE_DELAY);\n  }\n\n  /** @private Cancels any pending hover-close timer. */\n  private _clearHoverTimer(): void {\n    if (this._hoverCloseTimer !== null) {\n      clearTimeout(this._hoverCloseTimer);\n      this._hoverCloseTimer = null;\n    }\n  }\n\n  /** @private Creates the CDK overlay and plays the enter animation (standalone mode). */\n  private _attachOverlay(): void {\n    if (this._handle) return;\n\n    const popup = this.mlvPopupTrigger();\n    if (!popup) return;\n\n    popup.animationState.set('idle');\n\n    const isHover = this.hasTrigger('hover');\n\n    this._handle = this._popupService.open({\n      origin: this._elementRef,\n      template: popup.popupTemplate(),\n      vcr: this._vcr,\n      positions: popup.resolvedPositions(),\n      size: popup.buildSizeConfig(),\n      fullscreen: popup.isFullscreen(),\n      hasBackdrop: popup.hasBackdrop() ?? !isHover,\n      scrollStrategy: popup.scrollStrategy(),\n      onPositionChange: (change) =>\n        popup.updateArrowFromPosition(change.connectionPair),\n      onClose: () => {\n        this._removeOverlayMouseListeners();\n        this._clearHoverTimer();\n        this._clearDetachWatchdog();\n        this._handle = null;\n        this._closing = false;\n        popup.animationState.set('idle');\n        popup.opened.set(false);\n        popup.afterClosed.emit();\n      },\n      onRequestClose: () => this.close(),\n    });\n\n    if (isHover) {\n      this._addOverlayMouseListeners();\n    }\n\n    this._cleanupSubscription();\n    this._leaveSubscription = popup.leaveAnimationDone$.subscribe(() => {\n      this._detachOverlay();\n    });\n\n    // Deferred so the panel is in the DOM before the enter keyframes start;\n    // `beginEnterAnimation()` refuses to overwrite a close that beat it here.\n    queueMicrotask(() => popup.beginEnterAnimation());\n\n    popup.afterOpened.emit();\n  }\n\n  /** @private Wires hover enter/leave listeners on the overlay panel to keep it open on hover. */\n  private _addOverlayMouseListeners(): void {\n    if (!this._handle) return;\n    const overlayEl = this._handle.overlayRef.overlayElement;\n\n    const onEnter = () => this._clearHoverTimer();\n    const onLeave = () => this._scheduleHoverClose();\n\n    overlayEl.addEventListener('mouseenter', onEnter);\n    overlayEl.addEventListener('mouseleave', onLeave);\n\n    this._overlayMouseListeners = [\n      () => overlayEl.removeEventListener('mouseenter', onEnter),\n      () => overlayEl.removeEventListener('mouseleave', onLeave),\n    ];\n  }\n\n  /** @private Removes the overlay hover listeners. */\n  private _removeOverlayMouseListeners(): void {\n    for (const cleanup of this._overlayMouseListeners) {\n      cleanup();\n    }\n    this._overlayMouseListeners = [];\n  }\n\n  /** @private Triggers the popup leave animation before detaching the overlay. */\n  private _startLeaveAnimation(): void {\n    if (!this._handle) return;\n    this._closing = true;\n    this.mlvPopupTrigger()?.animationState.set('leave');\n    this._armDetachWatchdog();\n  }\n\n  /** @private Tears down the overlay, its subscriptions, and pending timers. */\n  private _detachOverlay(): void {\n    this._cleanupSubscription();\n    this._clearDetachWatchdog();\n    if (this._handle) {\n      this._handle.close();\n    }\n  }\n\n  /**\n   * @private Arms the force-detach timer for the pending leave. Detaching is\n   * what resets `_closing` and `_handle`, so a leave that never completes must\n   * still end in a detach or the trigger latches permanently.\n   */\n  private _armDetachWatchdog(): void {\n    this._clearDetachWatchdog();\n    this._detachWatchdog = setTimeout(() => {\n      this._detachWatchdog = null;\n      if (this._closing && this._handle) {\n        this._detachOverlay();\n      }\n    }, POPUP_DETACH_WATCHDOG_MS);\n  }\n\n  /** @private Cancels a pending force-detach timer. */\n  private _clearDetachWatchdog(): void {\n    if (this._detachWatchdog !== null) {\n      clearTimeout(this._detachWatchdog);\n      this._detachWatchdog = null;\n    }\n  }\n\n  /** @private Unsubscribes from the leave-animation-done stream. */\n  private _cleanupSubscription(): void {\n    this._leaveSubscription?.unsubscribe();\n    this._leaveSubscription = null;\n  }\n}\n"]}

package/esm2022/popup/lib/popup.service.js

@@ -0,0 +1,188 @@
+import { Injectable, NgZone, inject } from '@angular/core';
+import { Overlay } from '@angular/cdk/overlay';
+import { TemplatePortal } from '@angular/cdk/portal';
+import { MlvPopupPositionResolver, POPUP_POSITIONS } from './popup-positions';
+import * as i0 from "@angular/core";
+// ---------------------------------------------------------------------------
+// Service
+// ---------------------------------------------------------------------------
+/**
+ * Low-level CDK overlay service for Malva UI popup components.
+ *
+ * Handles overlay creation, portal attachment, position strategy,
+ * backdrop clicks, and Escape-key closure.
+ *
+ * For template-driven usage prefer `[mlvPopupTrigger]` or
+ * `<mlv-popup-container>`. Use this service directly only when you need
+ * full programmatic control.
+ *
+ * @example Programmatic usage
+ * ```ts
+ * const handle = this.popupService.open({
+ *   origin: this.triggerRef,
+ *   template: this.tpl,
+ *   vcr: this.vcr,
+ *   positions: this.popupService.resolvePositions(['bottom', 'top']),
+ *   onClose: () => this.isOpen.set(false),
+ * });
+ * // Later:
+ * handle.close();
+ * ```
+ */
+export class MlvPopupService {
+    /** @private CDK overlay service. */
+    _overlay = inject(Overlay);
+    /** @private Active named-position map (overridable via `POPUP_POSITIONS` token). */
+    _positionMap = inject(POPUP_POSITIONS);
+    /** @private Angular zone for running document-level event handlers inside change detection. */
+    _ngZone = inject(NgZone);
+    // ─── Public API ────────────────────────────────────────────────────────────
+    /**
+     * Resolves one or more {@link MlvPopupPositionName} strings to CDK
+     * `ConnectedPosition` objects.
+     *
+     * Positions are resolved from the active `POPUP_POSITIONS` map. If a name
+     * is not found, it is skipped and a `console.warn` is emitted in dev mode.
+     * CDK uses the first position in the returned array that fits in the viewport.
+     *
+     * @param names — A single name or ordered array of fallback names.
+     *
+     * @example
+     * ```ts
+     * positions: this.popupService.resolvePositions('bottom-end')
+     * positions: this.popupService.resolvePositions(['bottom-end', 'top-end'])
+     * ```
+     */
+    resolvePositions(names) {
+        return MlvPopupPositionResolver.resolve(names, this._positionMap);
+    }
+    /**
+     * Creates a CDK overlay, attaches the given template portal, and wires up
+     * backdrop and Escape-key closure.
+     *
+     * @param config — Full overlay configuration.
+     * @returns A {@link MlvPopupHandle} with the `overlayRef` and a `close()` method.
+     */
+    open(config) {
+        const fullscreen = config.fullscreen ?? false;
+        const flexible = config.flexibleDimensions ?? false;
+        // Full-screen mode uses a global (viewport-centred) strategy that the pane
+        // stretches to fill; the connected positions are irrelevant. Otherwise use
+        // the trigger-anchored flexible-connected strategy (unchanged behaviour).
+        // withPush(false) for 'reposition': the overlay moves with the trigger and
+        // naturally disappears when the trigger scrolls out of the viewport.
+        // withPush(true) for all other strategies: CDK keeps the overlay inside the
+        // viewport until the strategy itself decides what to do (close, block, noop).
+        const push = (config.scrollStrategy ?? 'reposition') !== 'reposition';
+        const positionStrategy = fullscreen
+            ? this._overlay.position().global()
+            : this._overlay
+                .position()
+                .flexibleConnectedTo(config.origin)
+                .withPositions(config.positions)
+                .withPush(push)
+                .withFlexibleDimensions(flexible)
+                .withGrowAfterOpen(flexible);
+        // The backdrop is always shown in full-screen mode regardless of the
+        // trigger's preference (it doubles as the scrim behind the sheet).
+        const hasBackdrop = fullscreen ? true : (config.hasBackdrop ?? true);
+        const overlayRef = this._overlay.create({
+            positionStrategy,
+            hasBackdrop,
+            ...(hasBackdrop
+                ? {
+                    backdropClass: fullscreen
+                        ? 'mlv-popup-fullscreen-backdrop'
+                        : (config.backdropClass ?? 'cdk-overlay-transparent-backdrop'),
+                }
+                : {}),
+            // Full-screen locks the page behind the sheet (no layout shift — the block
+            // strategy compensates for the removed scrollbar width).
+            scrollStrategy: fullscreen
+                ? this._overlay.scrollStrategies.block()
+                : this._resolveScrollStrategy(config.scrollStrategy),
+            ...(fullscreen
+                ? { panelClass: 'mlv-popup-fullscreen-pane' }
+                : config.size),
+        });
+        const portal = new TemplatePortal(config.template, config.vcr);
+        overlayRef.attach(portal);
+        // Position changes only occur for the connected strategy; the global
+        // (full-screen) strategy exposes no positionChanges stream.
+        if (config.onPositionChange && !fullscreen) {
+            positionStrategy.positionChanges.subscribe(config.onPositionChange);
+        }
+        // Collect cleanup callbacks so they all run on close regardless of how it was triggered.
+        const cleanups = [];
+        let disposed = false;
+        const close = () => {
+            if (disposed)
+                return;
+            disposed = true;
+            for (const fn of cleanups)
+                fn();
+            overlayRef.dispose();
+            config.onClose();
+        };
+        // Detect when CDK closes the overlay externally (e.g. CloseScrollStrategy calls
+        // overlayRef.detach() — bypassing our close() — leaving handle/opened out of sync).
+        const detachSub = overlayRef.detachments().subscribe(() => close());
+        cleanups.push(() => detachSub.unsubscribe());
+        const requestClose = config.onRequestClose ?? close;
+        if (hasBackdrop) {
+            const sub = overlayRef.backdropClick().subscribe(() => requestClose());
+            cleanups.push(() => sub.unsubscribe());
+        }
+        else {
+            // Defer the document listener to avoid catching the same click that opened the popup.
+            const excludeElements = config.dismissExcludeElements ?? [];
+            const timerId = setTimeout(() => {
+                const handler = (event) => {
+                    const target = event.target;
+                    const insidePanel = overlayRef.hasAttached() &&
+                        overlayRef.overlayElement.contains(target);
+                    // Clicks on the trigger/anchor (outside the floating panel) are not
+                    // "outside" — e.g. repositioning the caret in a combobox's input
+                    // must not dismiss its open list.
+                    const insideExcluded = excludeElements.some((el) => el.contains(target));
+                    if (overlayRef.hasAttached() && !insidePanel && !insideExcluded) {
+                        this._ngZone.run(() => requestClose());
+                    }
+                };
+                document.addEventListener('click', handler, true);
+                cleanups.push(() => document.removeEventListener('click', handler, true));
+            }, 0);
+            cleanups.push(() => clearTimeout(timerId));
+        }
+        const keySub = overlayRef.keydownEvents().subscribe((event) => {
+            if (event.key === 'Escape') {
+                requestClose();
+                event.preventDefault();
+            }
+        });
+        cleanups.push(() => keySub.unsubscribe());
+        return { overlayRef, close };
+    }
+    /**
+     * @private Maps a {@link MlvPopupScrollStrategy} name to a CDK scroll-strategy instance.
+     */
+    _resolveScrollStrategy(strategy = 'reposition') {
+        switch (strategy) {
+            case 'close':
+                return this._overlay.scrollStrategies.close();
+            case 'block':
+                return this._overlay.scrollStrategies.block();
+            case 'noop':
+                return this._overlay.scrollStrategies.noop();
+            default:
+                return this._overlay.scrollStrategies.reposition();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvPopupService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvPopupService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvPopupService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+//# sourceMappingURL=popup.service.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popup.service.js","sourceRoot":"","sources":["../../../../../../libs/core/popup/src/lib/popup.service.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ElementRef, TemplateRef, ViewContainerRef } from '@angular/core';\nimport { Injectable, NgZone, inject } from '@angular/core';\nimport type {\n  OverlayRef,\n  ConnectedPosition,\n  ConnectedOverlayPositionChange,\n  FlexibleConnectedPositionStrategy,\n} from '@angular/cdk/overlay';\nimport { Overlay } from '@angular/cdk/overlay';\nimport { TemplatePortal } from '@angular/cdk/portal';\nimport type { MlvPopupPositionName } from './popup-positions';\nimport { MlvPopupPositionResolver, POPUP_POSITIONS } from './popup-positions';\n\n/**\n * Controls what happens to the popup when the user scrolls.\n *\n * - `'reposition'` (default) — the overlay repositions with the trigger as the page scrolls.\n * - `'close'` — the overlay closes as soon as the user scrolls.\n * - `'block'` — scroll is blocked while the overlay is open.\n * - `'noop'` — the overlay stays fixed at its original position; no repositioning or closing.\n */\nexport type MlvPopupScrollStrategy = 'reposition' | 'close' | 'block' | 'noop';\n\n// ---------------------------------------------------------------------------\n// Interfaces\n// ---------------------------------------------------------------------------\n\n/** Size constraints passed to the CDK overlay on creation. */\nexport interface MlvPopupSizeConfig {\n  /** Explicit panel width (CSS value or pixel number). */\n  width?: number | string;\n  /** Explicit panel height (CSS value or pixel number). */\n  height?: number | string;\n  /** Minimum panel width. */\n  minWidth?: number | string;\n  /** Minimum panel height. */\n  minHeight?: number | string;\n  /** Maximum panel width. */\n  maxWidth?: number | string;\n  /** Maximum panel height. */\n  maxHeight?: number | string;\n}\n\n/** Configuration object passed to {@link MlvPopupService.open}. */\nexport interface MlvPopupOpenConfig {\n  /** The element the overlay attaches to. */\n  origin: ElementRef;\n  /** The `<ng-template>` to render inside the overlay. */\n  template: TemplateRef<unknown>;\n  /** The `ViewContainerRef` used to instantiate the portal. */\n  vcr: ViewContainerRef;\n  /**\n   * Ordered list of CDK `ConnectedPosition` objects the overlay will try in\n   * sequence until one fits within the viewport.\n   *\n   * Use {@link MlvPopupService.resolvePositions} to build this list from named\n   * positions when working programmatically.\n   */\n  positions: ConnectedPosition[];\n  /** Optional size constraints applied to the overlay panel. */\n  size?: MlvPopupSizeConfig;\n  /**\n   * When `true`, the overlay is rendered as a full-screen mobile sheet:\n   * a global (viewport-filling) position strategy replaces the connected\n   * strategy, a solid backdrop is always shown, page scroll is locked\n   * (block scroll strategy), and the connected {@link positions}/{@link size}\n   * are ignored. Defaults to `false` (trigger-anchored behaviour).\n   */\n  fullscreen?: boolean;\n  /**\n   * When `true` (default), a transparent CDK backdrop is created; clicking it\n   * triggers `onRequestClose`.\n   *\n   * When `false`, no visual backdrop is rendered, but click-outside detection\n   * is preserved via a document-level click listener (attached after a\n   * `setTimeout(0)` to avoid catching the opening click). Escape key closure\n   * is always active regardless of this flag.\n   */\n  hasBackdrop?: boolean;\n  /** Optional CDK backdrop class. Defaults to `cdk-overlay-transparent-backdrop`. */\n  backdropClass?: string;\n  /**\n   * Controls overlay behaviour when the page is scrolled.\n   * Defaults to `'reposition'`.\n   */\n  scrollStrategy?: MlvPopupScrollStrategy;\n  /** Allow the overlay to grow in the axis constrained by the viewport. */\n  flexibleDimensions?: boolean;\n  /**\n   * Extra elements treated as \"inside\" the popup for click-outside detection\n   * (backdrop-less mode only). A click within any of these — in addition to the\n   * overlay panel itself — does not trigger `onRequestClose`. Typically the\n   * trigger/anchor element, which lives outside the floating overlay panel.\n   */\n  dismissExcludeElements?: readonly HTMLElement[];\n  /** Called after the overlay is fully disposed. */\n  onClose: () => void;\n  /**\n   * Called when the user requests closure (backdrop click, Escape key).\n   * Defaults to `onClose` when not provided.\n   */\n  onRequestClose?: () => void;\n  /** Called each time CDK selects a different `ConnectedPosition`. */\n  onPositionChange?: (change: ConnectedOverlayPositionChange) => void;\n}\n\n/** Return value of {@link MlvPopupService.open}. */\nexport interface MlvPopupHandle {\n  /** The underlying CDK overlay reference. */\n  overlayRef: OverlayRef;\n  /** Disposes the overlay and triggers `onClose`. */\n  close: () => void;\n}\n\n// ---------------------------------------------------------------------------\n// Service\n// ---------------------------------------------------------------------------\n\n/**\n * Low-level CDK overlay service for Malva UI popup components.\n *\n * Handles overlay creation, portal attachment, position strategy,\n * backdrop clicks, and Escape-key closure.\n *\n * For template-driven usage prefer `[mlvPopupTrigger]` or\n * `<mlv-popup-container>`. Use this service directly only when you need\n * full programmatic control.\n *\n * @example Programmatic usage\n * ```ts\n * const handle = this.popupService.open({\n *   origin: this.triggerRef,\n *   template: this.tpl,\n *   vcr: this.vcr,\n *   positions: this.popupService.resolvePositions(['bottom', 'top']),\n *   onClose: () => this.isOpen.set(false),\n * });\n * // Later:\n * handle.close();\n * ```\n */\n@Injectable({ providedIn: 'root' })\nexport class MlvPopupService {\n  /** @private CDK overlay service. */\n  private readonly _overlay = inject(Overlay);\n\n  /** @private Active named-position map (overridable via `POPUP_POSITIONS` token). */\n  private readonly _positionMap = inject(POPUP_POSITIONS);\n\n  /** @private Angular zone for running document-level event handlers inside change detection. */\n  private readonly _ngZone = inject(NgZone);\n\n  // ─── Public API ────────────────────────────────────────────────────────────\n\n  /**\n   * Resolves one or more {@link MlvPopupPositionName} strings to CDK\n   * `ConnectedPosition` objects.\n   *\n   * Positions are resolved from the active `POPUP_POSITIONS` map. If a name\n   * is not found, it is skipped and a `console.warn` is emitted in dev mode.\n   * CDK uses the first position in the returned array that fits in the viewport.\n   *\n   * @param names — A single name or ordered array of fallback names.\n   *\n   * @example\n   * ```ts\n   * positions: this.popupService.resolvePositions('bottom-end')\n   * positions: this.popupService.resolvePositions(['bottom-end', 'top-end'])\n   * ```\n   */\n  resolvePositions(\n    names: MlvPopupPositionName | MlvPopupPositionName[],\n  ): ConnectedPosition[] {\n    return MlvPopupPositionResolver.resolve(names, this._positionMap);\n  }\n\n  /**\n   * Creates a CDK overlay, attaches the given template portal, and wires up\n   * backdrop and Escape-key closure.\n   *\n   * @param config — Full overlay configuration.\n   * @returns A {@link MlvPopupHandle} with the `overlayRef` and a `close()` method.\n   */\n  open(config: MlvPopupOpenConfig): MlvPopupHandle {\n    const fullscreen = config.fullscreen ?? false;\n    const flexible = config.flexibleDimensions ?? false;\n\n    // Full-screen mode uses a global (viewport-centred) strategy that the pane\n    // stretches to fill; the connected positions are irrelevant. Otherwise use\n    // the trigger-anchored flexible-connected strategy (unchanged behaviour).\n    // withPush(false) for 'reposition': the overlay moves with the trigger and\n    // naturally disappears when the trigger scrolls out of the viewport.\n    // withPush(true) for all other strategies: CDK keeps the overlay inside the\n    // viewport until the strategy itself decides what to do (close, block, noop).\n    const push = (config.scrollStrategy ?? 'reposition') !== 'reposition';\n    const positionStrategy = fullscreen\n      ? this._overlay.position().global()\n      : this._overlay\n          .position()\n          .flexibleConnectedTo(config.origin)\n          .withPositions(config.positions)\n          .withPush(push)\n          .withFlexibleDimensions(flexible)\n          .withGrowAfterOpen(flexible);\n\n    // The backdrop is always shown in full-screen mode regardless of the\n    // trigger's preference (it doubles as the scrim behind the sheet).\n    const hasBackdrop = fullscreen ? true : (config.hasBackdrop ?? true);\n\n    const overlayRef = this._overlay.create({\n      positionStrategy,\n      hasBackdrop,\n      ...(hasBackdrop\n        ? {\n            backdropClass: fullscreen\n              ? 'mlv-popup-fullscreen-backdrop'\n              : (config.backdropClass ?? 'cdk-overlay-transparent-backdrop'),\n          }\n        : {}),\n      // Full-screen locks the page behind the sheet (no layout shift — the block\n      // strategy compensates for the removed scrollbar width).\n      scrollStrategy: fullscreen\n        ? this._overlay.scrollStrategies.block()\n        : this._resolveScrollStrategy(config.scrollStrategy),\n      ...(fullscreen\n        ? { panelClass: 'mlv-popup-fullscreen-pane' }\n        : config.size),\n    });\n\n    const portal = new TemplatePortal(config.template, config.vcr);\n    overlayRef.attach(portal);\n\n    // Position changes only occur for the connected strategy; the global\n    // (full-screen) strategy exposes no positionChanges stream.\n    if (config.onPositionChange && !fullscreen) {\n      (\n        positionStrategy as FlexibleConnectedPositionStrategy\n      ).positionChanges.subscribe(config.onPositionChange);\n    }\n\n    // Collect cleanup callbacks so they all run on close regardless of how it was triggered.\n    const cleanups: (() => void)[] = [];\n\n    let disposed = false;\n    const close = () => {\n      if (disposed) return;\n      disposed = true;\n      for (const fn of cleanups) fn();\n      overlayRef.dispose();\n      config.onClose();\n    };\n\n    // Detect when CDK closes the overlay externally (e.g. CloseScrollStrategy calls\n    // overlayRef.detach() — bypassing our close() — leaving handle/opened out of sync).\n    const detachSub = overlayRef.detachments().subscribe(() => close());\n    cleanups.push(() => detachSub.unsubscribe());\n\n    const requestClose = config.onRequestClose ?? close;\n\n    if (hasBackdrop) {\n      const sub = overlayRef.backdropClick().subscribe(() => requestClose());\n      cleanups.push(() => sub.unsubscribe());\n    } else {\n      // Defer the document listener to avoid catching the same click that opened the popup.\n      const excludeElements = config.dismissExcludeElements ?? [];\n      const timerId = setTimeout(() => {\n        const handler = (event: MouseEvent) => {\n          const target = event.target as Node;\n          const insidePanel =\n            overlayRef.hasAttached() &&\n            overlayRef.overlayElement.contains(target);\n          // Clicks on the trigger/anchor (outside the floating panel) are not\n          // \"outside\" — e.g. repositioning the caret in a combobox's input\n          // must not dismiss its open list.\n          const insideExcluded = excludeElements.some((el) =>\n            el.contains(target),\n          );\n          if (overlayRef.hasAttached() && !insidePanel && !insideExcluded) {\n            this._ngZone.run(() => requestClose());\n          }\n        };\n        document.addEventListener('click', handler, true);\n        cleanups.push(() =>\n          document.removeEventListener('click', handler, true),\n        );\n      }, 0);\n      cleanups.push(() => clearTimeout(timerId));\n    }\n\n    const keySub = overlayRef.keydownEvents().subscribe((event) => {\n      if (event.key === 'Escape') {\n        requestClose();\n        event.preventDefault();\n      }\n    });\n    cleanups.push(() => keySub.unsubscribe());\n\n    return { overlayRef, close };\n  }\n\n  /**\n   * @private Maps a {@link MlvPopupScrollStrategy} name to a CDK scroll-strategy instance.\n   */\n  private _resolveScrollStrategy(\n    strategy: MlvPopupScrollStrategy = 'reposition',\n  ) {\n    switch (strategy) {\n      case 'close':\n        return this._overlay.scrollStrategies.close();\n      case 'block':\n        return this._overlay.scrollStrategies.block();\n      case 'noop':\n        return this._overlay.scrollStrategies.noop();\n      default:\n        return this._overlay.scrollStrategies.reposition();\n    }\n  }\n}\n"]}

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

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

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

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

@@ -0,0 +1,2 @@
+export * from './lib/progress/progress';
+//# sourceMappingURL=index.js.map

package/esm2022/progress/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/core/progress/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC","sourcesContent":["export * from './lib/progress/progress';\n"]}