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

package/dist/native/shared/projection-id.js

@@ -0,0 +1,7 @@
+//#region src/native/shared/projection-id.ts
+/** Internal identity used to anchor overlays to their native control. */
+const projectionIds = /* @__PURE__ */ new WeakMap();
+//#endregion
+export { projectionIds };
+
+//# sourceMappingURL=projection-id.js.map

package/dist/native/shared/projection-id.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"projection-id.js","names":[],"sources":["../../../src/native/shared/projection-id.ts"],"sourcesContent":["/** Internal identity used to anchor overlays to their native control. */\nexport const projectionIds = new WeakMap<Element, string>();\n"],"mappings":";;AACA,MAAa,gCAAgB,IAAI,QAAyB"}

package/dist/native/shared/toolbar-options.d.ts

@@ -0,0 +1,13 @@
+import { VerticalControlAreaOptions } from "../definitions.js";
+//#region src/native/shared/toolbar-options.d.ts
+export declare const toolbarOptions: (options: VerticalControlAreaOptions, vertical: boolean) => {
+  buttonGroup: boolean;
+  button: boolean;
+  backButton: boolean;
+};
+export declare const localToolbarOption: (element: HTMLElement, vertical: boolean) => boolean | undefined;
+export declare const horizontalSelected: (element: HTMLElement, options: VerticalControlAreaOptions) => boolean;
+export declare const horizontalToolbarGroup: (element: HTMLElement, options: VerticalControlAreaOptions) => boolean;
+export declare const inVerticalToolbarLayout: (element: HTMLElement) => boolean;
+//#endregion
+//# sourceMappingURL=toolbar-options.d.ts.map

package/dist/native/shared/toolbar-options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-options.d.ts","names":[],"sources":["../../../src/native/shared/toolbar-options.ts"],"mappings":";;qBAKa,iBAAkB,SAAS,4BAA4B;;;;;qBAMvD,qBAAsB,SAAS,aAAa;qBAK5C,qBAAsB,SAAS,aAAa,SAAS;qBAQrD,yBAA0B,SAAS,aAAa,SAAS;qBAuBzD,0BAA2B,SAAS"}

package/dist/native/shared/toolbar-options.js

@@ -0,0 +1,28 @@
+import { controlDefault } from "./control-options.js";
+import { modalUsesVerticalBars } from "./modal.js";
+import { childElements, inFixedToolbar, isExcluded, isNativeUIDisabled } from "./dom.js";
+//#region src/native/shared/toolbar-options.ts
+const toolbarOptions = (options, vertical) => ({
+	buttonGroup: controlDefault(options, "buttonGroup", vertical),
+	button: controlDefault(options, "button", vertical),
+	backButton: controlDefault(options, "backButton", vertical)
+});
+const localToolbarOption = (element, vertical) => {
+	const value = element.getAttribute(vertical ? "data-vertical-bars" : "data-horizontal-bars");
+	return value === "true" ? true : value === "false" ? false : void 0;
+};
+const horizontalSelected = (element, options) => {
+	const group = element.parentElement;
+	if (group?.matches("ion-buttons") && isNativeUIDisabled(group)) return false;
+	return localToolbarOption(element, false) ?? toolbarOptions(options, false)[element.matches("ion-back-button") ? "backButton" : "button"];
+};
+const horizontalToolbarGroup = (element, options) => {
+	if (!element.matches("ion-buttons.ios") || !(localToolbarOption(element, false) ?? toolbarOptions(options, false).buttonGroup) || !inFixedToolbar(element) || isExcluded(element) || isNativeUIDisabled(element)) return false;
+	const children = childElements(element);
+	return children.length > 0 && children.every((child) => horizontalSelected(child, options) && !isExcluded(child) && !isNativeUIDisabled(child) && (child.matches("ion-menu-button.ios") || children.length > 1 && child.matches("ion-button.ios.button-clear") && child.fill === "clear"));
+};
+const inVerticalToolbarLayout = (element) => !element.closest("ion-menu, ion-popover") && modalUsesVerticalBars(element) && !!element.closest("ion-app.ios-theme-vertical-bars");
+//#endregion
+export { horizontalSelected, horizontalToolbarGroup, inVerticalToolbarLayout, localToolbarOption, toolbarOptions };
+
+//# sourceMappingURL=toolbar-options.js.map

