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

package/dist/native/runtime.js

@@ -1,85 +1,96 @@
-import { inVerticalBarsSurface, topModal, modalUsesVerticalBars, modalVerticalBarFrame } from './shared/modal';
-import { LIFECYCLE_WILL_ENTER, LIFECYCLE_WILL_LEAVE, LIFECYCLE_DID_ENTER, LIFECYCLE_DID_LEAVE } from '@ionic/core';
-import { VERTICAL_BARS_TRANSITION_CANCELED, getNativeSearchBindings, setNativeUIShellIntegration } from '../native-integration';
-import { createSearchSupport } from './components/searchable-tabs';
-import { readCandidate, selector, shadowSelector, motionSelector, isVerticalBarsCandidate } from './components';
-import { activateProjectedElement, createVerticalBarsPageState, isVerticalBarsSource, preferredVerticalBarsBack, marker, prehideOnlyMutation, rejectedClass, unprojected, } from './shared/dom';
-import { createIconRenderer } from './shared/icons';
-import { CSS_MOTION_EVENTS } from './shared/events';
-import { createCrossfade, fadeMarker } from './shared/crossfade';
-const overlays = 'ion-modal, ion-popover, ion-alert, ion-action-sheet, ion-loading, ion-picker, ion-toast, ion-menu';
-const overlayNames = ['Modal', 'Popover', 'Alert', 'ActionSheet', 'Loading', 'Picker', 'Toast'];
-const verticalBarsMarker = 'data-native-ui-shell-vertical-bars';
-const verticalBarsMemberMarker = 'data-native-ui-shell-vertical-bars-member';
+import { VERTICAL_BARS_TRANSITION_CANCELED, getNativeSearchBindings, setNativeUIShellIntegration } from "../native-integration/index.js";
+import { inVerticalBarsSurface, modalUsesVerticalBars, modalVerticalBarFrame, topModal } from "./shared/modal.js";
+import { createCrossfade, fadeMarker } from "./shared/crossfade.js";
+import { activateProjectedElement, createVerticalBarsPageState, isVerticalBarsSource, marker, preferredVerticalBarsBack, prehideOnlyMutation, rejectedClass, unprojected } from "./shared/dom.js";
+import { createIconRenderer } from "./shared/icons.js";
+import { createSearchSupport } from "./components/searchable-tabs.js";
+import { isVerticalBarsCandidate, motionSelector, readCandidate, selector, shadowSelector } from "./components/index.js";
+import { CSS_MOTION_EVENTS } from "./shared/events.js";
+import { LIFECYCLE_DID_ENTER, LIFECYCLE_DID_LEAVE, LIFECYCLE_WILL_ENTER, LIFECYCLE_WILL_LEAVE } from "@ionic/core";
+//#region src/native/runtime.ts
+const overlays = "ion-modal, ion-popover, ion-alert, ion-action-sheet, ion-loading, ion-picker, ion-toast, ion-menu";
+const overlayNames = [
+	"Modal",
+	"Popover",
+	"Alert",
+	"ActionSheet",
+	"Loading",
+	"Picker",
+	"Toast"
+];
+const verticalBarsMarker = "data-native-ui-shell-vertical-bars";
+const verticalBarsMemberMarker = "data-native-ui-shell-vertical-bars-member";
 const bounded = (promise) => new Promise((resolve, reject) => {
-    const timer = setTimeout(() => reject(new Error('Native UI Shell bridge timed out')), 5000);
-    promise.then(resolve, reject).finally(() => clearTimeout(timer));
+	const timer = setTimeout(() => reject(/* @__PURE__ */ new Error("Native UI Shell bridge timed out")), 5e3);
+	promise.then(resolve, reject).finally(() => clearTimeout(timer));
 });
