@rdlabo/ionic-theme-ios27 1.2.0-3 → 1.2.0-4

package/dist/native/prehide.js

@@ -1,248 +1,226 @@
-import { modalUsesVerticalBars } from './shared/modal';
-import { LIFECYCLE_DID_ENTER, LIFECYCLE_DID_LEAVE, LIFECYCLE_WILL_ENTER, LIFECYCLE_WILL_LEAVE } from '@ionic/core';
-import { VERTICAL_BARS_TRANSITION_CANCELED } from '../native-integration';
-import { childElements, clearVerticalBarsPlacement, createVerticalBarsPageState, verticalBarsActionCandidate, verticalBarsBackCandidate, verticalBarsBackWebClass, verticalBarsOwned, isVerticalBarsToolbarActionShape, isPermanentlyExcluded, isShellDisabled, prehiddenClass, prehideRootClass, rejectedClass, setVerticalBarsPlacement, } from './shared/dom';
-const overlays = 'ion-menu, ion-popover';
-const sourceSelector = 'ion-back-button, ion-menu-button, ion-buttons, ion-button';
+import { VERTICAL_BARS_TRANSITION_CANCELED } from "../native-integration/index.js";
+import { modalUsesVerticalBars } from "./shared/modal.js";
+import { childElements, clearVerticalBarsPlacement, createVerticalBarsPageState, isPermanentlyExcluded, isShellDisabled, isVerticalBarsToolbarActionShape, prehiddenClass, prehideRootClass, setVerticalBarsPlacement, verticalBarsActionCandidate, verticalBarsBackCandidate, verticalBarsBackWebClass, verticalBarsOwned } from "./shared/dom.js";
+import { LIFECYCLE_DID_ENTER, LIFECYCLE_DID_LEAVE, LIFECYCLE_WILL_ENTER, LIFECYCLE_WILL_LEAVE } from "@ionic/core";
+//#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 : undefined);
+const asElement = (node) => isHtmlElement(node) ? node : void 0;
 const backSupported = (element) => {
-    const back = element;
-    return back.icon === undefined && back.color === undefined && !!back.shadowRoot;
+	const back = element;
+	return back.icon === void 0 && back.color === void 0 && !!back.shadowRoot;
 };
 const eligibleBack = verticalBarsBackCandidate;
 const eligible = verticalBarsActionCandidate;