package/dist/native/shared/toolbar-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-options.js","names":[],"sources":["../../../src/native/shared/toolbar-options.ts"],"sourcesContent":["import { modalUsesVerticalBars } from './modal';\nimport type { VerticalControlAreaOptions } from '../definitions';\nimport { controlDefault } from './control-options';\nimport { childElements, inFixedToolbar, isExcluded, isNativeUIDisabled } from './dom';\n\nexport const toolbarOptions = (options: VerticalControlAreaOptions, vertical: boolean) => ({\n  buttonGroup: controlDefault(options, 'buttonGroup', vertical),\n  button: controlDefault(options, 'button', vertical),\n  backButton: controlDefault(options, 'backButton', vertical),\n});\n\nexport const localToolbarOption = (element: HTMLElement, vertical: boolean): boolean | undefined => {\n  const value = element.getAttribute(vertical ? 'data-vertical-bars' : 'data-horizontal-bars');\n  return value === 'true' ? true : value === 'false' ? false : undefined;\n};\n\nexport const horizontalSelected = (element: HTMLElement, options: VerticalControlAreaOptions): boolean => {\n  const group = element.parentElement;\n  if (group?.matches('ion-buttons') && isNativeUIDisabled(group)) return false;\n  return localToolbarOption(element, false) ?? toolbarOptions(options, false)[element.matches('ion-back-button') ? 'backButton' : 'button'];\n};\n\n// Group only if all original children qualify; otherwise selected actions remain individual.\n// Back navigation never joins an ordinary action group.\nexport const horizontalToolbarGroup = (element: HTMLElement, options: VerticalControlAreaOptions): boolean => {\n  if (\n    !element.matches('ion-buttons.ios') ||\n    !(localToolbarOption(element, false) ?? toolbarOptions(options, false).buttonGroup) ||\n    !inFixedToolbar(element) ||\n    isExcluded(element) ||\n    isNativeUIDisabled(element)\n  )\n    return false;\n  const children = childElements(element);\n  return (\n    children.length > 0 &&\n    children.every(\n      (child) =>\n        horizontalSelected(child, options) &&\n        !isExcluded(child) &&\n        !isNativeUIDisabled(child) &&\n        (child.matches('ion-menu-button.ios') ||\n          (children.length > 1 && child.matches('ion-button.ios.button-clear') && (child as HTMLIonButtonElement).fill === 'clear')),\n    )\n  );\n};\n\nexport const inVerticalToolbarLayout = (element: HTMLElement): boolean =>\n  !element.closest('ion-menu, ion-popover') && modalUsesVerticalBars(element) && !!element.closest('ion-app.ios-theme-vertical-bars');\n"],"mappings":";;;;AAKA,MAAa,kBAAkB,SAAqC,cAAuB;CACzF,aAAa,eAAe,SAAS,eAAe,QAAQ;CAC5D,QAAQ,eAAe,SAAS,UAAU,QAAQ;CAClD,YAAY,eAAe,SAAS,cAAc,QAAQ;AAC5D;AAEA,MAAa,sBAAsB,SAAsB,aAA2C;CAClG,MAAM,QAAQ,QAAQ,aAAa,WAAW,uBAAuB,sBAAsB;CAC3F,OAAO,UAAU,SAAS,OAAO,UAAU,UAAU,QAAQ,KAAA;AAC/D;AAEA,MAAa,sBAAsB,SAAsB,YAAiD;CACxG,MAAM,QAAQ,QAAQ;CACtB,IAAI,OAAO,QAAQ,aAAa,KAAK,mBAAmB,KAAK,GAAG,OAAO;CACvE,OAAO,mBAAmB,SAAS,KAAK,KAAK,eAAe,SAAS,KAAK,CAAC,CAAC,QAAQ,QAAQ,iBAAiB,IAAI,eAAe;AAClI;AAIA,MAAa,0BAA0B,SAAsB,YAAiD;CAC5G,IACE,CAAC,QAAQ,QAAQ,iBAAiB,KAClC,EAAE,mBAAmB,SAAS,KAAK,KAAK,eAAe,SAAS,KAAK,CAAC,CAAC,gBACvE,CAAC,eAAe,OAAO,KACvB,WAAW,OAAO,KAClB,mBAAmB,OAAO,GAE1B,OAAO;CACT,MAAM,WAAW,cAAc,OAAO;CACtC,OACE,SAAS,SAAS,KAClB,SAAS,OACN,UACC,mBAAmB,OAAO,OAAO,KACjC,CAAC,WAAW,KAAK,KACjB,CAAC,mBAAmB,KAAK,MACxB,MAAM,QAAQ,qBAAqB,KACjC,SAAS,SAAS,KAAK,MAAM,QAAQ,6BAA6B,KAAM,MAA+B,SAAS,QACvH;AAEJ;AAEA,MAAa,2BAA2B,YACtC,CAAC,QAAQ,QAAQ,uBAAuB,KAAK,sBAAsB,OAAO,KAAK,CAAC,CAAC,QAAQ,QAAQ,iCAAiC"}

package/dist/native/shared/vertical-bars-geometry.d.ts

@@ -0,0 +1,10 @@
+import { Frame } from "../definitions.js";
+//#region src/native/shared/vertical-bars-geometry.d.ts
+export declare const validVerticalBarFrame: (frame: Frame) => boolean;
+export declare const forgetVerticalBarFrame: (element: Element) => boolean;
+export declare const rememberVerticalBarFrame: (element: Element, frame: Frame) => void;
+export declare const verticalBarFrame: (element: Element) => Frame | undefined;
+export declare const alignVerticalBarClone: (clone: HTMLElement, source: Element, parent: HTMLElement) => void;
+export declare const alignVerticalTabBar: (tabBar: HTMLElement, frame: Frame, items: Map<HTMLElement, Frame>) => (() => void);
+//#endregion
+//# sourceMappingURL=vertical-bars-geometry.d.ts.map

package/dist/native/shared/vertical-bars-geometry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vertical-bars-geometry.d.ts","names":[],"sources":["../../../src/native/shared/vertical-bars-geometry.ts"],"mappings":";;qBASa,wBAAyB,OAAO;qBAGhC,yBAA0B,SAAS;qBAEnC,2BAA4B,SAAS,SAAS,OAAO;qBAIrD,mBAAoB,SAAS,YAAU;qBAMvC,wBAAyB,OAAO,aAAa,QAAQ,SAAS,QAAQ;qBAqBtE,sBAAuB,QAAQ,aAAa,OAAO,OAAO,OAAO,IAAI,aAAa"}

package/dist/native/shared/vertical-bars-geometry.js

