@elurjs/ionic 2.0.7

package/dist/lib/navigation.d.ts

@@ -0,0 +1,214 @@
+/**
+ * @elurjs/ionic / navigation.ts
+ *
+ * NavigationManager — a single coordination authority for Ionic navigation.
+ *
+ * The IonRouterOutlet handles DOM rendering, transitions, and cache. The
+ * NavigationManager handles:
+ *   - Per-tab navigation stacks (extracted from the outlet)
+ *   - Navigation state tracking (isTransitioning, pending navigation)
+ *   - Navigation hooks (beforeNav, afterNav, onTabChange)
+ *   - Programmatic tab switching
+ *   - Route-pattern-based cache invalidation hooks
+ *   - Guard coordination (delegated to the core router when auto-bootstrapped)
+ *
+ * The outlet delegates navigation state to the manager, keeping a clean
+ * separation: navigation logic lives here, rendering lives in the outlet.
+ *
+ * @example
+ * ```ts
+ * import { NavigationManager } from "@elurjs/ionic";
+ *
+ * const nav = new NavigationManager({ tabs: ["/home", "/search", "/profile"] });
+ *
+ * // Navigation hooks
+ * nav.beforeNav((path, intent) => {
+ *   console.log("navigating to", path);
+ *   // return false to cancel
+ * });
+ * nav.afterNav((path) => {
+ *   analytics.track("page_view", { path });
+ * });
+ * nav.onTabChange((tab) => {
+ *   console.log("active tab:", tab);
+ * });
+ *
+ * // Programmatic tab switching
+ * nav.switchTab("/search");
+ *
+ * // The outlet uses the manager for stack/state:
+ * const outlet = new IonRouterOutlet(routes, { navigation: nav });
+ * ```
+ */
+import { type Signal, type NavigationIntent, type NavigationDirection } from "@elurjs/core";
+/** A function called before navigation completes. Return false to cancel. */
+export type BeforeNavHook = (path: string, intent: NavigationIntent) => boolean | void | Promise<boolean | void>;
+/** A function called after navigation completes. */
+export type AfterNavHook = (path: string, direction: NavigationDirection) => void;
+/** A function called when the active tab changes. */
+export type TabChangeHook = (tab: string, previousTab: string | null) => void;
+/** Options for NavigationManager construction. */
+export interface NavigationManagerOptions {
+    /** Tab prefixes for per-tab stack management. */
+    tabs?: string[];
+}
+/**
+ * Manages per-tab navigation stacks. Each tab has its own back/forward
+ * stack. When the user switches tabs, the stack for the new tab is
+ * restored.
+ */
+export declare class StackManager {
+    private _stacks;
+    private _activeTabKey;
+    private _tabPrefixes;
+    constructor(tabs: string[] | undefined);
+    /** Get the tab key for a given path. */
+    keyForPath(path: string): string;
+    /** Get the active tab key. */
+    get activeTabKey(): string;
+    /** Get all registered tab prefixes. */
+    get tabPrefixes(): readonly string[];
+    /** Get the current stack depth for a tab. */
+    stackDepth(tabKey?: string): number;
+    /** Get the top of the stack for a tab. */
+    stackTop(tabKey?: string): string | null;
+    /** Get all entries in a tab's stack (copy). */
+    stackEntries(tabKey?: string): string[];
+    /**
+     * Apply a navigation to the stacks. Returns the effective direction.
+     * This is the same logic that was in IonRouterOutlet._stacks.apply().
+     */
+    apply(path: string, intent: NavigationIntent): NavigationDirection;
+    /** Reset a specific tab's stack. */
+    resetTab(tabKey: string): void;
+    /** Clear a specific tab's stack and return the paths that were in it. */
+    clearTabStack(tabKey: string): string[];
+    /** Reset all stacks. */
+    resetAll(): void;
+    private _normalize;
+}
+/**
+ * Single coordination authority for Ionic navigation.
+ *
+ * Wraps the per-tab stack manager and adds:
+ *   - Navigation hooks (beforeNav, afterNav, onTabChange)
+ *   - Transition state tracking (isTransitioning, pending)
+ *   - Programmatic tab switching
+ *   - Route-pattern-based cache invalidation hooks
+ */
+export declare class NavigationManager {
+    private _stacks;
+    private _beforeNavHooks;
+    private _afterNavHooks;
+    private _tabChangeHooks;
+    private _cacheInvalidationHandlers;
+    private _isTransitioning;
+    private _pendingNav;
+    private _lastTabKey;
+    /** Reactive signal: true when the active tab has a back stack. */
+    readonly canGoBack: Signal<boolean>;
+    constructor(options?: NavigationManagerOptions);
+    get stacks(): StackManager;
+    get activeTab(): string;
+    get tabPrefixes(): readonly string[];
+    stackDepth(tabKey?: string): number;
+    stackTop(tabKey?: string): string | null;
+    stackEntries(tabKey?: string): string[];
+    get isTransitioning(): boolean;
+    get pendingNav(): {
+        path: string;
+        intent: NavigationIntent;
+    } | null;
+    /** Called by the outlet when a transition starts. */
+    beginTransition(): void;
+    /** Called by the outlet when a transition ends. */
+    endTransition(): void;
+    /** Queue a pending navigation (called by the outlet when already transitioning). */
+    setPendingNav(path: string, intent: NavigationIntent): void;
+    /** Clear pending navigation. */
+    clearPendingNav(): void;
+    /** Consume and return the pending navigation, if any. */
+    consumePendingNav(): {
+        path: string;
+        intent: NavigationIntent;
+    } | null;
+    /**
+     * Register a hook called before navigation completes.
+     * Return `false` to cancel the navigation.
+     * Multiple hooks are called in registration order.
+     */
+    beforeNav(hook: BeforeNavHook): () => void;
+    /**
+     * Register a hook called after navigation completes.
+     */
+    afterNav(hook: AfterNavHook): () => void;
+    /**
+     * Register a hook called when the active tab changes.
+     */
+    onTabChange(hook: TabChangeHook): () => void;
+    /**
+     * Run beforeNav hooks. Returns true if all hooks allow navigation,
+     * false if any hook cancelled.
+     */
+    runBeforeNav(path: string, intent: NavigationIntent): Promise<boolean>;
+    /**
+     * Run afterNav hooks. Called by the outlet after a transition completes.
+     */
+    runAfterNav(path: string, direction: NavigationDirection): void;
+    /**
+     * Run tab change hooks if the tab actually changed.
+     */
+    runTabChangeIfNeeded(currentPath: string): void;
+    /**
+     * Update the reactive `canGoBack` signal based on the active tab's
+     * stack depth. Called by the outlet after each transition.
+     */
+    updateCanGoBack(): void;
+    /**
+     * Switch to a specific tab. Navigates to the tab's current stack top,
+     * or the tab prefix if the stack is empty.
+     *
+     * @example
+     * ```ts
+     * nav.switchTab("/search"); // switches to the search tab
+     * ```
+     */
+    switchTab(tabPrefix: string): string | null;
+    /**
+     * Register a cache invalidation handler for a route pattern.
+     * The outlet registers handlers for each route on construction.
+     *
+     * @example
+     * ```ts
+     * nav.registerInvalidationHandler("/user/:id", (params) => {
+     *   // called when invalidateRoute("/user/:id", { id: "42" }) is invoked
+     * });
+     * ```
+     */
+    registerInvalidationHandler(routePattern: string, handler: (params?: Record<string, string>) => void): () => void;
+    /**
+     * Invalidate cached pages for a specific route pattern + params.
+     * If the route has dynamic segments, provide params to target a
+     * specific instance. Omit params to invalidate all instances.
+     *
+     * @example
+     * ```ts
+     * nav.invalidateRoute("/user/:id", { id: "42" }); // invalidate user 42
+     * nav.invalidateRoute("/search"); // invalidate all search instances
+     * ```
+     */
+    invalidateRoute(routePattern: string, params?: Record<string, string>): void;
+    /**
+     * Invalidate all cached pages matching a glob pattern.
+     * Supports `*` as a wildcard suffix.
+     *
+     * @example
+     * ```ts
+     * nav.invalidatePattern("/admin/*"); // invalidate all admin pages
+     * nav.invalidatePattern("/*");       // invalidate everything
+     * ```
+     */
+    invalidatePattern(pattern: string): void;
+    /** Reset all navigation state (stacks, hooks, pending). */
+    dispose(): void;
+}

