@rdlabo/ionic-theme-ios27 1.2.0 → 1.2.1-beta.pr273.shae866fb1dca9f

package/dist/native/overlays/controller.js

@@ -0,0 +1,266 @@
+import { isExcluded, isPermanentlyExcluded, isShellDisabled } from "../shared/dom.js";
+import { bounded } from "../runtime.js";
+import { activeElement, trapFocus } from "./focus.js";
+import { relayStyles } from "./styles.js";
+import { popoverPresentation, relayPopover, verticalBarsPopoverAnchor } from "./popover.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) || isShellDisabled(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);
+				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;
+			connection.hideAnimation?.();
+			const exclusions = new MutationObserver(() => {
+				if (!overlay.isConnected || !nativeVerticalBars() || excluded(overlay) || isShellDisabled(content.root)) release(connection).catch(console.error);
+			});
+			const attributes = {
+				attributes: true,
+				attributeFilter: [
+					"class",
+					"data-shell",
+					"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;
+			current = void 0;
+			opening = opening.then(() => release(connection)).catch(console.error);
+			if (!connection.dismissed) return;
+			connection.stopAnimation?.();
+			connection.stopAnimation = void 0;
+		}
+		const enabled = overlay.localName === "ion-popover" && options.controls?.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 animation = nativeDialogAnimation(overlay, closeNative);
+		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;
+	win.addEventListener("resize", invalidate);
+	doc.addEventListener("ionViewWillLeave", invalidate);
+	const visibility = () => {
+		if (doc.hidden) invalidate();
+	};
+	doc.addEventListener("visibilitychange", visibility);
+	const listener = await bounded(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);
+	}));
+	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 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 { NativeUIShellOptions, NativeUIShellPlugin } from '../definitions';\nimport { bounded } from '../runtime';\nimport { isExcluded, isPermanentlyExcluded, isShellDisabled } from '../shared/dom';\nimport { activeElement, trapFocus } from './focus';\nimport { relayPopover, popoverPresentation, verticalBarsPopoverAnchor } from './popover';\nimport { nativeDialogAnimation } from './dialog-animation';\nimport { relayStyles } from './styles';\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: NativeUIShellPlugin,\n  options: NativeUIShellOptions,\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) || isShellDisabled(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        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      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) || isShellDisabled(content.root))\n          void release(connection).catch(console.error);\n      });\n      const attributes = { attributes: true, attributeFilter: ['class', 'data-shell', '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      current = undefined;\n      opening = opening.then(() => release(connection)).catch(console.error);\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      options.controls?.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 animation = nativeDialogAnimation(overlay, closeNative);\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  win.addEventListener('resize', invalidate);\n  doc.addEventListener('ionViewWillLeave', invalidate);\n  const visibility = () => {\n    if (doc.hidden) invalidate();\n  };\n  doc.addEventListener('visibilitychange', visibility);\n  const listener = await bounded(\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  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 listener.remove();\n        }\n      }\n    },\n  };\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+//#region src/native/overlays/dialog-animation.d.ts
+export type Dialog = HTMLIonPopoverElement;
+export declare const nativeDialogAnimation: (overlay: Dialog, close: () => Promise<void>) => {
+  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":";YAGY,SAAS;qBAGR,wBAAyB,SAAS,QAAQ,aAAa"}

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

@@ -0,0 +1,31 @@
+import { dismissAnimation } from "./dismiss-animation.js";
+import { createAnimation } from "@ionic/core/components/index.js";
+//#region src/native/overlays/dialog-animation.ts
+/** Hide the emptied source surface once the relay hosts the same live content. */
+const nativeDialogAnimation = (overlay, close) => {
+	const enterAnimation = overlay.enterAnimation;
+	overlay.enterAnimation = () => createAnimation();
+	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 { createAnimation } from '@ionic/core/components/index.js';\nimport { dismissAnimation } from './dismiss-animation';\n\nexport type Dialog = HTMLIonPopoverElement;\n\n/** Hide the emptied source surface once the relay hosts the same live content. */\nexport const nativeDialogAnimation = (overlay: Dialog, close: () => Promise<void>) => {\n  const enterAnimation = overlay.enterAnimation;\n  overlay.enterAnimation = () => createAnimation();\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 the source surface while the native presentation prepares.\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":";;;;AAMA,MAAa,yBAAyB,SAAiB,UAA+B;CACpF,MAAM,iBAAiB,QAAQ;CAC/B,QAAQ,uBAAuB,gBAAgB;CAC/C,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;EAEL,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,11 @@
+import { ShellPopoverPresentation } 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) => ShellPopoverPresentation;
+export declare const relayPopover: (overlay: HTMLIonPopoverElement, destination: HTMLElement) => {
+  root: HTMLIonPopoverElement;
+  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":";;qBAKa,iBAAkB,SAAS,0BAAwB;qBAOnD,4BAA6B,SAAS;qBAWtC,sBAAuB,SAAS,0BAAwB;qBAiBxD,eAAgB,SAAS,uBAAuB,aAAa"}

package/dist/native/overlays/popover.js

@@ -0,0 +1,78 @@
+import { projectionIds } from "../shared/projection-id.js";
+import { isDark } from "../shared/dom.js";
+import { moveContent } from "./content.js";
+//#region src/native/overlays/popover.ts
+const popoverTrigger = (overlay) => {
+	const event = overlay.event;
+	const target = overlay.trigger ? overlay.ownerDocument.getElementById(overlay.trigger) : event?.target;
+	return target?.closest?.("ion-button,ion-fab-button,ion-item") ?? target;
+};
+/** Only accepted native rail buttons can retain the page projection. */
+const verticalBarsPopoverAnchor = (overlay) => {
+	const trigger = popoverTrigger(overlay);
+	if (!trigger?.matches("ion-button[data-native-ui-shell-vertical-bars-member]") || !trigger.closest("[data-native-ui-shell]") || trigger.disabled) return void 0;
+	return projectionIds.get(trigger);
+};
+const popoverPresentation = (overlay) => {
+	const content = overlay.shadowRoot.querySelector(".popover-content");
+	const rect = content.getBoundingClientRect();
+	const anchorId = verticalBarsPopoverAnchor(overlay);
+	if (!anchorId) throw new Error("Native Vertical Bars anchor unavailable");
+	return {
+		kind: "popover",
+		animated: overlay.animated,
+		dark: isDark(overlay.ownerDocument.defaultView.getComputedStyle(overlay)),
+		anchorId,
+		width: rect.width,
+		height: rect.height,
+		backgroundColor: overlay.ownerDocument.defaultView.getComputedStyle(content).backgroundColor,
+		backdropDismiss: overlay.backdropDismiss
+	};
+};
+const relayPopover = (overlay, destination) => {
+	const doc = destination.ownerDocument;
+	const source = overlay.shadowRoot.querySelector(".popover-content");
+	const root = doc.createElement("ion-popover");
+	for (const attribute of Array.from(overlay.attributes)) root.setAttribute(attribute.name, attribute.value);
+	Object.assign(root.style, {
+		position: "absolute",
+		inset: "0",
+		display: "block",
+		visibility: "visible",
+		opacity: "1",
+		pointerEvents: "auto"
+	});
+	root.setAttribute("role", "dialog");
+	root.setAttribute("aria-modal", "true");
+	const shadow = root.attachShadow({ mode: "open" });
+	const shell = doc.createElement("div");
+	const css = overlay.ownerDocument.defaultView.getComputedStyle(source);
+	Object.assign(shell.style, {
+		height: "100%",
+		overflow: css.overflow,
+		background: css.backgroundColor
+	});
+	shell.append(doc.createElement("slot"));
+	shadow.append(shell);
+	destination.append(root);
+	root.dismiss = (...args) => overlay.dismiss(...args);
+	const restore = moveContent(Array.from(source.querySelector("slot").assignedElements()), root);
+	const select = (event) => {
+		if (!event.composedPath().includes(shell)) {
+			if (overlay.backdropDismiss) overlay.dismiss(void 0, "backdrop");
+		} else if (overlay.dismissOnSelect) overlay.dismiss();
+	};
+	root.addEventListener("click", select);
+	return {
+		root,
+		stop() {
+			root.removeEventListener("click", select);
+			restore();
+			root.remove();
+		}
+	};
+};
+//#endregion
+export { popoverPresentation, popoverTrigger, relayPopover, verticalBarsPopoverAnchor };
+
+//# sourceMappingURL=popover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","names":[],"sources":["../../../src/native/overlays/popover.ts"],"sourcesContent":["import type { ShellPopoverPresentation } from '../definitions';\nimport { projectionIds } from '../shared/projection-id';\nimport { isDark } from '../shared/dom';\nimport { moveContent } from './content';\n\nexport const popoverTrigger = (overlay: HTMLIonPopoverElement): Element | undefined => {\n  const event = overlay.event as MouseEvent | undefined;\n  const target = (overlay.trigger ? overlay.ownerDocument.getElementById(overlay.trigger) : event?.target) as Element | undefined;\n  return target?.closest?.('ion-button,ion-fab-button,ion-item') ?? target;\n};\n\n/** Only accepted native rail buttons can retain the page projection. */\nexport const verticalBarsPopoverAnchor = (overlay: HTMLIonPopoverElement): string | undefined => {\n  const trigger = popoverTrigger(overlay);\n  if (\n    !trigger?.matches('ion-button[data-native-ui-shell-vertical-bars-member]') ||\n    !trigger.closest('[data-native-ui-shell]') ||\n    (trigger as HTMLIonButtonElement).disabled\n  )\n    return undefined;\n  return projectionIds.get(trigger);\n};\n\nexport const popoverPresentation = (overlay: HTMLIonPopoverElement): ShellPopoverPresentation => {\n  const content = overlay.shadowRoot!.querySelector<HTMLElement>('.popover-content')!;\n  const rect = content.getBoundingClientRect();\n  const anchorId = verticalBarsPopoverAnchor(overlay);\n  if (!anchorId) throw new Error('Native Vertical Bars anchor unavailable');\n  return {\n    kind: 'popover',\n    animated: overlay.animated,\n    dark: isDark(overlay.ownerDocument.defaultView!.getComputedStyle(overlay)),\n    anchorId,\n    width: rect.width,\n    height: rect.height,\n    backgroundColor: overlay.ownerDocument.defaultView!.getComputedStyle(content).backgroundColor,\n    backdropDismiss: overlay.backdropDismiss,\n  };\n};\n\nexport const relayPopover = (overlay: HTMLIonPopoverElement, destination: HTMLElement) => {\n  const doc = destination.ownerDocument;\n  const source = overlay.shadowRoot!.querySelector<HTMLElement>('.popover-content')!;\n  const root = doc.createElement('ion-popover');\n  for (const attribute of Array.from(overlay.attributes)) root.setAttribute(attribute.name, attribute.value);\n  Object.assign(root.style, {\n    position: 'absolute',\n    inset: '0',\n    display: 'block',\n    visibility: 'visible',\n    opacity: '1',\n    pointerEvents: 'auto',\n  });\n  root.setAttribute('role', 'dialog');\n  root.setAttribute('aria-modal', 'true');\n  const shadow = root.attachShadow({ mode: 'open' });\n  const shell = doc.createElement('div');\n  const css = overlay.ownerDocument.defaultView!.getComputedStyle(source);\n  Object.assign(shell.style, { height: '100%', overflow: css.overflow, background: css.backgroundColor });\n  shell.append(doc.createElement('slot'));\n  shadow.append(shell);\n  destination.append(root);\n  // Components such as ion-select-popover dismiss their closest ion-popover.\n  root.dismiss = (...args) => overlay.dismiss(...args);\n  const restore = moveContent(Array.from(source.querySelector('slot')!.assignedElements()) as HTMLElement[], root);\n  const select = (event: MouseEvent) => {\n    if (!event.composedPath().includes(shell)) {\n      if (overlay.backdropDismiss) void overlay.dismiss(undefined, 'backdrop');\n    } else if (overlay.dismissOnSelect) void overlay.dismiss();\n  };\n  root.addEventListener('click', select);\n  return {\n    root,\n    stop() {\n      root.removeEventListener('click', select);\n      restore();\n      root.remove();\n    },\n  };\n};\n"],"mappings":";;;;AAKA,MAAa,kBAAkB,YAAwD;CACrF,MAAM,QAAQ,QAAQ;CACtB,MAAM,SAAU,QAAQ,UAAU,QAAQ,cAAc,eAAe,QAAQ,OAAO,IAAI,OAAO;CACjG,OAAO,QAAQ,UAAU,oCAAoC,KAAK;AACpE;;AAGA,MAAa,6BAA6B,YAAuD;CAC/F,MAAM,UAAU,eAAe,OAAO;CACtC,IACE,CAAC,SAAS,QAAQ,uDAAuD,KACzE,CAAC,QAAQ,QAAQ,wBAAwB,KACxC,QAAiC,UAElC,OAAO,KAAA;CACT,OAAO,cAAc,IAAI,OAAO;AAClC;AAEA,MAAa,uBAAuB,YAA6D;CAC/F,MAAM,UAAU,QAAQ,WAAY,cAA2B,kBAAkB;CACjF,MAAM,OAAO,QAAQ,sBAAsB;CAC3C,MAAM,WAAW,0BAA0B,OAAO;CAClD,IAAI,CAAC,UAAU,MAAM,IAAI,MAAM,yCAAyC;CACxE,OAAO;EACL,MAAM;EACN,UAAU,QAAQ;EAClB,MAAM,OAAO,QAAQ,cAAc,YAAa,iBAAiB,OAAO,CAAC;EACzE;EACA,OAAO,KAAK;EACZ,QAAQ,KAAK;EACb,iBAAiB,QAAQ,cAAc,YAAa,iBAAiB,OAAO,CAAC,CAAC;EAC9E,iBAAiB,QAAQ;CAC3B;AACF;AAEA,MAAa,gBAAgB,SAAgC,gBAA6B;CACxF,MAAM,MAAM,YAAY;CACxB,MAAM,SAAS,QAAQ,WAAY,cAA2B,kBAAkB;CAChF,MAAM,OAAO,IAAI,cAAc,aAAa;CAC5C,KAAK,MAAM,aAAa,MAAM,KAAK,QAAQ,UAAU,GAAG,KAAK,aAAa,UAAU,MAAM,UAAU,KAAK;CACzG,OAAO,OAAO,KAAK,OAAO;EACxB,UAAU;EACV,OAAO;EACP,SAAS;EACT,YAAY;EACZ,SAAS;EACT,eAAe;CACjB,CAAC;CACD,KAAK,aAAa,QAAQ,QAAQ;CAClC,KAAK,aAAa,cAAc,MAAM;CACtC,MAAM,SAAS,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;CACjD,MAAM,QAAQ,IAAI,cAAc,KAAK;CACrC,MAAM,MAAM,QAAQ,cAAc,YAAa,iBAAiB,MAAM;CACtE,OAAO,OAAO,MAAM,OAAO;EAAE,QAAQ;EAAQ,UAAU,IAAI;EAAU,YAAY,IAAI;CAAgB,CAAC;CACtG,MAAM,OAAO,IAAI,cAAc,MAAM,CAAC;CACtC,OAAO,OAAO,KAAK;CACnB,YAAY,OAAO,IAAI;CAEvB,KAAK,WAAW,GAAG,SAAS,QAAQ,QAAQ,GAAG,IAAI;CACnD,MAAM,UAAU,YAAY,MAAM,KAAK,OAAO,cAAc,MAAM,CAAC,CAAE,iBAAiB,CAAC,GAAoB,IAAI;CAC/G,MAAM,UAAU,UAAsB;EACpC,IAAI,CAAC,MAAM,aAAa,CAAC,CAAC,SAAS,KAAK,GAClC;OAAA,QAAQ,iBAAiB,QAAa,QAAQ,KAAA,GAAW,UAAU;EAAA,OAClE,IAAI,QAAQ,iBAAiB,QAAa,QAAQ;CAC3D;CACA,KAAK,iBAAiB,SAAS,MAAM;CACrC,OAAO;EACL;EACA,OAAO;GACL,KAAK,oBAAoB,SAAS,MAAM;GACxC,QAAQ;GACR,KAAK,OAAO;EACd;CACF;AACF"}

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

@@ -0,0 +1,9 @@
+//#region src/native/overlays/styles.d.ts
+export declare const sheetText: (sheets: readonly CSSStyleSheet[]) => string;
+export declare const relayStyles: (source: Document, destination: Document, overlay: HTMLElement) => {
+  destination: HTMLElement;
+  ready: Promise<void>;
+  stop: () => void;
+};
+//#endregion
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","names":[],"sources":["../../../src/native/overlays/styles.ts"],"mappings":";qBAAa,YAAa,iBAAiB;qBAG9B,cACX,QAAQ,UACR,aAAa,UACb,SAAS;EACN,aAAa;EAAa,OAAO;EAAe"}