-export const prehideVerticalBarsToolbarSources = (doc) => {
-    doc.documentElement.classList.add(prehideRootClass);
-    const scopes = new Map();
-    const owner = new WeakMap();
-    const pendingBacks = new Map();
-    const verticalBarsPages = createVerticalBarsPageState();
-    const listeners = new AbortController();
-    const root = () => doc.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) ?? 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);
-        };
-        const sources = scope.matches('ion-back-button') ? [scope] : Array.from(scope.querySelectorAll(sourceSelector));
-        sources.forEach((element) => {
-            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) && isVerticalBarsToolbarActionShape(child));
-                const group = 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 === undefined &&
-                    element.color === undefined &&
-                    !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')
-                    ? eligibleBack(element) && backSupported(element)
-                    : eligible(element) && isVerticalBarsToolbarActionShape(element));
-            }
-        });
-        scopes.set(scope, owned);
-    };
-    const reconcile = () => {
-        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 = !suspended &&
-                    verticalBarsOwned(element) &&
-                    !groupOwnsChildren &&
-                    element.isConnected &&
-                    !element.closest(`.${rejectedClass}`) &&
-                    !isPermanentlyExcluded(element) &&
-                    !isShellDisabled(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 !== LIFECYCLE_DID_LEAVE)
-            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('nativeUIShellRefresh', reconcile, { signal: listeners.signal });
-    reconcile();
-    const mutationRelevant = (record) => {
-        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 && ![prehiddenClass, prehideRootClass, verticalBarsBackWebClass].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,
-        attributes: true,
-        attributeOldValue: true,
-        attributeFilter: ['class', '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);
-        },
-    };
+/** Capture toolbar placement once per routed-page epoch, before Ionic paints its transition. */
+const prehideVerticalBarsToolbarSources = (doc) => {
+	doc.documentElement.classList.add(prehideRootClass);
+	const scopes = /* @__PURE__ */ new Map();
+	const owner = /* @__PURE__ */ new WeakMap();
+	const pendingBacks = /* @__PURE__ */ new Map();
+	const verticalBarsPages = createVerticalBarsPageState();
+	const listeners = new AbortController();
+	const root = () => doc.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 (isShellDisabled(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) && isVerticalBarsToolbarActionShape(child));
+				const group = 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") ? eligibleBack(element) && backSupported(element) : eligible(element) && isVerticalBarsToolbarActionShape(element));
+			}
+		});
+		scopes.set(scope, owned);
+	};
+	const reconcile = () => {
+		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 = !suspended && verticalBarsOwned(element) && !groupOwnsChildren && element.isConnected && !element.closest(`.ios-theme-native-ui-shell-rejected`) && !isPermanentlyExcluded(element) && !isShellDisabled(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 !== LIFECYCLE_DID_LEAVE) 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("nativeUIShellRefresh", reconcile, { signal: listeners.signal });
+	reconcile();
+	const mutationRelevant = (record) => {
+		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 && ![
+			"ios-theme-native-ui-shell-prehidden",
+			"ios-theme-native-ui-shell-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,
+		attributes: true,
+		attributeOldValue: true,
+		attributeFilter: [
+			"class",
+			"data-shell",
+			"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 { modalUsesVerticalBars } from './shared/modal';\nimport { LIFECYCLE_DID_ENTER, LIFECYCLE_DID_LEAVE, LIFECYCLE_WILL_ENTER, LIFECYCLE_WILL_LEAVE } from '@ionic/core';\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  isShellDisabled,\n  prehiddenClass,\n  prehideRootClass,\n  rejectedClass,\n  setVerticalBarsPlacement,\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;\n\n/** Capture toolbar placement once per routed-page epoch, before Ionic paints its transition. */\nexport const prehideVerticalBarsToolbarSources = (doc: Document): { suspend: () => () => void; stop: () => void } => {\n  doc.documentElement.classList.add(prehideRootClass);\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 = () => doc.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      // Shell opt-out is temporary; decide initial placement once it is lifted.\n      if (isShellDisabled(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) && isVerticalBarsToolbarActionShape(child));\n        const group =\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            ? eligibleBack(element) && backSupported(element)\n            : eligible(element) && isVerticalBarsToolbarActionShape(element),\n        );\n      }\n    });\n    scopes.set(scope, owned);\n  };\n  const reconcile = () => {\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          !suspended &&\n          verticalBarsOwned(element) &&\n          !groupOwnsChildren &&\n          element.isConnected &&\n          !element.closest(`.${rejectedClass}`) &&\n          !isPermanentlyExcluded(element) &&\n          !isShellDisabled(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('nativeUIShellRefresh', reconcile, { signal: listeners.signal });\n  reconcile();\n  const mutationRelevant = (record: MutationRecord) => {\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    attributes: true,\n    attributeOldValue: true,\n    attributeFilter: ['class', 'data-shell', '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

@@ -1,3 +1,5 @@
-import type { NativeUIShellHandle, NativeUIShellOptions, NativeUIShellPlugin } from './definitions';
+import { NativeUIShellHandle, NativeUIShellOptions, NativeUIShellPlugin } from "./definitions.js";
+//#region src/native/runtime.d.ts
 export declare const createRuntime: (doc: Document, plugin: NativeUIShellPlugin, options?: NativeUIShellOptions, nativeVerticalBars?: () => boolean, verticalBarsOnly?: boolean) => Promise<NativeUIShellHandle>;
+//#endregion
 //# sourceMappingURL=runtime.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../../src/native/runtime.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAGV,mBAAmB,EACnB,oBAAoB,EACpB,mBAAmB,EAEpB,MAAM,eAAe,CAAC;AA6BvB,eAAO,MAAM,aAAa,GACxB,KAAK,QAAQ,EACb,QAAQ,mBAAmB,EAC3B,UAAS,oBAAyB,EAClC,qBAAoB,MAAM,OAAoB,EAC9C,0BAAwB,KACvB,OAAO,CAAC,mBAAmB,CAytB7B,CAAC"}
+{"version":3,"file":"runtime.d.ts","names":[],"sources":["../../src/native/runtime.ts"],"mappings":";;qBAyCa,gBACX,KAAK,UACL,QAAQ,qBACR,UAAS,sBACT,oCACA,+BACC,QAAQ"}