package/dist/lib/navigation.js

@@ -0,0 +1,193 @@
+import { signal as e } from "@elurjs/core";
+//#region src/navigation.ts
+var t = class {
+	_stacks = /* @__PURE__ */ new Map();
+	_activeTabKey;
+	_tabPrefixes;
+	constructor(e) {
+		if (this._stacks.set("", {
+			prefix: "",
+			entries: []
+		}), e?.length) {
+			for (let t of e) {
+				let e = this._normalize(t);
+				this._stacks.set(e, {
+					prefix: e,
+					entries: []
+				});
+			}
+			this._tabPrefixes = e.map((e) => this._normalize(e)).sort((e, t) => t.length - e.length);
+		} else this._tabPrefixes = [];
+		this._activeTabKey = "";
+	}
+	keyForPath(e) {
+		for (let t of this._tabPrefixes) if (e === t || e.startsWith(t + "/")) return t;
+		return "";
+	}
+	get activeTabKey() {
+		return this._activeTabKey;
+	}
+	get tabPrefixes() {
+		return this._tabPrefixes;
+	}
+	stackDepth(e) {
+		let t = e ?? this._activeTabKey;
+		return this._stacks.get(t)?.entries.length ?? 0;
+	}
+	stackTop(e) {
+		let t = e ?? this._activeTabKey, n = this._stacks.get(t);
+		return !n || n.entries.length === 0 ? null : n.entries[n.entries.length - 1];
+	}
+	stackEntries(e) {
+		let t = e ?? this._activeTabKey;
+		return [...this._stacks.get(t)?.entries ?? []];
+	}
+	apply(e, t) {
+		let n = this.keyForPath(e), r = this._stacks.get(n);
+		if (n !== this._activeTabKey) return this._activeTabKey = n, r.entries[r.entries.length - 1] !== e && r.entries.push(e), "none";
+		if (t.direction === "back") {
+			for (; r.entries.length > 0 && r.entries[r.entries.length - 1] !== e;) r.entries.pop();
+			return r.entries.length === 0 && r.entries.push(e), "back";
+		}
+		return t.action === "replace" || t.direction === "root" ? (r.entries.length === 0 ? r.entries.push(e) : r.entries[r.entries.length - 1] = e, t.direction === "forward" ? "forward" : "root") : t.action === "initial" ? (r.entries.length === 0 && r.entries.push(e), "none") : (r.entries[r.entries.length - 1] !== e && r.entries.push(e), t.direction);
+	}
+	resetTab(e) {
+		let t = this._stacks.get(e);
+		t && (t.entries = []);
+	}
+	clearTabStack(e) {
+		let t = this._stacks.get(e);
+		if (!t) return [];
+		let n = [...t.entries];
+		return t.entries = [], n;
+	}
+	resetAll() {
+		for (let e of this._stacks.values()) e.entries = [];
+		this._activeTabKey = "";
+	}
+	_normalize(e) {
+		return !e || e === "/" ? "/" : e.endsWith("/") ? e.slice(0, -1) : e;
+	}
+}, n = class {
+	_stacks;
+	_beforeNavHooks = [];
+	_afterNavHooks = [];
+	_tabChangeHooks = [];
+	_cacheInvalidationHandlers = /* @__PURE__ */ new Map();
+	_isTransitioning = !1;
+	_pendingNav = null;
+	_lastTabKey = null;
+	canGoBack;
+	constructor(n = {}) {
+		this._stacks = new t(n.tabs), this.canGoBack = e(!1);
+	}
+	get stacks() {
+		return this._stacks;
+	}
+	get activeTab() {
+		return this._stacks.activeTabKey;
+	}
+	get tabPrefixes() {
+		return this._stacks.tabPrefixes;
+	}
+	stackDepth(e) {
+		return this._stacks.stackDepth(e);
+	}
+	stackTop(e) {
+		return this._stacks.stackTop(e);
+	}
+	stackEntries(e) {
+		return this._stacks.stackEntries(e);
+	}
+	get isTransitioning() {
+		return this._isTransitioning;
+	}
+	get pendingNav() {
+		return this._pendingNav;
+	}
+	beginTransition() {
+		this._isTransitioning = !0;
+	}
+	endTransition() {
+		this._isTransitioning = !1;
+	}
+	setPendingNav(e, t) {
+		this._pendingNav = {
+			path: e,
+			intent: t
+		};
+	}
+	clearPendingNav() {
+		this._pendingNav = null;
+	}
+	consumePendingNav() {
+		let e = this._pendingNav;
+		return this._pendingNav = null, e;
+	}
+	beforeNav(e) {
+		return this._beforeNavHooks.push(e), () => {
+			let t = this._beforeNavHooks.indexOf(e);
+			t >= 0 && this._beforeNavHooks.splice(t, 1);
+		};
+	}
+	afterNav(e) {
+		return this._afterNavHooks.push(e), () => {
+			let t = this._afterNavHooks.indexOf(e);
+			t >= 0 && this._afterNavHooks.splice(t, 1);
+		};
+	}
+	onTabChange(e) {
+		return this._tabChangeHooks.push(e), () => {
+			let t = this._tabChangeHooks.indexOf(e);
+			t >= 0 && this._tabChangeHooks.splice(t, 1);
+		};
+	}
+	async runBeforeNav(e, t) {
+		for (let n of this._beforeNavHooks) try {
+			if (await n(e, t) === !1) return !1;
+		} catch {}
+		return !0;
+	}
+	runAfterNav(e, t) {
+		for (let n of this._afterNavHooks) try {
+			n(e, t);
+		} catch {}
+	}
+	runTabChangeIfNeeded(e) {
+		let t = this._stacks.keyForPath(e);
+		if (t !== this._lastTabKey) {
+			let e = this._lastTabKey;
+			this._lastTabKey = t;
+			for (let n of this._tabChangeHooks) try {
+				n(t, e);
+			} catch {}
+		}
+	}
+	updateCanGoBack() {
+		this.canGoBack.value = this._stacks.stackDepth() > 1;
+	}
+	switchTab(e) {
+		let t = this._stacks.keyForPath(e);
+		return t === this._stacks.activeTabKey ? null : this._stacks.stackTop(t) ?? e;
+	}
+	registerInvalidationHandler(e, t) {
+		return this._cacheInvalidationHandlers.set(e, t), () => {
+			this._cacheInvalidationHandlers.delete(e);
+		};
+	}
+	invalidateRoute(e, t) {
+		let n = this._cacheInvalidationHandlers.get(e);
+		n && n(t);
+	}
+	invalidatePattern(e) {
+		let t = e.endsWith("/*"), n = t ? e.slice(0, -2) : e;
+		for (let r of this._cacheInvalidationHandlers.keys()) t ? (r === n || r.startsWith(n + "/") || r.startsWith(n + ":")) && this._cacheInvalidationHandlers.get(r)?.() : r === e && this._cacheInvalidationHandlers.get(r)?.();
+	}
+	dispose() {
+		this._stacks.resetAll(), this._beforeNavHooks = [], this._afterNavHooks = [], this._tabChangeHooks = [], this._cacheInvalidationHandlers.clear(), this._pendingNav = null, this._isTransitioning = !1, this._lastTabKey = null;
+	}
+};
+//#endregion
+export { n as NavigationManager, t as StackManager };
+
+//# sourceMappingURL=navigation.js.map

