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

package/dist/native/shared/icons.js

@@ -1,55 +1,61 @@
-export const iconSource = (svg, mirrored) => {
-    if (svg.querySelector('script, foreignObject, image, use, animate, animateTransform, set, style, text') ||
-        /url\((?!["']?#)/.test(svg.outerHTML))
-        return undefined;
-    if (mirrored === undefined && svg.parentElement?.matches('.icon-inner')) {
-        const transform = new DOMMatrixReadOnly(getComputedStyle(svg.parentElement).transform);
-        mirrored = transform.is2D && transform.a === -1 && transform.d === 1 && !transform.b && !transform.c && !transform.e && !transform.f;
-    }
-    const copy = svg.cloneNode(true);
-    const originals = [svg, ...Array.from(svg.querySelectorAll('*'))];
-    const copies = [copy, ...Array.from(copy.querySelectorAll('*'))];
-    originals.forEach((node, index) => {
-        const style = getComputedStyle(node);
-        for (const property of ['fill', 'stroke', 'stroke-width', 'opacity', 'fill-opacity', 'stroke-opacity', 'color']) {
-            copies[index].style.setProperty(property, style.getPropertyValue(property));
-        }
-    });
-    copy.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
-    if (mirrored) {
-        copy.style.transform = 'scaleX(-1)';
-        copy.style.transformOrigin = 'center';
-    }
-    return new XMLSerializer().serializeToString(copy);
+//#region src/native/shared/icons.ts
+const iconSource = (svg, mirrored) => {
+	if (svg.querySelector("script, foreignObject, image, use, animate, animateTransform, set, style, text") || /url\((?!["']?#)/.test(svg.outerHTML)) return void 0;
+	if (mirrored === void 0 && svg.parentElement?.matches(".icon-inner")) {
+		const transform = new DOMMatrixReadOnly(getComputedStyle(svg.parentElement).transform);
+		mirrored = transform.is2D && transform.a === -1 && transform.d === 1 && !transform.b && !transform.c && !transform.e && !transform.f;
+	}
+	const copy = svg.cloneNode(true);
+	const originals = [svg, ...Array.from(svg.querySelectorAll("*"))];
+	const copies = [copy, ...Array.from(copy.querySelectorAll("*"))];
+	originals.forEach((node, index) => {
+		const style = getComputedStyle(node);
+		for (const property of [
+			"fill",
+			"stroke",
+			"stroke-width",
+			"opacity",
+			"fill-opacity",
+			"stroke-opacity",
+			"color"
+		]) copies[index].style.setProperty(property, style.getPropertyValue(property));
+	});
+	copy.setAttribute("xmlns", "http://www.w3.org/2000/svg");
+	if (mirrored) {
+		copy.style.transform = "scaleX(-1)";
+		copy.style.transformOrigin = "center";
+	}
+	return new XMLSerializer().serializeToString(copy);
 };
-export const createIconRenderer = () => {
-    const cache = new Map();
-    return {
-        clear: () => cache.clear(),
-        async render(source, width, height) {
-            const scale = devicePixelRatio || 1;
-            const key = `${width}:${height}:${scale}:${source}`;
-            const cached = cache.get(key);
-            if (cached)
-                return cached;
-            const url = URL.createObjectURL(new Blob([source], { type: 'image/svg+xml' }));
-            try {
-                const image = new Image();
-                image.src = url;
-                await image.decode();
-                const canvas = document.createElement('canvas');
-                canvas.width = Math.ceil(width * scale);
-                canvas.height = Math.ceil(height * scale);
-                canvas.getContext('2d').drawImage(image, 0, 0, canvas.width, canvas.height);
-                const data = canvas.toDataURL('image/png').split(',')[1];
-                if (cache.size >= 128)
-                    cache.delete(cache.keys().next().value);
-                cache.set(key, data);
-                return data;
-            }
-            finally {
-                URL.revokeObjectURL(url);
-            }
-        },
-    };
+const createIconRenderer = () => {
+	const cache = /* @__PURE__ */ new Map();
+	return {
+		clear: () => cache.clear(),
+		async render(source, width, height) {
+			const scale = devicePixelRatio || 1;
+			const key = `${width}:${height}:${scale}:${source}`;
+			const cached = cache.get(key);
+			if (cached) return cached;
+			const url = URL.createObjectURL(new Blob([source], { type: "image/svg+xml" }));
+			try {
+				const image = new Image();
+				image.src = url;
+				await image.decode();
+				const canvas = document.createElement("canvas");
+				canvas.width = Math.ceil(width * scale);
+				canvas.height = Math.ceil(height * scale);
+				canvas.getContext("2d").drawImage(image, 0, 0, canvas.width, canvas.height);
+				const data = canvas.toDataURL("image/png").split(",")[1];
+				if (cache.size >= 128) cache.delete(cache.keys().next().value);
+				cache.set(key, data);
+				return data;
+			} finally {
+				URL.revokeObjectURL(url);
+			}
+		}
+	};
 };
+//#endregion
+export { createIconRenderer, iconSource };
+
+//# sourceMappingURL=icons.js.map

package/dist/native/shared/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","names":[],"sources":["../../../src/native/shared/icons.ts"],"sourcesContent":["export const iconSource = (svg: SVGElement, mirrored?: boolean): string | undefined => {\n  // A small, local SVG subset. Never load external content while projecting UI.\n  if (\n    svg.querySelector('script, foreignObject, image, use, animate, animateTransform, set, style, text') ||\n    /url\\((?![\"']?#)/.test(svg.outerHTML)\n  )\n    return undefined;\n  // Ionicons flips the wrapper, not the SVG, for directional icons in RTL.\n  if (mirrored === undefined && svg.parentElement?.matches('.icon-inner')) {\n    const transform = new DOMMatrixReadOnly(getComputedStyle(svg.parentElement).transform);\n    mirrored = transform.is2D && transform.a === -1 && transform.d === 1 && !transform.b && !transform.c && !transform.e && !transform.f;\n  }\n  const copy = svg.cloneNode(true) as SVGElement;\n  const originals = [svg, ...Array.from(svg.querySelectorAll('*'))];\n  const copies = [copy, ...Array.from(copy.querySelectorAll('*'))];\n  originals.forEach((node, index) => {\n    const style = getComputedStyle(node);\n    for (const property of ['fill', 'stroke', 'stroke-width', 'opacity', 'fill-opacity', 'stroke-opacity', 'color']) {\n      (copies[index] as SVGElement).style.setProperty(property, style.getPropertyValue(property));\n    }\n  });\n  copy.setAttribute('xmlns', 'http://www.w3.org/2000/svg');\n  if (mirrored) {\n    copy.style.transform = 'scaleX(-1)';\n    copy.style.transformOrigin = 'center';\n  }\n  return new XMLSerializer().serializeToString(copy);\n};\n\nexport const createIconRenderer = () => {\n  const cache = new Map<string, string>();\n  return {\n    clear: () => cache.clear(),\n    async render(source: string, width: number, height: number): Promise<string> {\n      const scale = devicePixelRatio || 1;\n      const key = `${width}:${height}:${scale}:${source}`;\n      const cached = cache.get(key);\n      if (cached) return cached;\n      const url = URL.createObjectURL(new Blob([source], { type: 'image/svg+xml' }));\n      try {\n        const image = new Image();\n        image.src = url;\n        await image.decode();\n        const canvas = document.createElement('canvas');\n        canvas.width = Math.ceil(width * scale);\n        canvas.height = Math.ceil(height * scale);\n        canvas.getContext('2d')!.drawImage(image, 0, 0, canvas.width, canvas.height);\n        const data = canvas.toDataURL('image/png').split(',')[1];\n        if (cache.size >= 128) cache.delete(cache.keys().next().value!);\n        cache.set(key, data);\n        return data;\n      } finally {\n        URL.revokeObjectURL(url);\n      }\n    },\n  };\n};\n"],"mappings":";AAAA,MAAa,cAAc,KAAiB,aAA2C;CAErF,IACE,IAAI,cAAc,gFAAgF,KAClG,kBAAkB,KAAK,IAAI,SAAS,GAEpC,OAAO,KAAA;CAET,IAAI,aAAa,KAAA,KAAa,IAAI,eAAe,QAAQ,aAAa,GAAG;EACvE,MAAM,YAAY,IAAI,kBAAkB,iBAAiB,IAAI,aAAa,CAAC,CAAC,SAAS;EACrF,WAAW,UAAU,QAAQ,UAAU,MAAM,MAAM,UAAU,MAAM,KAAK,CAAC,UAAU,KAAK,CAAC,UAAU,KAAK,CAAC,UAAU,KAAK,CAAC,UAAU;CACrI;CACA,MAAM,OAAO,IAAI,UAAU,IAAI;CAC/B,MAAM,YAAY,CAAC,KAAK,GAAG,MAAM,KAAK,IAAI,iBAAiB,GAAG,CAAC,CAAC;CAChE,MAAM,SAAS,CAAC,MAAM,GAAG,MAAM,KAAK,KAAK,iBAAiB,GAAG,CAAC,CAAC;CAC/D,UAAU,SAAS,MAAM,UAAU;EACjC,MAAM,QAAQ,iBAAiB,IAAI;EACnC,KAAK,MAAM,YAAY;GAAC;GAAQ;GAAU;GAAgB;GAAW;GAAgB;GAAkB;EAAO,GAC5G,OAAQ,MAAM,CAAgB,MAAM,YAAY,UAAU,MAAM,iBAAiB,QAAQ,CAAC;CAE9F,CAAC;CACD,KAAK,aAAa,SAAS,4BAA4B;CACvD,IAAI,UAAU;EACZ,KAAK,MAAM,YAAY;EACvB,KAAK,MAAM,kBAAkB;CAC/B;CACA,OAAO,IAAI,cAAc,CAAC,CAAC,kBAAkB,IAAI;AACnD;AAEA,MAAa,2BAA2B;CACtC,MAAM,wBAAQ,IAAI,IAAoB;CACtC,OAAO;EACL,aAAa,MAAM,MAAM;EACzB,MAAM,OAAO,QAAgB,OAAe,QAAiC;GAC3E,MAAM,QAAQ,oBAAoB;GAClC,MAAM,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG;GAC3C,MAAM,SAAS,MAAM,IAAI,GAAG;GAC5B,IAAI,QAAQ,OAAO;GACnB,MAAM,MAAM,IAAI,gBAAgB,IAAI,KAAK,CAAC,MAAM,GAAG,EAAE,MAAM,gBAAgB,CAAC,CAAC;GAC7E,IAAI;IACF,MAAM,QAAQ,IAAI,MAAM;IACxB,MAAM,MAAM;IACZ,MAAM,MAAM,OAAO;IACnB,MAAM,SAAS,SAAS,cAAc,QAAQ;IAC9C,OAAO,QAAQ,KAAK,KAAK,QAAQ,KAAK;IACtC,OAAO,SAAS,KAAK,KAAK,SAAS,KAAK;IACxC,OAAO,WAAW,IAAI,CAAC,CAAE,UAAU,OAAO,GAAG,GAAG,OAAO,OAAO,OAAO,MAAM;IAC3E,MAAM,OAAO,OAAO,UAAU,WAAW,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;IACtD,IAAI,MAAM,QAAQ,KAAK,MAAM,OAAO,MAAM,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,KAAM;IAC9D,MAAM,IAAI,KAAK,IAAI;IACnB,OAAO;GACT,UAAU;IACR,IAAI,gBAAgB,GAAG;GACzB;EACF;CACF;AACF"}

package/dist/native/shared/modal.d.ts

@@ -1,8 +1,10 @@
-import type { Frame } from '../definitions';
+import { Frame } from "../definitions.js";
+//#region src/native/shared/modal.d.ts
 export declare const modalRailClass = "ios-theme-vertical-bars-modal";
 export declare const topModal: (doc: Document) => HTMLIonModalElement | undefined;
 export declare const modalUsesVerticalBars: (element: Element) => boolean;
 export declare const inVerticalBarsSurface: (element: Element) => boolean;
 export declare const observeVerticalBarsModals: (doc: Document) => (() => void);
 export declare const modalVerticalBarFrame: (modal: Element) => Frame | undefined;
+//#endregion
 //# sourceMappingURL=modal.d.ts.map

package/dist/native/shared/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/native/shared/modal.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAG5C,eAAO,MAAM,cAAc,kCAAkC,CAAC;AAG9D,eAAO,MAAM,QAAQ,GAAI,KAAK,QAAQ,KAAG,mBAAmB,GAAG,SAAiC,CAAC;AACjG,eAAO,MAAM,qBAAqB,GAAI,SAAS,OAAO,KAAG,OAGxD,CAAC;AAGF,eAAO,MAAM,qBAAqB,GAAI,SAAS,OAAO,KAAG,OAGxD,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,KAAK,QAAQ,KAAG,CAAC,MAAM,IAAI,CAgIpE,CAAC;AAGF,eAAO,MAAM,qBAAqB,GAAI,OAAO,OAAO,KAAG,KAAK,GAAG,SAO9D,CAAC"}
+{"version":3,"file":"modal.d.ts","names":[],"sources":["../../../src/native/shared/modal.ts"],"mappings":";;qBAGa;qBAGA,WAAY,KAAK,aAAW;qBAC5B,wBAAyB,SAAS;qBAMlC,wBAAyB,SAAS;qBAKlC,4BAA6B,KAAK;qBAmIlC,wBAAyB,OAAO,YAAU"}

package/dist/native/shared/modal.js

@@ -1,143 +1,160 @@
-export const modalRailClass = 'ios-theme-vertical-bars-modal';
-const states = new WeakMap();
-export const topModal = (doc) => states.get(doc)?.top;
-export const modalUsesVerticalBars = (element) => {
-    const modal = element.closest('ion-modal');
-    return !modal || modal.classList.contains(modalRailClass);
+//#region src/native/shared/modal.ts
+/** Modal hosts cover the viewport even when their visible dialog is centered. */
+const modalRailClass = "ios-theme-vertical-bars-modal";
+const states = /* @__PURE__ */ new WeakMap();
+const topModal = (doc) => states.get(doc)?.top;
+const modalUsesVerticalBars = (element) => {
+	const modal = element.closest("ion-modal");
+	return !modal || modal.classList.contains("ios-theme-vertical-bars-modal");
 };
-export const inVerticalBarsSurface = (element) => {
-    const modal = topModal(element.ownerDocument);
-    return modal ? element.closest('ion-modal') === modal && modalUsesVerticalBars(element) : !element.closest('ion-modal');
+/** Only the foreground modal may contribute controls; never the covered page. */
+const inVerticalBarsSurface = (element) => {
+	const modal = topModal(element.ownerDocument);
+	return modal ? element.closest("ion-modal") === modal && modalUsesVerticalBars(element) : !element.closest("ion-modal");
 };
-export const observeVerticalBarsModals = (doc) => {
-    const win = doc.defaultView;
-    const state = {};
-    states.set(doc, state);
-    const presenting = new Set();
-    const dismissed = new WeakSet();
-    const observed = new Set();
-    const listeners = new AbortController();
-    let stopped = false;
-    let frame = 0;
-    let pointerActive = false;
-    let bounds = '';
-    const toolbarTop = '--ios-theme-vertical-bars-modal-offset-top';
-    const refresh = () => {
-        win.cancelAnimationFrame(frame);
-        frame = 0;
-        if (stopped)
-            return;
-        const app = doc.querySelector('ion-app.ios-theme-vertical-bars');
-        const modals = Array.from(doc.querySelectorAll('ion-modal'));
-        const active = modals.filter((modal) => !dismissed.has(modal) && (modal.presented || presenting.has(modal)));
-        for (const modal of presenting)
-            if (!modal.isConnected)
-                presenting.delete(modal);
-        const top = active.sort((a, b) => a.overlayIndex - b.overlayIndex).slice(-1)[0];
-        let changed = state.top !== top;
-        state.top = top;
-        const nextBounds = top ? JSON.stringify(modalVerticalBarFrame(top)) : '';
-        changed || (changed = bounds !== nextBounds);
-        bounds = nextBounds;
-        const wanted = new Set();
-        for (const modal of modals) {
-            const content = modal.shadowRoot?.querySelector('[part~="content"]');
-            if (content)
-                wanted.add(content);
-            const fullWidth = !!content && Math.abs(content.offsetWidth - win.innerWidth) <= 1 && Math.abs(content.offsetLeft) <= 1;
-            const enabled = !!app?.contains(modal) && active.includes(modal) && fullWidth;
-            if (enabled) {
-                const top = modalVerticalBarFrame(modal)?.y ?? 0;
-                const offset = `${top}px`;
-                if (modal.style.getPropertyValue(toolbarTop) !== offset) {
-                    modal.style.setProperty(toolbarTop, offset);
-                    changed = true;
-                }
-            }
-            else
-                modal.style.removeProperty(toolbarTop);
-            if (modal.classList.contains(modalRailClass) !== enabled) {
-                modal.classList.toggle(modalRailClass, enabled);
-                changed = true;
-            }
-        }
-        if (wanted.size !== observed.size || [...wanted].some((element) => !observed.has(element))) {
-            resize?.disconnect();
-            observer.disconnect();
-            observer.observe(doc.documentElement, observation);
-            observed.clear();
-            for (const element of wanted) {
-                resize?.observe(element);
-                observer.observe(element, { attributes: true, attributeFilter: ['style', 'class'] });
-                observed.add(element);
-            }
-        }
-        if (changed)
-            win.dispatchEvent(new Event('nativeUIShellRefresh'));
-        if (top &&
-            (pointerActive ||
-                Array.from(wanted).some((element) => element.getAnimations().some((animation) => animation.playState === 'running'))))
-            schedule();
-    };
-    const schedule = () => {
-        if (!stopped && !frame)
-            frame = win.requestAnimationFrame(refresh);
-    };
-    const resize = win.ResizeObserver ? new win.ResizeObserver(schedule) : undefined;
-    const observer = new MutationObserver(schedule);
-    const observation = { subtree: true, childList: true, attributes: true, attributeFilter: ['class', 'style'] };
-    observer.observe(doc.documentElement, observation);
-    for (const name of ['ionModalWillPresent', 'ionModalDidPresent', 'ionModalWillDismiss', 'ionModalDidDismiss', 'ionBreakpointDidChange']) {
-        doc.addEventListener(name, (event) => {
-            const modal = event.target;
-            if (modal.localName !== 'ion-modal')
-                return;
-            if (name === 'ionModalDidDismiss') {
-                presenting.delete(modal);
-                dismissed.add(modal);
-            }
-            else {
-                presenting.add(modal);
-                dismissed.delete(modal);
-            }
-            refresh();
-        }, { capture: true, signal: listeners.signal });
-    }
-    doc.addEventListener('pointerdown', (event) => {
-        if (event.target.closest('ion-modal')) {
-            pointerActive = true;
-            schedule();
-        }
-    }, { capture: true, signal: listeners.signal });
-    for (const name of ['pointerup', 'pointercancel'])
-        doc.addEventListener(name, () => {
-            pointerActive = false;
-            schedule();
-        }, { capture: true, signal: listeners.signal });
-    win.addEventListener('resize', schedule, { signal: listeners.signal });
-    win.addEventListener('nativeUIShellRefresh', schedule, { signal: listeners.signal });
-    refresh();
-    return () => {
-        stopped = true;
-        win.cancelAnimationFrame(frame);
-        observer.disconnect();
-        resize?.disconnect();
-        listeners.abort();
-        if (states.get(doc) !== state)
-            return;
-        states.delete(doc);
-        doc.querySelectorAll(`.${modalRailClass}`).forEach((modal) => {
-            modal.classList.remove(modalRailClass);
-            modal.style.removeProperty(toolbarTop);
-        });
-    };
+const observeVerticalBarsModals = (doc) => {
+	const win = doc.defaultView;
+	const state = {};
+	states.set(doc, state);
+	const presenting = /* @__PURE__ */ new Set();
+	const dismissed = /* @__PURE__ */ new WeakSet();
+	const observed = /* @__PURE__ */ new Set();
+	const listeners = new AbortController();
+	let stopped = false;
+	let frame = 0;
+	let pointerActive = false;
+	let bounds = "";
+	const toolbarTop = "--ios-theme-vertical-bars-modal-offset-top";
+	const refresh = () => {
+		win.cancelAnimationFrame(frame);
+		frame = 0;
+		if (stopped) return;
+		const app = doc.querySelector("ion-app.ios-theme-vertical-bars");
+		const modals = Array.from(doc.querySelectorAll("ion-modal"));
+		const active = modals.filter((modal) => !dismissed.has(modal) && (modal.presented || presenting.has(modal)));
+		for (const modal of presenting) if (!modal.isConnected) presenting.delete(modal);
+		const top = active.sort((a, b) => a.overlayIndex - b.overlayIndex).slice(-1)[0];
+		let changed = state.top !== top;
+		state.top = top;
+		const nextBounds = top ? JSON.stringify(modalVerticalBarFrame(top)) : "";
+		changed || (changed = bounds !== nextBounds);
+		bounds = nextBounds;
+		const wanted = /* @__PURE__ */ new Set();
+		for (const modal of modals) {
+			const content = modal.shadowRoot?.querySelector("[part~=\"content\"]");
+			if (content) wanted.add(content);
+			const fullWidth = !!content && Math.abs(content.offsetWidth - win.innerWidth) <= 1 && Math.abs(content.offsetLeft) <= 1;
+			const enabled = !!app?.contains(modal) && active.includes(modal) && fullWidth;
+			if (enabled) {
+				const offset = `${modalVerticalBarFrame(modal)?.y ?? 0}px`;
+				if (modal.style.getPropertyValue(toolbarTop) !== offset) {
+					modal.style.setProperty(toolbarTop, offset);
+					changed = true;
+				}
+			} else modal.style.removeProperty(toolbarTop);
+			if (modal.classList.contains("ios-theme-vertical-bars-modal") !== enabled) {
+				modal.classList.toggle(modalRailClass, enabled);
+				changed = true;
+			}
+		}
+		if (wanted.size !== observed.size || [...wanted].some((element) => !observed.has(element))) {
+			resize?.disconnect();
+			observer.disconnect();
+			observer.observe(doc.documentElement, observation);
+			observed.clear();
+			for (const element of wanted) {
+				resize?.observe(element);
+				observer.observe(element, {
+					attributes: true,
+					attributeFilter: ["style", "class"]
+				});
+				observed.add(element);
+			}
+		}
+		if (changed) win.dispatchEvent(new Event("nativeUIShellRefresh"));
+		if (top && (pointerActive || Array.from(wanted).some((element) => element.getAnimations().some((animation) => animation.playState === "running")))) schedule();
+	};
+	const schedule = () => {
+		if (!stopped && !frame) frame = win.requestAnimationFrame(refresh);
+	};
+	const resize = win.ResizeObserver ? new win.ResizeObserver(schedule) : void 0;
+	const observer = new MutationObserver(schedule);
+	const observation = {
+		subtree: true,
+		childList: true,
+		attributes: true,
+		attributeFilter: ["class", "style"]
+	};
+	observer.observe(doc.documentElement, observation);
+	for (const name of [
+		"ionModalWillPresent",
+		"ionModalDidPresent",
+		"ionModalWillDismiss",
+		"ionModalDidDismiss",
+		"ionBreakpointDidChange"
+	]) doc.addEventListener(name, (event) => {
+		const modal = event.target;
+		if (modal.localName !== "ion-modal") return;
+		if (name === "ionModalDidDismiss") {
+			presenting.delete(modal);
+			dismissed.add(modal);
+		} else {
+			presenting.add(modal);
+			dismissed.delete(modal);
+		}
+		refresh();
+	}, {
+		capture: true,
+		signal: listeners.signal
+	});
+	doc.addEventListener("pointerdown", (event) => {
+		if (event.target.closest("ion-modal")) {
+			pointerActive = true;
+			schedule();
+		}
+	}, {
+		capture: true,
+		signal: listeners.signal
+	});
+	for (const name of ["pointerup", "pointercancel"]) doc.addEventListener(name, () => {
+		pointerActive = false;
+		schedule();
+	}, {
+		capture: true,
+		signal: listeners.signal
+	});
+	win.addEventListener("resize", schedule, { signal: listeners.signal });
+	win.addEventListener("nativeUIShellRefresh", schedule, { signal: listeners.signal });
+	refresh();
+	return () => {
+		stopped = true;
+		win.cancelAnimationFrame(frame);
+		observer.disconnect();
+		resize?.disconnect();
+		listeners.abort();
+		if (states.get(doc) !== state) return;
+		states.delete(doc);
+		doc.querySelectorAll(`.${modalRailClass}`).forEach((modal) => {
+			modal.classList.remove(modalRailClass);
+			modal.style.removeProperty(toolbarTop);
+		});
+	};
 };
-export const modalVerticalBarFrame = (modal) => {
-    const rect = modal.shadowRoot?.querySelector('[part~="content"]')?.getBoundingClientRect();
-    const win = modal.ownerDocument.defaultView;
-    if (!rect)
-        return;
-    const y = Math.max(0, rect.top);
-    const height = Math.min(win.innerHeight, rect.bottom) - y;
-    return height > 0 ? { x: 0, y, width: win.innerWidth, height } : undefined;
+/** Visible modal bounds, clipped at the viewport for Ionic's translated sheets. */
+const modalVerticalBarFrame = (modal) => {
+	const rect = modal.shadowRoot?.querySelector("[part~=\"content\"]")?.getBoundingClientRect();
+	const win = modal.ownerDocument.defaultView;
+	if (!rect) return;
+	const y = Math.max(0, rect.top);
+	const height = Math.min(win.innerHeight, rect.bottom) - y;
+	return height > 0 ? {
+		x: 0,
+		y,
+		width: win.innerWidth,
+		height
+	} : void 0;
 };
+//#endregion
+export { inVerticalBarsSurface, modalRailClass, modalUsesVerticalBars, modalVerticalBarFrame, observeVerticalBarsModals, topModal };
+
+//# sourceMappingURL=modal.js.map

package/dist/native/shared/modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.js","names":[],"sources":["../../../src/native/shared/modal.ts"],"sourcesContent":["import type { Frame } from '../definitions';\n\n/** Modal hosts cover the viewport even when their visible dialog is centered. */\nexport const modalRailClass = 'ios-theme-vertical-bars-modal';\nconst states = new WeakMap<Document, { top?: HTMLIonModalElement }>();\n\nexport const topModal = (doc: Document): HTMLIonModalElement | undefined => states.get(doc)?.top;\nexport const modalUsesVerticalBars = (element: Element): boolean => {\n  const modal = element.closest('ion-modal');\n  return !modal || modal.classList.contains(modalRailClass);\n};\n\n/** Only the foreground modal may contribute controls; never the covered page. */\nexport const inVerticalBarsSurface = (element: Element): boolean => {\n  const modal = topModal(element.ownerDocument);\n  return modal ? element.closest('ion-modal') === modal && modalUsesVerticalBars(element) : !element.closest('ion-modal');\n};\n\nexport const observeVerticalBarsModals = (doc: Document): (() => void) => {\n  const win = doc.defaultView!;\n  const state: { top?: HTMLIonModalElement } = {};\n  states.set(doc, state);\n  const presenting = new Set<HTMLIonModalElement>();\n  const dismissed = new WeakSet<HTMLIonModalElement>();\n  const observed = new Set<Element>();\n  const listeners = new AbortController();\n  let stopped = false;\n  let frame = 0;\n  let pointerActive = false;\n  let bounds = '';\n  const toolbarTop = '--ios-theme-vertical-bars-modal-offset-top';\n  const refresh = () => {\n    win.cancelAnimationFrame(frame);\n    frame = 0;\n    if (stopped) return;\n    const app = doc.querySelector('ion-app.ios-theme-vertical-bars');\n    const modals = Array.from(doc.querySelectorAll<HTMLIonModalElement>('ion-modal'));\n    const active = modals.filter(\n      (modal) => !dismissed.has(modal) && ((modal as HTMLIonModalElement & { presented?: boolean }).presented || presenting.has(modal)),\n    );\n    for (const modal of presenting) if (!modal.isConnected) presenting.delete(modal);\n    const top = active.sort((a, b) => a.overlayIndex - b.overlayIndex).slice(-1)[0];\n    let changed = state.top !== top;\n    state.top = top;\n    const nextBounds = top ? JSON.stringify(modalVerticalBarFrame(top)) : '';\n    changed ||= bounds !== nextBounds;\n    bounds = nextBounds;\n    const wanted = new Set<Element>();\n    for (const modal of modals) {\n      const content = modal.shadowRoot?.querySelector<HTMLElement>('[part~=\"content\"]');\n      if (content) wanted.add(content);\n      // offsetWidth is unaffected by Ionic's presentation transforms.\n      const fullWidth = !!content && Math.abs(content.offsetWidth - win.innerWidth) <= 1 && Math.abs(content.offsetLeft) <= 1;\n      const enabled = !!app?.contains(modal) && active.includes(modal) && fullWidth;\n      if (enabled) {\n        const top = modalVerticalBarFrame(modal)?.y ?? 0;\n        const offset = `${top}px`;\n        if (modal.style.getPropertyValue(toolbarTop) !== offset) {\n          modal.style.setProperty(toolbarTop, offset);\n          changed = true;\n        }\n      } else modal.style.removeProperty(toolbarTop);\n      if (modal.classList.contains(modalRailClass) !== enabled) {\n        modal.classList.toggle(modalRailClass, enabled);\n        changed = true;\n      }\n    }\n    if (wanted.size !== observed.size || [...wanted].some((element) => !observed.has(element))) {\n      resize?.disconnect();\n      observer.disconnect();\n      observer.observe(doc.documentElement, observation);\n      observed.clear();\n      for (const element of wanted) {\n        resize?.observe(element);\n        observer.observe(element, { attributes: true, attributeFilter: ['style', 'class'] });\n        observed.add(element);\n      }\n    }\n    if (changed) win.dispatchEvent(new Event('nativeUIShellRefresh'));\n    if (\n      top &&\n      (pointerActive ||\n        Array.from(wanted).some((element) => element.getAnimations().some((animation) => animation.playState === 'running')))\n    )\n      schedule();\n  };\n  const schedule = () => {\n    if (!stopped && !frame) frame = win.requestAnimationFrame(refresh);\n  };\n  const resize = win.ResizeObserver ? new win.ResizeObserver(schedule) : undefined;\n  const observer = new MutationObserver(schedule);\n  const observation = { subtree: true, childList: true, attributes: true, attributeFilter: ['class', 'style'] };\n  observer.observe(doc.documentElement, observation);\n  for (const name of ['ionModalWillPresent', 'ionModalDidPresent', 'ionModalWillDismiss', 'ionModalDidDismiss', 'ionBreakpointDidChange']) {\n    doc.addEventListener(\n      name,\n      (event) => {\n        const modal = event.target as HTMLIonModalElement;\n        if (modal.localName !== 'ion-modal') return;\n        if (name === 'ionModalDidDismiss') {\n          presenting.delete(modal);\n          dismissed.add(modal);\n        } else {\n          presenting.add(modal);\n          dismissed.delete(modal);\n        }\n        refresh();\n      },\n      { capture: true, signal: listeners.signal },\n    );\n  }\n  doc.addEventListener(\n    'pointerdown',\n    (event) => {\n      if ((event.target as Element).closest('ion-modal')) {\n        pointerActive = true;\n        schedule();\n      }\n    },\n    { capture: true, signal: listeners.signal },\n  );\n  for (const name of ['pointerup', 'pointercancel'])\n    doc.addEventListener(\n      name,\n      () => {\n        pointerActive = false;\n        schedule();\n      },\n      { capture: true, signal: listeners.signal },\n    );\n  win.addEventListener('resize', schedule, { signal: listeners.signal });\n  win.addEventListener('nativeUIShellRefresh', schedule, { signal: listeners.signal });\n  refresh();\n  return () => {\n    stopped = true;\n    win.cancelAnimationFrame(frame);\n    observer.disconnect();\n    resize?.disconnect();\n    listeners.abort();\n    if (states.get(doc) !== state) return;\n    states.delete(doc);\n    doc.querySelectorAll<HTMLElement>(`.${modalRailClass}`).forEach((modal) => {\n      modal.classList.remove(modalRailClass);\n      modal.style.removeProperty(toolbarTop);\n    });\n  };\n};\n\n/** Visible modal bounds, clipped at the viewport for Ionic's translated sheets. */\nexport const modalVerticalBarFrame = (modal: Element): Frame | undefined => {\n  const rect = modal.shadowRoot?.querySelector('[part~=\"content\"]')?.getBoundingClientRect();\n  const win = modal.ownerDocument.defaultView!;\n  if (!rect) return;\n  const y = Math.max(0, rect.top);\n  const height = Math.min(win.innerHeight, rect.bottom) - y;\n  return height > 0 ? { x: 0, y, width: win.innerWidth, height } : undefined;\n};\n"],"mappings":"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"}

package/dist/native/vertical-bars-web.d.ts

@@ -1,3 +1,5 @@
-import type { NativeUIShellHandle, NativeUIShellOptions } from './definitions';
+import { NativeUIShellHandle, NativeUIShellOptions } from "./definitions.js";
+//#region src/native/vertical-bars-web.d.ts
 export declare const createVerticalBarsWebProjection: (doc: Document, options: NativeUIShellOptions, enabled?: () => boolean) => NativeUIShellHandle;
+//#endregion
 //# sourceMappingURL=vertical-bars-web.d.ts.map

package/dist/native/vertical-bars-web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vertical-bars-web.d.ts","sourceRoot":"","sources":["../../src/native/vertical-bars-web.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,oBAAoB,EAAuB,MAAM,eAAe,CAAC;AAqCpG,eAAO,MAAM,+BAA+B,GAC1C,KAAK,QAAQ,EACb,SAAS,oBAAoB,EAC7B,UAAS,MAAM,OAAoB,KAClC,mBAoVF,CAAC"}
+{"version":3,"file":"vertical-bars-web.d.ts","names":[],"sources":["../../src/native/vertical-bars-web.ts"],"mappings":";;qBAsCa,kCACX,KAAK,UACL,SAAS,sBACT,4BACC"}