@rozie-ui/dialog-angular 0.0.0-stage → 0.2.4

package/dist/fesm2022/rozie-ui-dialog-angular.mjs

@@ -0,0 +1,434 @@
+import * as i0 from '@angular/core';
+import { input, output, untracked, computed, signal, viewChild, contentChildren, inject, DestroyRef, effect, Renderer2, ElementRef, afterRenderEffect, TemplateRef, forwardRef, ContentChild, Component } from '@angular/core';
+import { NgTemplateOutlet } from '@angular/common';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { rozieModel, RozieSlot, createRozieAttrApplier, createRozieHostAttrsReader, rozieDisplay, rozieAttr } from '@rozie/runtime-angular';
+
+// scrollLock.ts — a REF-COUNTED `<html>` scroll lock, shared by every `Dialog`
+// instance compiled from this leaf's module (module-scope state — a plain
+// per-instance toggle would unlock scrolling the moment ANY dialog closes,
+// even while an OUTER dialog is still open — nested/stacked dialogs).
+//
+// The lock only actually applies on the 0 -> 1 transition and only actually
+// releases on the 1 -> 0 transition. The ORIGINAL inline `overflow` value
+// (captured on that first lock, not a hardcoded `''`) is restored when the
+// count drops back to zero, so a page that already set its own inline
+// `overflow` isn't clobbered by the second (or third...) dialog to close.
+//
+// Vendored (byte-identical) into every `@rozie-ui/dialog-*` leaf's
+// `src/internal/` by `scripts/codegen.mjs`, unit-tested once here — the same
+// "branchy, non-reactive helper -> src/internal" convention as the resizable
+// family's `resizeMath.ts`.
+let lockCount = 0;
+let previousOverflow = null;
+function applyScrollLock(lock) {
+    if (typeof document === 'undefined')
+        return;
+    const root = document.documentElement;
+    if (!root)
+        return;
+    if (lock) {
+        if (lockCount === 0) {
+            previousOverflow = root.style.overflow;
+            root.style.overflow = 'hidden';
+        }
+        lockCount += 1;
+        return;
+    }
+    // Guard against an unbalanced release (a lock() that was never applied,
+    // e.g. because `disableScrollLock` was toggled mid-flight) — never let the
+    // count go negative, which would require two extra locks to re-lock.
+    if (lockCount === 0)
+        return;
+    lockCount -= 1;
+    if (lockCount === 0) {
+        root.style.overflow = previousOverflow ?? '';
+        previousOverflow = null;
+    }
+}
+/** Test-only: reset the module-level counter between test cases. */
+function _resetScrollLockForTests() {
+    lockCount = 0;
+    previousOverflow = null;
+}
+
+class Dialog {
+    /**
+     * Whether the dialog is shown (two-way `r-model`). The sole `model: true` prop — two-way bind it (`r-model:open` / `v-model:open` / `bind:open` / `[(open)]`) and Dialog reconciles the native `<dialog>` to it via `showModal()` / `close()`. Every close path (backdrop, Escape, programmatic `hide()`) writes `open = false` and emits `close`.
+     * @example
+     * <rozie-dialog [(open)]="confirmOpen" ariaLabelledby="confirm-title" />
+     */
+    __rozieModelIn_open = input(undefined, { alias: 'open' });
+    openChange = output();
+    open = rozieModel(this.__rozieModelIn_open, this.openChange, false, { signal, computed, untracked });
+    /**
+     * Opt **out** of backdrop-click-to-dismiss. By default a click on the scrim (the `<dialog>` element itself, outside the content panel) closes the dialog with `reason: 'backdrop'`; set this to require an explicit action.
+     */
+    disableBackdropClose = input(false);
+    /**
+     * Opt **out** of Escape-to-dismiss. By default the native `cancel` event (Esc) closes with `reason: 'escape'`; the component `preventDefault()`s it so the close always flows through the `open` model. Set this to keep the dialog open on Escape (e.g. a required confirmation).
+     */
+    disableEscapeClose = input(false);
+    /**
+     * Opt **out** of locking `<html>` scroll while the dialog is open. By default `document.documentElement` `overflow` is set to `hidden` for the duration the dialog is shown; set this to leave background scrolling enabled.
+     */
+    disableScrollLock = input(false);
+    /**
+     * What to focus when the dialog opens: a CSS selector matched inside the dialog content, or an Element. By default the native `showModal()` choice applies: the first element with `autofocus`, otherwise the first focusable element. Use it to start on a specific field (e.g. `initialFocus="input[name=title]"`) without waiting for the dialog to mount. A selector that matches nothing, or an element that is not focusable, leaves the native choice in place.
+     * @example
+     * <rozie-dialog [(open)]="renameOpen" initialFocus="#label-name" />
+     */
+    initialFocus = input(null);
+    /**
+     * Accessible name for the dialog (`aria-label`) when there is no visible title to point at. Prefer `ariaLabelledby` when a visible heading exists.
+     */
+    ariaLabel = input(null);
+    /**
+     * The `id` of the element that titles the dialog (`aria-labelledby`) — preferred over `ariaLabel` when a visible heading exists inside the dialog. On the Lit element the dialog lives in a shadow root while the heading is slotted light DOM, so the attribute alone cannot reach it; Dialog hands the browser the element directly (`ariaLabelledByElements`) where that is supported (Chrome/Edge 135+, Safari 16.4+) — elsewhere, use `ariaLabel` on Lit.
+     */
+    ariaLabelledby = input(null);
+    panelEl = viewChild('panelEl');
+    close = output();
+    defaultTpl;
+    templates = input(undefined);
+    __rozieFills = contentChildren(RozieSlot, { descendants: true });
+    __rozieFillMap = computed(() => {
+        const map = Object.create(null);
+        for (const f of this.__rozieFills()) {
+            const k = f.rozieSlot();
+            if (k == null)
+                continue;
+            if (k === '__proto__' || k === 'constructor' || k === 'prototype')
+                continue;
+            map[k === '' ? 'defaultSlot' : k] = f.templateRef;
+        }
+        return map;
+    });
+    __rozieWatchInitial_0 = true;
+    constructor() {
+        inject(DestroyRef).onDestroy(() => {
+            this.setScrollLock(false);
+            this.pressStartedInside = false;
+            const el = this.dialogEl;
+            const back = this.returnFocusTo;
+            this.dialogEl = null;
+            this.returnFocusTo = null;
+            if (!el || !el.open)
+                return;
+            if (el.isConnected)
+                el.close();
+            if (!back)
+                return;
+            setTimeout(() => {
+                // Lost: on <body>, or stranded on a shadow host whose root holds no focus
+                // and which is not focusable itself (the dialog's removed subtree was
+                // inside it).
+                const active = this.deepActiveElement();
+                const lost = !active || active === document.body || !!active.shadowRoot && active.tabIndex < 0;
+                if (back.isConnected && lost)
+                    back.focus();
+            }, 0);
+        });
+        effect(() => {
+            const __watchVal = (() => this.open())();
+            untracked(() => {
+                if (this.__rozieWatchInitial_0) {
+                    this.__rozieWatchInitial_0 = false;
+                    return;
+                }
+                ((isOpen) => {
+                    this.sync(isOpen);
+                })(__watchVal);
+            });
+        });
+    }
+    ngAfterViewInit() {
+        this.sync(this.open());
+    }
+    dialogEl = null;
+    // Whether THIS instance currently holds one count of the shared scroll lock.
+    holdsLock = false;
+    // The element focused when the dialog opened, for the unmount-while-open
+    // focus return (a normal close gets the native return from close()).
+    returnFocusTo = null;
+    // Whether the press that is about to produce a `click` began INSIDE the panel.
+    // A press that starts on content (selecting text, a drag) and is released over
+    // the scrim yields a `click` whose target is the common ancestor, the <dialog>
+    // itself; without this it would be mistaken for a backdrop click.
+    pressStartedInside = false;
+    // Lock/unlock <html> scroll for this instance. The actual lock/unlock is
+    // REF-COUNTED (./internal/scrollLock) across every Dialog instance sharing this
+    // leaf's module, because a naive per-instance toggle unlocks scrolling the
+    // moment ANY dialog closes, even while an OUTER dialog is still open. This
+    // wrapper releases only a count this instance took: a dialog that mounts closed
+    // (or closes twice) must not release a count another open dialog holds. The
+    // opt-out is read when locking only, so toggling it while open still releases.
+    setScrollLock = (lock) => {
+        if (lock === this.holdsLock)
+            return;
+        if (lock && this.disableScrollLock())
+            return;
+        this.holdsLock = lock;
+        applyScrollLock(lock);
+    };
+    // The element that really has focus. `document.activeElement` stops at the
+    // outermost shadow host (on Lit the trigger lives inside a component's shadow
+    // root, so it reports that component), so walk each shadowRoot.activeElement.
+    deepActiveElement = () => {
+        let active = typeof document === 'undefined' ? null : document.activeElement;
+        while (active && active.shadowRoot && active.shadowRoot.activeElement)
+            active = active.shadowRoot.activeElement;
+        return active;
+    };
+    // Focus `initialFocus` after showModal() has made its native choice. A selector
+    // is matched inside the panel and, on Lit, inside the light-DOM content
+    // assigned to the panel's <slot> (which panel.querySelector cannot see).
+    focusInitial = (panel) => {
+        const target = this.initialFocus();
+        if (!target)
+            return;
+        let node = null;
+        if (typeof target === 'string') {
+            node = panel.querySelector(target);
+            const slot = node ? null : panel.querySelector('slot');
+            const assigned = slot && typeof slot.assignedElements === 'function' ? slot.assignedElements({
+                flatten: true
+            }) : [];
+            for (let i = 0; !node && i < assigned.length; i++) {
+                node = assigned[i].matches(target) ? assigned[i] : assigned[i].querySelector(target);
+            }
+        }
+        else {
+            node = target;
+        }
+        if (node && typeof node.focus === 'function')
+            node.focus();
+    };
+    // `aria-labelledby` is an IDREF, and an IDREF never crosses a shadow-root
+    // boundary. Where the <dialog> lives inside an element's shadow root (the Lit
+    // target) the heading it names is slotted LIGHT DOM, so the attribute resolves to
+    // nothing and the dialog has no accessible name. Element reflection can point
+    // across the boundary (to an element in an ancestor tree), so when the id is not
+    // reachable from the dialog's own root, hand the browser the element directly.
+    // A no-op outside a shadow root, and where the browser lacks the property.
+    bridgeLabelledBy = (el) => {
+        const id = this.ariaLabelledby();
+        const root = el.getRootNode();
+        if (!id || !root || !root.host || typeof root.getElementById !== 'function')
+            return;
+        if (root.getElementById(id) || !('ariaLabelledByElements' in el))
+            return;
+        const outer = root.host.getRootNode();
+        const heading = outer && typeof outer.getElementById === 'function' ? outer.getElementById(id) : null;
+        if (heading)
+            el.ariaLabelledByElements = [heading];
+    };
+    // Reconcile the native <dialog> to the desired open state. Guarded on the
+    // native `el.open` flag (showModal throws if already open; close is a no-op when
+    // closed). Reads $refs in a post-mount callback (ROZ123-safe).
+    //
+    // The ref lives on the inner panel <div> (which the emitter types as
+    // HTMLDivElement), and we reach the <dialog> via `panel.parentElement` cast to
+    // HTMLDialogElement. This sidesteps an emitter gap: the per-target ref-type map
+    // has no `dialog` case, so a ref placed directly on <dialog> would be typed the
+    // generic HTMLElement (no `.open`/`.showModal()`/`.close()`), failing strict
+    // leaf typecheck. Fixing it here keeps the change source-only (no emitter edit).
+    sync = (isOpen) => {
+        const panel = this.panelEl()?.nativeElement;
+        const el = (panel && panel.parentElement);
+        if (!el)
+            return;
+        this.dialogEl = el;
+        if (isOpen) {
+            if (!el.open) {
+                const active = this.deepActiveElement();
+                this.returnFocusTo = active instanceof HTMLElement ? active : null;
+                this.bridgeLabelledBy(el);
+                el.showModal();
+                this.focusInitial(panel);
+            }
+            this.setScrollLock(true);
+        }
+        else {
+            if (el.open)
+                el.close();
+            this.returnFocusTo = null;
+            this.setScrollLock(false);
+        }
+    };
+    // ---- close funnel (single $emit site) ----------------------------------
+    closeWith = (reason) => {
+        this.open.set(false), this.__rozieCvaOnChange(false);
+        this.close.emit({
+            reason
+        });
+    };
+    // ---- handlers ----------------------------------------------------------
+    // Native Esc fires `cancel` on the <dialog>. preventDefault so WE drive the
+    // close through the model (keeping `open` in sync); honor the opt-out.
+    onCancel = (e) => {
+        if (e)
+            e.preventDefault();
+        if (this.disableEscapeClose())
+            return;
+        this.closeWith('escape');
+    };
+    // Remember whether a press began on the panel's content (anywhere but the
+    // <dialog> box itself), so the `click` that follows can tell a real scrim click
+    // from the end of a drag that merely finished over the scrim.
+    onPointerDown = (e) => {
+        const panel = this.panelEl()?.nativeElement;
+        const el = panel && panel.parentElement;
+        this.pressStartedInside = !!(e && el && e.target !== el);
+    };
+    // A click whose target IS the <dialog> element (not its panel/children) is a
+    // backdrop click — the ::backdrop is part of the dialog box. We compare the
+    // real `e.target` (reliable even under Solid's event delegation) to the dialog
+    // element resolved via the panel ref's parent. A click whose press started
+    // inside the panel is not one (see `pressStartedInside`).
+    onClick = (e) => {
+        const startedInside = this.pressStartedInside;
+        this.pressStartedInside = false;
+        if (this.disableBackdropClose() || startedInside)
+            return;
+        const panel = this.panelEl()?.nativeElement;
+        const el = panel && panel.parentElement;
+        if (e && el && e.target === el)
+            this.closeWith('backdrop');
+    };
+    // The native `close` event: fired by `el.close()` from our own reconcile (by then
+    // the model is already false, and the dialog may even have been re-opened), but
+    // also by closes WE did not drive — a `<form method="dialog">` submit, a stray
+    // `dialog.close()`. For those the model is still true over a closed dialog and
+    // would stay stuck (writing `open = true` again changes nothing), so fold them
+    // into the close funnel. Not during teardown: $onUnmount closes the dialog
+    // itself after clearing `dialogEl`.
+    onNativeClose = () => {
+        const el = this.dialogEl;
+        if (!el || el.open || !this.open())
+            return;
+        this.closeWith('programmatic');
+    };
+    // ---- lifecycle ---------------------------------------------------------
+    // ---- imperative handle -------------------------------------------------
+    // show()/hide() — named to avoid the `open` model + `@close` event collisions.
+    // hide() on a dialog that is not open is a no-op: there is nothing to dismiss, so
+    // it must not emit a `close` for a dismissal that never happened.
+    show = () => {
+        this.open.set(true), this.__rozieCvaOnChange(true);
+    };
+    hide = () => {
+        if (!this.open())
+            return;
+        this.closeWith('programmatic');
+    };
+    __rozieCvaOnChange = () => { };
+    __rozieCvaOnTouchedFn = () => { };
+    __rozieCvaDisabled = signal(false);
+    writeValue(v) {
+        this.open.set(v ?? false);
+    }
+    registerOnChange(fn) {
+        this.__rozieCvaOnChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.__rozieCvaOnTouchedFn = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.__rozieCvaDisabled.set(isDisabled);
+    }
+    __rozieCvaOnTouched() {
+        this.__rozieCvaOnTouchedFn();
+    }
+    static ngTemplateContextGuard(_dir, _ctx) {
+        return true;
+    }
+    __rozieDestroyRef = inject(DestroyRef);
+    rozieSpread_0 = viewChild('rozieSpread_0');
+    __rozieApplyAttrs = createRozieAttrApplier(inject(Renderer2));
+    __rozieGetHostAttrs = createRozieHostAttrsReader(inject(ElementRef));
+    __rozieSpread_0_effect = afterRenderEffect(() => {
+        const el = this.rozieSpread_0()?.nativeElement;
+        if (!el)
+            return;
+        this.__rozieApplyAttrs(el, this.__rozieGetHostAttrs());
+    });
+    rozieListenersTarget_1 = viewChild('rozieListenersTarget_1');
+    __rozieListenersRenderer = inject(Renderer2);
+    __rozieListenersDisposers_1 = [];
+    __rozieListenersDestroyRegistered_1 = false;
+    __rozieListenersEffect_1 = effect(() => {
+        const el = this.rozieListenersTarget_1()?.nativeElement;
+        if (!el)
+            return;
+        for (const off of this.__rozieListenersDisposers_1)
+            off();
+        this.__rozieListenersDisposers_1 = [];
+        const obj = {};
+        for (const [k, v] of Object.entries(obj)) {
+            if (k === '__proto__' || k === 'constructor' || k === 'prototype')
+                continue;
+            if (typeof v !== 'function')
+                continue;
+            const norm = k.startsWith('on') ? k.slice(2).toLowerCase() : k;
+            const dispose = this.__rozieListenersRenderer.listen(el, norm, v);
+            this.__rozieListenersDisposers_1.push(dispose);
+        }
+        if (!this.__rozieListenersDestroyRegistered_1) {
+            this.__rozieListenersDestroyRegistered_1 = true;
+            this.__rozieDestroyRef.onDestroy(() => {
+                for (const off of this.__rozieListenersDisposers_1)
+                    off();
+                this.__rozieListenersDisposers_1 = [];
+            });
+        }
+    });
+    rozieDisplay(v) { return rozieDisplay(v); }
+    rozieAttr(v) { return rozieAttr(v); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: Dialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.22", type: Dialog, isStandalone: true, selector: "rozie-dialog", inputs: { __rozieModelIn_open: { classPropertyName: "__rozieModelIn_open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, disableBackdropClose: { classPropertyName: "disableBackdropClose", publicName: "disableBackdropClose", isSignal: true, isRequired: false, transformFunction: null }, disableEscapeClose: { classPropertyName: "disableEscapeClose", publicName: "disableEscapeClose", isSignal: true, isRequired: false, transformFunction: null }, disableScrollLock: { classPropertyName: "disableScrollLock", publicName: "disableScrollLock", isSignal: true, isRequired: false, transformFunction: null }, initialFocus: { classPropertyName: "initialFocus", publicName: "initialFocus", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "ariaLabelledby", isSignal: true, isRequired: false, transformFunction: null }, templates: { classPropertyName: "templates", publicName: "templates", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { openChange: "openChange", close: "close" }, host: { listeners: { "focusout": "__rozieCvaOnTouched()" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => Dialog),
+                multi: true,
+            },
+        ], queries: [{ propertyName: "__rozieFills", predicate: RozieSlot, descendants: true, isSignal: true }, { propertyName: "defaultTpl", first: true, predicate: ["defaultSlot"], descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "panelEl", first: true, predicate: ["panelEl"], descendants: true, isSignal: true }, { propertyName: "rozieSpread_0", first: true, predicate: ["rozieSpread_0"], descendants: true, isSignal: true }, { propertyName: "rozieListenersTarget_1", first: true, predicate: ["rozieListenersTarget_1"], descendants: true, isSignal: true }], ngImport: i0, template: `
+
+    <dialog class="rozie-dialog" [attr.aria-label]="rozieAttr(ariaLabel())" [attr.aria-labelledby]="rozieAttr(ariaLabelledby())" #rozieSpread_0 (cancel)="onCancel($event)" (close)="onNativeClose()" (pointerdown)="onPointerDown($event)" (click)="onClick($event)" #rozieListenersTarget_1>
+      
+      <div class="rozie-dialog-panel" #panelEl>
+        <ng-container *ngTemplateOutlet="(defaultTpl ?? __rozieFillMap()['defaultSlot'] ?? templates()?.['defaultSlot'])" />
+      </div>
+    </dialog>
+
+  `, isInline: true, styles: [":host(rozie-dialog){display:contents}@media(prefers-reduced-motion:no-preference){.rozie-dialog{transition:opacity var(--rozie-dialog-transition, var(--rdg-transition, .15s ease)),transform var(--rozie-dialog-transition, var(--rdg-transition, .15s ease)),overlay .15s ease allow-discrete,display .15s ease allow-discrete;opacity:1;transform:translateY(0) scale(1)}.rozie-dialog:not([open]){opacity:0;transform:translateY(.5rem) scale(.98)}@starting-style{.rozie-dialog[open]{opacity:0;transform:translateY(.5rem) scale(.98)}}.rozie-dialog::backdrop{transition:opacity var(--rozie-dialog-transition, var(--rdg-transition, .15s ease)),overlay .15s ease allow-discrete,display .15s ease allow-discrete;opacity:1}.rozie-dialog:not([open])::backdrop{opacity:0}@starting-style{.rozie-dialog[open]::backdrop{opacity:0}}}.rozie-dialog{margin:auto;padding:0;width:var(--rozie-dialog-width, var(--rdg-width, auto));max-width:var(--rozie-dialog-max-width, var(--rdg-max-width, min(32rem, calc(100vw - 2rem) )));max-height:var(--rozie-dialog-max-height, var(--rdg-max-height, calc(100vh - 2rem) ));border:var(--rozie-dialog-border, var(--rdg-border, none));border-radius:var(--rozie-dialog-radius, var(--rdg-radius, .75rem));background:var(--rozie-dialog-bg, var(--rdg-bg, #fff));color:var(--rozie-dialog-color, var(--rdg-color, inherit));box-shadow:var(--rozie-dialog-shadow, var(--rdg-shadow, 0 10px 38px rgba(0, 0, 0, .35), 0 0 1px rgba(0, 0, 0, .25)));overflow:auto}.rozie-dialog::backdrop{background:var(--rozie-dialog-backdrop-bg, var(--rdg-backdrop-bg, rgba(0, 0, 0, .5)));backdrop-filter:var(--rozie-dialog-backdrop-filter, var(--rdg-backdrop-filter, none))}.rozie-dialog-panel{padding:var(--rozie-dialog-padding, var(--rdg-padding, 1.5rem));font:var(--rozie-dialog-font, inherit)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: Dialog, decorators: [{
+            type: Component,
+            args: [{ selector: 'rozie-dialog', standalone: true, imports: [NgTemplateOutlet], template: `
+
+    <dialog class="rozie-dialog" [attr.aria-label]="rozieAttr(ariaLabel())" [attr.aria-labelledby]="rozieAttr(ariaLabelledby())" #rozieSpread_0 (cancel)="onCancel($event)" (close)="onNativeClose()" (pointerdown)="onPointerDown($event)" (click)="onClick($event)" #rozieListenersTarget_1>
+      
+      <div class="rozie-dialog-panel" #panelEl>
+        <ng-container *ngTemplateOutlet="(defaultTpl ?? __rozieFillMap()['defaultSlot'] ?? templates()?.['defaultSlot'])" />
+      </div>
+    </dialog>
+
+  `, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => Dialog),
+                            multi: true,
+                        },
+                    ], host: { '(focusout)': '__rozieCvaOnTouched()' }, styles: [":host(rozie-dialog){display:contents}@media(prefers-reduced-motion:no-preference){.rozie-dialog{transition:opacity var(--rozie-dialog-transition, var(--rdg-transition, .15s ease)),transform var(--rozie-dialog-transition, var(--rdg-transition, .15s ease)),overlay .15s ease allow-discrete,display .15s ease allow-discrete;opacity:1;transform:translateY(0) scale(1)}.rozie-dialog:not([open]){opacity:0;transform:translateY(.5rem) scale(.98)}@starting-style{.rozie-dialog[open]{opacity:0;transform:translateY(.5rem) scale(.98)}}.rozie-dialog::backdrop{transition:opacity var(--rozie-dialog-transition, var(--rdg-transition, .15s ease)),overlay .15s ease allow-discrete,display .15s ease allow-discrete;opacity:1}.rozie-dialog:not([open])::backdrop{opacity:0}@starting-style{.rozie-dialog[open]::backdrop{opacity:0}}}.rozie-dialog{margin:auto;padding:0;width:var(--rozie-dialog-width, var(--rdg-width, auto));max-width:var(--rozie-dialog-max-width, var(--rdg-max-width, min(32rem, calc(100vw - 2rem) )));max-height:var(--rozie-dialog-max-height, var(--rdg-max-height, calc(100vh - 2rem) ));border:var(--rozie-dialog-border, var(--rdg-border, none));border-radius:var(--rozie-dialog-radius, var(--rdg-radius, .75rem));background:var(--rozie-dialog-bg, var(--rdg-bg, #fff));color:var(--rozie-dialog-color, var(--rdg-color, inherit));box-shadow:var(--rozie-dialog-shadow, var(--rdg-shadow, 0 10px 38px rgba(0, 0, 0, .35), 0 0 1px rgba(0, 0, 0, .25)));overflow:auto}.rozie-dialog::backdrop{background:var(--rozie-dialog-backdrop-bg, var(--rdg-backdrop-bg, rgba(0, 0, 0, .5)));backdrop-filter:var(--rozie-dialog-backdrop-filter, var(--rdg-backdrop-filter, none))}.rozie-dialog-panel{padding:var(--rozie-dialog-padding, var(--rdg-padding, 1.5rem));font:var(--rozie-dialog-font, inherit)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { defaultTpl: [{
+                type: ContentChild,
+                args: ['defaultSlot', { read: TemplateRef }]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Dialog };
+//# sourceMappingURL=rozie-ui-dialog-angular.mjs.map

package/dist/fesm2022/rozie-ui-dialog-angular.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rozie-ui-dialog-angular.mjs","sources":["../../src/internal/scrollLock.ts","../../src/Dialog.ts","../../src/rozie-ui-dialog-angular.ts"],"sourcesContent":["// scrollLock.ts — a REF-COUNTED `<html>` scroll lock, shared by every `Dialog`\n// instance compiled from this leaf's module (module-scope state — a plain\n// per-instance toggle would unlock scrolling the moment ANY dialog closes,\n// even while an OUTER dialog is still open — nested/stacked dialogs).\n//\n// The lock only actually applies on the 0 -> 1 transition and only actually\n// releases on the 1 -> 0 transition. The ORIGINAL inline `overflow` value\n// (captured on that first lock, not a hardcoded `''`) is restored when the\n// count drops back to zero, so a page that already set its own inline\n// `overflow` isn't clobbered by the second (or third...) dialog to close.\n//\n// Vendored (byte-identical) into every `@rozie-ui/dialog-*` leaf's\n// `src/internal/` by `scripts/codegen.mjs`, unit-tested once here — the same\n// \"branchy, non-reactive helper -> src/internal\" convention as the resizable\n// family's `resizeMath.ts`.\nlet lockCount = 0;\nlet previousOverflow: string | null = null;\n\nexport function applyScrollLock(lock: boolean): void {\n  if (typeof document === 'undefined') return;\n  const root = document.documentElement;\n  if (!root) return;\n\n  if (lock) {\n    if (lockCount === 0) {\n      previousOverflow = root.style.overflow;\n      root.style.overflow = 'hidden';\n    }\n    lockCount += 1;\n    return;\n  }\n\n  // Guard against an unbalanced release (a lock() that was never applied,\n  // e.g. because `disableScrollLock` was toggled mid-flight) — never let the\n  // count go negative, which would require two extra locks to re-lock.\n  if (lockCount === 0) return;\n  lockCount -= 1;\n  if (lockCount === 0) {\n    root.style.overflow = previousOverflow ?? '';\n    previousOverflow = null;\n  }\n}\n\n/** Test-only: reset the module-level counter between test cases. */\nexport function _resetScrollLockForTests(): void {\n  lockCount = 0;\n  previousOverflow = null;\n}\n","import { Component, ContentChild, DestroyRef, ElementRef, Renderer2, TemplateRef, ViewEncapsulation, afterRenderEffect, computed, contentChildren, effect, forwardRef, inject, input, output, signal, untracked, viewChild } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { RozieSlot, createRozieAttrApplier, createRozieHostAttrsReader, rozieAttr as __rozieAttr, rozieDisplay as __rozieDisplay, rozieModel } from '@rozie/runtime-angular';\n\nimport { applyScrollLock as applySharedScrollLock } from './internal/scrollLock';\n\n// ---- native reconcile ---------------------------------------------------\n// The <dialog> element, cached by sync() so $onUnmount can reach it without\n// reading $refs during teardown.\n\n/** Why the dialog closed: a scrim click, the Escape key, or a programmatic `hide()`. */\nexport type DialogCloseReason = 'backdrop' | 'escape' | 'programmatic';\n/** The `close` event payload. */\nexport interface DialogClosePayload {\n  reason: DialogCloseReason;\n}\n\ninterface DefaultCtx {}\n\n@Component({\n  selector: 'rozie-dialog',\n  standalone: true,\n  imports: [NgTemplateOutlet],\n  template: `\n\n    <dialog class=\"rozie-dialog\" [attr.aria-label]=\"rozieAttr(ariaLabel())\" [attr.aria-labelledby]=\"rozieAttr(ariaLabelledby())\" #rozieSpread_0 (cancel)=\"onCancel($event)\" (close)=\"onNativeClose()\" (pointerdown)=\"onPointerDown($event)\" (click)=\"onClick($event)\" #rozieListenersTarget_1>\n      \n      <div class=\"rozie-dialog-panel\" #panelEl>\n        <ng-container *ngTemplateOutlet=\"(defaultTpl ?? __rozieFillMap()['defaultSlot'] ?? templates()?.['defaultSlot'])\" />\n      </div>\n    </dialog>\n\n  `,\n  styles: [`\n    :host(rozie-dialog) { display: contents; }\n    @media (prefers-reduced-motion: no-preference) {\n      .rozie-dialog {\n        transition: opacity var(--rozie-dialog-transition, var(--rdg-transition, 0.15s ease)), transform var(--rozie-dialog-transition, var(--rdg-transition, 0.15s ease)), overlay 0.15s ease allow-discrete, display 0.15s ease allow-discrete;\n        opacity: 1;\n        transform: translateY(0) scale(1);\n      }\n      .rozie-dialog:not([open]) {\n        opacity: 0;\n        transform: translateY(0.5rem) scale(0.98);\n      }\n      @starting-style {\n        .rozie-dialog[open] {\n          opacity: 0;\n          transform: translateY(0.5rem) scale(0.98);\n        }\n      }\n      .rozie-dialog::backdrop {\n        transition: opacity var(--rozie-dialog-transition, var(--rdg-transition, 0.15s ease)), overlay 0.15s ease allow-discrete, display 0.15s ease allow-discrete;\n        opacity: 1;\n      }\n      .rozie-dialog:not([open])::backdrop {\n        opacity: 0;\n      }\n      @starting-style {\n        .rozie-dialog[open]::backdrop {\n          opacity: 0;\n        }\n      }\n    }\n    .rozie-dialog {\n      margin: auto; /* centers in the top layer */\n      padding: 0;\n      width: var(--rozie-dialog-width, var(--rdg-width, auto));\n      max-width: var(--rozie-dialog-max-width, var(--rdg-max-width, min(32rem, calc(100vw - 2rem))));\n      max-height: var(--rozie-dialog-max-height, var(--rdg-max-height, calc(100vh - 2rem)));\n      border: var(--rozie-dialog-border, var(--rdg-border, none));\n      border-radius: var(--rozie-dialog-radius, var(--rdg-radius, 0.75rem));\n      background: var(--rozie-dialog-bg, var(--rdg-bg, #fff));\n      color: var(--rozie-dialog-color, var(--rdg-color, inherit));\n      box-shadow: var(--rozie-dialog-shadow, var(--rdg-shadow, 0 10px 38px rgba(0, 0, 0, 0.35), 0 0 1px rgba(0, 0, 0, 0.25)));\n      overflow: auto;\n    }\n    .rozie-dialog::backdrop {\n      background: var(--rozie-dialog-backdrop-bg, var(--rdg-backdrop-bg, rgba(0, 0, 0, 0.5)));\n      backdrop-filter: var(--rozie-dialog-backdrop-filter, var(--rdg-backdrop-filter, none));\n    }\n    .rozie-dialog-panel {\n      padding: var(--rozie-dialog-padding, var(--rdg-padding, 1.5rem));\n      font: var(--rozie-dialog-font, inherit);\n    }\n  `],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => Dialog),\n      multi: true,\n    },\n  ],\n  host: { '(focusout)': '__rozieCvaOnTouched()' },\n})\nexport class Dialog {\n  /**\n   * Whether the dialog is shown (two-way `r-model`). The sole `model: true` prop — two-way bind it (`r-model:open` / `v-model:open` / `bind:open` / `[(open)]`) and Dialog reconciles the native `<dialog>` to it via `showModal()` / `close()`. Every close path (backdrop, Escape, programmatic `hide()`) writes `open = false` and emits `close`.\n   * @example\n   * <rozie-dialog [(open)]=\"confirmOpen\" ariaLabelledby=\"confirm-title\" />\n   */\n  readonly __rozieModelIn_open = input<boolean | undefined>(undefined, { alias: 'open' });\n  openChange = output<boolean>();\n  open = rozieModel<boolean, import('@angular/core').ModelSignal<boolean>>(this.__rozieModelIn_open, this.openChange, false, { signal, computed, untracked });\n  /**\n   * Opt **out** of backdrop-click-to-dismiss. By default a click on the scrim (the `<dialog>` element itself, outside the content panel) closes the dialog with `reason: 'backdrop'`; set this to require an explicit action.\n   */\n  disableBackdropClose = input<boolean>(false);\n  /**\n   * Opt **out** of Escape-to-dismiss. By default the native `cancel` event (Esc) closes with `reason: 'escape'`; the component `preventDefault()`s it so the close always flows through the `open` model. Set this to keep the dialog open on Escape (e.g. a required confirmation).\n   */\n  disableEscapeClose = input<boolean>(false);\n  /**\n   * Opt **out** of locking `<html>` scroll while the dialog is open. By default `document.documentElement` `overflow` is set to `hidden` for the duration the dialog is shown; set this to leave background scrolling enabled.\n   */\n  disableScrollLock = input<boolean>(false);\n  /**\n   * What to focus when the dialog opens: a CSS selector matched inside the dialog content, or an Element. By default the native `showModal()` choice applies: the first element with `autofocus`, otherwise the first focusable element. Use it to start on a specific field (e.g. `initialFocus=\"input[name=title]\"`) without waiting for the dialog to mount. A selector that matches nothing, or an element that is not focusable, leaves the native choice in place.\n   * @example\n   * <rozie-dialog [(open)]=\"renameOpen\" initialFocus=\"#label-name\" />\n   */\n  initialFocus = input<(string | Element) | null>(null);\n  /**\n   * Accessible name for the dialog (`aria-label`) when there is no visible title to point at. Prefer `ariaLabelledby` when a visible heading exists.\n   */\n  ariaLabel = input<(string) | null>(null);\n  /**\n   * The `id` of the element that titles the dialog (`aria-labelledby`) — preferred over `ariaLabel` when a visible heading exists inside the dialog. On the Lit element the dialog lives in a shadow root while the heading is slotted light DOM, so the attribute alone cannot reach it; Dialog hands the browser the element directly (`ariaLabelledByElements`) where that is supported (Chrome/Edge 135+, Safari 16.4+) — elsewhere, use `ariaLabel` on Lit.\n   */\n  ariaLabelledby = input<(string) | null>(null);\n  panelEl = viewChild<ElementRef<HTMLDivElement>>('panelEl');\n  close = output<DialogClosePayload>();\n  @ContentChild('defaultSlot', { read: TemplateRef }) defaultTpl?: TemplateRef<DefaultCtx>;\n  templates = input<Record<string, TemplateRef<unknown>> | undefined>(undefined);\n  __rozieFills = contentChildren(RozieSlot, { descendants: true });\n  __rozieFillMap = computed(() => {\n    const map = Object.create(null) as Record<string, TemplateRef<unknown>>;\n    for (const f of this.__rozieFills()) {\n      const k = f.rozieSlot();\n      if (k == null) continue;\n      if (k === '__proto__' || k === 'constructor' || k === 'prototype') continue;\n      map[k === '' ? 'defaultSlot' : k] = f.templateRef;\n    }\n    return map;\n  });\n  private __rozieWatchInitial_0 = true;\n\n  constructor() {\n    inject(DestroyRef).onDestroy(() => {\n      this.setScrollLock(false);\n      this.pressStartedInside = false;\n      const el = this.dialogEl;\n      const back = this.returnFocusTo;\n      this.dialogEl = null;\n      this.returnFocusTo = null;\n      if (!el || !el.open) return;\n      if (el.isConnected) el.close();\n      if (!back) return;\n      setTimeout(() => {\n        // Lost: on <body>, or stranded on a shadow host whose root holds no focus\n        // and which is not focusable itself (the dialog's removed subtree was\n        // inside it).\n        const active = this.deepActiveElement();\n        const lost = !active || active === document.body || !!active.shadowRoot && active.tabIndex < 0;\n        if (back.isConnected && lost) back.focus();\n      }, 0);\n    });\n    effect(() => { const __watchVal = (() => this.open())(); untracked(() => { if (this.__rozieWatchInitial_0) { this.__rozieWatchInitial_0 = false; return; } ((isOpen: any) => {\n      this.sync(isOpen);\n    })(__watchVal); }); });\n  }\n\n  ngAfterViewInit() {\n    this.sync(this.open());\n  }\n\n  dialogEl: HTMLDialogElement | null = null;\n  // Whether THIS instance currently holds one count of the shared scroll lock.\n  holdsLock = false;\n  // The element focused when the dialog opened, for the unmount-while-open\n  // focus return (a normal close gets the native return from close()).\n  returnFocusTo: HTMLElement | null = null;\n  // Whether the press that is about to produce a `click` began INSIDE the panel.\n  // A press that starts on content (selecting text, a drag) and is released over\n  // the scrim yields a `click` whose target is the common ancestor, the <dialog>\n  // itself; without this it would be mistaken for a backdrop click.\n  pressStartedInside = false;\n  // Lock/unlock <html> scroll for this instance. The actual lock/unlock is\n  // REF-COUNTED (./internal/scrollLock) across every Dialog instance sharing this\n  // leaf's module, because a naive per-instance toggle unlocks scrolling the\n  // moment ANY dialog closes, even while an OUTER dialog is still open. This\n  // wrapper releases only a count this instance took: a dialog that mounts closed\n  // (or closes twice) must not release a count another open dialog holds. The\n  // opt-out is read when locking only, so toggling it while open still releases.\n  setScrollLock = (lock: any) => {\n    if (lock === this.holdsLock) return;\n    if (lock && this.disableScrollLock()) return;\n    this.holdsLock = lock;\n    applySharedScrollLock(lock);\n  };\n  // The element that really has focus. `document.activeElement` stops at the\n  // outermost shadow host (on Lit the trigger lives inside a component's shadow\n  // root, so it reports that component), so walk each shadowRoot.activeElement.\n  deepActiveElement = () => {\n    let active: any = typeof document === 'undefined' ? null : document.activeElement;\n    while (active && active.shadowRoot && active.shadowRoot.activeElement) active = active.shadowRoot.activeElement;\n    return active;\n  };\n  // Focus `initialFocus` after showModal() has made its native choice. A selector\n  // is matched inside the panel and, on Lit, inside the light-DOM content\n  // assigned to the panel's <slot> (which panel.querySelector cannot see).\n  focusInitial = (panel: any) => {\n    const target: any = this.initialFocus();\n    if (!target) return;\n    let node: any = null;\n    if (typeof target === 'string') {\n      node = panel.querySelector(target);\n      const slot: any = node ? null : panel.querySelector('slot');\n      const assigned: any[] = slot && typeof slot.assignedElements === 'function' ? slot.assignedElements({\n        flatten: true\n      }) : [];\n      for (let i = 0; !node && i < assigned.length; i++) {\n        node = assigned[i].matches(target) ? assigned[i] : assigned[i].querySelector(target);\n      }\n    } else {\n      node = target;\n    }\n    if (node && typeof node.focus === 'function') node.focus();\n  };\n  // `aria-labelledby` is an IDREF, and an IDREF never crosses a shadow-root\n  // boundary. Where the <dialog> lives inside an element's shadow root (the Lit\n  // target) the heading it names is slotted LIGHT DOM, so the attribute resolves to\n  // nothing and the dialog has no accessible name. Element reflection can point\n  // across the boundary (to an element in an ancestor tree), so when the id is not\n  // reachable from the dialog's own root, hand the browser the element directly.\n  // A no-op outside a shadow root, and where the browser lacks the property.\n  bridgeLabelledBy = (el: any) => {\n    const id = this.ariaLabelledby();\n    const root: any = el.getRootNode();\n    if (!id || !root || !root.host || typeof root.getElementById !== 'function') return;\n    if (root.getElementById(id) || !('ariaLabelledByElements' in el)) return;\n    const outer: any = root.host.getRootNode();\n    const heading = outer && typeof outer.getElementById === 'function' ? outer.getElementById(id) : null;\n    if (heading) el.ariaLabelledByElements = [heading];\n  };\n  // Reconcile the native <dialog> to the desired open state. Guarded on the\n  // native `el.open` flag (showModal throws if already open; close is a no-op when\n  // closed). Reads $refs in a post-mount callback (ROZ123-safe).\n  //\n  // The ref lives on the inner panel <div> (which the emitter types as\n  // HTMLDivElement), and we reach the <dialog> via `panel.parentElement` cast to\n  // HTMLDialogElement. This sidesteps an emitter gap: the per-target ref-type map\n  // has no `dialog` case, so a ref placed directly on <dialog> would be typed the\n  // generic HTMLElement (no `.open`/`.showModal()`/`.close()`), failing strict\n  // leaf typecheck. Fixing it here keeps the change source-only (no emitter edit).\n  sync = (isOpen: any) => {\n    const panel = this.panelEl()?.nativeElement;\n    const el = (panel && panel.parentElement) as HTMLDialogElement | null;\n    if (!el) return;\n    this.dialogEl = el;\n    if (isOpen) {\n      if (!el.open) {\n        const active = this.deepActiveElement();\n        this.returnFocusTo = active instanceof HTMLElement ? active : null;\n        this.bridgeLabelledBy(el);\n        el.showModal();\n        this.focusInitial(panel);\n      }\n      this.setScrollLock(true);\n    } else {\n      if (el.open) el.close();\n      this.returnFocusTo = null;\n      this.setScrollLock(false);\n    }\n  };\n  // ---- close funnel (single $emit site) ----------------------------------\n  closeWith = (reason: any) => {\n    this.open.set(false), this.__rozieCvaOnChange(false);\n    this.close.emit({\n      reason\n    });\n  };\n  // ---- handlers ----------------------------------------------------------\n  // Native Esc fires `cancel` on the <dialog>. preventDefault so WE drive the\n  // close through the model (keeping `open` in sync); honor the opt-out.\n  onCancel = (e: any) => {\n    if (e) e.preventDefault();\n    if (this.disableEscapeClose()) return;\n    this.closeWith('escape');\n  };\n  // Remember whether a press began on the panel's content (anywhere but the\n  // <dialog> box itself), so the `click` that follows can tell a real scrim click\n  // from the end of a drag that merely finished over the scrim.\n  onPointerDown = (e: any) => {\n    const panel = this.panelEl()?.nativeElement;\n    const el = panel && panel.parentElement;\n    this.pressStartedInside = !!(e && el && e.target !== el);\n  };\n  // A click whose target IS the <dialog> element (not its panel/children) is a\n  // backdrop click — the ::backdrop is part of the dialog box. We compare the\n  // real `e.target` (reliable even under Solid's event delegation) to the dialog\n  // element resolved via the panel ref's parent. A click whose press started\n  // inside the panel is not one (see `pressStartedInside`).\n  onClick = (e: any) => {\n    const startedInside = this.pressStartedInside;\n    this.pressStartedInside = false;\n    if (this.disableBackdropClose() || startedInside) return;\n    const panel = this.panelEl()?.nativeElement;\n    const el = panel && panel.parentElement;\n    if (e && el && e.target === el) this.closeWith('backdrop');\n  };\n  // The native `close` event: fired by `el.close()` from our own reconcile (by then\n  // the model is already false, and the dialog may even have been re-opened), but\n  // also by closes WE did not drive — a `<form method=\"dialog\">` submit, a stray\n  // `dialog.close()`. For those the model is still true over a closed dialog and\n  // would stay stuck (writing `open = true` again changes nothing), so fold them\n  // into the close funnel. Not during teardown: $onUnmount closes the dialog\n  // itself after clearing `dialogEl`.\n  onNativeClose = () => {\n    const el = this.dialogEl;\n    if (!el || el.open || !this.open()) return;\n    this.closeWith('programmatic');\n  };\n  // ---- lifecycle ---------------------------------------------------------\n  // ---- imperative handle -------------------------------------------------\n  // show()/hide() — named to avoid the `open` model + `@close` event collisions.\n  // hide() on a dialog that is not open is a no-op: there is nothing to dismiss, so\n  // it must not emit a `close` for a dismissal that never happened.\n  show: () => void = () => {\n    this.open.set(true), this.__rozieCvaOnChange(true);\n  };\n  hide: () => void = () => {\n    if (!this.open()) return;\n    this.closeWith('programmatic');\n  };\n\n  private __rozieCvaOnChange: (v: boolean) => void = () => {};\n  private __rozieCvaOnTouchedFn: () => void = () => {};\n  protected __rozieCvaDisabled = signal(false);\n\n  writeValue(v: boolean | null): void {\n    this.open.set(v ?? false);\n  }\n  registerOnChange(fn: (v: boolean) => void): void {\n    this.__rozieCvaOnChange = fn;\n  }\n  registerOnTouched(fn: () => void): void {\n    this.__rozieCvaOnTouchedFn = fn;\n  }\n  setDisabledState(isDisabled: boolean): void {\n    this.__rozieCvaDisabled.set(isDisabled);\n  }\n  __rozieCvaOnTouched(): void {\n    this.__rozieCvaOnTouchedFn();\n  }\n\n  static ngTemplateContextGuard(\n    _dir: Dialog,\n    _ctx: unknown,\n  ): _ctx is DefaultCtx {\n    return true;\n  }\n\n  private __rozieDestroyRef = inject(DestroyRef);\n\n  private rozieSpread_0 = viewChild<ElementRef>('rozieSpread_0');\n\n  private __rozieApplyAttrs = createRozieAttrApplier(inject(Renderer2));\n\n  private __rozieGetHostAttrs = createRozieHostAttrsReader(inject(ElementRef));\n\n  private __rozieSpread_0_effect = afterRenderEffect(() => {\n    const el = this.rozieSpread_0()?.nativeElement;\n    if (!el) return;\n    this.__rozieApplyAttrs(el, this.__rozieGetHostAttrs());\n  });\n\n  private rozieListenersTarget_1 = viewChild<ElementRef>('rozieListenersTarget_1');\n\n  private __rozieListenersRenderer = inject(Renderer2);\n\n  private __rozieListenersDisposers_1: Array<() => void> = [];\n\n  private __rozieListenersDestroyRegistered_1 = false;\n\n  private __rozieListenersEffect_1 = effect(() => {\n    const el = this.rozieListenersTarget_1()?.nativeElement;\n    if (!el) return;\n    for (const off of this.__rozieListenersDisposers_1) off();\n    this.__rozieListenersDisposers_1 = [];\n    const obj: Record<string, unknown> = {};\n    for (const [k, v] of Object.entries(obj)) {\n      if (k === '__proto__' || k === 'constructor' || k === 'prototype') continue;\n      if (typeof v !== 'function') continue;\n      const norm = k.startsWith('on') ? k.slice(2).toLowerCase() : k;\n      const dispose = this.__rozieListenersRenderer.listen(el, norm, v as EventListener);\n      this.__rozieListenersDisposers_1.push(dispose);\n    }\n    if (!this.__rozieListenersDestroyRegistered_1) {\n      this.__rozieListenersDestroyRegistered_1 = true;\n      this.__rozieDestroyRef.onDestroy(() => {\n        for (const off of this.__rozieListenersDisposers_1) off();\n        this.__rozieListenersDisposers_1 = [];\n      });\n    }\n  });\n\n  rozieDisplay(v: unknown): string { return __rozieDisplay(v); }\n\n  rozieAttr(v: unknown): string | null { return __rozieAttr(v); }\n}\n\nexport default Dialog;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["applySharedScrollLock","__rozieDisplay","__rozieAttr"],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Dialog';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/internal/scrollLock.d.ts

@@ -0,0 +1,4 @@
+export declare function applyScrollLock(lock: boolean): void;
+/** Test-only: reset the module-level counter between test cases. */
+export declare function _resetScrollLockForTests(): void;
+//# sourceMappingURL=scrollLock.d.ts.map

package/dist/internal/scrollLock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollLock.d.ts","sourceRoot":"","sources":["../../src/internal/scrollLock.ts"],"names":[],"mappings":"AAkBA,wBAAgB,eAAe,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAuBnD;AAED,oEAAoE;AACpE,wBAAgB,wBAAwB,IAAI,IAAI,CAG/C"}

package/dist/rozie-ui-dialog-angular.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rozie-ui-dialog-angular.d.ts","sourceRoot":"","sources":["../src/rozie-ui-dialog-angular.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,cAAc,SAAS,CAAC"}

package/package.json

@@ -1,6 +1,85 @@
 {
   "name": "@rozie-ui/dialog-angular",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.2.4",
+  "type": "module",
+  "private": false,
+  "license": "MIT",
+  "description": "Idiomatic Angular headless WAI-ARIA modal dialog on the native <dialog> element (top-layer, ::backdrop scrim, focus trap, Esc-to-dismiss, scroll-lock) — one accessible Rozie source compiled to Angular.",
+  "keywords": [
+    "rozie",
+    "rozie-ui",
+    "dialog",
+    "modal",
+    "popup",
+    "overlay",
+    "headless",
+    "accessibility",
+    "aria",
+    "component",
+    "angular"
+  ],
+  "author": "One Learning Community (https://github.com/One-Learning-Community)",
+  "homepage": "https://github.com/One-Learning-Community/rozie.js#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/One-Learning-Community/rozie.js.git",
+    "directory": "packages/ui/dialog/packages/angular"
+  },
+  "bugs": {
+    "url": "https://github.com/One-Learning-Community/rozie.js/issues"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/fesm2022/rozie-ui-dialog-angular.mjs"
+    },
+    "./themes/*": "./src/themes/*",
+    "./source": {
+      "types": "./src/index.ts",
+      "default": "./src/index.ts"
+    }
+  },
+  "files": [
+    "dist",
+    "src",
+    "CHANGELOG.md"
+  ],
+  "module": "./dist/fesm2022/rozie-ui-dialog-angular.mjs",
+  "types": "./dist/index.d.ts",
+  "peerDependencies": {
+    "@angular/core": "^19",
+    "@angular/common": "^19",
+    "@angular/forms": "^19"
+  },
+  "peerDependenciesMeta": {
+    "@angular/core": {
+      "optional": false
+    },
+    "@angular/common": {
+      "optional": false
+    },
+    "@angular/forms": {
+      "optional": false
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "tslib": "^2",
+    "@rozie/runtime-angular": "^0.10.1"
+  },
+  "devDependencies": {
+    "@angular/common": "^19",
+    "@angular/compiler": "^19",
+    "@angular/compiler-cli": "^19",
+    "@angular/core": "^19",
+    "@angular/forms": "^19",
+    "ng-packagr": "^19",
+    "typescript": "~5.6.0"
+  },
+  "scripts": {
+    "build": "ng-packagr -p ng-package.json -c tsconfig.lib.json",
+    "typecheck": "echo 'source+dist; ng-packagr declaration emit at build'"
+  }
 }