-export const createRuntime = async (doc, plugin, options = {}, nativeVerticalBars = () => true, verticalBarsOnly = false) => {
-    const win = doc.defaultView;
-    const icons = createIconRenderer();
-    const crossfade = createCrossfade(win);
-    const ids = new WeakMap();
-    let rejected = new WeakMap();
-    const sources = new Map();
-    const verticalBarsOwners = new Set();
-    const verticalBarsMembers = new Set();
-    const suspended = new Set();
-    const pages = new Set();
-    const verticalBarsPages = createVerticalBarsPageState();
-    const presented = new Set();
-    const manualSuspensions = new Set();
-    const moving = new Map();
-    const observed = new Set();
-    const listeners = new AbortController();
-    let actions = new Map();
-    let nextId = 0;
-    let revision = 0;
-    let acceptedRevision = 0;
-    let updatingRevision;
-    let pendingActivations = [];
-    let lastSequence = 0;
-    let lastSnapshot = '';
-    let viewport = `${win.innerWidth}:${win.innerHeight}`;
-    let forceRefresh = false;
-    let dirty = false;
-    let pending = false;
-    let stopped = false;
-    let tabSwitchHandoff = false;
-    let handoffUntil = 0;
-    let handoffAcrossPending = false;
-    let handoffInstant = false;
-    let modalPresentHandoff = false;
-    let frame = 0;
-    let updates = 0;
-    let reason;
-    let listener;
-    let searchListener;
-    let waiters = [];
-    const control = (kind) => {
-        if (kind === 'ion-tab-bar')
-            return 'tabs';
-        if (kind === 'ion-segment')
-            return 'segment';
-        if (kind === 'ion-fab')
-            return 'fab';
-        return 'toolbar';
-    };
-    const controlEnabled = (candidate) => {
-        const controls = options.controls;
-        return controls === undefined || controls[control(candidate.control.kind)] === true;
-    };
-    const id = (element) => {
-        let value = ids.get(element);
-        if (!value) {
-            value = `shell-${++nextId}`;
-            ids.set(element, value);
-        }
-        return value;
-    };
-    const style = doc.createElement('style');
-    const hidden = `[${marker}]:not([${fadeMarker}])`;
-    style.textContent = `${hidden}, ${hidden} *, ${hidden}::before, ${hidden}::after, ${hidden}::part(native) { visibility: hidden !important; }
+const createRuntime = async (doc, plugin, options = {}, nativeVerticalBars = () => true, verticalBarsOnly = false) => {
+	const win = doc.defaultView;
+	const icons = createIconRenderer();
+	const crossfade = createCrossfade(win);
+	const ids = /* @__PURE__ */ new WeakMap();
+	let rejected = /* @__PURE__ */ new WeakMap();
+	const sources = /* @__PURE__ */ new Map();
+	const verticalBarsOwners = /* @__PURE__ */ new Set();
+	const verticalBarsMembers = /* @__PURE__ */ new Set();
+	const suspended = /* @__PURE__ */ new Set();
+	const pages = /* @__PURE__ */ new Set();
+	const verticalBarsPages = createVerticalBarsPageState();
+	const presented = /* @__PURE__ */ new Set();
+	const manualSuspensions = /* @__PURE__ */ new Set();
+	const moving = /* @__PURE__ */ new Map();
+	const observed = /* @__PURE__ */ new Set();
+	const listeners = new AbortController();
+	let actions = /* @__PURE__ */ new Map();
+	let nextId = 0;
+	let revision = 0;
+	let acceptedRevision = 0;
+	let updatingRevision;
+	let pendingActivations = [];
+	let lastSequence = 0;
+	let lastSnapshot = "";
+	let viewport = `${win.innerWidth}:${win.innerHeight}`;
+	let forceRefresh = false;
+	let dirty = false;
+	let pending = false;
+	let stopped = false;
+	/** True while a tab-switch handoff should skip crossfade. */
+	let tabSwitchHandoff = false;
+	/** Keep instant updates until this time — DidLeave often precedes the retire sync. */
+	let handoffUntil = 0;
+	/** Tab switch armed while a sync was already in flight; extend instant past that sync. */
+	let handoffAcrossPending = false;
+	/** Captured at the start of each sync so an in-flight update keeps a stable duration. */
+	let handoffInstant = false;
+	/** Retire native controls immediately as a modal starts covering the page. */
+	let modalPresentHandoff = false;
+	let frame = 0;
+	let updates = 0;
+	let reason;
+	let listener;
+	let searchListener;
+	let waiters = [];
+	const control = (kind) => {
+		if (kind === "ion-tab-bar") return "tabs";
+		if (kind === "ion-segment") return "segment";
+		if (kind === "ion-fab") return "fab";
+		return "toolbar";
+	};
+	const controlEnabled = (candidate) => {
+		const controls = options.controls;
+		return controls === void 0 || controls[control(candidate.control.kind)] === true;
+	};
+	const id = (element) => {
+		let value = ids.get(element);
+		if (!value) {
+			value = `shell-${++nextId}`;
+			ids.set(element, value);
+		}
+		return value;
+	};
+	const style = doc.createElement("style");
+	const hidden = `[${marker}]:not([${fadeMarker}])`;
+	style.textContent = `${hidden}, ${hidden} *, ${hidden}::before, ${hidden}::after, ${hidden}::part(native) { visibility: hidden !important; }
     [${marker}], [${marker}] * { pointer-events: none !important; }
     /* Ionic disables the covered page while a menu is open. VerticalBars rail
        controls remain outside that page; zero specificity preserves any
@@ -90,654 +101,539 @@ export const createRuntime = async (doc, plugin, options = {}, nativeVerticalBar
     :where(.menu-content-open) :where([${verticalBarsMarker}]) > :where(:not([${verticalBarsMemberMarker}])) {
       pointer-events: none;
     }`;
-    const restore = (element) => {
-        lastSnapshot = '';
-        search.release(element);
-        element.removeAttribute(marker);
-        if (!stopped)
-            crossfade.play(element, false, isVerticalBarsSource(element) ? !element.matches('ion-tab-bar') : handoffInstant);
-        if (element.getAttribute('aria-hidden') === 'true') {
-            const previous = sources.get(element);
-            if (previous == null)
-                element.removeAttribute('aria-hidden');
-            else
-                element.setAttribute('aria-hidden', previous);
-        }
-        sources.delete(element);
-        element.dispatchEvent(new CustomEvent('nativeUIShellChange'));
-    };
-    const restoreAll = () => {
-        Array.from(sources.keys()).forEach(restore);
-        verticalBarsOwners.forEach((element) => element.removeAttribute(verticalBarsMarker));
-        verticalBarsOwners.clear();
-        verticalBarsMembers.forEach((element) => element.removeAttribute(verticalBarsMemberMarker));
-        verticalBarsMembers.clear();
-    };
-    const finishWaiters = () => {
-        const current = waiters;
-        waiters = [];
-        current.forEach((resolve) => resolve());
-    };
-    const schedule = () => {
-        if (stopped)
-            return;
-        dirty = true;
-        if (!pending && !frame)
-            frame = win.requestAnimationFrame(() => void sync());
-    };
-    const search = createSearchSupport(doc, id, schedule);
-    const candidateSources = (candidate) => candidate.sources ?? [candidate.element];
-    const setRejected = (element, value) => {
-        element.classList.toggle(rejectedClass, value);
-    };
-    const measuringPointerPages = new WeakSet();
-    const readEnabledCandidate = (element) => {
-        if (element.matches('ion-back-button') && element.closest('ion-app.ios-theme-vertical-bars') && !isVerticalBarsCandidate(element))
-            return;
-        if (verticalBarsOnly && !isVerticalBarsCandidate(element))
-            return;
-        const pointerPage = isVerticalBarsCandidate(element) ? element.closest('.ion-page') : undefined;
-        let candidate;
-        if (pointerPage && getComputedStyle(pointerPage).pointerEvents === 'none') {
-            const previous = pointerPage.style.getPropertyValue('pointer-events');
-            const priority = pointerPage.style.getPropertyPriority('pointer-events');
-            const hadStyle = pointerPage.hasAttribute('style');
-            measuringPointerPages.add(pointerPage);
-            pointerPage.style.setProperty('pointer-events', 'auto', 'important');
-            try {
-                candidate = readCandidate(element, id);
-            }
-            finally {
-                if (previous)
-                    pointerPage.style.setProperty('pointer-events', previous, priority);
-                else
-                    pointerPage.style.removeProperty('pointer-events');
-                if (!hadStyle && !pointerPage.style.length)
-                    pointerPage.removeAttribute('style');
-                win.setTimeout(() => measuringPointerPages.delete(pointerPage), 0);
-            }
-        }
-        else
-            candidate = readCandidate(element, id);
-        if (candidate && isVerticalBarsCandidate(element)) {
-            if (!nativeVerticalBars())
-                return undefined;
-            candidate.control.placement = 'vertical-bars';
-            if (['ion-button', 'ion-buttons', 'ion-menu-button'].includes(candidate.control.kind)) {
-                const slot = (element.matches('ion-buttons') ? element : (element.closest('ion-buttons') ?? element)).getAttribute('slot');
-                if (slot === 'start' || slot === 'end')
-                    candidate.control.toolbarSlot = slot;
-            }
-        }
-        return candidate && controlEnabled(candidate) ? candidate : undefined;
-    };
-    const flush = async () => {
-        if (stopped)
-            return;
-        schedule();
-        try {
-            await bounded(new Promise((resolve) => waiters.push(resolve)));
-        }
-        catch (error) {
-            await fail(error);
-        }
-    };
-    const blocked = (element) => verticalBarsPages.isDeparted(element) ||
-        (!isVerticalBarsSource(element) &&
-            (Array.from(suspended).some((scopes) => scopes.some((scope) => scope.contains(element))) ||
-                Array.from(pages).some((scope) => scope.contains(element)) ||
-                Array.from(moving.keys()).some((surface) => surface.contains(element))));
-    const painted = () => new Promise((resolve) => win.requestAnimationFrame(() => win.requestAnimationFrame(() => resolve())));
-    const overlayOpen = (includeMenu = true, allowModal = false) => {
-        const modal = topModal(doc);
-        const ignored = (element) => allowModal && !!modal && modalUsesVerticalBars(modal) && element.matches('ion-modal');
-        for (const element of presented)
-            if (!element.isConnected)
-                presented.delete(element);
-        const presentedOverlayOpen = Array.from(presented).some((element) => !ignored(element) && (includeMenu || !element.matches('ion-menu')));
-        return (manualSuspensions.size > 0 ||
-            presentedOverlayOpen ||
-            Array.from(doc.querySelectorAll(overlays)).some((element) => !ignored(element) &&
-                (includeMenu || !element.matches('ion-menu')) &&
-                (element.presented || element.classList.contains('show-menu'))));
-    };
-    const signature = (candidate) => JSON.stringify({ control: candidate.control, icons: candidate.icons.map(({ source }) => source) });
-    const read = () => {
-        search.keepSearchTabsVisible();
-        for (const page of pages)
-            if (!page.isConnected)
-                pages.delete(page);
-        for (const surface of moving.keys())
-            if (!surface.isConnected)
-                moving.delete(surface);
-        if (doc.hidden || overlayOpen(false, true))
-            return [];
-        if (win.visualViewport && (win.visualViewport.scale !== 1 || win.visualViewport.offsetTop !== 0) && !search.hasActive())
-            return [];
-        const menuOpen = overlayOpen();
-        const candidates = unprojected(sources.keys(), () => search
-            .decorate(Array.from(doc.querySelectorAll(selector))
-            .filter((element) => inVerticalBarsSurface(element) &&
-            !verticalBarsPages.isDeparted(element) &&
-            (!blocked(element) || (menuOpen && isVerticalBarsSource(element))))
-            .map(readEnabledCandidate)
-            .filter((candidate) => !!candidate), blocked)
-            .filter((candidate) => !rejected.has(candidate.element) || rejected.get(candidate.element) !== signature(candidate)));
-        const back = preferredVerticalBarsBack(candidates
-            .filter((candidate) => candidate.control.kind === 'ion-back-button' && isVerticalBarsCandidate(candidate.element))
-            .map((candidate) => candidate.element), doc);
-        const selected = candidates.filter((candidate) => candidate.control.kind !== 'ion-back-button' || !isVerticalBarsCandidate(candidate.element) || candidate.element === back);
-        return menuOpen ? selected.filter((candidate) => isVerticalBarsCandidate(candidate.element)) : selected;
-    };
-    const observe = () => {
-        const wanted = new Set();
-        for (const element of Array.from(doc.querySelectorAll(selector))) {
-            wanted.add(element);
-            if (element.parentElement)
-                wanted.add(element.parentElement);
-            const inspectShadow = (node) => {
-                if (node.shadowRoot) {
-                    wanted.add(node.shadowRoot);
-                    node.shadowRoot.querySelectorAll('ion-icon').forEach(inspectShadow);
-                }
-            };
-            inspectShadow(element);
-            element.querySelectorAll(shadowSelector).forEach(inspectShadow);
-        }
-        if (wanted.size === observed.size && Array.from(wanted).every((element) => observed.has(element)))
-            return;
-        observer.disconnect();
-        resize.disconnect();
-        observed.clear();
-        observer.observe(doc.documentElement, observation);
-        for (const element of wanted) {
-            observed.add(element);
-            if (element instanceof ShadowRoot)
-                observer.observe(element, observation);
-            else
-                resize.observe(element);
-        }
-    };
-    const fail = async (error) => {
-        reason = error instanceof Error ? error.message : String(error);
-        console.warn('[Native UI Shell] Returning to Web:', reason);
-        await handle.destroy();
-        win.dispatchEvent(new Event('nativeUIShellRefresh'));
-    };
-    const sync = async () => {
-        frame = 0;
-        dirty = false;
-        pending = true;
-        handoffInstant = tabSwitchHandoff || handoffAcrossPending || modalPresentHandoff || win.performance.now() < handoffUntil;
-        modalPresentHandoff = false;
-        try {
-            const size = `${win.innerWidth}:${win.innerHeight}`;
-            if (viewport !== size) {
-                viewport = size;
-                dirty = true;
-                return;
-            }
-            observe();
-            const candidates = read();
-            const signatures = new Map(candidates.map((candidate) => [candidate.element, signature(candidate)]));
-            for (const candidate of candidates) {
-                for (const icon of candidate.icons) {
-                    const field = icon.field ?? 'icon';
-                    icon.item[field] = await icons.render(icon.source, field === 'icon' ? icon.item.iconWidth : icon.item.closeIconWidth, field === 'icon' ? icon.item.iconHeight : icon.item.closeIconHeight);
-                }
-            }
-            if (stopped || dirty)
-                return;
-            const retained = new Set(candidates.flatMap(candidateSources));
-            const removed = Array.from(sources.keys()).filter((element) => !retained.has(element));
-            if (removed.length) {
-                removed.forEach(restore);
-                if (!handoffInstant && removed.some((element) => !isVerticalBarsSource(element))) {
-                    await painted();
-                    if (stopped || dirty)
-                        return;
-                }
-            }
-            const root = doc.querySelector('ion-app.ios-theme-vertical-bars');
-            const verticalBarEdge = root
-                ? root.classList.contains('ios-theme-vertical-bars-left')
-                    ? 'left'
-                    : 'right'
-                : undefined;
-            const modal = topModal(doc);
-            const verticalBarFrame = modal && modalUsesVerticalBars(modal) ? modalVerticalBarFrame(modal) : undefined;
-            const data = {
-                verticalBarFrame,
-                viewportWidth: win.innerWidth,
-                verticalBarEdge,
-                controls: candidates.map((candidate) => candidate.control),
-            };
-            const serialized = JSON.stringify(data);
-            if (serialized === lastSnapshot && !forceRefresh)
-                return;
-            const snapshot = { ...data, revision: ++revision, transitionDuration: crossfade.duration(handoffInstant) };
-            forceRefresh = false;
-            updates++;
-            updatingRevision = snapshot.revision;
-            const result = await bounded(plugin.update(snapshot));
-            if (stopped)
-                return;
-            if (result.revision !== snapshot.revision)
-                throw new Error('Native UI Shell revision mismatch');
-            if (`${win.innerWidth}:${win.innerHeight}` !== size) {
-                lastSnapshot = '';
-                dirty = true;
-                return;
-            }
-            if (result.rejectedSearches?.length) {
-                search.reject(result.rejectedSearches);
-                lastSnapshot = '';
-                dirty = true;
-            }
-            for (const candidate of candidates) {
-                if (result.rejectedControls?.includes(candidate.control.id)) {
-                    rejected.set(candidate.element, signatures.get(candidate.element));
-                    setRejected(candidate.element, true);
-                    dirty = true;
-                }
-            }
-            const currentCandidates = dirty ? read() : candidates;
-            const current = dirty ? new Map(currentCandidates.map((candidate) => [candidate.element, signature(candidate)])) : signatures;
-            const currentSources = new Set(currentCandidates.flatMap(candidateSources));
-            const accepted = candidates.filter((candidate) => current.get(candidate.element) === signatures.get(candidate.element));
-            accepted.forEach((candidate) => setRejected(candidate.element, false));
-            const acceptedVerticalBarsOwners = new Set(accepted.filter((candidate) => candidate.control.placement === 'vertical-bars').map((candidate) => candidate.element));
-            const acceptedVerticalBarsMembers = new Set(accepted
-                .filter((candidate) => candidate.control.placement === 'vertical-bars')
-                .flatMap((candidate) => Array.from(candidate.actions.values())));
-            const invalidated = candidates.length !== accepted.length;
-            acceptedRevision = result.revision;
-            lastSnapshot = invalidated ? '' : serialized;
-            actions = new Map(candidates.filter((candidate) => current.has(candidate.element)).flatMap((candidate) => Array.from(candidate.actions)));
-            for (const element of sources.keys())
-                if (!currentSources.has(element))
-                    restore(element);
-            for (const element of verticalBarsOwners) {
-                if (acceptedVerticalBarsOwners.has(element))
-                    continue;
-                element.removeAttribute(verticalBarsMarker);
-                verticalBarsOwners.delete(element);
-            }
-            for (const element of acceptedVerticalBarsOwners) {
-                element.setAttribute(verticalBarsMarker, '');
-                verticalBarsOwners.add(element);
-            }
-            for (const element of verticalBarsMembers) {
-                if (acceptedVerticalBarsMembers.has(element))
-                    continue;
-                element.removeAttribute(verticalBarsMemberMarker);
-                verticalBarsMembers.delete(element);
-            }
-            for (const element of acceptedVerticalBarsMembers) {
-                element.setAttribute(verticalBarsMemberMarker, '');
-                verticalBarsMembers.add(element);
-            }
-            for (const element of accepted.flatMap(candidateSources)) {
-                const newlyProjected = !sources.has(element) || !element.hasAttribute(marker);
-                if (!sources.has(element)) {
-                    sources.set(element, element.getAttribute('aria-hidden'));
-                    crossfade.play(element, true, handoffInstant || isVerticalBarsSource(element));
-                }
-                element.setAttribute(marker, '');
-                element.setAttribute('aria-hidden', 'true');
-                if (newlyProjected)
-                    element.dispatchEvent(new CustomEvent('nativeUIShellChange'));
-            }
-            const received = pendingActivations;
-            pendingActivations = [];
-            received.forEach(activate);
-            await crossfade.settled();
-            if (invalidated) {
-                dirty = true;
-                await painted();
-            }
-        }
-        catch (error) {
-            await fail(error);
-        }
-        finally {
-            updatingRevision = undefined;
-            pendingActivations = [];
-            if (forceRefresh)
-                rejected = new WeakMap();
-            if (!stopped && (handoffAcrossPending || (handoffInstant && dirty))) {
-                handoffUntil = Math.max(handoffUntil, win.performance.now() + 400);
-            }
-            handoffAcrossPending = false;
-            pending = false;
-            if (dirty && !stopped)
-                schedule();
-            else
-                finishWaiters();
-        }
-    };
-    const observation = {
-        subtree: true,
-        childList: true,
-        characterData: true,
-        attributes: true,
-        attributeOldValue: true,
-    };
-    const observer = new MutationObserver((records) => {
-        if (records.some((record) => record.attributeName !== marker &&
-            record.attributeName !== fadeMarker &&
-            !prehideOnlyMutation(record) &&
-            !(record.attributeName === 'style' && measuringPointerPages.has(record.target)) &&
-            !(record.attributeName === 'aria-hidden' &&
-                sources.has(record.target) &&
-                record.target.getAttribute('aria-hidden') === 'true')))
-            schedule();
-    });
-    const resize = new ResizeObserver(schedule);
-    const on = (target, name, callback = schedule) => target.addEventListener(name, callback, { capture: true, signal: listeners.signal });
-    const pageWill = (event) => {
-        const page = event.target;
-        verticalBarsPages.lifecycle(event);
-        getNativeSearchBindings(doc)
-            .filter((binding) => page.contains(binding.footer))
-            .forEach((binding) => search.retire(binding));
-        if (event.type === LIFECYCLE_WILL_LEAVE)
-            beginTabSwitchHandoffIfNeeded(page);
-        pages.add(page);
-        schedule();
-    };
-    const pageDid = (event) => {
-        const page = event.target;
-        verticalBarsPages.lifecycle(event);
-        pages.delete(page);
-        schedule();
-        if (tabSwitchHandoff && pages.size === 0)
-            endTabSwitchHandoff();
-    };
-    const tabOfPath = (tabs, pathname) => {
-        let best;
-        for (const button of Array.from(tabs.querySelectorAll('ion-tab-button'))) {
-            const tab = button.getAttribute('tab');
-            const href = button.getAttribute('href')?.split(/[?#]/)[0];
-            if (!tab || !href)
-                continue;
-            if (pathname === href || pathname.startsWith(`${href}/`)) {
-                if (!best || href.length > best.length)
-                    best = { tab, length: href.length };
-            }
-        }
-        return best?.tab;
-    };
-    const armTabSwitchHandoff = () => {
-        tabSwitchHandoff = true;
-        handoffUntil = Math.max(handoffUntil, win.performance.now() + 400);
-        if (pending)
-            handoffAcrossPending = true;
-    };
-    const beginTabSwitchHandoffIfNeeded = (page) => {
-        const tabs = page.closest('ion-tabs');
-        if (!tabs)
-            return;
-        const bar = tabs.querySelector('ion-tab-bar');
-        const selected = (bar && 'selectedTab' in bar ? String(bar.selectedTab ?? '') : '') ||
-            tabs.querySelector('ion-tab-button.tab-selected')?.getAttribute('tab') ||
-            undefined;
-        const destination = tabOfPath(tabs, win.location.pathname);
-        if (selected && destination && selected !== destination)
-            armTabSwitchHandoff();
-    };
-    const endTabSwitchHandoff = () => {
-        win.requestAnimationFrame(() => {
-            if (stopped || !tabSwitchHandoff)
-                return;
-            tabSwitchHandoff = false;
-            schedule();
-        });
-    };
-    const motion = (event) => {
-        const target = event.target;
-        if (!target.matches?.(motionSelector))
-            return;
-        const key = event.propertyName ?? event.animationName;
-        if (event.type === CSS_MOTION_EVENTS.transitionRun || event.type === CSS_MOTION_EVENTS.animationStart) {
-            const keys = moving.get(target) ?? new Set();
-            keys.add(key);
-            moving.set(target, keys);
-        }
-        else {
-            moving.get(target)?.delete(key);
-            if (!moving.get(target)?.size)
-                moving.delete(target);
-        }
-        schedule();
-    };
-    for (const name of Object.values(CSS_MOTION_EVENTS))
-        on(doc, name, motion);
-    for (const name of [LIFECYCLE_WILL_ENTER, LIFECYCLE_WILL_LEAVE])
-        on(doc, name, pageWill);
-    for (const name of [LIFECYCLE_DID_ENTER, LIFECYCLE_DID_LEAVE])
-        on(doc, name, pageDid);
-    on(doc, VERTICAL_BARS_TRANSITION_CANCELED, (event) => {
-        const leaving = event.target;
-        const entering = event.detail?.entering;
-        verticalBarsPages.cancel(entering, leaving);
-        pages.delete(leaving);
-        if (entering)
-            pages.delete(entering);
-        schedule();
-    });
-    on(doc, 'ionTabsWillChange', () => {
-        armTabSwitchHandoff();
-        schedule();
-    });
-    on(doc, 'ionTabsDidChange', endTabSwitchHandoff);
-    for (const name of overlayNames) {
-        on(doc, `ion${name}WillPresent`, (event) => {
-            presented.add(event.target);
-            if (name === 'Modal') {
-                modalPresentHandoff = true;
-                if (pending)
-                    handoffInstant = true;
-            }
-            schedule();
-        });
-        on(doc, `ion${name}DidDismiss`, (event) => {
-            presented.delete(event.target);
-            schedule();
-        });
-    }
-    const eventMenu = (event) => event.composedPath().find((target) => target instanceof HTMLElement && target.matches('ion-menu'));
-    on(doc, 'ionWillOpen', (event) => {
-        const menu = eventMenu(event);
-        if (menu)
-            presented.add(menu);
-        schedule();
-    });
-    on(doc, 'ionDidClose', (event) => {
-        const menu = eventMenu(event);
-        if (menu)
-            presented.delete(menu);
-        schedule();
-    });
-    for (const name of [
-        'ionChange',
-        'ionSelect',
-        'ionImgDidLoad',
-        CSS_MOTION_EVENTS.transitionEnd,
-        CSS_MOTION_EVENTS.animationEnd,
-        'focusin',
-        'focusout',
-    ])
-        on(doc, name);
-    const refreshLayout = () => {
-        rejected = new WeakMap();
-        forceRefresh = true;
-        schedule();
-    };
-    on(doc, 'visibilitychange', () => {
-        if (doc.hidden) {
-            getNativeSearchBindings(doc).forEach((binding) => search.retire(binding));
-            schedule();
-        }
-        else
-            refreshLayout();
-    });
-    on(win, 'resize', refreshLayout);
-    on(win, 'keyboardWillShow', () => search.keyboard(true));
-    on(win, 'keyboardWillHide', () => search.keyboard(false));
-    on(win, 'scroll');
-    on(win.matchMedia('(prefers-color-scheme: dark)'), 'change');
-    on(win, 'nativeUIShellRefresh', (event) => {
-        if (event.retireSearch)
-            getNativeSearchBindings(doc).forEach((binding) => search.retire(binding));
-        refreshLayout();
-    });
-    if (win.visualViewport) {
-        on(win.visualViewport, 'resize', refreshLayout);
-        on(win.visualViewport, 'scroll');
-    }
-    const handle = {
-        getStatus: () => ({
-            state: stopped ? 'stopped' : sources.size ? 'native' : 'web',
-            projected: sources.size,
-            updates,
-            reason,
-        }),
-        async suspend() {
-            const token = Symbol();
-            let resumed = false;
-            if (!stopped) {
-                manualSuspensions.add(token);
-                getNativeSearchBindings(doc).forEach((binding) => search.retire(binding));
-                await flush();
-            }
-            return {
-                async resume() {
-                    if (resumed)
-                        return;
-                    resumed = true;
-                    if (stopped || !manualSuspensions.delete(token))
-                        return;
-                    await flush();
-                },
-            };
-        },
-        async destroy() {
-            if (stopped)
-                return;
-            stopped = true;
-            setNativeUIShellIntegration(doc);
-            win.cancelAnimationFrame(frame);
-            listeners.abort();
-            observer.disconnect();
-            resize.disconnect();
-            observed.clear();
-            actions.clear();
-            pendingActivations = [];
-            search.destroy();
-            crossfade.destroy();
-            restoreAll();
-            if (!doc.hidden)
-                await painted();
-            try {
-                await bounded(plugin.clear({ revision: ++revision }));
-            }
-            catch {
-            }
-            style.remove();
-            doc.querySelectorAll(`.${rejectedClass}`).forEach((element) => setRejected(element, false));
-            icons.clear();
-            pages.clear();
-            presented.clear();
-            manualSuspensions.clear();
-            moving.clear();
-            suspended.clear();
-            await listener?.remove().catch(() => { });
-            await searchListener?.remove().catch(() => { });
-            finishWaiters();
-        },
-    };
-    const activate = (event) => {
-        if (stopped ||
-            doc.hidden ||
-            event.revision < acceptedRevision ||
-            event.revision > revision ||
-            event.sequence <= lastSequence ||
-            overlayOpen(false, true))
-            return;
-        if (event.revision > acceptedRevision && event.revision === updatingRevision) {
-            pendingActivations.push(event);
-            return;
-        }
-        lastSequence = event.sequence;
-        const element = actions.get(event.id);
-        if (!element)
-            return;
-        const owner = Array.from(sources.keys()).find((source) => source === element || source.contains(element));
-        if (!owner || !inVerticalBarsSurface(owner))
-            return;
-        const direct = !blocked(owner) && unprojected(sources.keys(), () => readEnabledCandidate(owner));
-        const candidate = direct || read().find((candidate) => candidate.actions.has(event.id));
-        const item = candidate?.control.items.find((item) => item.id === event.id);
-        const searchAction = candidate?.control.search && [candidate.control.search.trigger.id, candidate.control.search.closeId].includes(event.id);
-        if (!searchAction && (!item || item.disabled || item.visible === false))
-            return;
-        activateProjectedElement(element);
-        lastSnapshot = '';
-        schedule();
-    };
-    try {
-        listener = await bounded(plugin.addListener('activate', activate));
-        searchListener = await bounded(plugin.addListener('search', (event) => {
-            if (stopped || doc.hidden || event.revision < acceptedRevision || event.revision > revision || overlayOpen())
-                return;
-            search.event(event);
-        }));
-        doc.head.append(style);
-        observer.observe(doc.documentElement, observation);
-        setNativeUIShellIntegration(doc, {
-            async search(binding, active, focus) {
-                if (!getNativeSearchBindings(doc).includes(binding) || !search.projected(binding))
-                    return false;
-                if (!active) {
-                    search.setStatus(binding, false);
-                }
-                else {
-                    const entering = !binding.active;
-                    if (entering)
-                        search.begin(binding, revision + 1);
-                    const nextFocused = focus === true ? true : focus === false ? false : entering ? false : binding.focused;
-                    search.setStatus(binding, true, nextFocused);
-                }
-                await flush();
-                return !stopped && search.projected(binding);
-            },
-            async suspend(scopes) {
-                getNativeSearchBindings(doc)
-                    .filter((binding) => scopes.some((scope) => scope.contains(binding.footer) || scope.contains(binding.tabBar)))
-                    .forEach((binding) => search.retire(binding));
-                suspended.add(scopes);
-                await flush();
-                await new Promise((resolve) => win.requestAnimationFrame(() => resolve()));
-                return (canceled = false) => {
-                    suspended.delete(scopes);
-                    if (canceled || !scopes.some((scope) => scope.closest('ion-app.ios-theme-vertical-bars'))) {
-                        scopes.forEach((scope) => pages.delete(scope));
-                        if (canceled) {
-                            verticalBarsPages.cancel(scopes[0], scopes[1]);
-                        }
-                    }
-                    schedule();
-                };
-            },
-        });
-        on(win, 'pagehide', () => {
-            void handle.destroy();
-        });
-        schedule();
-    }
-    catch (error) {
-        await fail(error);
-    }
-    return handle;
+	const restore = (element) => {
+		lastSnapshot = "";
+		search.release(element);
+		element.removeAttribute(marker);
+		if (!stopped) crossfade.play(element, false, isVerticalBarsSource(element) ? !element.matches("ion-tab-bar") : handoffInstant);
+		if (element.getAttribute("aria-hidden") === "true") {
+			const previous = sources.get(element);
+			if (previous == null) element.removeAttribute("aria-hidden");
+			else element.setAttribute("aria-hidden", previous);
+		}
+		sources.delete(element);
+		element.dispatchEvent(new CustomEvent("nativeUIShellChange"));
+	};
+	const restoreAll = () => {
+		Array.from(sources.keys()).forEach(restore);
+		verticalBarsOwners.forEach((element) => element.removeAttribute(verticalBarsMarker));
+		verticalBarsOwners.clear();
+		verticalBarsMembers.forEach((element) => element.removeAttribute(verticalBarsMemberMarker));
+		verticalBarsMembers.clear();
+	};
+	const finishWaiters = () => {
+		const current = waiters;
+		waiters = [];
+		current.forEach((resolve) => resolve());
+	};
+	const schedule = () => {
+		if (stopped) return;
+		dirty = true;
+		if (!pending && !frame) frame = win.requestAnimationFrame(() => void sync());
+	};
+	const search = createSearchSupport(doc, id, schedule);
+	const candidateSources = (candidate) => candidate.sources ?? [candidate.element];
+	const setRejected = (element, value) => {
+		element.classList.toggle(rejectedClass, value);
+	};
+	const measuringPointerPages = /* @__PURE__ */ new WeakSet();
+	const readEnabledCandidate = (element) => {
+		if (element.matches("ion-back-button") && element.closest("ion-app.ios-theme-vertical-bars") && !isVerticalBarsCandidate(element)) return;
+		if (verticalBarsOnly && !isVerticalBarsCandidate(element)) return;
+		const pointerPage = isVerticalBarsCandidate(element) ? element.closest(".ion-page") : void 0;
+		let candidate;
+		if (pointerPage && getComputedStyle(pointerPage).pointerEvents === "none") {
+			const previous = pointerPage.style.getPropertyValue("pointer-events");
+			const priority = pointerPage.style.getPropertyPriority("pointer-events");
+			const hadStyle = pointerPage.hasAttribute("style");
+			measuringPointerPages.add(pointerPage);
+			pointerPage.style.setProperty("pointer-events", "auto", "important");
+			try {
+				candidate = readCandidate(element, id, options);
+			} finally {
+				if (previous) pointerPage.style.setProperty("pointer-events", previous, priority);
+				else pointerPage.style.removeProperty("pointer-events");
+				if (!hadStyle && !pointerPage.style.length) pointerPage.removeAttribute("style");
+				win.setTimeout(() => measuringPointerPages.delete(pointerPage), 0);
+			}
+		} else candidate = readCandidate(element, id, options);
+		if (candidate && isVerticalBarsCandidate(element)) {
+			if (!nativeVerticalBars()) return void 0;
+			candidate.control.placement = "vertical-bars";
+			if ([
+				"ion-button",
+				"ion-buttons",
+				"ion-menu-button"
+			].includes(candidate.control.kind)) {
+				const slot = (element.matches("ion-buttons") ? element : element.closest("ion-buttons") ?? element).getAttribute("slot");
+				if (slot === "start" || slot === "end") candidate.control.toolbarSlot = slot;
+			}
+		}
+		return candidate && controlEnabled(candidate) ? candidate : void 0;
+	};
+	const flush = async () => {
+		if (stopped) return;
+		schedule();
+		try {
+			await bounded(new Promise((resolve) => waiters.push(resolve)));
+		} catch (error) {
+			await fail(error);
+		}
+	};
+	const blocked = (element) => verticalBarsPages.isDeparted(element) || !isVerticalBarsSource(element) && (Array.from(suspended).some((scopes) => scopes.some((scope) => scope.contains(element))) || Array.from(pages).some((scope) => scope.contains(element)) || Array.from(moving.keys()).some((surface) => surface.contains(element)));
+	const painted = () => new Promise((resolve) => win.requestAnimationFrame(() => win.requestAnimationFrame(() => resolve())));
+	const overlayOpen = (includeMenu = true, allowModal = false) => {
+		const modal = topModal(doc);
+		const ignored = (element) => allowModal && !!modal && modalUsesVerticalBars(modal) && element.matches("ion-modal");
+		for (const element of presented) if (!element.isConnected) presented.delete(element);
+		const presentedOverlayOpen = Array.from(presented).some((element) => !ignored(element) && (includeMenu || !element.matches("ion-menu")));
+		return manualSuspensions.size > 0 || presentedOverlayOpen || Array.from(doc.querySelectorAll(overlays)).some((element) => !ignored(element) && (includeMenu || !element.matches("ion-menu")) && (element.presented || element.classList.contains("show-menu")));
+	};
+	const signature = (candidate) => JSON.stringify({
+		control: candidate.control,
+		icons: candidate.icons.map(({ source }) => source)
+	});
+	const read = () => {
+		search.keepSearchTabsVisible();
+		for (const page of pages) if (!page.isConnected) pages.delete(page);
+		for (const surface of moving.keys()) if (!surface.isConnected) moving.delete(surface);
+		if (doc.hidden || overlayOpen(false, true)) return [];
+		if (win.visualViewport && (win.visualViewport.scale !== 1 || win.visualViewport.offsetTop !== 0) && !search.hasActive()) return [];
+		const menuOpen = overlayOpen();
+		const candidates = unprojected(sources.keys(), () => search.decorate(Array.from(doc.querySelectorAll(selector)).filter((element) => inVerticalBarsSurface(element) && !verticalBarsPages.isDeparted(element) && (!blocked(element) || menuOpen && isVerticalBarsSource(element))).map(readEnabledCandidate).filter((candidate) => !!candidate), blocked).filter((candidate) => !rejected.has(candidate.element) || rejected.get(candidate.element) !== signature(candidate)));
+		const back = preferredVerticalBarsBack(candidates.filter((candidate) => candidate.control.kind === "ion-back-button" && isVerticalBarsCandidate(candidate.element)).map((candidate) => candidate.element), doc);
+		const selected = candidates.filter((candidate) => candidate.control.kind !== "ion-back-button" || !isVerticalBarsCandidate(candidate.element) || candidate.element === back);
+		return menuOpen ? selected.filter((candidate) => isVerticalBarsCandidate(candidate.element)) : selected;
+	};
+	const observe = () => {
+		const wanted = /* @__PURE__ */ new Set();
+		for (const element of Array.from(doc.querySelectorAll(selector))) {
+			wanted.add(element);
+			if (element.parentElement) wanted.add(element.parentElement);
+			const inspectShadow = (node) => {
+				if (node.shadowRoot) {
+					wanted.add(node.shadowRoot);
+					node.shadowRoot.querySelectorAll("ion-icon").forEach(inspectShadow);
+				}
+			};
+			inspectShadow(element);
+			element.querySelectorAll(shadowSelector).forEach(inspectShadow);
+		}
+		if (wanted.size === observed.size && Array.from(wanted).every((element) => observed.has(element))) return;
+		observer.disconnect();
+		resize.disconnect();
+		observed.clear();
+		observer.observe(doc.documentElement, observation);
+		for (const element of wanted) {
+			observed.add(element);
+			if (element instanceof ShadowRoot) observer.observe(element, observation);
+			else resize.observe(element);
+		}
+	};
+	const fail = async (error) => {
+		reason = error instanceof Error ? error.message : String(error);
+		console.warn("[Native UI Shell] Returning to Web:", reason);
+		await handle.destroy();
+		win.dispatchEvent(new Event("nativeUIShellRefresh"));
+	};
+	const sync = async () => {
+		frame = 0;
+		dirty = false;
+		pending = true;
+		handoffInstant = tabSwitchHandoff || handoffAcrossPending || modalPresentHandoff || win.performance.now() < handoffUntil;
+		modalPresentHandoff = false;
+		try {
+			const size = `${win.innerWidth}:${win.innerHeight}`;
+			if (viewport !== size) {
+				viewport = size;
+				dirty = true;
+				return;
+			}
+			observe();
+			const candidates = read();
+			const signatures = new Map(candidates.map((candidate) => [candidate.element, signature(candidate)]));
+			for (const candidate of candidates) for (const icon of candidate.icons) {
+				const field = icon.field ?? "icon";
+				icon.item[field] = await icons.render(icon.source, field === "icon" ? icon.item.iconWidth : icon.item.closeIconWidth, field === "icon" ? icon.item.iconHeight : icon.item.closeIconHeight);
+			}
+			if (stopped || dirty) return;
+			const retained = new Set(candidates.flatMap(candidateSources));
+			const removed = Array.from(sources.keys()).filter((element) => !retained.has(element));
+			if (removed.length) {
+				removed.forEach(restore);
+				if (!handoffInstant && removed.some((element) => !isVerticalBarsSource(element))) {
+					await painted();
+					if (stopped || dirty) return;
+				}
+			}
+			const root = doc.querySelector("ion-app.ios-theme-vertical-bars");
+			const verticalBarEdge = root ? root.classList.contains("ios-theme-vertical-bars-left") ? "left" : "right" : void 0;
+			const modal = topModal(doc);
+			const data = {
+				verticalBarFrame: modal && modalUsesVerticalBars(modal) ? modalVerticalBarFrame(modal) : void 0,
+				viewportWidth: win.innerWidth,
+				verticalBarEdge,
+				controls: candidates.map((candidate) => candidate.control)
+			};
+			const serialized = JSON.stringify(data);
+			if (serialized === lastSnapshot && !forceRefresh) return;
+			const snapshot = {
+				...data,
+				revision: ++revision,
+				transitionDuration: crossfade.duration(handoffInstant)
+			};
+			forceRefresh = false;
+			updates++;
+			updatingRevision = snapshot.revision;
+			const result = await bounded(plugin.update(snapshot));
+			if (stopped) return;
+			if (result.revision !== snapshot.revision) throw new Error("Native UI Shell revision mismatch");
+			if (`${win.innerWidth}:${win.innerHeight}` !== size) {
+				lastSnapshot = "";
+				dirty = true;
+				return;
+			}
+			if (result.rejectedSearches?.length) {
+				search.reject(result.rejectedSearches);
+				lastSnapshot = "";
+				dirty = true;
+			}
+			for (const candidate of candidates) if (result.rejectedControls?.includes(candidate.control.id)) {
+				rejected.set(candidate.element, signatures.get(candidate.element));
+				setRejected(candidate.element, true);
+				dirty = true;
+			}
+			const currentCandidates = dirty ? read() : candidates;
+			const current = dirty ? new Map(currentCandidates.map((candidate) => [candidate.element, signature(candidate)])) : signatures;
+			const currentSources = new Set(currentCandidates.flatMap(candidateSources));
+			const accepted = candidates.filter((candidate) => current.get(candidate.element) === signatures.get(candidate.element));
+			accepted.forEach((candidate) => setRejected(candidate.element, false));
+			const acceptedVerticalBarsOwners = new Set(accepted.filter((candidate) => candidate.control.placement === "vertical-bars").map((candidate) => candidate.element));
+			const acceptedVerticalBarsMembers = new Set(accepted.filter((candidate) => candidate.control.placement === "vertical-bars").flatMap((candidate) => Array.from(candidate.actions.values())));
+			const invalidated = candidates.length !== accepted.length;
+			acceptedRevision = result.revision;
+			lastSnapshot = invalidated ? "" : serialized;
+			actions = new Map(candidates.filter((candidate) => current.has(candidate.element)).flatMap((candidate) => Array.from(candidate.actions)));
+			for (const element of sources.keys()) if (!currentSources.has(element)) restore(element);
+			for (const element of verticalBarsOwners) {
+				if (acceptedVerticalBarsOwners.has(element)) continue;
+				element.removeAttribute(verticalBarsMarker);
+				verticalBarsOwners.delete(element);
+			}
+			for (const element of acceptedVerticalBarsOwners) {
+				element.setAttribute(verticalBarsMarker, "");
+				verticalBarsOwners.add(element);
+			}
+			for (const element of verticalBarsMembers) {
+				if (acceptedVerticalBarsMembers.has(element)) continue;
+				element.removeAttribute(verticalBarsMemberMarker);
+				verticalBarsMembers.delete(element);
+			}
+			for (const element of acceptedVerticalBarsMembers) {
+				element.setAttribute(verticalBarsMemberMarker, "");
+				verticalBarsMembers.add(element);
+			}
+			for (const element of accepted.flatMap(candidateSources)) {
+				const newlyProjected = !sources.has(element) || !element.hasAttribute("data-native-ui-shell");
+				if (!sources.has(element)) {
+					sources.set(element, element.getAttribute("aria-hidden"));
+					crossfade.play(element, true, handoffInstant || isVerticalBarsSource(element));
+				}
+				element.setAttribute(marker, "");
+				element.setAttribute("aria-hidden", "true");
+				if (newlyProjected) element.dispatchEvent(new CustomEvent("nativeUIShellChange"));
+			}
+			const received = pendingActivations;
+			pendingActivations = [];
+			received.forEach(activate);
+			await crossfade.settled();
+			if (invalidated) {
+				dirty = true;
+				await painted();
+			}
+		} catch (error) {
+			await fail(error);
+		} finally {
+			updatingRevision = void 0;
+			pendingActivations = [];
+			if (forceRefresh) rejected = /* @__PURE__ */ new WeakMap();
+			if (!stopped && (handoffAcrossPending || handoffInstant && dirty)) handoffUntil = Math.max(handoffUntil, win.performance.now() + 400);
+			handoffAcrossPending = false;
+			pending = false;
+			if (dirty && !stopped) schedule();
+			else finishWaiters();
+		}
+	};
+	const observation = {
+		subtree: true,
+		childList: true,
+		characterData: true,
+		attributes: true,
+		attributeOldValue: true
+	};
+	const observer = new MutationObserver((records) => {
+		if (records.some((record) => record.attributeName !== "data-native-ui-shell" && record.attributeName !== "data-native-ui-shell-fading" && !prehideOnlyMutation(record) && !(record.attributeName === "style" && measuringPointerPages.has(record.target)) && !(record.attributeName === "aria-hidden" && sources.has(record.target) && record.target.getAttribute("aria-hidden") === "true"))) schedule();
+	});
+	const resize = new ResizeObserver(schedule);
+	const on = (target, name, callback = schedule) => target.addEventListener(name, callback, {
+		capture: true,
+		signal: listeners.signal
+	});
+	const pageWill = (event) => {
+		const page = event.target;
+		verticalBarsPages.lifecycle(event);
+		getNativeSearchBindings(doc).filter((binding) => page.contains(binding.footer)).forEach((binding) => search.retire(binding));
+		if (event.type === LIFECYCLE_WILL_LEAVE) beginTabSwitchHandoffIfNeeded(page);
+		pages.add(page);
+		schedule();
+	};
+	const pageDid = (event) => {
+		const page = event.target;
+		verticalBarsPages.lifecycle(event);
+		pages.delete(page);
+		schedule();
+		if (tabSwitchHandoff && pages.size === 0) endTabSwitchHandoff();
+	};
+	const tabOfPath = (tabs, pathname) => {
+		let best;
+		for (const button of Array.from(tabs.querySelectorAll("ion-tab-button"))) {
+			const tab = button.getAttribute("tab");
+			const href = button.getAttribute("href")?.split(/[?#]/)[0];
+			if (!tab || !href) continue;
+			if (pathname === href || pathname.startsWith(`${href}/`)) {
+				if (!best || href.length > best.length) best = {
+					tab,
+					length: href.length
+				};
+			}
+		}
+		return best?.tab;
+	};
+	const armTabSwitchHandoff = () => {
+		tabSwitchHandoff = true;
+		handoffUntil = Math.max(handoffUntil, win.performance.now() + 400);
+		if (pending) handoffAcrossPending = true;
+	};
+	const beginTabSwitchHandoffIfNeeded = (page) => {
+		const tabs = page.closest("ion-tabs");
+		if (!tabs) return;
+		const bar = tabs.querySelector("ion-tab-bar");
+		const selected = (bar && "selectedTab" in bar ? String(bar.selectedTab ?? "") : "") || tabs.querySelector("ion-tab-button.tab-selected")?.getAttribute("tab") || void 0;
+		const destination = tabOfPath(tabs, win.location.pathname);
+		if (selected && destination && selected !== destination) armTabSwitchHandoff();
+	};
+	const endTabSwitchHandoff = () => {
+		win.requestAnimationFrame(() => {
+			if (stopped || !tabSwitchHandoff) return;
+			tabSwitchHandoff = false;
+			schedule();
+		});
+	};
+	const motion = (event) => {
+		const target = event.target;
+		if (!target.matches?.(motionSelector)) return;
+		const key = event.propertyName ?? event.animationName;
+		if (event.type === CSS_MOTION_EVENTS.transitionRun || event.type === CSS_MOTION_EVENTS.animationStart) {
+			const keys = moving.get(target) ?? /* @__PURE__ */ new Set();
+			keys.add(key);
+			moving.set(target, keys);
+		} else {
+			moving.get(target)?.delete(key);
+			if (!moving.get(target)?.size) moving.delete(target);
+		}
+		schedule();
+	};
+	for (const name of Object.values(CSS_MOTION_EVENTS)) on(doc, name, motion);
+	for (const name of [LIFECYCLE_WILL_ENTER, LIFECYCLE_WILL_LEAVE]) on(doc, name, pageWill);
+	for (const name of [LIFECYCLE_DID_ENTER, LIFECYCLE_DID_LEAVE]) on(doc, name, pageDid);
+	on(doc, VERTICAL_BARS_TRANSITION_CANCELED, (event) => {
+		const leaving = event.target;
+		const entering = event.detail?.entering;
+		verticalBarsPages.cancel(entering, leaving);
+		pages.delete(leaving);
+		if (entering) pages.delete(entering);
+		schedule();
+	});
+	on(doc, "ionTabsWillChange", () => {
+		armTabSwitchHandoff();
+		schedule();
+	});
+	on(doc, "ionTabsDidChange", endTabSwitchHandoff);
+	for (const name of overlayNames) {
+		on(doc, `ion${name}WillPresent`, (event) => {
+			presented.add(event.target);
+			if (name === "Modal") {
+				modalPresentHandoff = true;
+				if (pending) handoffInstant = true;
+			}
+			schedule();
+		});
+		on(doc, `ion${name}DidDismiss`, (event) => {
+			presented.delete(event.target);
+			schedule();
+		});
+	}
+	const eventMenu = (event) => event.composedPath().find((target) => target instanceof HTMLElement && target.matches("ion-menu"));
+	on(doc, "ionWillOpen", (event) => {
+		const menu = eventMenu(event);
+		if (menu) presented.add(menu);
+		schedule();
+	});
+	on(doc, "ionDidClose", (event) => {
+		const menu = eventMenu(event);
+		if (menu) presented.delete(menu);
+		schedule();
+	});
+	for (const name of [
+		"ionChange",
+		"ionSelect",
+		"ionImgDidLoad",
+		CSS_MOTION_EVENTS.transitionEnd,
+		CSS_MOTION_EVENTS.animationEnd,
+		"focusin",
+		"focusout"
+	]) on(doc, name);
+	const refreshLayout = () => {
+		rejected = /* @__PURE__ */ new WeakMap();
+		forceRefresh = true;
+		schedule();
+	};
+	on(doc, "visibilitychange", () => {
+		if (doc.hidden) {
+			getNativeSearchBindings(doc).forEach((binding) => search.retire(binding));
+			schedule();
+		} else refreshLayout();
+	});
+	on(win, "resize", refreshLayout);
+	on(win, "keyboardWillShow", () => search.keyboard(true));
+	on(win, "keyboardWillHide", () => search.keyboard(false));
+	on(win, "scroll");
+	on(win.matchMedia("(prefers-color-scheme: dark)"), "change");
+	on(win, "nativeUIShellRefresh", (event) => {
+		if (event.retireSearch) getNativeSearchBindings(doc).forEach((binding) => search.retire(binding));
+		refreshLayout();
+	});
+	if (win.visualViewport) {
+		on(win.visualViewport, "resize", refreshLayout);
+		on(win.visualViewport, "scroll");
+	}
+	const handle = {
+		getStatus: () => ({
+			state: stopped ? "stopped" : sources.size ? "native" : "web",
+			projected: sources.size,
+			updates,
+			reason
+		}),
+		async suspend() {
+			const token = Symbol();
+			let resumed = false;
+			if (!stopped) {
+				manualSuspensions.add(token);
+				getNativeSearchBindings(doc).forEach((binding) => search.retire(binding));
+				await flush();
+			}
+			return { async resume() {
+				if (resumed) return;
+				resumed = true;
+				if (stopped || !manualSuspensions.delete(token)) return;
+				await flush();
+			} };
+		},
+		async destroy() {
+			if (stopped) return;
+			stopped = true;
+			setNativeUIShellIntegration(doc);
+			win.cancelAnimationFrame(frame);
+			listeners.abort();
+			observer.disconnect();
+			resize.disconnect();
+			observed.clear();
+			actions.clear();
+			pendingActivations = [];
+			search.destroy();
+			crossfade.destroy();
+			restoreAll();
+			if (!doc.hidden) await painted();
+			try {
+				await bounded(plugin.clear({ revision: ++revision }));
+			} catch {}
+			style.remove();
+			doc.querySelectorAll(`.${rejectedClass}`).forEach((element) => setRejected(element, false));
+			icons.clear();
+			pages.clear();
+			presented.clear();
+			manualSuspensions.clear();
+			moving.clear();
+			suspended.clear();
+			await listener?.remove().catch(() => {});
+			await searchListener?.remove().catch(() => {});
+			finishWaiters();
+		}
+	};
+	const activate = (event) => {
+		if (stopped || doc.hidden || event.revision < acceptedRevision || event.revision > revision || event.sequence <= lastSequence || overlayOpen(false, true)) return;
+		if (event.revision > acceptedRevision && event.revision === updatingRevision) {
+			pendingActivations.push(event);
+			return;
+		}
+		lastSequence = event.sequence;
+		const element = actions.get(event.id);
+		if (!element) return;
+		const owner = Array.from(sources.keys()).find((source) => source === element || source.contains(element));
+		if (!owner || !inVerticalBarsSurface(owner)) return;
+		const candidate = !blocked(owner) && unprojected(sources.keys(), () => readEnabledCandidate(owner)) || read().find((candidate) => candidate.actions.has(event.id));
+		const item = candidate?.control.items.find((item) => item.id === event.id);
+		if (!(candidate?.control.search && [candidate.control.search.trigger.id, candidate.control.search.closeId].includes(event.id)) && (!item || item.disabled || item.visible === false)) return;
+		activateProjectedElement(element);
+		lastSnapshot = "";
+		schedule();
+	};
+	try {
+		listener = await bounded(plugin.addListener("activate", activate));
+		searchListener = await bounded(plugin.addListener("search", (event) => {
+			if (stopped || doc.hidden || event.revision < acceptedRevision || event.revision > revision || overlayOpen()) return;
+			search.event(event);
+		}));
+		doc.head.append(style);
+		observer.observe(doc.documentElement, observation);
+		setNativeUIShellIntegration(doc, {
+			async search(binding, active, focus) {
+				if (!getNativeSearchBindings(doc).includes(binding) || !search.projected(binding)) return false;
+				if (!active) search.setStatus(binding, false);
+				else {
+					const entering = !binding.active;
+					if (entering) search.begin(binding, revision + 1);
+					const nextFocused = focus === true ? true : focus === false ? false : entering ? false : binding.focused;
+					search.setStatus(binding, true, nextFocused);
+				}
+				await flush();
+				return !stopped && search.projected(binding);
+			},
+			async suspend(scopes) {
+				getNativeSearchBindings(doc).filter((binding) => scopes.some((scope) => scope.contains(binding.footer) || scope.contains(binding.tabBar))).forEach((binding) => search.retire(binding));
+				suspended.add(scopes);
+				await flush();
+				await new Promise((resolve) => win.requestAnimationFrame(() => resolve()));
+				return (canceled = false) => {
+					suspended.delete(scopes);
+					if (canceled || !scopes.some((scope) => scope.closest("ion-app.ios-theme-vertical-bars"))) {
+						scopes.forEach((scope) => pages.delete(scope));
+						if (canceled) verticalBarsPages.cancel(scopes[0], scopes[1]);
+					}
+					schedule();
+				};
+			}
+		});
+		on(win, "pagehide", () => {
+			handle.destroy();
+		});
+		schedule();
+	} catch (error) {
+		await fail(error);
+	}
+	return handle;
 };
+//#endregion
+export { createRuntime };
+
+//# sourceMappingURL=runtime.js.map