@@ -0,0 +1,85 @@
+//#region src/native/shared/vertical-bars-geometry.ts
+const measurements = /* @__PURE__ */ new WeakMap();
+const viewport = (element) => {
+	const win = element.ownerDocument.defaultView;
+	const classes = element.closest("ion-app")?.classList;
+	return `${win.innerWidth}:${win.innerHeight}:${classes?.contains("ios-theme-vertical-bars")}:${classes?.contains("ios-theme-vertical-bars-left")}`;
+};
+const validVerticalBarFrame = (frame) => [
+	frame.x,
+	frame.y,
+	frame.width,
+	frame.height
+].every(Number.isFinite) && frame.width > 0 && frame.height > 0;
+const forgetVerticalBarFrame = (element) => measurements.delete(element);
+const rememberVerticalBarFrame = (element, frame) => {
+	if (validVerticalBarFrame(frame)) measurements.set(element, {
+		frame,
+		viewport: viewport(element)
+	});
+};
+const verticalBarFrame = (element) => {
+	const saved = measurements.get(element);
+	return saved?.viewport === viewport(element) ? saved.frame : void 0;
+};
+/** Convert the native viewport rectangle into the clone's positioning container. */
+const alignVerticalBarClone = (clone, source, parent) => {
+	const frame = verticalBarFrame(source);
+	if (!frame) return;
+	const origin = parent.getBoundingClientRect();
+	Object.assign(clone.style, {
+		position: "absolute",
+		left: `${frame.x - origin.left}px`,
+		top: `${frame.y - origin.top}px`,
+		right: "auto",
+		bottom: "auto",
+		width: `${frame.width}px`,
+		height: `${frame.height}px`,
+		minWidth: `${frame.width}px`,
+		maxWidth: `${frame.width}px`,
+		minHeight: `${frame.height}px`,
+		maxHeight: `${frame.height}px`,
+		margin: "0",
+		boxSizing: "border-box"
+	});
+};
+const alignVerticalTabBar = (tabBar, frame, items) => {
+	const doc = tabBar.ownerDocument;
+	const style = doc.createElement("style");
+	const token = `rail-${Math.random().toString(36).slice(2)}`;
+	const selector = `[data-native-rail-geometry="${token}"]`;
+	const origin = tabBar.offsetParent?.getBoundingClientRect() ?? {
+		left: 0,
+		top: 0
+	};
+	tabBar.setAttribute("data-native-rail-geometry", token);
+	const box = (rect, x, y) => `position:absolute!important;left:${rect.x - x}px!important;top:${rect.y - y}px!important;right:auto!important;bottom:auto!important;width:${rect.width}px!important;min-width:${rect.width}px!important;max-width:${rect.width}px!important;height:${rect.height}px!important;min-height:${rect.height}px!important;max-height:${rect.height}px!important;margin:0!important;padding:0!important;box-sizing:border-box!important;`;
+	style.textContent = `${selector}{${box(frame, origin.left, origin.top)}}` + [...items].map(([element, rect]) => {
+		const index = Array.from(tabBar.children).indexOf(element) + 1;
+		return `${selector}>:nth-child(${index}){${box(rect, frame.x, frame.y)}}${selector}>:nth-child(${index})::part(native){min-height:0!important}`;
+	}).join("");
+	doc.head.append(style);
+	const win = doc.defaultView;
+	const measuredViewport = viewport(tabBar);
+	const stop = () => {
+		observer.disconnect();
+		win.removeEventListener("resize", stop);
+		style.remove();
+		if (tabBar.getAttribute("data-native-rail-geometry") === token) tabBar.removeAttribute("data-native-rail-geometry");
+	};
+	const observer = new MutationObserver((records) => {
+		if (viewport(tabBar) !== measuredViewport || records.some((record) => record.type === "childList")) stop();
+	});
+	observer.observe(tabBar, { childList: true });
+	const app = tabBar.closest("ion-app");
+	if (app) observer.observe(app, {
+		attributes: true,
+		attributeFilter: ["class"]
+	});
+	win.addEventListener("resize", stop);
+	return stop;
+};
+//#endregion
+export { alignVerticalBarClone, alignVerticalTabBar, forgetVerticalBarFrame, rememberVerticalBarFrame, validVerticalBarFrame, verticalBarFrame };
+
+//# sourceMappingURL=vertical-bars-geometry.js.map

