@rdlabo/capacitor-native-ui 0.0.0-stage → 2.0.0-1

package/dist/native/overlays/controller.js

@@ -0,0 +1,285 @@
+import { isExcluded, isNativeUIDisabled, isPermanentlyExcluded } from "../shared/dom.js";
+import { bounded, boundedListener } from "../shared/bridge.js";
+import { relayLayoutSupported, relayStyles } from "./styles.js";
+import { moveContent } from "./content.js";
+import { popoverPresentation, relayPopover, verticalBarsPopoverAnchor } from "./popover.js";
+import { validVerticalBarFrame } from "../shared/vertical-bars-geometry.js";
+import { activeElement, trapFocus } from "./focus.js";
+import { nativeDialogAnimation } from "./dialog-animation.js";
+//#region src/native/overlays/controller.ts
+const lifecycle = (overlay, phase) => `ion${overlay.localName.slice(4, 5).toUpperCase()}${overlay.localName.slice(5)}${phase}`;
+/** Ionic owns lifecycle and dismissal; only one overlay is relayed at a time. */
+const createOverlayController = async (doc, plugin, options, retainProjection, nativeVerticalBars) => {
+	let current;
+	let opening = Promise.resolve();
+	let sequence = 0;
+	let stopped = false;
+	const suspensions = /* @__PURE__ */ new Set();
+	const events = [
+		"Modal",
+		"Popover",
+		"Alert",
+		"ActionSheet",
+		"Loading",
+		"Picker",
+		"Toast"
+	].map((name) => `ion${name}WillPresent`);
+	const cleanup = async (connection) => {
+		const stage = async (label, run) => {
+			try {
+				await bounded(Promise.resolve(run?.()));
+			} catch (error) {
+				console.error(`Native overlay teardown failed at ${label}; continuing cleanup anyway.`, error);
+			}
+		};
+		try {
+			await stage("events", connection.stopEvents);
+			await stage("lifecycle", connection.stopLifecycle);
+			await stage("childEvents", connection.stopChildEvents);
+			await stage("exclusions", connection.stopExclusions);
+			await stage("focus", connection.stopFocus);
+			await connection.nativeClosing?.catch((error) => {
+				console.error("Native overlay dismissal did not complete; restoring the Web content anyway.", error);
+			});
+			await stage("content", connection.stopContent);
+			await stage("animation", connection.stopAnimation);
+			await stage("styles", connection.stopStyles);
+			await stage("close", () => bounded(plugin.closeOverlay({ id: connection.id })));
+		} finally {
+			connection.releaseProjection?.();
+			connection.releaseProjection = void 0;
+			try {
+				connection.win?.close();
+			} catch (error) {
+				console.error("Native overlay window was already gone.", error);
+			}
+			if (current === connection) current = void 0;
+			const focus = connection.focus;
+			if (focus?.isConnected && focus.tabIndex >= 0) focus.focus({ preventScroll: true });
+		}
+	};
+	const release = (connection) => connection.closing ?? (connection.closing = cleanup(connection));
+	const restoreWeb = async () => {
+		if (current) await release(current);
+	};
+	const excluded = (overlay) => isPermanentlyExcluded(overlay) || isExcluded(overlay) || isNativeUIDisabled(overlay);
+	const connect = async (connection, ready, presentation) => {
+		const { overlay } = connection;
+		const gone = () => current !== connection || stopped || suspensions.size || connection.dismissed || !overlay.isConnected || !nativeVerticalBars() || excluded(overlay);
+		connection.hideAnimation?.();
+		try {
+			const staging = (async () => {
+				await bounded(plugin.prepareOverlay({ id: connection.id }));
+				if (gone()) return void 0;
+				const win = doc.defaultView.open(`about:blank#${connection.id}`, "_blank");
+				if (!win) throw new Error("Native overlay window unavailable");
+				connection.win = win;
+				if (decodeURIComponent(win.document.URL) !== `about:blank#${connection.id}` || win.document.readyState !== "complete") await bounded(new Promise((resolve) => win.addEventListener("load", () => resolve(), { once: true })));
+				if (gone()) return void 0;
+				win.document.open();
+				win.document.write("<!doctype html><html><head></head><body></body></html>");
+				win.document.close();
+				connection.stopChildEvents = observe(win.document);
+				const environment = relayStyles(doc, win.document, overlay, () => {
+					if (connection.stopContent) release(connection).catch(console.error);
+				});
+				connection.stopStyles = environment.stop;
+				await bounded(environment.ready);
+				if (gone()) return void 0;
+				return {
+					destination: environment.destination,
+					win
+				};
+			})();
+			staging.catch(() => {});
+			await bounded(ready);
+			await bounded(new Promise((resolve) => doc.defaultView.requestAnimationFrame(() => resolve())));
+			const staged = await staging;
+			if (gone() || !staged) {
+				await release(connection);
+				return;
+			}
+			const focused = activeElement(doc);
+			const nativePresentation = popoverPresentation(overlay);
+			const content = relayPopover(overlay, staged.destination);
+			connection.stopContent = content.stop;
+			if (!relayLayoutSupported(overlay) || !content.matchesSourceAppearance()) {
+				await release(connection);
+				return;
+			}
+			connection.hideAnimation?.();
+			const exclusions = new MutationObserver(() => {
+				if (!overlay.isConnected || !nativeVerticalBars() || excluded(overlay) || isNativeUIDisabled(content.root)) release(connection).catch(console.error);
+			});
+			const attributes = {
+				attributes: true,
+				attributeFilter: [
+					"class",
+					"data-native-ui",
+					"hidden",
+					"inert"
+				]
+			};
+			for (let node = overlay; node; node = node.parentElement) {
+				exclusions.observe(node, attributes);
+				exclusions.observe(node, { childList: true });
+			}
+			exclusions.observe(content.root, {
+				...attributes,
+				subtree: true
+			});
+			connection.stopExclusions = () => exclusions.disconnect();
+			connection.stopFocus = trapFocus(content.root, () => !connection.dismissed && (!("focusTrap" in overlay) || overlay.focusTrap !== false) && !overlay.classList.contains("ion-disable-focus-trap"));
+			const close = () => {
+				release(connection).catch(console.error);
+			};
+			const escape = (event) => {
+				if (event.key === "Escape" && overlay.backdropDismiss) overlay.dismiss(void 0, "backdrop");
+			};
+			staged.win.document.addEventListener("keydown", escape);
+			overlay.addEventListener(lifecycle(overlay, "DidDismiss"), close, { once: true });
+			connection.stopEvents = () => {
+				staged.win.document.removeEventListener("keydown", escape);
+				overlay.removeEventListener(lifecycle(overlay, "DidDismiss"), close);
+			};
+			await bounded(plugin.presentOverlay({
+				id: connection.id,
+				presentation: {
+					...nativePresentation,
+					animated: presentation.animated
+				}
+			}));
+			(focused?.isConnected && focused.ownerDocument === staged.win.document ? focused : content.root).focus({ preventScroll: true });
+		} catch (error) {
+			await release(connection);
+			console.error("Native overlay projection failed; keeping Ionic content in the source WebView.", error);
+		}
+	};
+	const present = (event) => {
+		const overlay = event.target;
+		if (current) {
+			const connection = current;
+			const fromChild = overlay.ownerDocument === connection.win?.document;
+			if (fromChild) moveContent([overlay], doc.querySelector("ion-app") ?? doc.body);
+			current = void 0;
+			opening = opening.then(() => release(connection)).catch(console.error);
+			if (fromChild) doc.dispatchEvent(new CustomEvent("nativeUIOverlayAdopted", { detail: overlay }));
+			if (!connection.dismissed) return;
+			connection.stopAnimation?.();
+			connection.stopAnimation = void 0;
+		}
+		const enabled = overlay.localName === "ion-popover" && overlay.mode !== "md" && !overlay.classList.contains("md") && options.ionic?.verticalBars?.popover === true && nativeVerticalBars() && verticalBarsPopoverAnchor(overlay) !== void 0;
+		if (stopped || suspensions.size || !enabled || excluded(overlay)) {
+			opening = opening.then(restoreWeb).catch(console.error);
+			return;
+		}
+		const connection = {
+			id: `ios-theme-overlay-${++sequence}`,
+			overlay,
+			dismissed: false,
+			focus: activeElement(doc)
+		};
+		const presentation = {
+			kind: "popover",
+			animated: overlay.animated
+		};
+		current = connection;
+		const anchorId = verticalBarsPopoverAnchor(overlay);
+		connection.releaseProjection = retainProjection((id) => id === anchorId && current === connection && !!connection.nativeClosing && !stopped && !suspensions.size && nativeVerticalBars() && !excluded(overlay));
+		const closed = () => {
+			connection.dismissed = true;
+		};
+		overlay.addEventListener(lifecycle(overlay, "DidDismiss"), closed, { once: true });
+		let resolveReady;
+		const readyPromise = new Promise((resolve) => {
+			resolveReady = resolve;
+		});
+		const ready = () => {
+			resolveReady();
+		};
+		const closeNative = () => connection.nativeClosing ?? (connection.nativeClosing = bounded(plugin.dismissOverlay({
+			id: connection.id,
+			animated: presentation.animated
+		})));
+		const viewport = `${win.innerWidth}:${win.innerHeight}`;
+		const anchor = bounded(plugin.getVerticalBarsGeometry({
+			viewportWidth: win.innerWidth,
+			ids: [anchorId]
+		})).then(({ items }) => {
+			const frame = items[anchorId];
+			return frame && validVerticalBarFrame(frame) && viewport === `${win.innerWidth}:${win.innerHeight}` ? frame : void 0;
+		}).catch(() => void 0);
+		const animation = nativeDialogAnimation(overlay, closeNative, anchor);
+		connection.stopAnimation = animation.stop;
+		connection.hideAnimation = animation.hide;
+		animation.hide();
+		overlay.addEventListener(lifecycle(overlay, "DidPresent"), ready, { once: true });
+		connection.stopLifecycle = () => overlay.removeEventListener(lifecycle(overlay, "DidDismiss"), closed);
+		opening = opening.then(() => connect(connection, readyPromise, presentation)).catch(console.error).finally(() => {
+			overlay.removeEventListener(lifecycle(overlay, "DidPresent"), ready);
+		});
+	};
+	const menuOpen = (event) => {
+		if (!event.composedPath().some((node) => node instanceof HTMLElement && node.matches("ion-menu"))) return;
+		const connection = current;
+		current = void 0;
+		if (connection) opening = opening.then(() => release(connection)).catch(console.error);
+	};
+	const observe = (target) => {
+		for (const name of events) target.addEventListener(name, present);
+		target.addEventListener("ionWillOpen", menuOpen);
+		return () => {
+			for (const name of events) target.removeEventListener(name, present);
+			target.removeEventListener("ionWillOpen", menuOpen);
+		};
+	};
+	const invalidate = () => {
+		const connection = current;
+		current = void 0;
+		if (connection) opening = opening.then(() => release(connection)).catch(console.error);
+	};
+	const win = doc.defaultView;
+	const visibility = () => {
+		if (doc.hidden) invalidate();
+	};
+	const listener = await boundedListener(plugin.addListener("overlay", (event) => {
+		if (event.id !== current?.id) return;
+		if (event.action === "dismiss" && current.overlay.backdropDismiss) current.overlay.dismiss(void 0, "backdrop").catch(console.error);
+	}));
+	win.addEventListener("resize", invalidate);
+	doc.addEventListener("ionViewWillLeave", invalidate);
+	doc.addEventListener("visibilitychange", visibility);
+	const stopEvents = observe(doc);
+	return {
+		async suspend() {
+			const lease = Symbol();
+			suspensions.add(lease);
+			await opening;
+			await restoreWeb();
+			return () => {
+				suspensions.delete(lease);
+			};
+		},
+		async destroy() {
+			stopped = true;
+			stopEvents();
+			win.removeEventListener("resize", invalidate);
+			doc.removeEventListener("ionViewWillLeave", invalidate);
+			doc.removeEventListener("visibilitychange", visibility);
+			try {
+				await opening;
+				await restoreWeb();
+			} finally {
+				try {
+					await bounded(plugin.stopOverlays());
+				} finally {
+					await bounded(listener.remove());
+				}
+			}
+		}
+	};
+};
+//#endregion
+export { createOverlayController };
+
+//# sourceMappingURL=controller.js.map