package/dist/lib/navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.js","names":[],"sources":["../../src/navigation.ts"],"sourcesContent":["/**\n * @elurjs/ionic / navigation.ts\n *\n * NavigationManager — a single coordination authority for Ionic navigation.\n *\n * The IonRouterOutlet handles DOM rendering, transitions, and cache. The\n * NavigationManager handles:\n *   - Per-tab navigation stacks (extracted from the outlet)\n *   - Navigation state tracking (isTransitioning, pending navigation)\n *   - Navigation hooks (beforeNav, afterNav, onTabChange)\n *   - Programmatic tab switching\n *   - Route-pattern-based cache invalidation hooks\n *   - Guard coordination (delegated to the core router when auto-bootstrapped)\n *\n * The outlet delegates navigation state to the manager, keeping a clean\n * separation: navigation logic lives here, rendering lives in the outlet.\n *\n * @example\n * ```ts\n * import { NavigationManager } from \"@elurjs/ionic\";\n *\n * const nav = new NavigationManager({ tabs: [\"/home\", \"/search\", \"/profile\"] });\n *\n * // Navigation hooks\n * nav.beforeNav((path, intent) => {\n *   console.log(\"navigating to\", path);\n *   // return false to cancel\n * });\n * nav.afterNav((path) => {\n *   analytics.track(\"page_view\", { path });\n * });\n * nav.onTabChange((tab) => {\n *   console.log(\"active tab:\", tab);\n * });\n *\n * // Programmatic tab switching\n * nav.switchTab(\"/search\");\n *\n * // The outlet uses the manager for stack/state:\n * const outlet = new IonRouterOutlet(routes, { navigation: nav });\n * ```\n */\n\nimport { signal, type Signal, type NavigationIntent, type NavigationDirection } from \"@elurjs/core\";\n\n// --- Types ---\n\n/** A function called before navigation completes. Return false to cancel. */\nexport type BeforeNavHook = (\n    path: string,\n    intent: NavigationIntent,\n) => boolean | void | Promise<boolean | void>;\n\n/** A function called after navigation completes. */\nexport type AfterNavHook = (\n    path: string,\n    direction: NavigationDirection,\n) => void;\n\n/** A function called when the active tab changes. */\nexport type TabChangeHook = (\n    tab: string,\n    previousTab: string | null,\n) => void;\n\n/** Options for NavigationManager construction. */\nexport interface NavigationManagerOptions {\n    /** Tab prefixes for per-tab stack management. */\n    tabs?: string[];\n}\n\n// --- Per-tab stack management (extracted from IonRouterOutlet) ---\n\ninterface TabStack {\n    prefix: string;\n    entries: string[];\n}\n\n/**\n * Manages per-tab navigation stacks. Each tab has its own back/forward\n * stack. When the user switches tabs, the stack for the new tab is\n * restored.\n */\nexport class StackManager {\n    private _stacks = new Map<string, TabStack>();\n    private _activeTabKey: string;\n    private _tabPrefixes: string[];\n\n    constructor(tabs: string[] | undefined) {\n        this._stacks.set(\"\", { prefix: \"\", entries: [] });\n        if (tabs?.length) {\n            for (const prefix of tabs) {\n                const norm = this._normalize(prefix);\n                this._stacks.set(norm, { prefix: norm, entries: [] });\n            }\n            this._tabPrefixes = tabs.map((t) => this._normalize(t))\n                .sort((a, b) => b.length - a.length);\n        } else {\n            this._tabPrefixes = [];\n        }\n        this._activeTabKey = \"\";\n    }\n\n    /** Get the tab key for a given path. */\n    keyForPath(path: string): string {\n        for (const prefix of this._tabPrefixes) {\n            if (path === prefix || path.startsWith(prefix + \"/\")) {\n                return prefix;\n            }\n        }\n        return \"\";\n    }\n\n    /** Get the active tab key. */\n    get activeTabKey(): string {\n        return this._activeTabKey;\n    }\n\n    /** Get all registered tab prefixes. */\n    get tabPrefixes(): readonly string[] {\n        return this._tabPrefixes;\n    }\n\n    /** Get the current stack depth for a tab. */\n    stackDepth(tabKey?: string): number {\n        const key = tabKey ?? this._activeTabKey;\n        return this._stacks.get(key)?.entries.length ?? 0;\n    }\n\n    /** Get the top of the stack for a tab. */\n    stackTop(tabKey?: string): string | null {\n        const key = tabKey ?? this._activeTabKey;\n        const stack = this._stacks.get(key);\n        if (!stack || stack.entries.length === 0) return null;\n        return stack.entries[stack.entries.length - 1];\n    }\n\n    /** Get all entries in a tab's stack (copy). */\n    stackEntries(tabKey?: string): string[] {\n        const key = tabKey ?? this._activeTabKey;\n        return [...(this._stacks.get(key)?.entries ?? [])];\n    }\n\n    /**\n     * Apply a navigation to the stacks. Returns the effective direction.\n     * This is the same logic that was in IonRouterOutlet._stacks.apply().\n     */\n    apply(path: string, intent: NavigationIntent): NavigationDirection {\n        const targetKey = this.keyForPath(path);\n        const stack = this._stacks.get(targetKey)!;\n\n        if (targetKey !== this._activeTabKey) {\n            this._activeTabKey = targetKey;\n            const top = stack.entries[stack.entries.length - 1];\n            if (top !== path) stack.entries.push(path);\n            return \"none\";\n        }\n\n        if (intent.direction === \"back\") {\n            while (stack.entries.length > 0\n                && stack.entries[stack.entries.length - 1] !== path) {\n                stack.entries.pop();\n            }\n            if (stack.entries.length === 0) stack.entries.push(path);\n            return \"back\";\n        }\n\n        if (intent.action === \"replace\" || intent.direction === \"root\") {\n            if (stack.entries.length === 0) stack.entries.push(path);\n            else stack.entries[stack.entries.length - 1] = path;\n            return intent.direction === \"forward\" ? \"forward\" : \"root\";\n        }\n\n        if (intent.action === \"initial\") {\n            if (stack.entries.length === 0) stack.entries.push(path);\n            return \"none\";\n        }\n\n        const top = stack.entries[stack.entries.length - 1];\n        if (top !== path) stack.entries.push(path);\n        return intent.direction;\n    }\n\n    /** Reset a specific tab's stack. */\n    resetTab(tabKey: string): void {\n        const stack = this._stacks.get(tabKey);\n        if (stack) stack.entries = [];\n    }\n\n    /** Clear a specific tab's stack and return the paths that were in it. */\n    clearTabStack(tabKey: string): string[] {\n        const stack = this._stacks.get(tabKey);\n        if (!stack) return [];\n        const entries = [...stack.entries];\n        stack.entries = [];\n        return entries;\n    }\n\n    /** Reset all stacks. */\n    resetAll(): void {\n        for (const stack of this._stacks.values()) {\n            stack.entries = [];\n        }\n        this._activeTabKey = \"\";\n    }\n\n    private _normalize(p: string): string {\n        if (!p || p === \"/\") return \"/\";\n        return p.endsWith(\"/\") ? p.slice(0, -1) : p;\n    }\n}\n\n// --- NavigationManager ---\n\n/**\n * Single coordination authority for Ionic navigation.\n *\n * Wraps the per-tab stack manager and adds:\n *   - Navigation hooks (beforeNav, afterNav, onTabChange)\n *   - Transition state tracking (isTransitioning, pending)\n *   - Programmatic tab switching\n *   - Route-pattern-based cache invalidation hooks\n */\nexport class NavigationManager {\n    private _stacks: StackManager;\n    private _beforeNavHooks: BeforeNavHook[] = [];\n    private _afterNavHooks: AfterNavHook[] = [];\n    private _tabChangeHooks: TabChangeHook[] = [];\n    private _cacheInvalidationHandlers = new Map<string, (params?: Record<string, string>) => void>();\n\n    private _isTransitioning = false;\n    private _pendingNav: { path: string; intent: NavigationIntent } | null = null;\n    private _lastTabKey: string | null = null;\n\n    /** Reactive signal: true when the active tab has a back stack. */\n    readonly canGoBack: Signal<boolean>;\n\n    constructor(options: NavigationManagerOptions = {}) {\n        this._stacks = new StackManager(options.tabs);\n        this.canGoBack = signal(false);\n    }\n\n    // --- Stack access ---\n\n    get stacks(): StackManager {\n        return this._stacks;\n    }\n\n    get activeTab(): string {\n        return this._stacks.activeTabKey;\n    }\n\n    get tabPrefixes(): readonly string[] {\n        return this._stacks.tabPrefixes;\n    }\n\n    stackDepth(tabKey?: string): number {\n        return this._stacks.stackDepth(tabKey);\n    }\n\n    stackTop(tabKey?: string): string | null {\n        return this._stacks.stackTop(tabKey);\n    }\n\n    stackEntries(tabKey?: string): string[] {\n        return this._stacks.stackEntries(tabKey);\n    }\n\n    // --- Transition state ---\n\n    get isTransitioning(): boolean {\n        return this._isTransitioning;\n    }\n\n    get pendingNav(): { path: string; intent: NavigationIntent } | null {\n        return this._pendingNav;\n    }\n\n    /** Called by the outlet when a transition starts. */\n    beginTransition(): void {\n        this._isTransitioning = true;\n    }\n\n    /** Called by the outlet when a transition ends. */\n    endTransition(): void {\n        this._isTransitioning = false;\n    }\n\n    /** Queue a pending navigation (called by the outlet when already transitioning). */\n    setPendingNav(path: string, intent: NavigationIntent): void {\n        this._pendingNav = { path, intent };\n    }\n\n    /** Clear pending navigation. */\n    clearPendingNav(): void {\n        this._pendingNav = null;\n    }\n\n    /** Consume and return the pending navigation, if any. */\n    consumePendingNav(): { path: string; intent: NavigationIntent } | null {\n        const pending = this._pendingNav;\n        this._pendingNav = null;\n        return pending;\n    }\n\n    // --- Navigation hooks ---\n\n    /**\n     * Register a hook called before navigation completes.\n     * Return `false` to cancel the navigation.\n     * Multiple hooks are called in registration order.\n     */\n    beforeNav(hook: BeforeNavHook): () => void {\n        this._beforeNavHooks.push(hook);\n        return () => {\n            const i = this._beforeNavHooks.indexOf(hook);\n            if (i >= 0) this._beforeNavHooks.splice(i, 1);\n        };\n    }\n\n    /**\n     * Register a hook called after navigation completes.\n     */\n    afterNav(hook: AfterNavHook): () => void {\n        this._afterNavHooks.push(hook);\n        return () => {\n            const i = this._afterNavHooks.indexOf(hook);\n            if (i >= 0) this._afterNavHooks.splice(i, 1);\n        };\n    }\n\n    /**\n     * Register a hook called when the active tab changes.\n     */\n    onTabChange(hook: TabChangeHook): () => void {\n        this._tabChangeHooks.push(hook);\n        return () => {\n            const i = this._tabChangeHooks.indexOf(hook);\n            if (i >= 0) this._tabChangeHooks.splice(i, 1);\n        };\n    }\n\n    /**\n     * Run beforeNav hooks. Returns true if all hooks allow navigation,\n     * false if any hook cancelled.\n     */\n    async runBeforeNav(path: string, intent: NavigationIntent): Promise<boolean> {\n        for (const hook of this._beforeNavHooks) {\n            try {\n                const result = await hook(path, intent);\n                if (result === false) return false;\n            } catch {\n                // Hook error — don't block navigation\n            }\n        }\n        return true;\n    }\n\n    /**\n     * Run afterNav hooks. Called by the outlet after a transition completes.\n     */\n    runAfterNav(path: string, direction: NavigationDirection): void {\n        for (const hook of this._afterNavHooks) {\n            try {\n                hook(path, direction);\n            } catch { /* ignore */ }\n        }\n    }\n\n    /**\n     * Run tab change hooks if the tab actually changed.\n     */\n    runTabChangeIfNeeded(currentPath: string): void {\n        const newTab = this._stacks.keyForPath(currentPath);\n        if (newTab !== this._lastTabKey) {\n            const prev = this._lastTabKey;\n            this._lastTabKey = newTab;\n            for (const hook of this._tabChangeHooks) {\n                try {\n                    hook(newTab, prev);\n                } catch { /* ignore */ }\n            }\n        }\n    }\n\n    /**\n     * Update the reactive `canGoBack` signal based on the active tab's\n     * stack depth. Called by the outlet after each transition.\n     */\n    updateCanGoBack(): void {\n        this.canGoBack.value = this._stacks.stackDepth() > 1;\n    }\n\n    // --- Programmatic tab switching ---\n\n    /**\n     * Switch to a specific tab. Navigates to the tab's current stack top,\n     * or the tab prefix if the stack is empty.\n     *\n     * @example\n     * ```ts\n     * nav.switchTab(\"/search\"); // switches to the search tab\n     * ```\n     */\n    switchTab(tabPrefix: string): string | null {\n        const normalized = this._stacks.keyForPath(tabPrefix);\n        if (normalized === this._stacks.activeTabKey) return null;\n        const top = this._stacks.stackTop(normalized);\n        return top ?? tabPrefix;\n    }\n\n    // --- Cache invalidation by route pattern ---\n\n    /**\n     * Register a cache invalidation handler for a route pattern.\n     * The outlet registers handlers for each route on construction.\n     *\n     * @example\n     * ```ts\n     * nav.registerInvalidationHandler(\"/user/:id\", (params) => {\n     *   // called when invalidateRoute(\"/user/:id\", { id: \"42\" }) is invoked\n     * });\n     * ```\n     */\n    registerInvalidationHandler(\n        routePattern: string,\n        handler: (params?: Record<string, string>) => void,\n    ): () => void {\n        this._cacheInvalidationHandlers.set(routePattern, handler);\n        return () => {\n            this._cacheInvalidationHandlers.delete(routePattern);\n        };\n    }\n\n    /**\n     * Invalidate cached pages for a specific route pattern + params.\n     * If the route has dynamic segments, provide params to target a\n     * specific instance. Omit params to invalidate all instances.\n     *\n     * @example\n     * ```ts\n     * nav.invalidateRoute(\"/user/:id\", { id: \"42\" }); // invalidate user 42\n     * nav.invalidateRoute(\"/search\"); // invalidate all search instances\n     * ```\n     */\n    invalidateRoute(\n        routePattern: string,\n        params?: Record<string, string>,\n    ): void {\n        const handler = this._cacheInvalidationHandlers.get(routePattern);\n        if (handler) handler(params);\n    }\n\n    /**\n     * Invalidate all cached pages matching a glob pattern.\n     * Supports `*` as a wildcard suffix.\n     *\n     * @example\n     * ```ts\n     * nav.invalidatePattern(\"/admin/*\"); // invalidate all admin pages\n     * nav.invalidatePattern(\"/*\");       // invalidate everything\n     * ```\n     */\n    invalidatePattern(pattern: string): void {\n        const isWildcard = pattern.endsWith(\"/*\");\n        const prefix = isWildcard ? pattern.slice(0, -2) : pattern;\n\n        for (const routePattern of this._cacheInvalidationHandlers.keys()) {\n            if (isWildcard) {\n                if (routePattern === prefix || routePattern.startsWith(prefix + \"/\") ||\n                    routePattern.startsWith(prefix + \":\")) {\n                    this._cacheInvalidationHandlers.get(routePattern)?.();\n                }\n            } else if (routePattern === pattern) {\n                this._cacheInvalidationHandlers.get(routePattern)?.();\n            }\n        }\n    }\n\n    // --- Cleanup ---\n\n    /** Reset all navigation state (stacks, hooks, pending). */\n    dispose(): void {\n        this._stacks.resetAll();\n        this._beforeNavHooks = [];\n        this._afterNavHooks = [];\n        this._tabChangeHooks = [];\n        this._cacheInvalidationHandlers.clear();\n        this._pendingNav = null;\n        this._isTransitioning = false;\n        this._lastTabKey = null;\n    }\n}\n"],"mappings":"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"}