package/dist/native/shared/vertical-bars-geometry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vertical-bars-geometry.js","names":[],"sources":["../../../src/native/shared/vertical-bars-geometry.ts"],"sourcesContent":["import type { Frame } from '../definitions';\n\nconst measurements = new WeakMap<Element, { frame: Frame; viewport: string }>();\nconst viewport = (element: Element) => {\n  const win = element.ownerDocument.defaultView!;\n  const classes = element.closest('ion-app')?.classList;\n  return `${win.innerWidth}:${win.innerHeight}:${classes?.contains('ios-theme-vertical-bars')}:${classes?.contains('ios-theme-vertical-bars-left')}`;\n};\n\nexport const validVerticalBarFrame = (frame: Frame) =>\n  [frame.x, frame.y, frame.width, frame.height].every(Number.isFinite) && frame.width > 0 && frame.height > 0;\n\nexport const forgetVerticalBarFrame = (element: Element) => measurements.delete(element);\n\nexport const rememberVerticalBarFrame = (element: Element, frame: Frame) => {\n  if (validVerticalBarFrame(frame)) measurements.set(element, { frame, viewport: viewport(element) });\n};\n\nexport const verticalBarFrame = (element: Element): Frame | undefined => {\n  const saved = measurements.get(element);\n  return saved?.viewport === viewport(element) ? saved.frame : undefined;\n};\n\n/** Convert the native viewport rectangle into the clone's positioning container. */\nexport const alignVerticalBarClone = (clone: HTMLElement, source: Element, parent: HTMLElement) => {\n  const frame = verticalBarFrame(source);\n  if (!frame) return;\n  const origin = parent.getBoundingClientRect();\n  Object.assign(clone.style, {\n    position: 'absolute',\n    left: `${frame.x - origin.left}px`,\n    top: `${frame.y - origin.top}px`,\n    right: 'auto',\n    bottom: 'auto',\n    width: `${frame.width}px`,\n    height: `${frame.height}px`,\n    minWidth: `${frame.width}px`,\n    maxWidth: `${frame.width}px`,\n    minHeight: `${frame.height}px`,\n    maxHeight: `${frame.height}px`,\n    margin: '0',\n    boxSizing: 'border-box',\n  });\n};\n\nexport const alignVerticalTabBar = (tabBar: HTMLElement, frame: Frame, items: Map<HTMLElement, Frame>): (() => void) => {\n  const doc = tabBar.ownerDocument;\n  const style = doc.createElement('style');\n  const token = `rail-${Math.random().toString(36).slice(2)}`;\n  const selector = `[data-native-rail-geometry=\"${token}\"]`;\n  const origin = (tabBar.offsetParent as HTMLElement | null)?.getBoundingClientRect() ?? { left: 0, top: 0 };\n  tabBar.setAttribute('data-native-rail-geometry', token);\n  const box = (rect: Frame, x: number, y: number) =>\n    `position:absolute!important;left:${rect.x - x}px!important;top:${rect.y - y}px!important;right:auto!important;bottom:auto!important;width:${rect.width}px!important;min-width:${rect.width}px!important;max-width:${rect.width}px!important;height:${rect.height}px!important;min-height:${rect.height}px!important;max-height:${rect.height}px!important;margin:0!important;padding:0!important;box-sizing:border-box!important;`;\n  style.textContent =\n    `${selector}{${box(frame, origin.left, origin.top)}}` +\n    [...items]\n      .map(([element, rect]) => {\n        const index = Array.from(tabBar.children).indexOf(element) + 1;\n        return `${selector}>:nth-child(${index}){${box(rect, frame.x, frame.y)}}${selector}>:nth-child(${index})::part(native){min-height:0!important}`;\n      })\n      .join('');\n  doc.head.append(style);\n  const win = doc.defaultView!;\n  const measuredViewport = viewport(tabBar);\n  const stop = () => {\n    observer.disconnect();\n    win.removeEventListener('resize', stop);\n    style.remove();\n    if (tabBar.getAttribute('data-native-rail-geometry') === token) tabBar.removeAttribute('data-native-rail-geometry');\n  };\n  const observer = new MutationObserver((records) => {\n    if (viewport(tabBar) !== measuredViewport || records.some((record) => record.type === 'childList')) stop();\n  });\n  observer.observe(tabBar, { childList: true });\n  const app = tabBar.closest('ion-app');\n  if (app) observer.observe(app, { attributes: true, attributeFilter: ['class'] });\n  win.addEventListener('resize', stop);\n  return stop;\n};\n"],"mappings":"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"}

package/dist/native/startup.d.ts

@@ -0,0 +1,8 @@
+import { NativeUIHandle, NativeUIOptions } from "./definitions.js";
+import { enableNativeUI as enableNativeUI$1 } from "./activation.js";
+//#region src/native/startup.d.ts
+type OverlayFactory = Parameters<typeof enableNativeUI$1>[1];
+export declare const startNativeUI: (input?: NativeUIOptions, overlayFactory?: OverlayFactory) => Promise<NativeUIHandle>;
+export declare const enableNativeUI: (options?: NativeUIOptions) => Promise<NativeUIHandle>;
+//#endregion
+//# sourceMappingURL=startup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"startup.d.ts","names":["activate"],"sources":["../../src/native/startup.ts"],"mappings":";;;KAGK,iBAAiB,kBAAkBA;qBAI3B,gBAAuB,QAAO,iBAAsB,iBAAiB,mBAAiB,QAAQ;qBA4D9F,iBAAkB,UAAS,oBAAuB,QAAQ"}

package/dist/native/startup.js

@@ -0,0 +1,70 @@
+import { enableNativeUI as enableNativeUI$1 } from "./activation.js";
+//#region src/native/startup.ts
+const handles = /* @__PURE__ */ new WeakMap();
+/** Start one shell. Partial options override defaults; markup owns individual placement. */
+const startNativeUI = async (input = {}, overlayFactory) => {
+	const root = input.root ?? (typeof document === "undefined" ? void 0 : document.body);
+	const bars = {
+		enabled: true,
+		...input.verticalBars
+	};
+	const host = bars.placement?.webHost;
+	if (root && (!root.isConnected || root.ownerDocument !== document)) throw new Error("Native UI requires a connected root in the current document");
+	if (host && (!host.isConnected || host.ownerDocument !== document || root?.contains(host) || host.contains(root))) throw new Error("The Web rail host must be connected in the current document and outside the source root");
+	const options = {
+		...input,
+		root,
+		source: "auto",
+		verticalBars: bars,
+		rail: host ? {
+			host,
+			edge: bars.placement?.edge === "leading" ? "left" : "right"
+		} : void 0
+	};
+	const runtime = await enableNativeUI$1(options, overlayFactory);
+	const existing = handles.get(runtime);
+	if (existing) return existing;
+	let stopped = false;
+	let queue = Promise.resolve();
+	const change = (enabled) => {
+		const operation = queue.then(async () => {
+			if (stopped) throw new Error("Native UI has been destroyed");
+			if (bars.enabled === enabled) return;
+			const lease = await runtime.suspend();
+			try {
+				if (stopped) throw new Error("Native UI has been destroyed");
+				bars.enabled = enabled;
+				root?.ownerDocument.defaultView?.dispatchEvent(new Event("nativeUIRefresh"));
+			} finally {
+				await lease.resume();
+			}
+		});
+		queue = operation.catch(() => {});
+		return operation;
+	};
+	let destruction;
+	const destroy = runtime.destroy.bind(runtime);
+	const handle = {
+		markForCheck: runtime.markForCheck.bind(runtime),
+		getStatus: runtime.getStatus.bind(runtime),
+		suspend: runtime.suspend.bind(runtime),
+		enableVerticalControlArea: () => change(true),
+		disableVerticalControlArea: () => change(false),
+		destroy() {
+			if (!destruction) {
+				stopped = true;
+				destruction = destroy();
+			}
+			return destruction;
+		}
+	};
+	const managed = Object.assign(runtime, handle);
+	handles.set(runtime, managed);
+	return managed;
+};
+/** Enable the shared standard shell without loading the optional Ionic overlay adapter. */
+const enableNativeUI = (options = {}) => startNativeUI(options);
+//#endregion
+export { enableNativeUI, startNativeUI };
+
+//# sourceMappingURL=startup.js.map