package/dist/native/overlays/controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controller.js","names":[],"sources":["../../../src/native/overlays/controller.ts"],"sourcesContent":["import type { NativeUIOptions, NativeUIPlugin } from '../definitions';\nimport { bounded, boundedListener } from '../shared/bridge';\nimport { isExcluded, isPermanentlyExcluded, isNativeUIDisabled } from '../shared/dom';\nimport { activeElement, trapFocus } from './focus';\nimport { relayPopover, popoverPresentation, verticalBarsPopoverAnchor } from './popover';\nimport { nativeDialogAnimation } from './dialog-animation';\nimport { relayLayoutSupported, relayStyles } from './styles';\nimport { moveContent } from './content';\nimport { validVerticalBarFrame } from '../shared/vertical-bars-geometry';\n\ntype Presentation = { kind: 'popover'; animated: boolean };\ntype Overlay = HTMLIonPopoverElement;\nconst lifecycle = (overlay: Overlay, phase: string) =>\n  `ion${overlay.localName.slice(4, 5).toUpperCase()}${overlay.localName.slice(5)}${phase}`;\n\ninterface Connection {\n  id: string;\n  overlay: Overlay;\n  dismissed: boolean;\n  win?: Window;\n  focus: Element | null;\n  stopStyles?: () => void;\n  releaseProjection?: () => void;\n  stopContent?: () => void;\n  stopFocus?: () => void;\n  stopEvents?: () => void;\n  stopChildEvents?: () => void;\n  stopExclusions?: () => void;\n  closing?: Promise<void>;\n  nativeClosing?: Promise<void>;\n  stopAnimation?: () => void;\n  hideAnimation?: () => void;\n  stopLifecycle?: () => void;\n}\n\n/** Ionic owns lifecycle and dismissal; only one overlay is relayed at a time. */\nexport const createOverlayController = async (\n  doc: Document,\n  plugin: NativeUIPlugin,\n  options: NativeUIOptions,\n  retainProjection: (deferActivation?: (id: string) => boolean) => () => void,\n  nativeVerticalBars: () => boolean,\n) => {\n  let current: Connection | undefined;\n  let opening = Promise.resolve();\n  let sequence = 0;\n  let stopped = false;\n  const suspensions = new Set<symbol>();\n  const events = ['Modal', 'Popover', 'Alert', 'ActionSheet', 'Loading', 'Picker', 'Toast'].map((name) => `ion${name}WillPresent`);\n  const cleanup = async (connection: Connection) => {\n    // Every teardown step is isolated and bounded: a throwing or hanging step\n    // must not strand the retained page projections or the child window.\n    const stage = async (label: string, run?: () => void | Promise<void>) => {\n      try {\n        await bounded(Promise.resolve(run?.()));\n      } catch (error) {\n        console.error(`Native overlay teardown failed at ${label}; continuing cleanup anyway.`, error);\n      }\n    };\n    try {\n      await stage('events', connection.stopEvents);\n      await stage('lifecycle', connection.stopLifecycle);\n      await stage('childEvents', connection.stopChildEvents);\n      await stage('exclusions', connection.stopExclusions);\n      await stage('focus', connection.stopFocus);\n      // A timed-out dismissal must not strand the relayed content in the child window.\n      await connection.nativeClosing?.catch((error) => {\n        console.error('Native overlay dismissal did not complete; restoring the Web content anyway.', error);\n      });\n      await stage('content', connection.stopContent);\n      await stage('animation', connection.stopAnimation);\n      await stage('styles', connection.stopStyles);\n      await stage('close', () => bounded(plugin.closeOverlay({ id: connection.id })));\n    } finally {\n      // The page projections must be released even if teardown throws above.\n      connection.releaseProjection?.();\n      connection.releaseProjection = undefined;\n      try {\n        connection.win?.close();\n      } catch (error) {\n        console.error('Native overlay window was already gone.', error);\n      }\n      if (current === connection) current = undefined;\n      const focus = connection.focus as HTMLElement | null;\n      if (focus?.isConnected && focus.tabIndex >= 0) focus.focus({ preventScroll: true });\n    }\n  };\n  const release = (connection: Connection): Promise<void> => (connection.closing ??= cleanup(connection));\n  const restoreWeb = async () => {\n    if (current) await release(current);\n  };\n  const excluded = (overlay: HTMLElement) => isPermanentlyExcluded(overlay) || isExcluded(overlay) || isNativeUIDisabled(overlay);\n  const connect = async (connection: Connection, ready: Promise<void>, presentation: Presentation) => {\n    const { overlay } = connection;\n    const gone = () =>\n      current !== connection ||\n      stopped ||\n      suspensions.size ||\n      connection.dismissed ||\n      !overlay.isConnected ||\n      !nativeVerticalBars() ||\n      excluded(overlay);\n    // Keep the source invisible while the native toolbar prepares its popover.\n    connection.hideAnimation?.();\n    try {\n      // Prepare the child window concurrently with Ionic's content initialization.\n      const staging = (async () => {\n        await bounded(\n          plugin.prepareOverlay({\n            id: connection.id,\n          }),\n        );\n        if (gone()) return undefined;\n        const win = doc.defaultView!.open(`about:blank#${connection.id}`, '_blank');\n        if (!win) throw new Error('Native overlay window unavailable');\n        connection.win = win;\n        // The requested blank page replaces the initial document created by window.open.\n        // WebKit percent-encodes the '#' marker in the popup URL; compare decoded.\n        // Adopt nodes only after that navigation; otherwise WebKit discards the relay.\n        if (decodeURIComponent(win.document.URL) !== `about:blank#${connection.id}` || win.document.readyState !== 'complete')\n          await bounded(new Promise<void>((resolve) => win.addEventListener('load', () => resolve(), { once: true })));\n        if (gone()) return undefined;\n        // about:blank is a quirks-mode document in WebKit. Initialize standards\n        // mode before adopting live content: otherwise percentage button heights\n        // can resolve against the entire popover viewport.\n        win.document.open();\n        win.document.write('<!doctype html><html><head></head><body></body></html>');\n        win.document.close();\n        connection.stopChildEvents = observe(win.document);\n        const environment = relayStyles(doc, win.document, overlay, () => {\n          if (connection.stopContent) void release(connection).catch(console.error);\n        });\n        connection.stopStyles = environment.stop;\n        await bounded(environment.ready);\n        if (gone()) return undefined;\n        return { destination: environment.destination, win };\n      })();\n      // The staging join is awaited below; settle early rejections quietly.\n      staging.catch(() => {});\n      // Ionic initializes its gestures after didPresent. Let that turn finish before adopting their content.\n      // A stalled presentation must not park the opening queue forever.\n      await bounded(ready);\n      // Placement is captured after Ionic has laid out the overlay.\n      await bounded(new Promise<void>((resolve) => doc.defaultView!.requestAnimationFrame(() => resolve())));\n      const staged = await staging;\n      if (gone() || !staged) {\n        await release(connection);\n        return;\n      }\n      const focused = activeElement(doc) as HTMLElement | null;\n      const nativePresentation = popoverPresentation(overlay);\n      const content = relayPopover(overlay, staged.destination);\n      connection.stopContent = content.stop;\n      if (!relayLayoutSupported(overlay) || !content.matchesSourceAppearance()) {\n        await release(connection);\n        return;\n      }\n      connection.hideAnimation?.();\n      // Ionic does not dismiss a presented overlay when its page is hidden or\n      // destroyed; without this a popover could retain the page projections\n      // forever and freeze every later control update.\n      const exclusions = new MutationObserver(() => {\n        if (!overlay.isConnected || !nativeVerticalBars() || excluded(overlay) || isNativeUIDisabled(content.root))\n          void release(connection).catch(console.error);\n      });\n      const attributes = { attributes: true, attributeFilter: ['class', 'data-native-ui', 'hidden', 'inert'] };\n      for (let node: HTMLElement | null = overlay; node; node = node.parentElement) {\n        exclusions.observe(node, attributes);\n        exclusions.observe(node, { childList: true });\n      }\n      exclusions.observe(content.root, { ...attributes, subtree: true });\n      connection.stopExclusions = () => exclusions.disconnect();\n      connection.stopFocus = trapFocus(\n        content.root,\n        () =>\n          !connection.dismissed &&\n          (!('focusTrap' in overlay) || overlay.focusTrap !== false) &&\n          !overlay.classList.contains('ion-disable-focus-trap'),\n      );\n      const close = () => {\n        void release(connection).catch(console.error);\n      };\n      const escape = (event: KeyboardEvent) => {\n        if (event.key === 'Escape' && overlay.backdropDismiss) void overlay.dismiss(undefined, 'backdrop');\n      };\n      staged.win.document.addEventListener('keydown', escape);\n      overlay.addEventListener(lifecycle(overlay, 'DidDismiss'), close, { once: true });\n      connection.stopEvents = () => {\n        staged.win.document.removeEventListener('keydown', escape);\n        overlay.removeEventListener(lifecycle(overlay, 'DidDismiss'), close);\n      };\n      // SwiftUI owns the only visible presentation animation.\n      await bounded(\n        plugin.presentOverlay({\n          id: connection.id,\n          presentation: { ...nativePresentation, animated: presentation.animated },\n        }),\n      );\n      (focused?.isConnected && focused.ownerDocument === staged.win.document ? focused : content.root).focus({ preventScroll: true });\n    } catch (error) {\n      await release(connection);\n      console.error('Native overlay projection failed; keeping Ionic content in the source WebView.', error);\n    }\n  };\n  const present = (event: Event) => {\n    const overlay = event.target as Overlay;\n    if (current) {\n      const connection = current;\n      const fromChild = overlay.ownerDocument === connection.win?.document;\n      if (fromChild) {\n        // A child-document overlay may be a sibling of the relayed content.\n        // Move it before cleanup closes that document; keep the live node,\n        // component handlers and adopted shadow styles in the source WebView.\n        moveContent([overlay], doc.querySelector<HTMLElement>('ion-app') ?? doc.body);\n      }\n      current = undefined;\n      opening = opening.then(() => release(connection)).catch(console.error);\n      // The original event path still belongs to the child document. Let the\n      // source runtime observe presentation before releasing retained controls.\n      if (fromChild) doc.dispatchEvent(new CustomEvent('nativeUIOverlayAdopted', { detail: overlay }));\n      if (!connection.dismissed) return;\n      // A didDismiss handler may immediately open the next popover while SwiftUI is still closing this one.\n      connection.stopAnimation?.();\n      connection.stopAnimation = undefined;\n    }\n    const enabled =\n      overlay.localName === 'ion-popover' &&\n      overlay.mode !== 'md' &&\n      !overlay.classList.contains('md') &&\n      options.ionic?.verticalBars?.popover === true &&\n      nativeVerticalBars() &&\n      verticalBarsPopoverAnchor(overlay) !== undefined;\n    if (stopped || suspensions.size || !enabled || excluded(overlay)) {\n      opening = opening.then(restoreWeb).catch(console.error);\n      return;\n    }\n    const connection: Connection = { id: `ios-theme-overlay-${++sequence}`, overlay, dismissed: false, focus: activeElement(doc) };\n    const presentation: Presentation = { kind: 'popover', animated: overlay.animated };\n    current = connection;\n    // Retain synchronously, before the scheduled projection update can retire the rail.\n    const anchorId = verticalBarsPopoverAnchor(overlay);\n    connection.releaseProjection = retainProjection(\n      (id) =>\n        id === anchorId &&\n        current === connection &&\n        !!connection.nativeClosing &&\n        !stopped &&\n        !suspensions.size &&\n        nativeVerticalBars() &&\n        !excluded(overlay),\n    );\n    const closed = () => {\n      connection.dismissed = true;\n    };\n    overlay.addEventListener(lifecycle(overlay, 'DidDismiss'), closed, { once: true });\n    let resolveReady!: () => void;\n    const readyPromise = new Promise<void>((resolve) => {\n      resolveReady = resolve;\n    });\n    const ready = () => {\n      resolveReady();\n    };\n    const closeNative = () =>\n      (connection.nativeClosing ??= bounded(plugin.dismissOverlay({ id: connection.id, animated: presentation.animated })));\n    const viewport = `${win.innerWidth}:${win.innerHeight}`;\n    const anchor = bounded(plugin.getVerticalBarsGeometry({ viewportWidth: win.innerWidth, ids: [anchorId!] }))\n      .then(({ items }) => {\n        const frame = items[anchorId!];\n        return frame && validVerticalBarFrame(frame) && viewport === `${win.innerWidth}:${win.innerHeight}` ? frame : undefined;\n      })\n      .catch(() => undefined);\n    const animation = nativeDialogAnimation(overlay, closeNative, anchor);\n    connection.stopAnimation = animation.stop;\n    connection.hideAnimation = animation.hide;\n    animation.hide();\n    overlay.addEventListener(lifecycle(overlay, 'DidPresent'), ready, { once: true });\n    connection.stopLifecycle = () => overlay.removeEventListener(lifecycle(overlay, 'DidDismiss'), closed);\n    opening = opening\n      .then(() => connect(connection, readyPromise, presentation))\n      .catch(console.error)\n      .finally(() => {\n        overlay.removeEventListener(lifecycle(overlay, 'DidPresent'), ready);\n      });\n  };\n  const menuOpen = (event: Event) => {\n    if (!event.composedPath().some((node): node is HTMLElement => node instanceof HTMLElement && node.matches('ion-menu'))) return;\n    // Menus render in the source document below the native overlay; release the relay.\n    const connection = current;\n    current = undefined;\n    if (connection) opening = opening.then(() => release(connection)).catch(console.error);\n  };\n  const observe = (target: Document) => {\n    for (const name of events) target.addEventListener(name, present);\n    target.addEventListener('ionWillOpen', menuOpen);\n    return () => {\n      for (const name of events) target.removeEventListener(name, present);\n      target.removeEventListener('ionWillOpen', menuOpen);\n    };\n  };\n  const invalidate = () => {\n    const connection = current;\n    current = undefined;\n    if (connection) opening = opening.then(() => release(connection)).catch(console.error);\n  };\n  // Retention must not freeze an obsolete layout or a departed page.\n  const win = doc.defaultView!;\n  const visibility = () => {\n    if (doc.hidden) invalidate();\n  };\n  const listener = await boundedListener(\n    plugin.addListener('overlay', (event) => {\n      if (event.id !== current?.id) return;\n      if (event.action === 'dismiss' && current.overlay.backdropDismiss)\n        void current.overlay.dismiss(undefined, 'backdrop').catch(console.error);\n    }),\n  );\n  win.addEventListener('resize', invalidate);\n  doc.addEventListener('ionViewWillLeave', invalidate);\n  doc.addEventListener('visibilitychange', visibility);\n  const stopEvents = observe(doc);\n  return {\n    async suspend() {\n      const lease = Symbol();\n      suspensions.add(lease);\n      await opening;\n      await restoreWeb();\n      return () => {\n        suspensions.delete(lease);\n      };\n    },\n    async destroy() {\n      stopped = true;\n      stopEvents();\n      win.removeEventListener('resize', invalidate);\n      doc.removeEventListener('ionViewWillLeave', invalidate);\n      doc.removeEventListener('visibilitychange', visibility);\n      try {\n        await opening;\n        await restoreWeb();\n      } finally {\n        try {\n          await bounded(plugin.stopOverlays());\n        } finally {\n          await bounded(listener.remove());\n        }\n      }\n    },\n  };\n};\n"],"mappings":"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"}

package/dist/native/overlays/dialog-animation.d.ts

@@ -0,0 +1,9 @@
+import { Frame } from "../definitions.js";
+//#region src/native/overlays/dialog-animation.d.ts
+export type Dialog = HTMLIonPopoverElement;
+export declare const nativeDialogAnimation: (overlay: Dialog, close: () => Promise<void>, anchor: Promise<Frame | undefined>) => {
+  hide(): void;
+  stop(): void;
+};
+//#endregion
+//# sourceMappingURL=dialog-animation.d.ts.map

package/dist/native/overlays/dialog-animation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-animation.d.ts","names":[],"sources":["../../../src/native/overlays/dialog-animation.ts"],"mappings":";;YAMY,SAAS;qBAGR,wBAAyB,SAAS,QAAQ,aAAa,eAAe,QAAQ,QAAQ"}

package/dist/native/overlays/dialog-animation.js

@@ -0,0 +1,53 @@
+import { dismissAnimation } from "./dismiss-animation.js";
+import { createAnimation } from "@ionic/core/components/index.js";
+import { iosPopoverEnterAnimation } from "@rdlabo/ionic-theme-utils";
+//#region src/native/overlays/dialog-animation.ts
+/** Prepare the source's final layout while SwiftUI owns visible motion. */
+const nativeDialogAnimation = (overlay, close, anchor) => {
+	const enterAnimation = overlay.enterAnimation;
+	const builder = enterAnimation ?? iosPopoverEnterAnimation;
+	overlay.enterAnimation = (base, options) => {
+		const animation = createAnimation();
+		const play = animation.play;
+		animation.play = async () => {
+			const frame = await anchor;
+			const proxy = overlay.ownerDocument.createElement("ion-button");
+			if (frame) proxy.getBoundingClientRect = () => new DOMRect(frame.x, frame.y, frame.width, frame.height);
+			const positioned = frame ? {
+				...options,
+				trigger: proxy
+			} : options;
+			animation.addAnimation(builder(base, positioned));
+			const finishWithoutMotion = (item) => {
+				item.duration(0).delay(0);
+				item.childAnimations.forEach(finishWithoutMotion);
+			};
+			finishWithoutMotion(animation);
+			await play({ sync: true });
+		};
+		return animation;
+	};
+	const leaveAnimation = overlay.leaveAnimation;
+	const opacity = overlay.style.opacity;
+	const event = "ionPopoverWillDismiss";
+	const dismiss = () => {
+		const closing = close();
+		overlay.leaveAnimation = () => dismissAnimation(closing);
+	};
+	overlay.addEventListener(event, dismiss);
+	return {
+		hide() {
+			overlay.style.opacity = "0";
+		},
+		stop() {
+			overlay.removeEventListener(event, dismiss);
+			overlay.enterAnimation = enterAnimation;
+			overlay.leaveAnimation = leaveAnimation;
+			overlay.style.opacity = opacity;
+		}
+	};
+};
+//#endregion
+export { nativeDialogAnimation };
+
+//# sourceMappingURL=dialog-animation.js.map

package/dist/native/overlays/dialog-animation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-animation.js","names":[],"sources":["../../../src/native/overlays/dialog-animation.ts"],"sourcesContent":["import type { Animation } from '@ionic/core';\nimport { createAnimation } from '@ionic/core/components/index.js';\nimport { iosPopoverEnterAnimation } from '@rdlabo/ionic-theme-utils';\nimport type { Frame } from '../definitions';\nimport { dismissAnimation } from './dismiss-animation';\n\nexport type Dialog = HTMLIonPopoverElement;\n\n/** Prepare the source's final layout while SwiftUI owns visible motion. */\nexport const nativeDialogAnimation = (overlay: Dialog, close: () => Promise<void>, anchor: Promise<Frame | undefined>) => {\n  const enterAnimation = overlay.enterAnimation;\n  const builder = enterAnimation ?? iosPopoverEnterAnimation;\n  overlay.enterAnimation = (base, options) => {\n    const animation = createAnimation();\n    const play = animation.play;\n    animation.play = async () => {\n      const frame = await anchor;\n      const proxy = overlay.ownerDocument.createElement('ion-button');\n      if (frame) proxy.getBoundingClientRect = () => new DOMRect(frame.x, frame.y, frame.width, frame.height);\n      // The real trigger is display:none while projected. Use only a detached\n      // measurement proxy; never replace or mutate the application's button.\n      const positioned = frame ? { ...options, trigger: proxy } : options;\n      animation.addAnimation(builder(base, positioned));\n      const finishWithoutMotion = (item: Animation) => {\n        item.duration(0).delay(0);\n        item.childAnimations.forEach(finishWithoutMotion);\n      };\n      finishWithoutMotion(animation);\n      // Ionic owns this wrapper and destroys its children on dismissal.\n      await play({ sync: true });\n    };\n    return animation;\n  };\n  const leaveAnimation = overlay.leaveAnimation;\n  const opacity = overlay.style.opacity;\n  const event = 'ionPopoverWillDismiss';\n  const dismiss = () => {\n    const closing = close();\n    overlay.leaveAnimation = () => dismissAnimation(closing);\n  };\n  overlay.addEventListener(event, dismiss);\n  return {\n    hide() {\n      overlay.style.opacity = '0';\n    },\n    stop() {\n      overlay.removeEventListener(event, dismiss);\n      overlay.enterAnimation = enterAnimation;\n      overlay.leaveAnimation = leaveAnimation;\n      overlay.style.opacity = opacity;\n    },\n  };\n};\n"],"mappings":";;;;;AASA,MAAa,yBAAyB,SAAiB,OAA4B,WAAuC;CACxH,MAAM,iBAAiB,QAAQ;CAC/B,MAAM,UAAU,kBAAkB;CAClC,QAAQ,kBAAkB,MAAM,YAAY;EAC1C,MAAM,YAAY,gBAAgB;EAClC,MAAM,OAAO,UAAU;EACvB,UAAU,OAAO,YAAY;GAC3B,MAAM,QAAQ,MAAM;GACpB,MAAM,QAAQ,QAAQ,cAAc,cAAc,YAAY;GAC9D,IAAI,OAAO,MAAM,8BAA8B,IAAI,QAAQ,MAAM,GAAG,MAAM,GAAG,MAAM,OAAO,MAAM,MAAM;GAGtG,MAAM,aAAa,QAAQ;IAAE,GAAG;IAAS,SAAS;GAAM,IAAI;GAC5D,UAAU,aAAa,QAAQ,MAAM,UAAU,CAAC;GAChD,MAAM,uBAAuB,SAAoB;IAC/C,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;IACxB,KAAK,gBAAgB,QAAQ,mBAAmB;GAClD;GACA,oBAAoB,SAAS;GAE7B,MAAM,KAAK,EAAE,MAAM,KAAK,CAAC;EAC3B;EACA,OAAO;CACT;CACA,MAAM,iBAAiB,QAAQ;CAC/B,MAAM,UAAU,QAAQ,MAAM;CAC9B,MAAM,QAAQ;CACd,MAAM,gBAAgB;EACpB,MAAM,UAAU,MAAM;EACtB,QAAQ,uBAAuB,iBAAiB,OAAO;CACzD;CACA,QAAQ,iBAAiB,OAAO,OAAO;CACvC,OAAO;EACL,OAAO;GACL,QAAQ,MAAM,UAAU;EAC1B;EACA,OAAO;GACL,QAAQ,oBAAoB,OAAO,OAAO;GAC1C,QAAQ,iBAAiB;GACzB,QAAQ,iBAAiB;GACzB,QAAQ,MAAM,UAAU;EAC1B;CACF;AACF"}

package/dist/native/overlays/dismiss-animation.d.ts

@@ -0,0 +1,4 @@
+//#region src/native/overlays/dismiss-animation.d.ts
+export declare const dismissAnimation: (closing: Promise<void>) => import("@ionic/core").Animation;
+//#endregion
+//# sourceMappingURL=dismiss-animation.d.ts.map

package/dist/native/overlays/dismiss-animation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dismiss-animation.d.ts","names":[],"sources":["../../../src/native/overlays/dismiss-animation.ts"],"mappings":";qBAGa,mBAAoB,SAAS,wCAAa"}

package/dist/native/overlays/dismiss-animation.js

@@ -0,0 +1,18 @@
+import { createAnimation } from "@ionic/core/components/index.js";
+//#region src/native/overlays/dismiss-animation.ts
+/** Let Ionic finish dismissal after the native presentation has closed. */
+const dismissAnimation = (closing) => {
+	const animation = createAnimation();
+	const play = animation.play;
+	animation.play = async (options) => {
+		await closing.catch((error) => {
+			console.error("Native popover dismissal failed; completing the Ionic lifecycle.", error);
+		});
+		await play(options);
+	};
+	return animation;
+};
+//#endregion
+export { dismissAnimation };
+
+//# sourceMappingURL=dismiss-animation.js.map

package/dist/native/overlays/dismiss-animation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dismiss-animation.js","names":[],"sources":["../../../src/native/overlays/dismiss-animation.ts"],"sourcesContent":["import { createAnimation } from '@ionic/core/components/index.js';\n\n/** Let Ionic finish dismissal after the native presentation has closed. */\nexport const dismissAnimation = (closing: Promise<void>) => {\n  const animation = createAnimation();\n  const play = animation.play;\n  animation.play = async (options) => {\n    // A native failure must not suppress Ionic's didDismiss event/data.\n    await closing.catch((error) => {\n      console.error('Native popover dismissal failed; completing the Ionic lifecycle.', error);\n    });\n    await play(options);\n  };\n  return animation;\n};\n"],"mappings":";;;AAGA,MAAa,oBAAoB,YAA2B;CAC1D,MAAM,YAAY,gBAAgB;CAClC,MAAM,OAAO,UAAU;CACvB,UAAU,OAAO,OAAO,YAAY;EAElC,MAAM,QAAQ,OAAO,UAAU;GAC7B,QAAQ,MAAM,oEAAoE,KAAK;EACzF,CAAC;EACD,MAAM,KAAK,OAAO;CACpB;CACA,OAAO;AACT"}

package/dist/native/overlays/focus.d.ts

@@ -0,0 +1,5 @@
+//#region src/native/overlays/focus.d.ts
+export declare const activeElement: (doc: Document) => Element | null;
+export declare const trapFocus: (root: HTMLElement, enabled: () => boolean) => (() => void);
+//#endregion
+//# sourceMappingURL=focus.d.ts.map

package/dist/native/overlays/focus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus.d.ts","names":[],"sources":["../../../src/native/overlays/focus.ts"],"mappings":";qBAAa,gBAAiB,KAAK,aAAW;qBAiCjC,YAAa,MAAM,aAAa"}

package/dist/native/overlays/focus.js

@@ -0,0 +1,59 @@
+//#region src/native/overlays/focus.ts
+const activeElement = (doc) => {
+	let element = doc.activeElement;
+	while (element?.shadowRoot?.activeElement) element = element.shadowRoot.activeElement;
+	return element;
+};
+const focusableElements = (root) => {
+	const elements = [];
+	const win = root.ownerDocument.defaultView;
+	const collect = (scope) => {
+		for (const node of Array.from(scope.querySelectorAll("*"))) {
+			if (node.inert || node.closest("[inert]") || node.disabled) continue;
+			const before = elements.length;
+			if (node.shadowRoot) collect(node.shadowRoot);
+			const css = win.getComputedStyle(node);
+			if (elements.length === before && node.tabIndex >= 0 && !node.hidden && css.display !== "none" && css.visibility !== "hidden" && node.getClientRects().length) elements.push(node);
+		}
+	};
+	collect(root);
+	return elements.map((element, index) => ({
+		element,
+		index
+	})).sort((a, b) => (a.element.tabIndex || Infinity) - (b.element.tabIndex || Infinity) || a.index - b.index).map(({ element }) => element);
+};
+const trapFocus = (root, enabled) => {
+	const doc = root.ownerDocument;
+	const previous = root.getAttribute("tabindex");
+	root.tabIndex = -1;
+	let last;
+	const onFocus = (event) => {
+		if (!enabled()) return;
+		if (event.composedPath().includes(root)) {
+			last = activeElement(doc);
+			return;
+		}
+		const elements = focusableElements(root);
+		(elements.find((element) => element === last) ?? elements[0] ?? root).focus({ preventScroll: true });
+	};
+	const onKey = (event) => {
+		if (event.key !== "Tab" || event.altKey || event.ctrlKey || event.metaKey || !enabled()) return;
+		const elements = focusableElements(root);
+		const index = elements.findIndex((element) => element === activeElement(doc));
+		const next = event.shiftKey ? index <= 0 ? elements.length - 1 : index - 1 : (index + 1) % elements.length;
+		event.preventDefault();
+		(elements[next] ?? root).focus();
+	};
+	doc.addEventListener("focusin", onFocus, true);
+	doc.addEventListener("keydown", onKey, true);
+	return () => {
+		doc.removeEventListener("focusin", onFocus, true);
+		doc.removeEventListener("keydown", onKey, true);
+		if (previous === null) root.removeAttribute("tabindex");
+		else root.setAttribute("tabindex", previous);
+	};
+};
+//#endregion
+export { activeElement, trapFocus };
+
+//# sourceMappingURL=focus.js.map

package/dist/native/overlays/focus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus.js","names":[],"sources":["../../../src/native/overlays/focus.ts"],"sourcesContent":["export const activeElement = (doc: Document): Element | null => {\n  let element = doc.activeElement;\n  while (element?.shadowRoot?.activeElement) element = element.shadowRoot.activeElement;\n  return element;\n};\n\nconst focusableElements = (root: HTMLElement): HTMLElement[] => {\n  const elements: HTMLElement[] = [];\n  const win = root.ownerDocument.defaultView!;\n  const collect = (scope: HTMLElement | ShadowRoot) => {\n    for (const node of Array.from(scope.querySelectorAll<HTMLElement>('*'))) {\n      if (node.inert || node.closest('[inert]') || (node as HTMLButtonElement).disabled) continue;\n      const before = elements.length;\n      if (node.shadowRoot) collect(node.shadowRoot);\n      const css = win.getComputedStyle(node);\n      if (\n        elements.length === before &&\n        node.tabIndex >= 0 &&\n        !node.hidden &&\n        css.display !== 'none' &&\n        css.visibility !== 'hidden' &&\n        node.getClientRects().length\n      )\n        elements.push(node);\n    }\n  };\n  collect(root);\n  return elements\n    .map((element, index) => ({ element, index }))\n    .sort((a, b) => (a.element.tabIndex || Infinity) - (b.element.tabIndex || Infinity) || a.index - b.index)\n    .map(({ element }) => element);\n};\n\nexport const trapFocus = (root: HTMLElement, enabled: () => boolean): (() => void) => {\n  const doc = root.ownerDocument;\n  const previous = root.getAttribute('tabindex');\n  root.tabIndex = -1;\n  let last: Element | null;\n  const onFocus = (event: FocusEvent) => {\n    if (!enabled()) return;\n    if (event.composedPath().includes(root)) {\n      last = activeElement(doc);\n      return;\n    }\n    const elements = focusableElements(root);\n    (elements.find((element) => element === last) ?? elements[0] ?? root).focus({ preventScroll: true });\n  };\n  const onKey = (event: KeyboardEvent) => {\n    if (event.key !== 'Tab' || event.altKey || event.ctrlKey || event.metaKey || !enabled()) return;\n    const elements = focusableElements(root);\n    const index = elements.findIndex((element) => element === activeElement(doc));\n    const next = event.shiftKey ? (index <= 0 ? elements.length - 1 : index - 1) : (index + 1) % elements.length;\n    event.preventDefault();\n    (elements[next] ?? root).focus();\n  };\n  doc.addEventListener('focusin', onFocus, true);\n  doc.addEventListener('keydown', onKey, true);\n  return () => {\n    doc.removeEventListener('focusin', onFocus, true);\n    doc.removeEventListener('keydown', onKey, true);\n    if (previous === null) root.removeAttribute('tabindex');\n    else root.setAttribute('tabindex', previous);\n  };\n};\n"],"mappings":";AAAA,MAAa,iBAAiB,QAAkC;CAC9D,IAAI,UAAU,IAAI;CAClB,OAAO,SAAS,YAAY,eAAe,UAAU,QAAQ,WAAW;CACxE,OAAO;AACT;AAEA,MAAM,qBAAqB,SAAqC;CAC9D,MAAM,WAA0B,CAAC;CACjC,MAAM,MAAM,KAAK,cAAc;CAC/B,MAAM,WAAW,UAAoC;EACnD,KAAK,MAAM,QAAQ,MAAM,KAAK,MAAM,iBAA8B,GAAG,CAAC,GAAG;GACvE,IAAI,KAAK,SAAS,KAAK,QAAQ,SAAS,KAAM,KAA2B,UAAU;GACnF,MAAM,SAAS,SAAS;GACxB,IAAI,KAAK,YAAY,QAAQ,KAAK,UAAU;GAC5C,MAAM,MAAM,IAAI,iBAAiB,IAAI;GACrC,IACE,SAAS,WAAW,UACpB,KAAK,YAAY,KACjB,CAAC,KAAK,UACN,IAAI,YAAY,UAChB,IAAI,eAAe,YACnB,KAAK,eAAe,CAAC,CAAC,QAEtB,SAAS,KAAK,IAAI;EACtB;CACF;CACA,QAAQ,IAAI;CACZ,OAAO,SACJ,KAAK,SAAS,WAAW;EAAE;EAAS;CAAM,EAAE,CAAC,CAC7C,MAAM,GAAG,OAAO,EAAE,QAAQ,YAAY,aAAa,EAAE,QAAQ,YAAY,aAAa,EAAE,QAAQ,EAAE,KAAK,CAAC,CACxG,KAAK,EAAE,cAAc,OAAO;AACjC;AAEA,MAAa,aAAa,MAAmB,YAAyC;CACpF,MAAM,MAAM,KAAK;CACjB,MAAM,WAAW,KAAK,aAAa,UAAU;CAC7C,KAAK,WAAW;CAChB,IAAI;CACJ,MAAM,WAAW,UAAsB;EACrC,IAAI,CAAC,QAAQ,GAAG;EAChB,IAAI,MAAM,aAAa,CAAC,CAAC,SAAS,IAAI,GAAG;GACvC,OAAO,cAAc,GAAG;GACxB;EACF;EACA,MAAM,WAAW,kBAAkB,IAAI;EACvC,CAAC,SAAS,MAAM,YAAY,YAAY,IAAI,KAAK,SAAS,MAAM,KAAA,CAAM,MAAM,EAAE,eAAe,KAAK,CAAC;CACrG;CACA,MAAM,SAAS,UAAyB;EACtC,IAAI,MAAM,QAAQ,SAAS,MAAM,UAAU,MAAM,WAAW,MAAM,WAAW,CAAC,QAAQ,GAAG;EACzF,MAAM,WAAW,kBAAkB,IAAI;EACvC,MAAM,QAAQ,SAAS,WAAW,YAAY,YAAY,cAAc,GAAG,CAAC;EAC5E,MAAM,OAAO,MAAM,WAAY,SAAS,IAAI,SAAS,SAAS,IAAI,QAAQ,KAAM,QAAQ,KAAK,SAAS;EACtG,MAAM,eAAe;EACrB,CAAC,SAAS,SAAS,KAAA,CAAM,MAAM;CACjC;CACA,IAAI,iBAAiB,WAAW,SAAS,IAAI;CAC7C,IAAI,iBAAiB,WAAW,OAAO,IAAI;CAC3C,aAAa;EACX,IAAI,oBAAoB,WAAW,SAAS,IAAI;EAChD,IAAI,oBAAoB,WAAW,OAAO,IAAI;EAC9C,IAAI,aAAa,MAAM,KAAK,gBAAgB,UAAU;OACjD,KAAK,aAAa,YAAY,QAAQ;CAC7C;AACF"}

package/dist/native/overlays/popover.d.ts

@@ -0,0 +1,12 @@
+import { NativeUIPopoverPresentation } from "../definitions.js";
+//#region src/native/overlays/popover.d.ts
+export declare const popoverTrigger: (overlay: HTMLIonPopoverElement) => Element | undefined;
+export declare const verticalBarsPopoverAnchor: (overlay: HTMLIonPopoverElement) => string | undefined;
+export declare const popoverPresentation: (overlay: HTMLIonPopoverElement) => NativeUIPopoverPresentation;
+export declare const relayPopover: (overlay: HTMLIonPopoverElement, destination: HTMLElement) => {
+  root: HTMLIonPopoverElement;
+  matchesSourceAppearance(): boolean;
+  stop(): void;
+};
+//#endregion
+//# sourceMappingURL=popover.d.ts.map

package/dist/native/overlays/popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","names":[],"sources":["../../../src/native/overlays/popover.ts"],"mappings":";;qBAMa,iBAAkB,SAAS,0BAAwB;qBAOnD,4BAA6B,SAAS;qBAWtC,sBAAuB,SAAS,0BAAwB;qBAiBxD,eAAgB,SAAS,uBAAuB,aAAa"}