package/dist/lib/overlays.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("./vite-plugin.cjs");let e=require("@elurjs/core"),t=require("@ionic/core");var n=null,r={async attachViewToDom(t,r,i,a){if(typeof r==`function`){let i=r();return n=(0,e.mount)(i,t),t}if(typeof r==`string`){let e=document.createElement(r);return a&&a.forEach(t=>e.classList.add(t)),t.appendChild(e),e}return r instanceof HTMLElement?(a&&a.forEach(e=>r.classList.add(e)),t.appendChild(r),r):t},async removeViewFromDom(e,t){n&&=(n.unmount(),null)}};function i(t){let n=(0,e.signal)(!1),i=(0,e.signal)(null),a=null,o=!1;async function s(e){if(o)return;if(a)try{await a.el.dismiss()}catch{}let s=(a?.token??0)+1,c={...e};typeof c.component==`function`&&!c.delegate&&(c.delegate=r);let l=await t.create(c);await l.present(),a={el:l,dismissPromise:l.onDidDismiss?.()??Promise.resolve(null),token:s},n.value=!0,a.dismissPromise.then(e=>{a?.token===s&&!o&&(i.value=e,n.value=!1,a=null)}).catch(()=>{a?.token===s&&!o&&(n.value=!1,a=null)})}async function c(e,t){if(!a||o)return!1;try{return await a.el.dismiss(e,t)}catch{return!1}}function l(){if(!o){if(o=!0,a){try{a.el.dismiss()}catch{}a=null}n.value=!1}}return{presented:n,result:i,present:s,dismiss:c,dispose:l}}function a(){return i(t.toastController)}function o(){return i(t.alertController)}function s(){return i(t.loadingController)}function c(){return i(t.actionSheetController)}function l(){return i(t.popoverController)}function u(){return i(t.modalController)}async function d(e){await(await t.toastController.create(e)).present()}async function f(e,n){let r=await t.loadingController.create(e);await r.present();try{return await n()}finally{await r.dismiss()}}async function p(e){return new Promise(n=>{t.alertController.create({header:e.header,message:e.message,buttons:[{text:e.cancelText??`Cancel`,role:`cancel`,handler:()=>n(!1)},{text:e.confirmText??`OK`,role:`confirm`,handler:()=>n(!0)}]}).then(e=>e.present())})}function m(){let t=new Map;return{async attachViewToDom(n,r,i,a){let o=document.createElement(`div`);if(a)for(let e of a)o.classList.add(e);let s=(0,e.mount)(r(),o);return t.set(o,s.unmount),n.appendChild(o),o},async removeViewFromDom(e,n){let r=n,i=t.get(r);i&&(i(),t.delete(r)),r.parentElement&&r.remove()}}}function h(e){let n=e??m(),r=i(t.modalController),a=r.present;async function o(e){await a({...e,delegate:n})}return{...r,present:o}}function g(e){let n=e??m(),r=i(t.popoverController),a=r.present;async function o(e){await a({...e,delegate:n})}return{...r,present:o}}function _(){return typeof customElements<`u`&&(customElements.get(`ion-picker-legacy`)||import(`@ionic/core/components/ion-picker-legacy.js`).then(e=>e.defineCustomElement()).catch(()=>{}),customElements.get(`ion-picker-legacy-column`)||import(`@ionic/core/components/ion-picker-legacy-column.js`).then(e=>e.defineCustomElement()).catch(()=>{}),customElements.get(`ion-backdrop`)||import(`@ionic/core/components/ion-backdrop.js`).then(e=>e.defineCustomElement()).catch(()=>{})),i(t.pickerController)}exports.actionSheetController=t.actionSheetController,exports.alertController=t.alertController,exports.confirm=p,exports.createActionSheet=c,exports.createAlert=o,exports.createElurDelegate=m,exports.createLoading=s,exports.createModal=u,exports.createModalController=h,exports.createPicker=_,exports.createPopover=l,exports.createPopoverController=g,exports.createToast=a,exports.loadingController=t.loadingController,exports.modalController=t.modalController,exports.pickerController=t.pickerController,exports.popoverController=t.popoverController,exports.showToast=d,exports.toastController=t.toastController,exports.withLoading=f;
+//# sourceMappingURL=overlays.cjs.map