package/dist/native/startup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"startup.js","names":["activate"],"sources":["../../src/native/startup.ts"],"sourcesContent":["import { enableNativeUI as activate } from './activation';\nimport type { NativeUIRuntimeOptions, NativeUIHandle, NativeUIOptions, NativeUIRuntimeHandle } from './definitions';\n\ntype OverlayFactory = Parameters<typeof activate>[1];\nconst handles = new WeakMap<NativeUIRuntimeHandle, NativeUIHandle>();\n\n/** Start one shell. Partial options override defaults; markup owns individual placement. */\nexport const startNativeUI = async (input: NativeUIOptions = {}, overlayFactory?: OverlayFactory): Promise<NativeUIHandle> => {\n  const root = input.root ?? (typeof document === 'undefined' ? undefined : document.body);\n  const bars = { enabled: true, ...input.verticalBars };\n  const host = bars.placement?.webHost;\n  if (root && (!root.isConnected || root.ownerDocument !== document))\n    throw new Error('Native UI requires a connected root in the current document');\n  if (host && (!host.isConnected || host.ownerDocument !== document || root?.contains(host) || host.contains(root!)))\n    throw new Error('The Web rail host must be connected in the current document and outside the source root');\n  const options: NativeUIRuntimeOptions = {\n    ...input,\n    root,\n    source: 'auto',\n    verticalBars: bars,\n    rail: host ? { host, edge: bars.placement?.edge === 'leading' ? 'left' : 'right' } : undefined,\n  };\n  const runtime = await activate(options, overlayFactory);\n  const existing = handles.get(runtime);\n  if (existing) return existing;\n  let stopped = false;\n  let queue = Promise.resolve();\n  const change = (enabled: boolean) => {\n    const operation = queue.then(async () => {\n      if (stopped) throw new Error('Native UI has been destroyed');\n      if (bars.enabled === enabled) return;\n      // Retire both surfaces before changing ownership. Resume also waits for native reconciliation.\n      const lease = await runtime.suspend();\n      try {\n        if (stopped) throw new Error('Native UI has been destroyed');\n        bars.enabled = enabled;\n        root?.ownerDocument.defaultView?.dispatchEvent(new Event('nativeUIRefresh'));\n      } finally {\n        await lease.resume();\n      }\n    });\n    queue = operation.catch(() => {});\n    return operation;\n  };\n  let destruction: Promise<void> | undefined;\n  const destroy = runtime.destroy.bind(runtime);\n  const handle: NativeUIHandle = {\n    markForCheck: runtime.markForCheck.bind(runtime),\n    getStatus: runtime.getStatus.bind(runtime),\n    suspend: runtime.suspend.bind(runtime),\n    enableVerticalControlArea: () => change(true),\n    disableVerticalControlArea: () => change(false),\n    destroy() {\n      if (!destruction) {\n        stopped = true;\n        // Reserve native teardown immediately, preserving the shared startup queue.\n        destruction = destroy();\n      }\n      return destruction;\n    },\n  };\n  const managed = Object.assign(runtime, handle);\n  handles.set(runtime, managed);\n  return managed;\n};\n\n/** Enable the shared standard shell without loading the optional Ionic overlay adapter. */\nexport const enableNativeUI = (options: NativeUIOptions = {}): Promise<NativeUIHandle> => startNativeUI(options);\n"],"mappings":";;AAIA,MAAM,0BAAU,IAAI,QAA+C;;AAGnE,MAAa,gBAAgB,OAAO,QAAyB,CAAC,GAAG,mBAA6D;CAC5H,MAAM,OAAO,MAAM,SAAS,OAAO,aAAa,cAAc,KAAA,IAAY,SAAS;CACnF,MAAM,OAAO;EAAE,SAAS;EAAM,GAAG,MAAM;CAAa;CACpD,MAAM,OAAO,KAAK,WAAW;CAC7B,IAAI,SAAS,CAAC,KAAK,eAAe,KAAK,kBAAkB,WACvD,MAAM,IAAI,MAAM,6DAA6D;CAC/E,IAAI,SAAS,CAAC,KAAK,eAAe,KAAK,kBAAkB,YAAY,MAAM,SAAS,IAAI,KAAK,KAAK,SAAS,IAAK,IAC9G,MAAM,IAAI,MAAM,yFAAyF;CAC3G,MAAM,UAAkC;EACtC,GAAG;EACH;EACA,QAAQ;EACR,cAAc;EACd,MAAM,OAAO;GAAE;GAAM,MAAM,KAAK,WAAW,SAAS,YAAY,SAAS;EAAQ,IAAI,KAAA;CACvF;CACA,MAAM,UAAU,MAAMA,iBAAS,SAAS,cAAc;CACtD,MAAM,WAAW,QAAQ,IAAI,OAAO;CACpC,IAAI,UAAU,OAAO;CACrB,IAAI,UAAU;CACd,IAAI,QAAQ,QAAQ,QAAQ;CAC5B,MAAM,UAAU,YAAqB;EACnC,MAAM,YAAY,MAAM,KAAK,YAAY;GACvC,IAAI,SAAS,MAAM,IAAI,MAAM,8BAA8B;GAC3D,IAAI,KAAK,YAAY,SAAS;GAE9B,MAAM,QAAQ,MAAM,QAAQ,QAAQ;GACpC,IAAI;IACF,IAAI,SAAS,MAAM,IAAI,MAAM,8BAA8B;IAC3D,KAAK,UAAU;IACf,MAAM,cAAc,aAAa,cAAc,IAAI,MAAM,iBAAiB,CAAC;GAC7E,UAAU;IACR,MAAM,MAAM,OAAO;GACrB;EACF,CAAC;EACD,QAAQ,UAAU,YAAY,CAAC,CAAC;EAChC,OAAO;CACT;CACA,IAAI;CACJ,MAAM,UAAU,QAAQ,QAAQ,KAAK,OAAO;CAC5C,MAAM,SAAyB;EAC7B,cAAc,QAAQ,aAAa,KAAK,OAAO;EAC/C,WAAW,QAAQ,UAAU,KAAK,OAAO;EACzC,SAAS,QAAQ,QAAQ,KAAK,OAAO;EACrC,iCAAiC,OAAO,IAAI;EAC5C,kCAAkC,OAAO,KAAK;EAC9C,UAAU;GACR,IAAI,CAAC,aAAa;IAChB,UAAU;IAEV,cAAc,QAAQ;GACxB;GACA,OAAO;EACT;CACF;CACA,MAAM,UAAU,OAAO,OAAO,SAAS,MAAM;CAC7C,QAAQ,IAAI,SAAS,OAAO;CAC5B,OAAO;AACT;;AAGA,MAAa,kBAAkB,UAA2B,CAAC,MAA+B,cAAc,OAAO"}

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

