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

package/dist/native/overlays/popover.js

@@ -0,0 +1,110 @@
+import { isDark } from "../shared/dom.js";
+import { projectionIds } from "../shared/projection-id.js";
+import { captureRelayAppearance, sheetText } from "./styles.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-vertical-bars-member]") || !trigger.closest("[data-native-ui-projected]") || 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 content = Array.from(source.querySelector("slot").assignedElements());
+	const matchesSourceAppearance = captureRelayAppearance(content);
+	const size = source.getBoundingClientRect();
+	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 inheritedStyles = doc.createElement("style");
+	inheritedStyles.textContent = sheetText(overlay.shadowRoot.adoptedStyleSheets) + Array.from(overlay.shadowRoot.querySelectorAll("style"), (style) => style.textContent).join("\n");
+	shadow.append(inheritedStyles);
+	const shell = doc.createElement("div");
+	shell.className = "popover-content";
+	const css = overlay.ownerDocument.defaultView.getComputedStyle(source);
+	Object.assign(shell.style, {
+		position: "relative",
+		opacity: "1",
+		boxSizing: "border-box",
+		inset: "auto",
+		width: "100%",
+		maxWidth: "none",
+		height: "100%",
+		maxHeight: "none",
+		transform: "none",
+		boxShadow: "none",
+		border: css.border,
+		borderColor: "transparent",
+		borderRadius: "0",
+		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(content, 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,
+		matchesSourceAppearance() {
+			const previousWidth = root.style.width;
+			const previousHeight = root.style.height;
+			root.style.width = `${size.width}px`;
+			root.style.height = `${size.height}px`;
+			try {
+				return matchesSourceAppearance();
+			} finally {
+				root.style.width = previousWidth;
+				root.style.height = previousHeight;
+			}
+		},
+		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 { NativeUIPopoverPresentation } from '../definitions';\nimport { projectionIds } from '../shared/projection-id';\nimport { isDark } from '../shared/dom';\nimport { moveContent } from './content';\nimport { captureRelayAppearance, sheetText } from './styles';\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-vertical-bars-member]') ||\n    !trigger.closest('[data-native-ui-projected]') ||\n    (trigger as HTMLIonButtonElement).disabled\n  )\n    return undefined;\n  return projectionIds.get(trigger);\n};\n\nexport const popoverPresentation = (overlay: HTMLIonPopoverElement): NativeUIPopoverPresentation => {\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 content = Array.from(source.querySelector('slot')!.assignedElements()) as HTMLElement[];\n  const matchesSourceAppearance = captureRelayAppearance(content);\n  const size = source.getBoundingClientRect();\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 inheritedStyles = doc.createElement('style');\n  inheritedStyles.textContent =\n    sheetText(overlay.shadowRoot!.adoptedStyleSheets) +\n    Array.from(overlay.shadowRoot!.querySelectorAll('style'), (style) => style.textContent).join('\\n');\n  shadow.append(inheritedStyles);\n  const shell = doc.createElement('div');\n  shell.className = 'popover-content';\n  const css = overlay.ownerDocument.defaultView!.getComputedStyle(source);\n  Object.assign(shell.style, {\n    position: 'relative',\n    // Ionic hides this shell until its Web enter animation runs. SwiftUI owns\n    // the relay animation, so its content must already be opaque.\n    opacity: '1',\n    boxSizing: 'border-box',\n    inset: 'auto',\n    width: '100%',\n    maxWidth: 'none',\n    height: '100%',\n    maxHeight: 'none',\n    transform: 'none',\n    boxShadow: 'none',\n    border: css.border,\n    borderColor: 'transparent',\n    borderRadius: '0',\n    overflow: css.overflow,\n    background: css.backgroundColor,\n  });\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(content, 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    matchesSourceAppearance() {\n      const previousWidth = root.style.width;\n      const previousHeight = root.style.height;\n      root.style.width = `${size.width}px`;\n      root.style.height = `${size.height}px`;\n      try {\n        return matchesSourceAppearance();\n      } finally {\n        root.style.width = previousWidth;\n        root.style.height = previousHeight;\n      }\n    },\n    stop() {\n      root.removeEventListener('click', select);\n      restore();\n      root.remove();\n    },\n  };\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,11 @@
+//#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, changed?: () => void) => {
+  destination: HTMLElement;
+  ready: Promise<void>;
+  stop: () => void;
+};
+export declare const captureRelayAppearance: (roots: Element[]) => (() => boolean);
+export declare const relayLayoutSupported: (overlay: HTMLElement) => boolean;
+//#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,aACT;EACG,aAAa;EAAa,OAAO;EAAe;;qBAmFxC,yBAA0B,OAAO;qBA2EjC,uBAAwB,SAAS"}

package/dist/native/overlays/styles.js

@@ -0,0 +1,167 @@
+//#region src/native/overlays/styles.ts
+const sheetText = (sheets) => sheets.flatMap((sheet) => Array.from(sheet.cssRules, (rule) => rule.cssText)).join("\n");
+const relayStyles = (source, destination, overlay, changed) => {
+	const base = destination.createElement("base");
+	base.href = source.baseURI;
+	destination.head.append(base);
+	const copies = /* @__PURE__ */ new Map();
+	const sheets = destination.createElement("style");
+	destination.head.append(sheets);
+	const sync = () => {
+		sheets.textContent = sheetText(source.adoptedStyleSheets);
+		const sources = Array.from(source.querySelectorAll("meta[name=viewport],link[rel=stylesheet],style:not([data-overlay-relay-local])"));
+		for (const [node, copy] of copies) if (!sources.includes(node)) {
+			copy.remove();
+			copies.delete(node);
+		}
+		for (const node of sources) {
+			let copy = copies.get(node);
+			if (!copy) {
+				copy = node.cloneNode(true);
+				copies.set(node, copy);
+			} else {
+				for (const attribute of Array.from(copy.attributes)) copy.removeAttribute(attribute.name);
+				for (const attribute of Array.from(node.attributes)) copy.setAttribute(attribute.name, attribute.value);
+				copy.textContent = node.textContent;
+			}
+			destination.head.append(copy);
+		}
+		destination.head.append(surface);
+	};
+	const surface = destination.createElement("style");
+	surface.textContent = "html,body{background:transparent!important}";
+	const observers = [];
+	const mirror = (node, target, flatten = false) => {
+		const update = () => {
+			for (const attribute of Array.from(target.attributes)) if (!node.hasAttribute(attribute.name)) target.removeAttribute(attribute.name);
+			for (const attribute of Array.from(node.attributes)) target.setAttribute(attribute.name, attribute.value);
+			if (target.localName === "ion-app") target.classList.remove("ios-theme-vertical-bars");
+			if (flatten) target.style.setProperty("display", "contents", "important");
+		};
+		update();
+		const observer = new MutationObserver(() => {
+			update();
+			changed?.();
+		});
+		observer.observe(node, { attributes: true });
+		observers.push(observer);
+	};
+	mirror(source.documentElement, destination.documentElement);
+	mirror(source.body, destination.body);
+	const ancestors = [];
+	for (let node = overlay.parentElement; node && node !== source.body; node = node.parentElement) ancestors.unshift(node);
+	let parent = destination.body;
+	for (const node of ancestors) {
+		const shell = destination.createElement(node.localName);
+		mirror(node, shell, true);
+		parent.append(shell);
+		parent = shell;
+	}
+	sync();
+	const ready = Promise.all(Array.from(destination.querySelectorAll("link[rel=stylesheet]"), (link) => {
+		if (link.sheet) return Promise.resolve();
+		return new Promise((resolve, reject) => {
+			link.addEventListener("load", () => resolve(), { once: true });
+			link.addEventListener("error", () => reject(/* @__PURE__ */ new Error("Popover stylesheet unavailable")), { once: true });
+		});
+	})).then(() => void 0);
+	const observer = new MutationObserver(() => {
+		sync();
+		changed?.();
+	});
+	observer.observe(source.head, {
+		subtree: true,
+		childList: true,
+		characterData: true,
+		attributes: true
+	});
+	observers.push(observer);
+	return {
+		destination: parent,
+		ready,
+		stop: () => observers.forEach((item) => item.disconnect())
+	};
+};
+const captureRelayAppearance = (roots) => {
+	const properties = [
+		"display",
+		"position",
+		"box-sizing",
+		"color",
+		"background-color",
+		"background-image",
+		"background-size",
+		"background-position",
+		"box-shadow",
+		"visibility",
+		"opacity",
+		"transform",
+		"filter",
+		"overflow",
+		"text-decoration",
+		"font-family",
+		"font-size",
+		"font-weight",
+		"font-style",
+		"line-height",
+		"letter-spacing",
+		"text-align",
+		"text-transform",
+		"white-space",
+		"direction",
+		"padding-top",
+		"padding-right",
+		"padding-bottom",
+		"padding-left",
+		"margin-top",
+		"margin-right",
+		"margin-bottom",
+		"margin-left",
+		"border-top-width",
+		"border-right-width",
+		"border-bottom-width",
+		"border-left-width",
+		"border-top-color",
+		"border-radius",
+		"flex-direction",
+		"flex-wrap",
+		"justify-content",
+		"align-items",
+		"grid-template-columns",
+		"grid-template-rows",
+		"gap",
+		"width",
+		"height"
+	];
+	const snapshots = [];
+	const values = (node) => {
+		const css = node.ownerDocument.defaultView.getComputedStyle(node);
+		return properties.map((property) => css.getPropertyValue(property));
+	};
+	const visit = (node) => {
+		if (snapshots.length >= 1e3) throw new Error("Popover content too complex to verify native styling");
+		snapshots.push({
+			node,
+			values: values(node)
+		});
+		Array.from(node.children).forEach(visit);
+		if (node.shadowRoot) Array.from(node.shadowRoot.children).filter((child) => !child.matches("style, link")).forEach(visit);
+	};
+	roots.forEach(visit);
+	return () => snapshots.every(({ node, values: before }) => values(node).every((value, index) => {
+		return value === before[index];
+	}));
+};
+/** Flattening an ancestor must not remove a containing block or visual effect. */
+const relayLayoutSupported = (overlay) => {
+	const win = overlay.ownerDocument.defaultView;
+	for (let node = overlay.parentElement; node; node = node.parentElement) {
+		const css = win.getComputedStyle(node);
+		if (css.containerType !== "normal" || css.transform !== "none" && !new DOMMatrixReadOnly(css.transform).isIdentity || css.perspective !== "none" || css.filter !== "none" || css.opacity !== "1") return false;
+	}
+	return true;
+};
+//#endregion
+export { captureRelayAppearance, relayLayoutSupported, relayStyles, sheetText };
+
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":[],"sources":["../../../src/native/overlays/styles.ts"],"sourcesContent":["export const sheetText = (sheets: readonly CSSStyleSheet[]): string =>\n  sheets.flatMap((sheet) => Array.from(sheet.cssRules, (rule) => rule.cssText)).join('\\n');\n\nexport const relayStyles = (\n  source: Document,\n  destination: Document,\n  overlay: HTMLElement,\n  changed?: () => void,\n): { destination: HTMLElement; ready: Promise<void>; stop: () => void } => {\n  const base = destination.createElement('base');\n  base.href = source.baseURI;\n  destination.head.append(base);\n  const copies = new Map<Element, Element>();\n  const sheets = destination.createElement('style');\n  destination.head.append(sheets);\n  const sync = () => {\n    sheets.textContent = sheetText(source.adoptedStyleSheets);\n    const sources = Array.from(source.querySelectorAll('meta[name=viewport],link[rel=stylesheet],style:not([data-overlay-relay-local])'));\n    for (const [node, copy] of copies)\n      if (!sources.includes(node)) {\n        copy.remove();\n        copies.delete(node);\n      }\n    for (const node of sources) {\n      let copy = copies.get(node);\n      if (!copy) {\n        copy = node.cloneNode(true) as Element;\n        copies.set(node, copy);\n      } else {\n        for (const attribute of Array.from(copy.attributes)) copy.removeAttribute(attribute.name);\n        for (const attribute of Array.from(node.attributes)) copy.setAttribute(attribute.name, attribute.value);\n        copy.textContent = node.textContent;\n      }\n      destination.head.append(copy);\n    }\n    destination.head.append(surface);\n  };\n  const surface = destination.createElement('style');\n  surface.textContent = 'html,body{background:transparent!important}';\n  const observers: MutationObserver[] = [];\n  const mirror = (node: Element, target: HTMLElement, flatten = false) => {\n    const update = () => {\n      for (const attribute of Array.from(target.attributes)) if (!node.hasAttribute(attribute.name)) target.removeAttribute(attribute.name);\n      for (const attribute of Array.from(node.attributes)) target.setAttribute(attribute.name, attribute.value);\n      // The popover content must not inherit the source page's rail layout.\n      if (target.localName === 'ion-app') target.classList.remove('ios-theme-vertical-bars');\n      if (flatten) target.style.setProperty('display', 'contents', 'important');\n    };\n    update();\n    const observer = new MutationObserver(() => {\n      update();\n      changed?.();\n    });\n    observer.observe(node, { attributes: true });\n    observers.push(observer);\n  };\n  mirror(source.documentElement, destination.documentElement);\n  mirror(source.body, destination.body);\n  const ancestors: Element[] = [];\n  for (let node = overlay.parentElement; node && node !== source.body; node = node.parentElement) ancestors.unshift(node);\n  let parent = destination.body;\n  for (const node of ancestors) {\n    const shell = destination.createElement(node.localName);\n    mirror(node, shell, true);\n    parent.append(shell);\n    parent = shell;\n  }\n  sync();\n  // A copied external stylesheet can still be loading when Ionic's content is\n  // ready. Do not expose an unstyled first native frame (notably button sizes).\n  const ready = Promise.all(\n    Array.from(destination.querySelectorAll<HTMLLinkElement>('link[rel=stylesheet]'), (link) => {\n      if (link.sheet) return Promise.resolve();\n      return new Promise<void>((resolve, reject) => {\n        link.addEventListener('load', () => resolve(), { once: true });\n        link.addEventListener('error', () => reject(new Error('Popover stylesheet unavailable')), { once: true });\n      });\n    }),\n  ).then(() => undefined);\n  const observer = new MutationObserver(() => {\n    sync();\n    changed?.();\n  });\n  observer.observe(source.head, { subtree: true, childList: true, characterData: true, attributes: true });\n  observers.push(observer);\n  return { destination: parent, ready, stop: () => observers.forEach((item) => item.disconnect()) };\n};\n\n// Compare the live content at the same proposed size before exposing a native\n// surface. Ancestor/sibling selectors and container queries can change when\n// ancestor shells become display:contents; unsupported contexts stay on Web.\nexport const captureRelayAppearance = (roots: Element[]): (() => boolean) => {\n  const properties = [\n    'display',\n    'position',\n    'box-sizing',\n    'color',\n    'background-color',\n    'background-image',\n    'background-size',\n    'background-position',\n    'box-shadow',\n    'visibility',\n    'opacity',\n    'transform',\n    'filter',\n    'overflow',\n    'text-decoration',\n    'font-family',\n    'font-size',\n    'font-weight',\n    'font-style',\n    'line-height',\n    'letter-spacing',\n    'text-align',\n    'text-transform',\n    'white-space',\n    'direction',\n    'padding-top',\n    'padding-right',\n    'padding-bottom',\n    'padding-left',\n    'margin-top',\n    'margin-right',\n    'margin-bottom',\n    'margin-left',\n    'border-top-width',\n    'border-right-width',\n    'border-bottom-width',\n    'border-left-width',\n    'border-top-color',\n    'border-radius',\n    'flex-direction',\n    'flex-wrap',\n    'justify-content',\n    'align-items',\n    'grid-template-columns',\n    'grid-template-rows',\n    'gap',\n    'width',\n    'height',\n  ];\n  const snapshots: { node: Element; values: string[] }[] = [];\n  const values = (node: Element) => {\n    const css = node.ownerDocument.defaultView!.getComputedStyle(node);\n    return properties.map((property) => css.getPropertyValue(property));\n  };\n  const visit = (node: Element) => {\n    if (snapshots.length >= 1000) throw new Error('Popover content too complex to verify native styling');\n    snapshots.push({ node, values: values(node) });\n    Array.from(node.children).forEach(visit);\n    if (node.shadowRoot)\n      Array.from(node.shadowRoot.children)\n        .filter((child) => !child.matches('style, link'))\n        .forEach(visit);\n  };\n  roots.forEach(visit);\n  return () =>\n    snapshots.every(({ node, values: before }) =>\n      values(node).every((value, index) => {\n        return value === before[index];\n      }),\n    );\n};\n\n/** Flattening an ancestor must not remove a containing block or visual effect. */\nexport const relayLayoutSupported = (overlay: HTMLElement): boolean => {\n  const win = overlay.ownerDocument.defaultView!;\n  for (let node = overlay.parentElement; node; node = node.parentElement) {\n    const css = win.getComputedStyle(node);\n    if (\n      css.containerType !== 'normal' ||\n      (css.transform !== 'none' && !new DOMMatrixReadOnly(css.transform).isIdentity) ||\n      css.perspective !== 'none' ||\n      css.filter !== 'none' ||\n      css.opacity !== '1'\n    )\n      return false;\n  }\n  return true;\n};\n"],"mappings":"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"}

package/dist/native/prehide.d.ts

@@ -0,0 +1,8 @@
+import { VerticalControlAreaOptions } from "./definitions.js";
+//#region src/native/prehide.d.ts
+export declare const prehideVerticalBarsToolbarSources: (doc: Document, enabled?: () => boolean, sourceRoot?: HTMLElement, options?: VerticalControlAreaOptions) => {
+  suspend: () => () => void;
+  stop: () => void;
+};
+//#endregion
+//# sourceMappingURL=prehide.d.ts.map

package/dist/native/prehide.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prehide.d.ts","names":[],"sources":["../../src/native/prehide.ts"],"mappings":";;qBA2Ca,oCACX,KAAK,UACL,yBACA,aAAY,aACZ,UAAS;EACN;EAA2B"}

package/dist/native/prehide.js

@@ -0,0 +1,238 @@
+import { modalUsesVerticalBars } from "./shared/modal.js";
+import { childElements, clearVerticalBarsPlacement, createVerticalBarsPageState, isNativeUIDisabled, isPermanentlyExcluded, isVerticalBarsToolbarActionShape, prehiddenClass, prehideRootClass, setVerticalBarsPlacement, syncToolbarText, verticalBarsActionCandidate, verticalBarsBackCandidate, verticalBarsBackWebClass, verticalBarsOwned } from "./shared/dom.js";
+import { localToolbarOption, toolbarOptions } from "./shared/toolbar-options.js";
+import { VERTICAL_BARS_TRANSITION_CANCELED } from "../native-integration/index.js";
+import { LIFECYCLE_DID_ENTER, LIFECYCLE_DID_LEAVE, LIFECYCLE_WILL_ENTER, LIFECYCLE_WILL_LEAVE } from "./shared/events.js";
+//#region src/native/prehide.ts
+const overlays = "ion-menu, ion-popover";
+const sourceSelector = "ion-back-button, ion-menu-button, ion-buttons, ion-button";
+const isHtmlElement = (node) => !!node && node.nodeType === 1;
+const asElement = (node) => isHtmlElement(node) ? node : void 0;
+const backSupported = (element) => {
+	const back = element;
+	return back.icon === void 0 && back.color === void 0 && !!back.shadowRoot;
+};
+const eligibleBack = verticalBarsBackCandidate;
+const eligible = verticalBarsActionCandidate;
+const localPlacement = (element) => localToolbarOption(element, true);
+const selectedAction = (element, options) => {
+	if (!element.matches("ion-button, ion-menu-button")) return false;
+	return localPlacement(element) ?? (toolbarOptions(options, true).button && isVerticalBarsToolbarActionShape(element));
+};
+/** Capture toolbar placement once per routed-page epoch, before Ionic paints its transition. */
+const prehideVerticalBarsToolbarSources = (doc, enabled = () => true, sourceRoot = doc.body, options = {}) => {
+	doc.documentElement.classList.toggle(prehideRootClass, enabled());
+	const scopes = /* @__PURE__ */ new Map();
+	const owner = /* @__PURE__ */ new WeakMap();
+	const pendingBacks = /* @__PURE__ */ new Map();
+	const verticalBarsPages = createVerticalBarsPageState();
+	const listeners = new AbortController();
+	const root = () => sourceRoot.closest("ion-app.ios-theme-vertical-bars") ?? sourceRoot.querySelector("ion-app.ios-theme-vertical-bars");
+	let suspended = 0;
+	let stopped = false;
+	const routedPage = (element) => element.closest(".ion-page:not(ion-app, body)");
+	const release = (scope) => {
+		for (const [element, pending] of pendingBacks) {
+			if (pending.scope !== scope) continue;
+			clearTimeout(pending.timer);
+			pendingBacks.delete(element);
+		}
+		const owned = scopes.get(scope);
+		if (!owned) return;
+		owned.forEach((element) => {
+			if (owner.get(element) !== scope) return;
+			owner.delete(element);
+			element.classList.remove(prehiddenClass);
+			element.classList.remove(verticalBarsBackWebClass);
+			clearVerticalBarsPlacement(element);
+		});
+		scopes.delete(scope);
+	};
+	const capture = (scope) => {
+		if (!root()?.contains(scope) || scope.closest(overlays) || !modalUsesVerticalBars(scope) || verticalBarsPages.isDeparted(scope)) return;
+		const owned = scopes.get(scope) ?? /* @__PURE__ */ new Set();
+		const place = (element, rail) => {
+			if (owned.has(element)) return;
+			const previousScope = owner.get(element);
+			if (previousScope) scopes.get(previousScope)?.delete(element);
+			owner.set(element, scope);
+			setVerticalBarsPlacement(element, rail);
+			if (element.matches("ion-back-button")) element.classList.toggle(verticalBarsBackWebClass, !rail);
+			owned.add(element);
+		};
+		(scope.matches("ion-back-button") ? [scope] : Array.from(scope.querySelectorAll(sourceSelector))).forEach((element) => {
+			if (!sourceRoot.contains(element)) return;
+			if (isNativeUIDisabled(element)) return;
+			if (!modalUsesVerticalBars(element) || element.closest(overlays) || scope.matches(".ion-page") && routedPage(element) !== scope) return;
+			if (element.matches("ion-buttons")) {
+				const children = childElements(element);
+				const actions = children.filter((child) => eligible(child) && selectedAction(child, options));
+				const group = (localPlacement(element) ?? toolbarOptions(options, true).buttonGroup) && eligible(element) && actions.length === children.length && (actions.length > 1 || actions.length === 1 && actions[0].matches("ion-menu-button"));
+				const freshGroup = !owned.has(element);
+				place(element, group);
+				children.forEach((child) => {
+					if (!child.matches("ion-back-button")) place(child, freshGroup && actions.includes(child));
+				});
+			} else if (element.matches("ion-back-button") || !element.parentElement?.matches("ion-buttons")) {
+				if (owned.has(element)) return;
+				if (element.matches("ion-back-button") && eligibleBack(element) && element.icon === void 0 && element.color === void 0 && !element.shadowRoot && !element.classList.contains("hydrated")) {
+					const previousPending = pendingBacks.get(element);
+					if (previousPending && previousPending.scope !== scope) {
+						clearTimeout(previousPending.timer);
+						pendingBacks.delete(element);
+					}
+					if (!pendingBacks.has(element)) {
+						const timer = setTimeout(() => {
+							if (pendingBacks.get(element)?.scope !== scope) return;
+							pendingBacks.delete(element);
+							place(element, false);
+							reconcile();
+						}, 1500);
+						pendingBacks.set(element, {
+							scope,
+							timer
+						});
+					}
+					return;
+				}
+				const pending = pendingBacks.get(element);
+				if (pending) {
+					clearTimeout(pending.timer);
+					pendingBacks.delete(element);
+				}
+				place(element, element.matches("ion-back-button") ? (localPlacement(element) ?? toolbarOptions(options, true).backButton) && eligibleBack(element) && backSupported(element) : eligible(element) && selectedAction(element, options));
+			}
+		});
+		scopes.set(scope, owned);
+	};
+	const reconcile = () => {
+		doc.documentElement.classList.toggle(prehideRootClass, enabled() && !suspended);
+		syncToolbarText(doc);
+		const verticalBars = root();
+		if (!verticalBars) {
+			Array.from(scopes.keys()).forEach(release);
+			return;
+		}
+		for (const scope of scopes.keys()) if (!scope.isConnected || !modalUsesVerticalBars(scope)) release(scope);
+		for (const [element, pending] of pendingBacks) if (element.shadowRoot || element.classList.contains("hydrated")) capture(pending.scope);
+		verticalBars.querySelectorAll(".ion-page:not(ion-app, body, .ion-page-hidden)").forEach(capture);
+		verticalBars.querySelectorAll(sourceSelector).forEach((element) => {
+			if (routedPage(element) || element.closest(overlays)) return;
+			const scope = element.closest("ion-toolbar") ?? (element.matches("ion-back-button") ? element : null);
+			if (scope) capture(scope);
+		});
+		for (const owned of scopes.values()) for (const element of owned) {
+			const groupOwnsChildren = element.parentElement?.matches("ion-buttons") && verticalBarsOwned(element.parentElement) && childElements(element.parentElement).every((child) => verticalBarsOwned(child));
+			const hide = enabled() && !element.closest("[data-native-ui-placement=\"element\"]") && !suspended && verticalBarsOwned(element) && !groupOwnsChildren && element.isConnected && !element.closest(`.native-ui-rejected`) && !isPermanentlyExcluded(element) && !isNativeUIDisabled(element) && (!element.matches("ion-back-button") || backSupported(element) || !element.classList.contains("hydrated")) && (!element.matches("ion-buttons") || childElements(element).every((child) => verticalBarsOwned(child)));
+			element.classList.toggle(prehiddenClass, hide);
+			if (element.matches("ion-back-button")) element.classList.toggle(verticalBarsBackWebClass, !hide);
+		}
+	};
+	const onWillEnter = (event) => {
+		const page = asElement(event.target);
+		if (page?.matches(".ion-page")) {
+			verticalBarsPages.lifecycle(event);
+			release(page);
+			capture(page);
+			reconcile();
+		}
+	};
+	const onPageLifecycle = (event) => {
+		verticalBarsPages.lifecycle(event);
+		if (event.type !== "ionViewDidLeave") return;
+		const page = asElement(event.target);
+		if (page) release(page);
+	};
+	const onTransitionCanceled = (event) => {
+		const leaving = asElement(event.target);
+		if (!leaving) return;
+		const entering = event.detail?.entering;
+		verticalBarsPages.cancel(entering, leaving);
+		reconcile();
+	};
+	doc.addEventListener(LIFECYCLE_WILL_ENTER, onWillEnter, {
+		capture: true,
+		signal: listeners.signal
+	});
+	for (const name of [
+		LIFECYCLE_WILL_LEAVE,
+		LIFECYCLE_DID_ENTER,
+		LIFECYCLE_DID_LEAVE
+	]) doc.addEventListener(name, onPageLifecycle, {
+		capture: true,
+		signal: listeners.signal
+	});
+	doc.addEventListener(VERTICAL_BARS_TRANSITION_CANCELED, onTransitionCanceled, {
+		capture: true,
+		signal: listeners.signal
+	});
+	doc.defaultView?.addEventListener("nativeUIRefresh", reconcile, { signal: listeners.signal });
+	reconcile();
+	const mutationRelevant = (record) => {
+		if (record.type === "characterData") return record.target.parentElement?.matches("ion-toolbar") === true;
+		if (record.type === "childList" && asElement(record.target)?.matches("ion-toolbar")) return true;
+		if (record.type === "childList") return [...Array.from(record.addedNodes), ...Array.from(record.removedNodes)].some((node) => isHtmlElement(node) && (node.matches(`${sourceSelector}, .ion-page, ion-toolbar`) || !!node.querySelector(`${sourceSelector}, .ion-page, ion-toolbar`)));
+		if (record.attributeName !== "class") return true;
+		const current = record.target.className;
+		const previous = record.oldValue ?? "";
+		const withoutOwned = (value) => value.split(/\s+/).filter((name) => name && ![
+			"native-ui-prehidden",
+			"native-ui-prehide",
+			"ios-theme-vertical-bars-back-web-owned"
+		].includes(name)).join(" ");
+		return typeof current !== "string" || withoutOwned(previous) !== withoutOwned(current);
+	};
+	let scheduled = false;
+	const observer = new ((doc.defaultView?.MutationObserver) ?? MutationObserver)((records) => {
+		if (scheduled || stopped || !records.some(mutationRelevant)) return;
+		scheduled = true;
+		queueMicrotask(() => {
+			scheduled = false;
+			if (!stopped) reconcile();
+		});
+	});
+	observer.observe(doc.documentElement, {
+		subtree: true,
+		childList: true,
+		characterData: true,
+		attributes: true,
+		attributeOldValue: true,
+		attributeFilter: [
+			"class",
+			"data-native-ui",
+			"hidden",
+			"inert",
+			"icon",
+			"color"
+		]
+	});
+	return {
+		suspend: () => {
+			if (stopped) return () => {};
+			suspended++;
+			doc.documentElement.classList.remove(prehideRootClass);
+			reconcile();
+			let resumed = false;
+			return () => {
+				if (resumed || stopped) return;
+				resumed = true;
+				if (--suspended === 0) {
+					doc.documentElement.classList.add(prehideRootClass);
+					reconcile();
+				}
+			};
+		},
+		stop: () => {
+			if (stopped) return;
+			stopped = true;
+			observer.disconnect();
+			listeners.abort();
+			doc.documentElement.classList.remove(prehideRootClass);
+			Array.from(scopes.keys()).forEach(release);
+		}
+	};
+};
+//#endregion
+export { prehideVerticalBarsToolbarSources };
+
+//# sourceMappingURL=prehide.js.map

package/dist/native/prehide.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prehide.js","names":[],"sources":["../../src/native/prehide.ts"],"sourcesContent":["import { localToolbarOption, toolbarOptions } from './shared/toolbar-options';\nimport type { VerticalControlAreaOptions } from './definitions';\nimport { modalUsesVerticalBars } from './shared/modal';\nimport { LIFECYCLE_DID_ENTER, LIFECYCLE_DID_LEAVE, LIFECYCLE_WILL_ENTER, LIFECYCLE_WILL_LEAVE } from './shared/events';\nimport { VERTICAL_BARS_TRANSITION_CANCELED } from '../native-integration';\nimport {\n  childElements,\n  clearVerticalBarsPlacement,\n  createVerticalBarsPageState,\n  verticalBarsActionCandidate,\n  verticalBarsBackCandidate,\n  verticalBarsBackWebClass,\n  verticalBarsOwned,\n  isVerticalBarsToolbarActionShape,\n  isPermanentlyExcluded,\n  isNativeUIDisabled,\n  prehiddenClass,\n  prehideRootClass,\n  rejectedClass,\n  setVerticalBarsPlacement,\n  syncToolbarText,\n} from './shared/dom';\n\nconst overlays = 'ion-menu, ion-popover';\nconst sourceSelector = 'ion-back-button, ion-menu-button, ion-buttons, ion-button';\n// Realm- and teardown-safe: globals such as Element/HTMLElement may be gone\n// when a queued mutation microtask or a stale listener still runs.\nconst isHtmlElement = (node: unknown): node is HTMLElement => !!node && (node as Node).nodeType === 1;\nconst asElement = (node: Node | EventTarget | null): HTMLElement | undefined => (isHtmlElement(node) ? node : undefined);\nconst backSupported = (element: HTMLElement): boolean => {\n  const back = element as HTMLIonBackButtonElement;\n  return back.icon === undefined && back.color === undefined && !!back.shadowRoot;\n};\nconst eligibleBack = verticalBarsBackCandidate;\nconst eligible = verticalBarsActionCandidate;\nconst localPlacement = (element: HTMLElement) => localToolbarOption(element, true);\nconst selectedAction = (element: HTMLElement, options: VerticalControlAreaOptions): boolean => {\n  if (!element.matches('ion-button, ion-menu-button')) return false;\n  const explicit = localPlacement(element);\n  return explicit ?? (toolbarOptions(options, true).button && isVerticalBarsToolbarActionShape(element));\n};\n\n/** Capture toolbar placement once per routed-page epoch, before Ionic paints its transition. */\nexport const prehideVerticalBarsToolbarSources = (\n  doc: Document,\n  enabled: () => boolean = () => true,\n  sourceRoot: HTMLElement = doc.body,\n  options: VerticalControlAreaOptions = {},\n): { suspend: () => () => void; stop: () => void } => {\n  doc.documentElement.classList.toggle(prehideRootClass, enabled());\n  const scopes = new Map<HTMLElement, Set<HTMLElement>>();\n  const owner = new WeakMap<HTMLElement, HTMLElement>();\n  const pendingBacks = new Map<HTMLElement, { scope: HTMLElement; timer: ReturnType<typeof setTimeout> }>();\n  const verticalBarsPages = createVerticalBarsPageState();\n  const listeners = new AbortController();\n  const root = () =>\n    sourceRoot.closest<HTMLElement>('ion-app.ios-theme-vertical-bars') ??\n    sourceRoot.querySelector<HTMLElement>('ion-app.ios-theme-vertical-bars');\n  let suspended = 0;\n  let stopped = false;\n  const routedPage = (element: HTMLElement) => element.closest<HTMLElement>('.ion-page:not(ion-app, body)');\n  const release = (scope: HTMLElement) => {\n    for (const [element, pending] of pendingBacks) {\n      if (pending.scope !== scope) continue;\n      clearTimeout(pending.timer);\n      pendingBacks.delete(element);\n    }\n    const owned = scopes.get(scope);\n    if (!owned) return;\n    owned.forEach((element) => {\n      if (owner.get(element) !== scope) return;\n      owner.delete(element);\n      element.classList.remove(prehiddenClass);\n      element.classList.remove(verticalBarsBackWebClass);\n      clearVerticalBarsPlacement(element);\n    });\n    scopes.delete(scope);\n  };\n  const capture = (scope: HTMLElement) => {\n    if (!root()?.contains(scope) || scope.closest(overlays) || !modalUsesVerticalBars(scope) || verticalBarsPages.isDeparted(scope)) return;\n    const owned = scopes.get(scope) ?? new Set<HTMLElement>();\n    const place = (element: HTMLElement, rail: boolean) => {\n      if (owned.has(element)) return;\n      const previousScope = owner.get(element);\n      if (previousScope) scopes.get(previousScope)?.delete(element);\n      owner.set(element, scope);\n      setVerticalBarsPlacement(element, rail);\n      if (element.matches('ion-back-button')) element.classList.toggle(verticalBarsBackWebClass, !rail);\n      owned.add(element);\n    };\n    const sources = scope.matches('ion-back-button') ? [scope] : Array.from(scope.querySelectorAll<HTMLElement>(sourceSelector));\n    sources.forEach((element) => {\n      if (!sourceRoot.contains(element)) return;\n      // Shell opt-out is temporary; decide initial placement once it is lifted.\n      if (isNativeUIDisabled(element)) return;\n      if (!modalUsesVerticalBars(element) || element.closest(overlays) || (scope.matches('.ion-page') && routedPage(element) !== scope))\n        return;\n      if (element.matches('ion-buttons')) {\n        const children = childElements(element);\n        const actions = children.filter((child) => eligible(child) && selectedAction(child, options));\n        const group =\n          (localPlacement(element) ?? toolbarOptions(options, true).buttonGroup) &&\n          eligible(element) &&\n          actions.length === children.length &&\n          (actions.length > 1 || (actions.length === 1 && actions[0].matches('ion-menu-button')));\n        const freshGroup = !owned.has(element);\n        place(element, group);\n        children.forEach((child) => {\n          if (!child.matches('ion-back-button')) place(child, freshGroup && actions.includes(child));\n        });\n      } else if (element.matches('ion-back-button') || !element.parentElement?.matches('ion-buttons')) {\n        if (owned.has(element)) return;\n        if (\n          element.matches('ion-back-button') &&\n          eligibleBack(element) &&\n          (element as HTMLIonBackButtonElement).icon === undefined &&\n          (element as HTMLIonBackButtonElement).color === undefined &&\n          !element.shadowRoot &&\n          !element.classList.contains('hydrated')\n        ) {\n          const previousPending = pendingBacks.get(element);\n          if (previousPending && previousPending.scope !== scope) {\n            clearTimeout(previousPending.timer);\n            pendingBacks.delete(element);\n          }\n          if (!pendingBacks.has(element)) {\n            const timer = setTimeout(() => {\n              if (pendingBacks.get(element)?.scope !== scope) return;\n              pendingBacks.delete(element);\n              // A custom element that never hydrates must remain usable on Web.\n              place(element, false);\n              reconcile();\n            }, 1500);\n            pendingBacks.set(element, { scope, timer });\n          }\n          return;\n        }\n        const pending = pendingBacks.get(element);\n        if (pending) {\n          clearTimeout(pending.timer);\n          pendingBacks.delete(element);\n        }\n        place(\n          element,\n          element.matches('ion-back-button')\n            ? (localPlacement(element) ?? toolbarOptions(options, true).backButton) && eligibleBack(element) && backSupported(element)\n            : eligible(element) && selectedAction(element, options),\n        );\n      }\n    });\n    scopes.set(scope, owned);\n  };\n  const reconcile = () => {\n    doc.documentElement.classList.toggle(prehideRootClass, enabled() && !suspended);\n    syncToolbarText(doc);\n    const verticalBars = root();\n    if (!verticalBars) {\n      Array.from(scopes.keys()).forEach(release);\n      return;\n    }\n    for (const scope of scopes.keys()) if (!scope.isConnected || !modalUsesVerticalBars(scope)) release(scope);\n    for (const [element, pending] of pendingBacks) if (element.shadowRoot || element.classList.contains('hydrated')) capture(pending.scope);\n    // Ionic inserts the destination as invisible before WillEnter. Hide its\n    // sources in that same mutation microtask; capture new DOM identities on active pages too.\n    verticalBars.querySelectorAll<HTMLElement>('.ion-page:not(ion-app, body, .ion-page-hidden)').forEach(capture);\n    // Root toolbars can mount after startup; each new DOM identity is captured once.\n    verticalBars.querySelectorAll<HTMLElement>(sourceSelector).forEach((element) => {\n      if (routedPage(element) || element.closest(overlays)) return;\n      const scope = element.closest<HTMLElement>('ion-toolbar') ?? (element.matches('ion-back-button') ? element : null);\n      if (scope) capture(scope);\n    });\n    for (const owned of scopes.values()) {\n      for (const element of owned) {\n        const groupOwnsChildren =\n          element.parentElement?.matches('ion-buttons') &&\n          verticalBarsOwned(element.parentElement) &&\n          childElements(element.parentElement).every((child) => verticalBarsOwned(child));\n        const hide =\n          enabled() &&\n          !element.closest('[data-native-ui-placement=\"element\"]') &&\n          !suspended &&\n          verticalBarsOwned(element) &&\n          !groupOwnsChildren &&\n          element.isConnected &&\n          !element.closest(`.${rejectedClass}`) &&\n          !isPermanentlyExcluded(element) &&\n          !isNativeUIDisabled(element) &&\n          (!element.matches('ion-back-button') || backSupported(element) || !element.classList.contains('hydrated')) &&\n          (!element.matches('ion-buttons') || childElements(element).every((child) => verticalBarsOwned(child)));\n        element.classList.toggle(prehiddenClass, hide);\n        if (element.matches('ion-back-button')) element.classList.toggle(verticalBarsBackWebClass, !hide);\n      }\n    }\n  };\n  const onWillEnter = (event: Event) => {\n    const page = asElement(event.target);\n    if (page?.matches('.ion-page')) {\n      verticalBarsPages.lifecycle(event);\n      release(page); // Cached pages begin a new placement epoch.\n      capture(page);\n      reconcile();\n    }\n  };\n  const onPageLifecycle: EventListener = (event) => {\n    verticalBarsPages.lifecycle(event);\n    if (event.type !== LIFECYCLE_DID_LEAVE) return;\n    const page = asElement(event.target);\n    if (page) release(page);\n  };\n  // A canceled transition keeps the leaving page active and abandons the entering one.\n  const onTransitionCanceled: EventListener = (event) => {\n    const leaving = asElement(event.target);\n    if (!leaving) return;\n    const entering = (event as CustomEvent<{ entering?: HTMLElement }>).detail?.entering;\n    verticalBarsPages.cancel(entering, leaving);\n    reconcile();\n  };\n  doc.addEventListener(LIFECYCLE_WILL_ENTER, onWillEnter, { capture: true, signal: listeners.signal });\n  for (const name of [LIFECYCLE_WILL_LEAVE, LIFECYCLE_DID_ENTER, LIFECYCLE_DID_LEAVE])\n    doc.addEventListener(name, onPageLifecycle, { capture: true, signal: listeners.signal });\n  doc.addEventListener(VERTICAL_BARS_TRANSITION_CANCELED, onTransitionCanceled, { capture: true, signal: listeners.signal });\n  doc.defaultView?.addEventListener('nativeUIRefresh', reconcile, { signal: listeners.signal });\n  reconcile();\n  const mutationRelevant = (record: MutationRecord) => {\n    if (record.type === 'characterData') return record.target.parentElement?.matches('ion-toolbar') === true;\n    if (record.type === 'childList' && asElement(record.target)?.matches('ion-toolbar')) return true;\n    if (record.type === 'childList')\n      return [...Array.from(record.addedNodes), ...Array.from(record.removedNodes)].some(\n        (node) =>\n          isHtmlElement(node) &&\n          (node.matches(`${sourceSelector}, .ion-page, ion-toolbar`) || !!node.querySelector(`${sourceSelector}, .ion-page, ion-toolbar`)),\n      );\n    if (record.attributeName !== 'class') return true;\n    const current = (record.target as Element).className;\n    const previous = record.oldValue ?? '';\n    const withoutOwned = (value: string) =>\n      value\n        .split(/\\s+/)\n        .filter((name) => name && ![prehiddenClass, prehideRootClass, verticalBarsBackWebClass].includes(name))\n        .join(' ');\n    return typeof current !== 'string' || withoutOwned(previous) !== withoutOwned(current);\n  };\n  let scheduled = false;\n  const observer = new (doc.defaultView?.MutationObserver ?? MutationObserver)((records) => {\n    if (scheduled || stopped || !records.some(mutationRelevant)) return;\n    scheduled = true;\n    queueMicrotask(() => {\n      scheduled = false;\n      if (!stopped) reconcile();\n    });\n  });\n  observer.observe(doc.documentElement, {\n    subtree: true,\n    childList: true,\n    characterData: true,\n    attributes: true,\n    attributeOldValue: true,\n    attributeFilter: ['class', 'data-native-ui', 'hidden', 'inert', 'icon', 'color'],\n  });\n  return {\n    suspend: () => {\n      if (stopped) return () => {};\n      suspended++;\n      doc.documentElement.classList.remove(prehideRootClass);\n      reconcile();\n      let resumed = false;\n      return () => {\n        if (resumed || stopped) return;\n        resumed = true;\n        if (--suspended === 0) {\n          doc.documentElement.classList.add(prehideRootClass);\n          reconcile();\n        }\n      };\n    },\n    stop: () => {\n      if (stopped) return;\n      stopped = true;\n      observer.disconnect();\n      listeners.abort();\n      doc.documentElement.classList.remove(prehideRootClass);\n      Array.from(scopes.keys()).forEach(release);\n    },\n  };\n};\n"],"mappings":"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"}

package/dist/native/runtime.d.ts

@@ -0,0 +1,7 @@
+import { NativeUIPlugin, NativeUIRuntimeHandle, NativeUIRuntimeOptions } from "./definitions.js";
+//#region src/native/runtime.d.ts
+export declare const createRuntime: (doc: Document, plugin: NativeUIPlugin, options?: NativeUIRuntimeOptions, nativeVerticalBars?: () => boolean, onStop?: (cause: "failure" | "pagehide") => void) => Promise<NativeUIRuntimeHandle & {
+  retain: (deferActivation?: (id: string) => boolean) => () => void;
+}>;
+//#endregion
+//# sourceMappingURL=runtime.d.ts.map

package/dist/native/runtime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime.d.ts","names":[],"sources":["../../src/native/runtime.ts"],"mappings":";;qBAmDa,gBACX,KAAK,UACL,QAAQ,gBACR,UAAS,wBACT,oCACA,UAAU,2CACT,QAAQ;EAA0B,SAAS,mBAAmB"}