package/dist/lib/overlays.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlays.cjs","names":[],"sources":["../../src/overlays.ts"],"sourcesContent":["/**\n * @elurjs/ionic / overlays.ts\n *\n * Reactive overlay controllers for Elur following the `create*` pattern\n * (`createStore`, `createRouter`, `createForm` → `createToast`, `createAlert`, etc.).\n *\n * Each controller provides:\n *   - `presented: Signal<boolean>` — reactive presentation state\n *   - `result: Signal<OverlayEventDetail | null>` — dismiss event detail\n *   - `present(opts)` — creates + presents the overlay\n *   - `dismiss(data?, role?)` — dismisses the active overlay\n *   - `dispose()` — transactional cleanup, dismisses if still presented\n *\n * Stale-result protection: only the most recent `present()` call's dismiss\n * event updates the result signal. Latest-wins: presenting a new overlay\n * dismisses the previous one.\n *\n * @example Function component (preferred)\n * ```ts\n * import { signal, html } from \"@elurjs/core\";\n * import { createToast, createAlert } from \"@elurjs/ionic\";\n *\n * function SettingsPage() {\n *   // Create overlay controllers — signals close over function scope\n *   const toast = createToast();\n *   const alert = createAlert();\n *\n *   const save = async () => {\n *     // Use withLoading for async tasks\n *     const ok = await withLoading({ message: \"Saving...\" }, async () => {\n *       await fetch(\"/api/settings\", { method: \"POST\" });\n *     });\n *     toast.present({ message: \"Saved!\", duration: 1500 });\n *   };\n *\n *   const deleteAccount = () => {\n *     // confirm() returns a Promise<boolean>\n *     confirm({\n *       header: \"Delete account\",\n *       message: \"This cannot be undone.\",\n *       confirmText: \"Delete\",\n *     }).then((yes) => {\n *       if (yes) alert.present({ header: \"Done\", message: \"Account deleted\" });\n *     });\n *   };\n *\n *   return html`\n *     <ion-content>\n *       <ion-button @click=${save}>Save</ion-button>\n *       <ion-button color=\"danger\" @click=${deleteAccount}>Delete</ion-button>\n *     </ion-content>\n *   `;\n * }\n * ```\n *\n * @example Class component with lifecycle cleanup\n * ```ts\n * import { ElurComponent, html, signal } from \"@elurjs/core\";\n * import { createLoading, IonPage } from \"@elurjs/ionic\";\n *\n * class ProfilePage extends IonPage {\n *   private loading = createLoading();\n *   private data = signal<unknown>(null);\n *\n *   override async onMount() {\n *     // withLoading auto-dismisses on settle or error\n *     const result = await withLoading(\n *       { message: \"Loading profile...\" },\n *       () => fetch(\"/api/profile\").then(r => r.json()),\n *     );\n *     this.data.value = result;\n *   }\n *\n *   override onUnmount() {\n *     // Dispose all overlay controllers to prevent leaks\n *     this.loading.dispose();\n *   }\n *\n *   override render() {\n *     return html`\n *       <ion-content>\n *         <p>${() => JSON.stringify(this.data.value)}</p>\n *       </ion-content>\n *     `;\n *   }\n * }\n * ```\n *\n * @example Reactive UI driven by overlay signals\n * ```ts\n * import { signal, html } from \"@elurjs/core\";\n * import { createModal } from \"@elurjs/ionic\";\n *\n * function ProductList() {\n *   const modal = createModal();\n *   const selected = signal<string | null>(null);\n *\n *   const openDetail = (id: string) => {\n *     selected.value = id;\n *     modal.present({ component: \"product-detail\" });\n *   };\n *\n *   return html`\n *     <ion-content>\n *       <ion-list>\n *         <ion-button @click=${() => openDetail(\"1\")}>Product 1</ion-button>\n *       </ion-list>\n *\n *       <!-- Reactively show dismiss result -->\n *       ${() => modal.result.value\n *         ? html`<p>Modal closed with role: ${modal.result.value.role}</p>`\n *         : null}\n *\n *       <!-- Reactively disable button while modal is open -->\n *       <ion-button\n *         disabled=${() => modal.presented.value}\n *         @click=${() => openDetail(\"2\")}\n *       >Product 2</ion-button>\n *     </ion-content>\n *   `;\n * }\n * ```\n */\n\nimport { signal, type Signal, mount, type ElurTemplate, type ElurComponent } from \"@elurjs/core\";\nimport {\n    toastController,\n    alertController,\n    loadingController,\n    actionSheetController,\n    popoverController,\n    modalController,\n    pickerController,\n} from \"@ionic/core\";\n\n// --- Elur framework delegate for overlays ---\n// Ionic overlays (popover, modal) need a \"framework delegate\" to render\n// content when `component` is not a string tag name or HTMLElement.\n// We provide a delegate that uses Elur `mount()` to render templates.\n\ninterface FrameworkDelegate {\n    attachViewToDom: (\n        parentElement: HTMLElement,\n        userComponent: unknown,\n        userComponentProps?: Record<string, unknown>,\n        cssClasses?: string[],\n    ) => Promise<HTMLElement>;\n    removeViewFromDom: (\n        parentElement: HTMLElement,\n        childElement: HTMLElement,\n    ) => Promise<void>;\n}\n\nlet _delegateHandle: { unmount: () => void } | null = null;\n\nconst elurDelegate: FrameworkDelegate = {\n    async attachViewToDom(parentElement, userComponent, _props, cssClasses) {\n        // If userComponent is a function (ElurTemplate factory), call it and mount\n        if (typeof userComponent === \"function\") {\n            const template = (userComponent as () => ElurTemplate)();\n            const handle = mount(template, parentElement);\n            _delegateHandle = handle;\n            return parentElement;\n        }\n        // If userComponent is a string, create the element\n        if (typeof userComponent === \"string\") {\n            const el = document.createElement(userComponent);\n            if (cssClasses) cssClasses.forEach((c) => el.classList.add(c));\n            parentElement.appendChild(el);\n            return el;\n        }\n        // If userComponent is an HTMLElement, append it\n        if (userComponent instanceof HTMLElement) {\n            if (cssClasses) cssClasses.forEach((c) => userComponent.classList.add(c));\n            parentElement.appendChild(userComponent);\n            return userComponent;\n        }\n        // Fallback: just return the parent\n        return parentElement;\n    },\n    async removeViewFromDom(_parent, _child) {\n        if (_delegateHandle) {\n            _delegateHandle.unmount();\n            _delegateHandle = null;\n        }\n    },\n};\n\n// --- Types ---\n\nexport interface OverlayHandle<TDetail = unknown> {\n    /** True while the overlay is presented (visible). */\n    readonly presented: Signal<boolean>;\n    /** The dismiss event detail (role, data) — null until dismissed. */\n    readonly result: Signal<TDetail | null>;\n    /** Present the overlay with the given options. */\n    present(options: Record<string, unknown>): Promise<void>;\n    /** Dismiss the active overlay with optional data and role. */\n    dismiss(data?: unknown, role?: string): Promise<boolean>;\n    /** Cleanup: dismisses any active overlay. Safe to call multiple times. */\n    dispose(): void;\n}\n\ninterface ActiveOverlay {\n    el: { dismiss: (data?: unknown, role?: string) => Promise<boolean> };\n    dismissPromise: Promise<unknown>;\n    token: number; // stale-result protection\n}\n\n// --- Internal factory ---\n\nfunction createOverlayHandle<TDetail>(\n    controller: {\n        create: (opts: Record<string, unknown>) => Promise<any>;\n    },\n): OverlayHandle<TDetail> {\n    const presented = signal(false);\n    const result = signal<TDetail | null>(null);\n    let active: ActiveOverlay | null = null;\n    let disposed = false;\n\n    async function present(options: Record<string, unknown>): Promise<void> {\n        if (disposed) return;\n\n        // If an overlay is already active, dismiss it first (latest-wins).\n        if (active) {\n            try {\n                await active.el.dismiss();\n            } catch { /* ignore */ }\n        }\n\n        const token = (active?.token ?? 0) + 1;\n\n        // If `component` is a function (ElurTemplate factory), inject our\n        // framework delegate so Ionic can render Elur templates inside\n        // popover/modal overlays.\n        const opts = { ...options };\n        if (typeof opts.component === \"function\" && !opts.delegate) {\n            opts.delegate = elurDelegate;\n        }\n\n        const el = await controller.create(opts);\n        await el.present();\n        active = { el, dismissPromise: el.onDidDismiss?.() ?? Promise.resolve(null), token };\n        presented.value = true;\n\n        // Fire-and-forget the dismiss wait — updates state when the overlay\n        // is dismissed by the user or by dismiss(). This avoids blocking the\n        // caller; they can use the `presented` and `result` signals to react.\n        active.dismissPromise\n            .then((detail) => {\n                if (active?.token === token && !disposed) {\n                    result.value = detail as TDetail;\n                    presented.value = false;\n                    active = null;\n                }\n            })\n            .catch(() => {\n                if (active?.token === token && !disposed) {\n                    presented.value = false;\n                    active = null;\n                }\n            });\n    }\n\n    async function dismiss(data?: unknown, role?: string): Promise<boolean> {\n        if (!active || disposed) return false;\n        try {\n            return await active.el.dismiss(data, role);\n        } catch {\n            return false;\n        }\n    }\n\n    function dispose(): void {\n        if (disposed) return;\n        disposed = true;\n        if (active) {\n            try {\n                active.el.dismiss();\n            } catch { /* ignore */ }\n            active = null;\n        }\n        presented.value = false;\n    }\n\n    return { presented, result, present, dismiss, dispose };\n}\n\n// --- Public factories (create* pattern) ---\n\n/**\n * Create a reactive toast overlay controller.\n * Call `dispose()` in `onUnmount()` when used in a class component.\n */\nexport function createToast(): OverlayHandle {\n    return createOverlayHandle(toastController as any);\n}\n\n/**\n * Create a reactive alert overlay controller.\n * Call `dispose()` in `onUnmount()` when used in a class component.\n */\nexport function createAlert(): OverlayHandle {\n    return createOverlayHandle(alertController as any);\n}\n\n/**\n * Create a reactive loading overlay controller.\n * Call `dispose()` in `onUnmount()` when used in a class component.\n */\nexport function createLoading(): OverlayHandle {\n    return createOverlayHandle(loadingController as any);\n}\n\n/**\n * Create a reactive action-sheet overlay controller.\n * Call `dispose()` in `onUnmount()` when used in a class component.\n */\nexport function createActionSheet(): OverlayHandle {\n    return createOverlayHandle(actionSheetController as any);\n}\n\n/**\n * Create a reactive popover overlay controller.\n * Call `dispose()` in `onUnmount()` when used in a class component.\n */\nexport function createPopover(): OverlayHandle {\n    return createOverlayHandle(popoverController as any);\n}\n\n/**\n * Create a reactive modal overlay controller.\n * Call `dispose()` in `onUnmount()` when used in a class component.\n */\nexport function createModal(): OverlayHandle {\n    return createOverlayHandle(modalController as any);\n}\n\n// --- Convenience: one-shot helpers (no controller needed) ---\n\n/**\n * Present a toast and return immediately (fire-and-forget).\n * The toast auto-dismisses after its duration.\n *\n * @example\n * ```ts\n * import { showToast } from \"@elurjs/ionic\";\n *\n * showToast({ message: \"Saved!\", duration: 1500 });\n * ```\n */\nexport async function showToast(\n    options: Record<string, unknown>,\n): Promise<void> {\n    const toast = await toastController.create(options);\n    await toast.present();\n}\n\n/**\n * Present a loading overlay, run an async task, then dismiss.\n * Returns the task result. If the task throws, the loading is still dismissed.\n *\n * @example\n * ```ts\n * import { withLoading } from \"@elurjs/ionic\";\n *\n * const data = await withLoading(\n *   { message: \"Fetching...\" },\n *   () => fetch(\"/api/data\").then(r => r.json()),\n * );\n * ```\n */\nexport async function withLoading<T>(\n    options: Record<string, unknown>,\n    task: () => Promise<T>,\n): Promise<T> {\n    const loading = await loadingController.create(options);\n    await loading.present();\n    try {\n        return await task();\n    } finally {\n        await loading.dismiss();\n    }\n}\n\n/**\n * Present a confirm alert and return true if \"OK\" was clicked, false otherwise.\n *\n * @example\n * ```ts\n * import { confirm } from \"@elurjs/ionic\";\n *\n * const yes = await confirm({\n *   header: \"Delete\",\n *   message: \"Are you sure?\",\n *   confirmText: \"Delete\",\n * });\n * if (yes) deleteItem();\n * ```\n */\nexport async function confirm(\n    options: { header?: string; message?: string; confirmText?: string; cancelText?: string },\n): Promise<boolean> {\n    return new Promise((resolve) => {\n        alertController\n            .create({\n                header: options.header,\n                message: options.message,\n                buttons: [\n                    { text: options.cancelText ?? \"Cancel\", role: \"cancel\", handler: () => resolve(false) },\n                    { text: options.confirmText ?? \"OK\", role: \"confirm\", handler: () => resolve(true) },\n                ],\n            } as any)\n            .then((el) => el.present());\n    });\n}\n\n// Re-export Ionic controllers for advanced use\nexport {\n    toastController,\n    alertController,\n    loadingController,\n    actionSheetController,\n    popoverController,\n    modalController,\n    pickerController,\n};\n\n// =============================================================================\n// --- Elur delegate for modal/popover content mounting ---\n// =============================================================================\n\n/**\n * A Elur FrameworkDelegate that can mount ElurTemplate or ElurComponent\n * instances inside Ionic overlays (modal, popover).\n *\n * Ionic's `FrameworkDelegate` interface has two methods:\n *   - `attachViewToDom(container, component, props, cssClasses)` → HTMLElement\n *   - `removeViewFromDom(container, component)` → void\n *\n * For Elur, \"component\" is a function that returns a ElurTemplate or\n * ElurComponent. The delegate creates a wrapper div, mounts the Elur\n * content into it, appends it to the overlay, and tracks the unmount\n * handle for cleanup on dismiss.\n */\nexport interface ElurOverlayDelegate {\n    attachViewToDom(\n        container: HTMLElement,\n        component: () => ElurTemplate | ElurComponent,\n        propsOrData?: Record<string, unknown>,\n        cssClasses?: string[],\n    ): Promise<HTMLElement>;\n    removeViewFromDom(container: HTMLElement, component: unknown): Promise<void>;\n}\n\n/**\n * Create a Elur delegate for use with Ionic modal/popover controllers.\n * The delegate mounts Elur templates inside overlays and cleans up on\n * removal.\n *\n * @example\n * ```ts\n * import { createElurDelegate, createModal } from \"@elurjs/ionic\";\n * import { html, signal } from \"@elurjs/core\";\n *\n * const delegate = createElurDelegate();\n * const modal = createModal();\n *\n * // The delegate is passed via `delegate` option\n * modal.present({\n *   component: () => html`<ion-content><h1>Hello from modal!</h1></ion-content>`,\n *   delegate,\n * });\n * ```\n */\nexport function createElurDelegate(): ElurOverlayDelegate {\n    // Track unmount handles by wrapper element for cleanup\n    const handles = new Map<HTMLElement, () => void>();\n\n    return {\n        async attachViewToDom(\n            container: HTMLElement,\n            component: () => ElurTemplate | ElurComponent,\n            _propsOrData?: Record<string, unknown>,\n            cssClasses?: string[],\n        ): Promise<HTMLElement> {\n            // Create a wrapper div to hold the Elur content\n            const wrapper = document.createElement(\"div\");\n            if (cssClasses) {\n                for (const cls of cssClasses) wrapper.classList.add(cls);\n            }\n            // Mount the Elur content into the wrapper\n            const handle = mount(component(), wrapper);\n            handles.set(wrapper, handle.unmount);\n            // Append to the overlay container\n            container.appendChild(wrapper);\n            return wrapper;\n        },\n\n        async removeViewFromDom(_container: HTMLElement, component: unknown): Promise<void> {\n            // component is the wrapper element returned by attachViewToDom\n            const wrapper = component as HTMLElement;\n            const unmount = handles.get(wrapper);\n            if (unmount) {\n                unmount();\n                handles.delete(wrapper);\n            }\n            if (wrapper.parentElement) {\n                wrapper.remove();\n            }\n        },\n    };\n}\n\n// =============================================================================\n// --- Enhanced modal/popover with delegate support ---\n// =============================================================================\n\n/**\n * Options for presenting a modal with Elur content.\n * The `component` function returns a ElurTemplate or ElurComponent that will\n * be mounted inside the modal via the Elur delegate.\n */\nexport interface ModalOptions {\n    /** Function returning the Elur content to mount inside the modal. */\n    component: () => ElurTemplate | ElurComponent;\n    /** Component props/data passed to the delegate. */\n    componentProps?: Record<string, unknown>;\n    /** CSS classes to add to the mounted content wrapper. */\n    cssClasses?: string[];\n    /** Modal-specific options. */\n    backdropDismiss?: boolean;\n    showBackdrop?: boolean;\n    animated?: boolean;\n    canDismiss?: boolean | (() => Promise<boolean>);\n    /** Custom delegate (if not provided, a default Elur delegate is used). */\n    delegate?: ElurOverlayDelegate;\n    [key: string]: unknown;\n}\n\n/**\n * Options for presenting a popover with Elur content.\n */\nexport interface PopoverOptions {\n    /** Function returning the Elur content to mount inside the popover. */\n    component: () => ElurTemplate | ElurComponent;\n    /** Component props/data passed to the delegate. */\n    componentProps?: Record<string, unknown>;\n    /** CSS classes to add to the mounted content wrapper. */\n    cssClasses?: string[];\n    /** The element that the popover should be anchored to. */\n    event?: Event | { target: HTMLElement };\n    /** Popover-specific options. */\n    backdropDismiss?: boolean;\n    showBackdrop?: boolean;\n    animated?: boolean;\n    /** Custom delegate (if not provided, a default Elur delegate is used). */\n    delegate?: ElurOverlayDelegate;\n    [key: string]: unknown;\n}\n\n/**\n * Enhanced modal controller with Elur delegate support.\n * Unlike the basic `createModal()`, this automatically creates and uses\n * a Elur delegate so `component` can be a ElurTemplate/ElurComponent.\n *\n * @example\n * ```ts\n * import { createModalController, createElurDelegate } from \"@elurjs/ionic\";\n * import { html, signal } from \"@elurjs/core\";\n *\n * const modal = createModalController();\n *\n * modal.present({\n *   component: () => html`\n *     <ion-header>\n *       <ion-toolbar><ion-title>Settings</ion-title></ion-toolbar>\n *     </ion-header>\n *     <ion-content><p>Modal content here</p></ion-content>\n *   `,\n * });\n *\n * // React to dismiss\n * effect(() => {\n *   if (modal.result.value) {\n *     console.log(\"Modal dismissed:\", modal.result.value);\n *   }\n * });\n * ```\n */\nexport function createModalController(delegate?: ElurOverlayDelegate): OverlayHandle {\n    const elurDelegate = delegate ?? createElurDelegate();\n    const handle = createOverlayHandle(modalController as any);\n\n    // Wrap present to inject the delegate and convert component\n    const originalPresent = handle.present;\n    async function present(options: ModalOptions): Promise<void> {\n        await originalPresent({\n            ...options,\n            delegate: elurDelegate,\n        });\n    }\n\n    return { ...handle, present };\n}\n\n/**\n * Enhanced popover controller with Elur delegate support.\n * Automatically creates and uses a Elur delegate so `component` can be\n * a ElurTemplate/ElurComponent.\n *\n * @example\n * ```ts\n * import { createPopoverController } from \"@elurjs/ionic\";\n * import { html } from \"@elurjs/core\";\n *\n * const popover = createPopoverController();\n *\n * // In an event handler:\n * popover.present({\n *   component: () => html`<ion-content><p>Popover content</p></ion-content>`,\n *   event, // the click event for anchoring\n * });\n * ```\n */\nexport function createPopoverController(delegate?: ElurOverlayDelegate): OverlayHandle {\n    const elurDelegate = delegate ?? createElurDelegate();\n    const handle = createOverlayHandle(popoverController as any);\n\n    const originalPresent = handle.present;\n    async function present(options: PopoverOptions): Promise<void> {\n        await originalPresent({\n            ...options,\n            delegate: elurDelegate,\n        });\n    }\n\n    return { ...handle, present };\n}\n\n// =============================================================================\n// --- Picker wrapper ---\n// =============================================================================\n\n/**\n * Options for a picker column.\n */\nexport interface PickerColumnOption {\n    text: string;\n    value: string | number;\n    disabled?: boolean;\n}\n\n/**\n * Options for presenting a picker overlay.\n */\nexport interface PickerOptions {\n    columns: Array<{\n        name: string;\n        options: PickerColumnOption[];\n        selectedIndex?: number;\n    }>;\n    buttons?: Array<{\n        text: string;\n        role?: string;\n        handler?: (selected: Record<string, PickerColumnOption>) => void;\n    }>;\n    cssClass?: string;\n    animated?: boolean;\n    backdropDismiss?: boolean;\n    [key: string]: unknown;\n}\n\n/**\n * Create a reactive picker overlay controller.\n * Pickers are column-based selection overlays (like iOS date pickers).\n *\n * @example\n * ```ts\n * import { createPicker } from \"@elurjs/ionic\";\n *\n * const picker = createPicker();\n * await picker.present({\n *   columns: [{\n *     name: \"size\",\n *     options: [\n *       { text: \"Small\", value: \"sm\" },\n *       { text: \"Medium\", value: \"md\" },\n *       { text: \"Large\", value: \"lg\" },\n *     ],\n *   }],\n *   buttons: [\n *     { text: \"Cancel\", role: \"cancel\" },\n *     { text: \"Done\", role: \"confirm\" },\n *   ],\n * });\n * ```\n */\nexport function createPicker(): OverlayHandle {\n    // Ionic 8's ion-picker is a wheel-style component without columns/buttons/isOpen.\n    // The legacy picker (with columns, buttons, isOpen) is accessed via pickerController,\n    // which creates <ion-picker-legacy> internally. These legacy components must be\n    // registered as custom elements, otherwise customElements.whenDefined() hangs\n    // forever and the picker never appears.\n    //\n    // We register them lazily here (not in setup.ts) to preserve tree-shaking —\n    // apps that don't use the picker won't bundle the legacy picker code.\n    if (typeof customElements !== \"undefined\") {\n        if (!customElements.get(\"ion-picker-legacy\")) {\n            import(\"@ionic/core/components/ion-picker-legacy.js\")\n                .then((m) => m.defineCustomElement())\n                .catch(() => { });\n        }\n        if (!customElements.get(\"ion-picker-legacy-column\")) {\n            import(\"@ionic/core/components/ion-picker-legacy-column.js\")\n                .then((m) => m.defineCustomElement())\n                .catch(() => { });\n        }\n        if (!customElements.get(\"ion-backdrop\")) {\n            import(\"@ionic/core/components/ion-backdrop.js\")\n                .then((m) => m.defineCustomElement())\n                .catch(() => { });\n        }\n    }\n    return createOverlayHandle(pickerController as any);\n}\n"],"mappings":"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"}