@@ -0,0 +1,10 @@
+//#region src/native/vertical-bars-web-search.d.ts
+export declare const searchProjectionClass = "ios-theme-vertical-bars-search-projection";
+export declare const createVerticalBarsWebSearch: (doc: Document, eligible: (element: HTMLElement) => boolean, refresh: () => void) => {
+  restore: (retire?: (surface: HTMLElement) => void) => void;
+  readonly surface: HTMLIonFabElement | undefined;
+  readonly source: HTMLElement | undefined;
+  update(root: HTMLElement): void;
+};
+//#endregion
+//# sourceMappingURL=vertical-bars-web-search.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"vertical-bars-web-search.d.ts","names":[],"sources":["../../src/native/vertical-bars-web-search.ts"],"mappings":";qBAGa;qBAGA,8BAA+B,KAAK,UAAU,WAAW,SAAS,yBAAyB;EAM5E,UAAA,UAAC,SAAS;;;EAuBrB,OAAA,MAAA"}

package/dist/native/vertical-bars-web-search.js

@@ -0,0 +1,90 @@
+import { activateProjectedElement, marker, unprojected } from "./shared/dom.js";
+import { getNativeSearchBindings } from "../native-integration/index.js";
+//#region src/native/vertical-bars-web-search.ts
+const searchProjectionClass = "ios-theme-vertical-bars-search-projection";
+/** Web counterpart of the system search button above the vertical tabs, or at the rail bottom without visible tabs. */
+const createVerticalBarsWebSearch = (doc, eligible, refresh) => {
+	let binding;
+	let projection;
+	let container;
+	const iconObserver = new MutationObserver(refresh);
+	let previousAriaHidden = null;
+	const restore = (retire) => {
+		iconObserver.disconnect();
+		if (container) {
+			if (retire) retire(container);
+			else container.remove();
+		}
+		container = void 0;
+		projection = void 0;
+		if (binding) {
+			binding.trigger.removeAttribute(marker);
+			if (previousAriaHidden === null) binding.trigger.removeAttribute("aria-hidden");
+			else binding.trigger.setAttribute("aria-hidden", previousAriaHidden);
+		}
+		binding = void 0;
+	};
+	return {
+		restore,
+		get surface() {
+			return container;
+		},
+		get source() {
+			return binding?.trigger;
+		},
+		update(root) {
+			const next = unprojected(binding ? [binding.trigger] : [], () => getNativeSearchBindings(doc).find(({ trigger, footer }) => eligible(trigger) && eligible(footer)));
+			if (next !== binding || container?.parentElement !== root) restore();
+			if (!next) return;
+			if (!projection) {
+				binding = next;
+				previousAriaHidden = next.trigger.getAttribute("aria-hidden");
+				projection = next.trigger.cloneNode(true);
+				for (const name of [
+					"id",
+					"slot",
+					marker,
+					"aria-hidden",
+					"style"
+				]) projection.removeAttribute(name);
+				container = doc.createElement("ion-fab");
+				container.setAttribute("mode", next.trigger.mode ?? "ios");
+				container.classList.add(searchProjectionClass, "ion-cloned-element");
+				projection.addEventListener("click", (event) => {
+					event.preventDefault();
+					event.stopImmediatePropagation();
+					activateProjectedElement(next.trigger);
+				}, { capture: true });
+				container.append(projection);
+				root.append(container);
+				next.trigger.setAttribute(marker, "");
+				next.trigger.setAttribute("aria-hidden", "true");
+			}
+			projection.setAttribute("aria-label", next.trigger.getAttribute("aria-label") ?? next.footer.querySelector("ion-searchbar")?.getAttribute("aria-label") ?? "Search");
+			const sourceIcon = next.trigger.querySelector("ion-icon");
+			const icon = projection.querySelector("ion-icon");
+			if (sourceIcon?.shadowRoot) iconObserver.observe(sourceIcon.shadowRoot, {
+				subtree: true,
+				childList: true,
+				attributes: true
+			});
+			if (sourceIcon && icon) {
+				icon.icon = sourceIcon.icon;
+				icon.name = sourceIcon.name;
+				icon.src = sourceIcon.src;
+			}
+			container.hidden = next.trigger.style.pointerEvents === "none";
+			projection.disabled = next.trigger.disabled;
+			const bounds = next.tabBar.getBoundingClientRect();
+			const tabs = bounds.width > 0 && bounds.height > 0 && getComputedStyle(next.tabBar).visibility === "visible" ? bounds : void 0;
+			container.style.left = tabs ? `${tabs.left + (tabs.width - 46) / 2}px` : "";
+			container.style.top = tabs ? `${tabs.top - 56}px` : "";
+			container.style.right = tabs ? "auto" : "";
+			container.style.bottom = tabs ? "auto" : "";
+		}
+	};
+};
+//#endregion
+export { createVerticalBarsWebSearch, searchProjectionClass };
+
+//# sourceMappingURL=vertical-bars-web-search.js.map

package/dist/native/vertical-bars-web-search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vertical-bars-web-search.js","names":[],"sources":["../../src/native/vertical-bars-web-search.ts"],"sourcesContent":["import { getNativeSearchBindings, type NativeSearchBinding } from '../native-integration';\nimport { activateProjectedElement, marker, unprojected } from './shared/dom';\n\nexport const searchProjectionClass = 'ios-theme-vertical-bars-search-projection';\n\n/** Web counterpart of the system search button above the vertical tabs, or at the rail bottom without visible tabs. */\nexport const createVerticalBarsWebSearch = (doc: Document, eligible: (element: HTMLElement) => boolean, refresh: () => void) => {\n  let binding: NativeSearchBinding | undefined;\n  let projection: HTMLIonFabButtonElement | undefined;\n  let container: HTMLIonFabElement | undefined;\n  const iconObserver = new MutationObserver(refresh);\n  let previousAriaHidden: string | null = null;\n  const restore = (retire?: (surface: HTMLElement) => void) => {\n    iconObserver.disconnect();\n    if (container) {\n      if (retire) retire(container);\n      else container.remove();\n    }\n    container = undefined;\n    projection = undefined;\n    if (binding) {\n      binding.trigger.removeAttribute(marker);\n      if (previousAriaHidden === null) binding.trigger.removeAttribute('aria-hidden');\n      else binding.trigger.setAttribute('aria-hidden', previousAriaHidden);\n    }\n    binding = undefined;\n  };\n  return {\n    restore,\n    get surface() {\n      return container;\n    },\n    get source() {\n      return binding?.trigger;\n    },\n    update(root: HTMLElement) {\n      const next = unprojected(binding ? [binding.trigger] : [], () =>\n        getNativeSearchBindings(doc).find(({ trigger, footer }) => eligible(trigger) && eligible(footer)),\n      );\n      if (next !== binding || container?.parentElement !== root) restore();\n      if (!next) return;\n      if (!projection) {\n        binding = next;\n        previousAriaHidden = next.trigger.getAttribute('aria-hidden');\n        projection = next.trigger.cloneNode(true) as HTMLIonFabButtonElement;\n        for (const name of ['id', 'slot', marker, 'aria-hidden', 'style']) projection.removeAttribute(name);\n        container = doc.createElement('ion-fab');\n        container.setAttribute('mode', (next.trigger as HTMLIonFabButtonElement).mode ?? 'ios');\n        container.classList.add(searchProjectionClass, 'ion-cloned-element');\n        projection.addEventListener(\n          'click',\n          (event) => {\n            event.preventDefault();\n            event.stopImmediatePropagation();\n            activateProjectedElement(next.trigger);\n          },\n          { capture: true },\n        );\n        container.append(projection);\n        root.append(container);\n        next.trigger.setAttribute(marker, '');\n        next.trigger.setAttribute('aria-hidden', 'true');\n      }\n      projection.setAttribute(\n        'aria-label',\n        next.trigger.getAttribute('aria-label') ?? next.footer.querySelector('ion-searchbar')?.getAttribute('aria-label') ?? 'Search',\n      );\n      const sourceIcon = next.trigger.querySelector('ion-icon');\n      const icon = projection.querySelector('ion-icon');\n      if (sourceIcon?.shadowRoot) iconObserver.observe(sourceIcon.shadowRoot, { subtree: true, childList: true, attributes: true });\n      if (sourceIcon && icon) {\n        icon.icon = sourceIcon.icon;\n        icon.name = sourceIcon.name;\n        icon.src = sourceIcon.src;\n      }\n      container!.hidden = next.trigger.style.pointerEvents === 'none';\n      projection.disabled = (next.trigger as HTMLIonFabButtonElement).disabled;\n      const bounds = next.tabBar.getBoundingClientRect();\n      const tabs = bounds.width > 0 && bounds.height > 0 && getComputedStyle(next.tabBar).visibility === 'visible' ? bounds : undefined;\n      container!.style.left = tabs ? `${tabs.left + (tabs.width - 46) / 2}px` : '';\n      container!.style.top = tabs ? `${tabs.top - 56}px` : '';\n      container!.style.right = tabs ? 'auto' : '';\n      container!.style.bottom = tabs ? 'auto' : '';\n    },\n  };\n};\n"],"mappings":";;;AAGA,MAAa,wBAAwB;;AAGrC,MAAa,+BAA+B,KAAe,UAA6C,YAAwB;CAC9H,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,MAAM,eAAe,IAAI,iBAAiB,OAAO;CACjD,IAAI,qBAAoC;CACxC,MAAM,WAAW,WAA4C;EAC3D,aAAa,WAAW;EACxB,IAAI,WAAW;GACb,IAAI,QAAQ,OAAO,SAAS;QACvB,UAAU,OAAO;EACxB;EACA,YAAY,KAAA;EACZ,aAAa,KAAA;EACb,IAAI,SAAS;GACX,QAAQ,QAAQ,gBAAgB,MAAM;GACtC,IAAI,uBAAuB,MAAM,QAAQ,QAAQ,gBAAgB,aAAa;QACzE,QAAQ,QAAQ,aAAa,eAAe,kBAAkB;EACrE;EACA,UAAU,KAAA;CACZ;CACA,OAAO;EACL;EACA,IAAI,UAAU;GACZ,OAAO;EACT;EACA,IAAI,SAAS;GACX,OAAO,SAAS;EAClB;EACA,OAAO,MAAmB;GACxB,MAAM,OAAO,YAAY,UAAU,CAAC,QAAQ,OAAO,IAAI,CAAC,SACtD,wBAAwB,GAAG,CAAC,CAAC,MAAM,EAAE,SAAS,aAAa,SAAS,OAAO,KAAK,SAAS,MAAM,CAAC,CAClG;GACA,IAAI,SAAS,WAAW,WAAW,kBAAkB,MAAM,QAAQ;GACnE,IAAI,CAAC,MAAM;GACX,IAAI,CAAC,YAAY;IACf,UAAU;IACV,qBAAqB,KAAK,QAAQ,aAAa,aAAa;IAC5D,aAAa,KAAK,QAAQ,UAAU,IAAI;IACxC,KAAK,MAAM,QAAQ;KAAC;KAAM;KAAQ;KAAQ;KAAe;IAAO,GAAG,WAAW,gBAAgB,IAAI;IAClG,YAAY,IAAI,cAAc,SAAS;IACvC,UAAU,aAAa,QAAS,KAAK,QAAoC,QAAQ,KAAK;IACtF,UAAU,UAAU,IAAI,uBAAuB,oBAAoB;IACnE,WAAW,iBACT,UACC,UAAU;KACT,MAAM,eAAe;KACrB,MAAM,yBAAyB;KAC/B,yBAAyB,KAAK,OAAO;IACvC,GACA,EAAE,SAAS,KAAK,CAClB;IACA,UAAU,OAAO,UAAU;IAC3B,KAAK,OAAO,SAAS;IACrB,KAAK,QAAQ,aAAa,QAAQ,EAAE;IACpC,KAAK,QAAQ,aAAa,eAAe,MAAM;GACjD;GACA,WAAW,aACT,cACA,KAAK,QAAQ,aAAa,YAAY,KAAK,KAAK,OAAO,cAAc,eAAe,CAAC,EAAE,aAAa,YAAY,KAAK,QACvH;GACA,MAAM,aAAa,KAAK,QAAQ,cAAc,UAAU;GACxD,MAAM,OAAO,WAAW,cAAc,UAAU;GAChD,IAAI,YAAY,YAAY,aAAa,QAAQ,WAAW,YAAY;IAAE,SAAS;IAAM,WAAW;IAAM,YAAY;GAAK,CAAC;GAC5H,IAAI,cAAc,MAAM;IACtB,KAAK,OAAO,WAAW;IACvB,KAAK,OAAO,WAAW;IACvB,KAAK,MAAM,WAAW;GACxB;GACA,UAAW,SAAS,KAAK,QAAQ,MAAM,kBAAkB;GACzD,WAAW,WAAY,KAAK,QAAoC;GAChE,MAAM,SAAS,KAAK,OAAO,sBAAsB;GACjD,MAAM,OAAO,OAAO,QAAQ,KAAK,OAAO,SAAS,KAAK,iBAAiB,KAAK,MAAM,CAAC,CAAC,eAAe,YAAY,SAAS,KAAA;GACxH,UAAW,MAAM,OAAO,OAAO,GAAG,KAAK,QAAQ,KAAK,QAAQ,MAAM,EAAE,MAAM;GAC1E,UAAW,MAAM,MAAM,OAAO,GAAG,KAAK,MAAM,GAAG,MAAM;GACrD,UAAW,MAAM,QAAQ,OAAO,SAAS;GACzC,UAAW,MAAM,SAAS,OAAO,SAAS;EAC5C;CACF;AACF"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"vertical-bars-web.d.ts","names":[],"sources":["../../src/native/vertical-bars-web.ts"],"mappings":";;qBA6Ca,kCACX,KAAK,UACL,SAAS,iBACT,4BACC"}