@rdlabo/ionic-theme-ios27 1.2.1-beta.pr275.shad339e7688db7 → 2.0.0-1

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

@@ -1,85 +0,0 @@
-//#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

@@ -1 +0,0 @@
-{"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":";AAEA,MAAM,+BAAe,IAAI,QAAqD;AAC9E,MAAM,YAAY,YAAqB;CACrC,MAAM,MAAM,QAAQ,cAAc;CAClC,MAAM,UAAU,QAAQ,QAAQ,SAAS,CAAC,EAAE;CAC5C,OAAO,GAAG,IAAI,WAAW,GAAG,IAAI,YAAY,GAAG,SAAS,SAAS,yBAAyB,EAAE,GAAG,SAAS,SAAS,8BAA8B;AACjJ;AAEA,MAAa,yBAAyB,UACpC;CAAC,MAAM;CAAG,MAAM;CAAG,MAAM;CAAO,MAAM;AAAM,CAAC,CAAC,MAAM,OAAO,QAAQ,KAAK,MAAM,QAAQ,KAAK,MAAM,SAAS;AAE5G,MAAa,0BAA0B,YAAqB,aAAa,OAAO,OAAO;AAEvF,MAAa,4BAA4B,SAAkB,UAAiB;CAC1E,IAAI,sBAAsB,KAAK,GAAG,aAAa,IAAI,SAAS;EAAE;EAAO,UAAU,SAAS,OAAO;CAAE,CAAC;AACpG;AAEA,MAAa,oBAAoB,YAAwC;CACvE,MAAM,QAAQ,aAAa,IAAI,OAAO;CACtC,OAAO,OAAO,aAAa,SAAS,OAAO,IAAI,MAAM,QAAQ,KAAA;AAC/D;;AAGA,MAAa,yBAAyB,OAAoB,QAAiB,WAAwB;CACjG,MAAM,QAAQ,iBAAiB,MAAM;CACrC,IAAI,CAAC,OAAO;CACZ,MAAM,SAAS,OAAO,sBAAsB;CAC5C,OAAO,OAAO,MAAM,OAAO;EACzB,UAAU;EACV,MAAM,GAAG,MAAM,IAAI,OAAO,KAAK;EAC/B,KAAK,GAAG,MAAM,IAAI,OAAO,IAAI;EAC7B,OAAO;EACP,QAAQ;EACR,OAAO,GAAG,MAAM,MAAM;EACtB,QAAQ,GAAG,MAAM,OAAO;EACxB,UAAU,GAAG,MAAM,MAAM;EACzB,UAAU,GAAG,MAAM,MAAM;EACzB,WAAW,GAAG,MAAM,OAAO;EAC3B,WAAW,GAAG,MAAM,OAAO;EAC3B,QAAQ;EACR,WAAW;CACb,CAAC;AACH;AAEA,MAAa,uBAAuB,QAAqB,OAAc,UAAiD;CACtH,MAAM,MAAM,OAAO;CACnB,MAAM,QAAQ,IAAI,cAAc,OAAO;CACvC,MAAM,QAAQ,QAAQ,KAAK,OAAO,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC;CACxD,MAAM,WAAW,+BAA+B,MAAM;CACtD,MAAM,SAAU,OAAO,cAAqC,sBAAsB,KAAK;EAAE,MAAM;EAAG,KAAK;CAAE;CACzG,OAAO,aAAa,6BAA6B,KAAK;CACtD,MAAM,OAAO,MAAa,GAAW,MACnC,oCAAoC,KAAK,IAAI,EAAE,mBAAmB,KAAK,IAAI,EAAE,gEAAgE,KAAK,MAAM,yBAAyB,KAAK,MAAM,yBAAyB,KAAK,MAAM,sBAAsB,KAAK,OAAO,0BAA0B,KAAK,OAAO,0BAA0B,KAAK,OAAO;CAChV,MAAM,cACJ,GAAG,SAAS,GAAG,IAAI,OAAO,OAAO,MAAM,OAAO,GAAG,EAAE,KACnD,CAAC,GAAG,KAAK,CAAC,CACP,KAAK,CAAC,SAAS,UAAU;EACxB,MAAM,QAAQ,MAAM,KAAK,OAAO,QAAQ,CAAC,CAAC,QAAQ,OAAO,IAAI;EAC7D,OAAO,GAAG,SAAS,cAAc,MAAM,IAAI,IAAI,MAAM,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,SAAS,cAAc,MAAM;CACzG,CAAC,CAAC,CACD,KAAK,EAAE;CACZ,IAAI,KAAK,OAAO,KAAK;CACrB,MAAM,MAAM,IAAI;CAChB,MAAM,mBAAmB,SAAS,MAAM;CACxC,MAAM,aAAa;EACjB,SAAS,WAAW;EACpB,IAAI,oBAAoB,UAAU,IAAI;EACtC,MAAM,OAAO;EACb,IAAI,OAAO,aAAa,2BAA2B,MAAM,OAAO,OAAO,gBAAgB,2BAA2B;CACpH;CACA,MAAM,WAAW,IAAI,kBAAkB,YAAY;EACjD,IAAI,SAAS,MAAM,MAAM,oBAAoB,QAAQ,MAAM,WAAW,OAAO,SAAS,WAAW,GAAG,KAAK;CAC3G,CAAC;CACD,SAAS,QAAQ,QAAQ,EAAE,WAAW,KAAK,CAAC;CAC5C,MAAM,MAAM,OAAO,QAAQ,SAAS;CACpC,IAAI,KAAK,SAAS,QAAQ,KAAK;EAAE,YAAY;EAAM,iBAAiB,CAAC,OAAO;CAAE,CAAC;CAC/E,IAAI,iBAAiB,UAAU,IAAI;CACnC,OAAO;AACT"}

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

@@ -1,10 +0,0 @@
-//#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

@@ -1 +0,0 @@
-{"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

@@ -1,90 +0,0 @@
-import { getNativeSearchBindings } from "../native-integration/index.js";
-import { activateProjectedElement, marker, unprojected } from "./shared/dom.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

@@ -1 +0,0 @@
-{"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

@@ -1,5 +0,0 @@
-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 +0,0 @@
-{"version":3,"file":"vertical-bars-web.d.ts","names":[],"sources":["../../src/native/vertical-bars-web.ts"],"mappings":";;qBA4Ca,kCACX,KAAK,UACL,SAAS,sBACT,4BACC"}

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

@@ -1,411 +0,0 @@
-import { VERTICAL_BARS_TRANSITION_CANCELED } from "../native-integration/index.js";
-import { createCrossfade } from "./shared/crossfade.js";
-import { inVerticalBarsSurface, topModal } from "./shared/modal.js";
-import { activateProjectedElement, createVerticalBarsPageState, isExcluded, isShellDisabled, isVerticalBarsToolbarGroup, marker, preferredVerticalBarsBack, prehiddenClass, prehideOnlyMutation, syncToolbarText, unprojected, verticalBarsActionCandidate, verticalBarsBackCandidate, verticalBarsEnteringPage, verticalBarsOwned, verticalBarsToolbarActions, withoutPrehide } from "./shared/dom.js";
-import { alignVerticalBarClone, verticalBarFrame } from "./shared/vertical-bars-geometry.js";
-import { createVerticalBarsWebSearch, searchProjectionClass } from "./vertical-bars-web-search.js";
-//#region src/native/vertical-bars-web.ts
-const backProjectionClass = "ios-theme-vertical-bars-back-button-projection";
-const toolbarProjectionClass = "ios-theme-vertical-bars-toolbar-projection";
-const readyClass = "ios-theme-vertical-bars-toolbar-ready";
-const toolbarControlSize = 46;
-const toolbarControlGap = 10;
-const createVerticalBarsWebProjection = (doc, options, enabled = () => true) => {
-	const win = doc.defaultView;
-	const crossfade = createCrossfade(win);
-	let incomingInstant;
-	const toolbarEnabled = options.controls === void 0 || options.controls.toolbar === true;
-	let root;
-	let backSource;
-	let backProjection;
-	let previousBackAriaHidden = null;
-	let toolbarProjections = [];
-	let suspended = 0;
-	let stopped = false;
-	let frame = 0;
-	let updates = 0;
-	let observingVerticalBars = false;
-	const verticalBarsPages = createVerticalBarsPageState();
-	let sourceObserver;
-	let waiters = [];
-	const listeners = new AbortController();
-	const verticalBarsRoot = () => doc.querySelector("ion-app.ios-theme-vertical-bars");
-	const projectedSources = () => [
-		backSource,
-		search.source,
-		...toolbarProjections.flatMap(({ actions }) => actions.map(({ source }) => source))
-	].filter((source) => !!source);
-	const isRendered = (element) => withoutPrehide(element, () => {
-		const style = getComputedStyle(element);
-		const rect = element.getBoundingClientRect();
-		return element.isConnected && style.display !== "none" && style.visibility === "visible" && rect.width > 0 && rect.height > 0;
-	});
-	const search = createVerticalBarsWebSearch(doc, (element) => (options.controls === void 0 || options.controls.tabs === true) && !!verticalBarsRoot()?.contains(element) && inVerticalBarsSurface(element) && !isExcluded(element, verticalBarsEnteringPage(element)) && !isShellDisabled(element) && !verticalBarsPages.isDeparted(element) && isRendered(element), () => {
-		schedule();
-	});
-	const inEligibleToolbar = (element) => !!verticalBarsRoot()?.contains(element) && inVerticalBarsSurface(element) && verticalBarsActionCandidate(element) && !isExcluded(element, verticalBarsEnteringPage(element)) && !verticalBarsPages.isDeparted(element);
-	const isEligibleBack = (element) => !!verticalBarsRoot()?.contains(element) && inVerticalBarsSurface(element) && verticalBarsOwned(element) && verticalBarsBackCandidate(element) && !isExcluded(element, verticalBarsEnteringPage(element)) && !verticalBarsPages.isDeparted(element) && unprojected(projectedSources(), () => isRendered(element));
-	const pageOrder = (element) => Array.from(doc.querySelectorAll(".ion-page")).indexOf(element.closest(".ion-page"));
-	const findBack = () => {
-		const candidates = Array.from(doc.querySelectorAll(`ion-back-button:not(.${backProjectionClass})`)).filter(isEligibleBack);
-		return preferredVerticalBarsBack(candidates, doc);
-	};
-	const findToolbarGroups = () => {
-		const candidates = Array.from(doc.querySelectorAll(`ion-buttons:not(.${toolbarProjectionClass})`)).flatMap((group) => {
-			const actions = verticalBarsToolbarActions(group).filter((action) => unprojected(projectedSources(), () => isRendered(action)));
-			if (!actions.length) return [];
-			if (!isVerticalBarsToolbarGroup(group)) return actions.filter(inEligibleToolbar).map((action) => ({
-				group,
-				actions: [action]
-			}));
-			return inEligibleToolbar(group) && unprojected(projectedSources(), () => isRendered(group)) ? [{
-				group,
-				actions
-			}] : [];
-		});
-		const highestPage = Math.max(...candidates.map(({ group }) => pageOrder(group)));
-		return candidates.filter(({ group }) => pageOrder(group) === highestPage);
-	};
-	const isCurrentToolbarAction = (source) => findToolbarGroups().some(({ actions }) => actions.includes(source));
-	const restore = (retire) => {
-		search.restore(retire);
-		if (backProjection) {
-			if (retire) retire(backProjection);
-			else backProjection.remove();
-		}
-		backProjection = void 0;
-		if (backSource) {
-			backSource.removeAttribute(marker);
-			if (previousBackAriaHidden === null) backSource.removeAttribute("aria-hidden");
-			else backSource.setAttribute("aria-hidden", previousBackAriaHidden);
-			backSource.dispatchEvent(new CustomEvent("nativeUIShellChange"));
-		}
-		backSource = void 0;
-		previousBackAriaHidden = null;
-		for (const { projection, actions } of toolbarProjections) {
-			if (retire) retire(projection);
-			else projection.remove();
-			for (const { source, previousAriaHidden } of actions) {
-				source.removeAttribute(marker);
-				if (previousAriaHidden === null) source.removeAttribute("aria-hidden");
-				else source.setAttribute("aria-hidden", previousAriaHidden);
-				source.dispatchEvent(new CustomEvent("nativeUIShellChange"));
-			}
-		}
-		toolbarProjections = [];
-		sourceObserver?.disconnect();
-		sourceObserver = void 0;
-		root?.classList.remove(readyClass);
-		root = void 0;
-	};
-	const copyAttributes = (target, original) => {
-		for (const name of [
-			"id",
-			"slot",
-			marker,
-			"aria-hidden"
-		]) target.removeAttribute(name);
-		for (const attribute of Array.from(target.attributes)) if (![
-			"class",
-			"data-native-ui-shell",
-			"data-native-ui-shell-fading"
-		].includes(attribute.name) && !original.hasAttribute(attribute.name)) target.removeAttribute(attribute.name);
-		for (const attribute of Array.from(original.attributes)) if (![
-			"id",
-			"slot",
-			"data-native-ui-shell",
-			"aria-hidden"
-		].includes(attribute.name)) target.setAttribute(attribute.name, attribute.value);
-		target.classList.remove(prehiddenClass);
-	};
-	const syncBack = (target, original) => {
-		copyAttributes(target, original);
-		target.classList.add(backProjectionClass, "ion-cloned-element");
-		target.disabled = original.disabled;
-		target.defaultHref = original.defaultHref;
-		target.icon = original.icon;
-		target.color = original.color;
-		target.mode = original.mode;
-		target.text = "";
-		if (root) alignVerticalBarClone(target, original, root);
-	};
-	const syncAction = (target, original) => {
-		copyAttributes(target, original);
-		target.classList.add("ios-theme-vertical-bars-toolbar-action", "ion-cloned-element");
-		const label = original.getAttribute("aria-label") ?? original.shadowRoot?.querySelector("[part~=native]")?.getAttribute("aria-label") ?? original.textContent?.trim();
-		if (label) target.setAttribute("aria-label", label);
-		if ("disabled" in original) target.disabled = original.disabled;
-		if (original.matches("ion-button")) {
-			const clonedIcon = original.querySelector("ion-icon, svg")?.cloneNode(true);
-			clonedIcon?.setAttribute("slot", "icon-only");
-			target.replaceChildren(...clonedIcon ? [clonedIcon] : []);
-		}
-	};
-	const sameSources = (back, groups) => back === backSource && groups.length === toolbarProjections.length && groups.every(({ group, actions }, index) => {
-		const current = toolbarProjections[index];
-		return group === current.source && actions.length === current.actions.length && actions.every((action, actionIndex) => action === current.actions[actionIndex].source);
-	});
-	const syncExisting = () => {
-		if (backSource && backProjection) syncBack(backProjection, backSource);
-		let topOffset = backSource ? 56 : 0;
-		for (const { projection, source, actions } of toolbarProjections) {
-			if (actions.length === 1 && !projection.matches("ion-buttons")) syncAction(projection, actions[0].source);
-			else copyAttributes(projection, source);
-			projection.classList.add(toolbarProjectionClass, "ion-cloned-element");
-			projection.style.setProperty("--ios-theme-vertical-bars-toolbar-offset", `${topOffset}px`);
-			if (projection.matches("ion-buttons")) actions.forEach(({ source: action, projection: clone }) => syncAction(clone, action));
-			const frames = actions.map(({ source }) => verticalBarFrame(source));
-			if (root && frames.every((frame) => !!frame)) {
-				if (actions.length === 1) alignVerticalBarClone(projection, actions[0].source, root);
-				else {
-					const left = Math.min(...frames.map((frame) => frame.x));
-					const top = Math.min(...frames.map((frame) => frame.y));
-					const right = Math.max(...frames.map((frame) => frame.x + frame.width));
-					const bottom = Math.max(...frames.map((frame) => frame.y + frame.height));
-					const origin = root.getBoundingClientRect();
-					Object.assign(projection.style, {
-						left: `${left - origin.left}px`,
-						top: `${top - origin.top}px`,
-						right: "auto",
-						bottom: "auto",
-						width: `${right - left}px`,
-						height: `${bottom - top}px`,
-						padding: "0"
-					});
-					actions.forEach(({ source, projection: clone }) => alignVerticalBarClone(clone, source, projection));
-				}
-			}
-			topOffset += actions.length * toolbarControlSize + toolbarControlGap;
-		}
-	};
-	const project = (nextBack, groups) => {
-		root = topModal(doc) ?? verticalBarsRoot();
-		let topOffset = 0;
-		if (nextBack) {
-			backSource = nextBack;
-			previousBackAriaHidden = nextBack.getAttribute("aria-hidden");
-			backProjection = nextBack.cloneNode(false);
-			syncBack(backProjection, nextBack);
-			backProjection.addEventListener("click", (event) => {
-				event.preventDefault();
-				event.stopImmediatePropagation();
-				if (backSource && backSource === findBack()) activateProjectedElement(backSource);
-			}, { capture: true });
-			root.append(backProjection);
-			nextBack.setAttribute(marker, "");
-			nextBack.setAttribute("aria-hidden", "true");
-			nextBack.dispatchEvent(new CustomEvent("nativeUIShellChange"));
-			topOffset = 56;
-		}
-		for (const { group, actions: sources } of groups) {
-			const projection = (sources.length === 1 ? sources[0] : group).cloneNode(false);
-			if (sources.length === 1) syncAction(projection, sources[0]);
-			else copyAttributes(projection, group);
-			projection.classList.add(toolbarProjectionClass, "ion-cloned-element");
-			projection.style.setProperty("--ios-theme-vertical-bars-toolbar-offset", `${topOffset}px`);
-			const actions = sources.map((source) => {
-				const clone = sources.length === 1 ? projection : source.cloneNode(false);
-				if (sources.length > 1) syncAction(clone, source);
-				clone.addEventListener("click", (event) => {
-					event.preventDefault();
-					event.stopImmediatePropagation();
-					if (isCurrentToolbarAction(source)) activateProjectedElement(source);
-				}, { capture: true });
-				if (sources.length > 1) projection.append(clone);
-				const previousAriaHidden = source.getAttribute("aria-hidden");
-				source.setAttribute(marker, "");
-				source.setAttribute("aria-hidden", "true");
-				source.dispatchEvent(new CustomEvent("nativeUIShellChange"));
-				return {
-					source,
-					projection: clone,
-					previousAriaHidden
-				};
-			});
-			root.append(projection);
-			toolbarProjections.push({
-				source: group,
-				projection,
-				actions
-			});
-			topOffset += actions.length * toolbarControlSize + toolbarControlGap;
-		}
-		syncExisting();
-		if (nextBack || toolbarProjections.length) root.classList.add(readyClass);
-		sourceObserver = new MutationObserver((records) => {
-			if (records.some((record) => record.type !== "attributes" || !["data-native-ui-shell", "aria-hidden"].includes(record.attributeName ?? "") && !prehideOnlyMutation(record))) schedule();
-		});
-		if (nextBack?.shadowRoot) sourceObserver.observe(nextBack.shadowRoot, {
-			subtree: true,
-			childList: true,
-			attributes: true,
-			attributeOldValue: true
-		});
-		for (const { group } of groups) sourceObserver.observe(group, {
-			subtree: true,
-			childList: true,
-			attributes: true,
-			attributeOldValue: true
-		});
-	};
-	const reveal = () => {
-		if (incomingInstant === void 0) return;
-		for (const surface of [
-			backProjection,
-			...toolbarProjections.map(({ projection }) => projection),
-			search.surface
-		]) if (surface) crossfade.play(surface, false, incomingInstant);
-		incomingInstant = void 0;
-	};
-	const performUpdate = () => {
-		frame = 0;
-		syncToolbarText(doc);
-		const currentRoot = verticalBarsRoot();
-		if (observingVerticalBars !== !!currentRoot) {
-			observingVerticalBars = !!currentRoot;
-			observer.disconnect();
-			observer.observe(doc.documentElement, {
-				subtree: true,
-				childList: true,
-				characterData: observingVerticalBars,
-				attributes: true,
-				attributeOldValue: true,
-				attributeFilter: observingVerticalBars ? void 0 : ["class"]
-			});
-		}
-		if (stopped || suspended || !currentRoot || !enabled()) return restore();
-		const nextBack = toolbarEnabled ? findBack() : void 0;
-		const groups = toolbarEnabled ? findToolbarGroups() : [];
-		const projectionRoot = topModal(doc) ?? currentRoot;
-		search.update(projectionRoot);
-		if (!nextBack && !groups.length && !search.source) return restore();
-		if (root === (topModal(doc) ?? currentRoot) && sameSources(nextBack, groups)) {
-			syncExisting();
-			reveal();
-			return;
-		}
-		restore();
-		project(nextBack, groups);
-		search.update(projectionRoot);
-		reveal();
-		updates++;
-	};
-	const update = () => {
-		try {
-			performUpdate();
-		} catch {
-			restore();
-		} finally {
-			const pending = waiters;
-			waiters = [];
-			pending.forEach((resolve) => resolve());
-		}
-	};
-	const schedule = () => {
-		if (stopped) return Promise.resolve();
-		if (!enabled()) restore();
-		const done = new Promise((resolve) => waiters.push(resolve));
-		if (!frame) frame = win.requestAnimationFrame(update);
-		return done;
-	};
-	const observer = new MutationObserver((records) => {
-		const insideProjection = (target) => {
-			const element = target instanceof Element ? target : target.parentNode instanceof Element ? target.parentNode : void 0;
-			const rootNode = target.getRootNode();
-			return !![element, rootNode instanceof ShadowRoot ? rootNode.host : void 0].some((candidate) => candidate?.closest(`.${backProjectionClass}, .${toolbarProjectionClass}, .${searchProjectionClass}`));
-		};
-		const verticalBarsChanged = records.some((record) => record.type === "attributes" && record.target.matches("ion-app") || record.type === "childList" && Array.from(record.addedNodes).some((node) => node instanceof Element && (node.matches("ion-app.ios-theme-vertical-bars") || !!node.querySelector("ion-app.ios-theme-vertical-bars"))));
-		if (observingVerticalBars && records.some((record) => record.attributeName !== "data-native-ui-shell" && record.attributeName !== "data-native-ui-shell-toolbar-text" && !prehideOnlyMutation(record) && !insideProjection(record.target)) || !observingVerticalBars && verticalBarsChanged && records.some((record) => !prehideOnlyMutation(record))) schedule();
-	});
-	observer.observe(doc.documentElement, {
-		subtree: true,
-		childList: true,
-		attributes: true,
-		attributeOldValue: true,
-		attributeFilter: ["class"]
-	});
-	const pageLifecycle = (event) => {
-		const page = event.target;
-		if (!(page instanceof HTMLElement) || !page.matches(".ion-page")) return;
-		if (event.type === "iosThemeVerticalBarsTransitionCanceled") {
-			const entering = event.detail?.entering;
-			verticalBarsPages.cancel(entering, page);
-		} else verticalBarsPages.lifecycle(event);
-		if (verticalBarsRoot()) schedule();
-	};
-	for (const name of [
-		"ionViewWillEnter",
-		"ionViewWillLeave",
-		"ionViewDidEnter",
-		"ionViewDidLeave"
-	]) doc.addEventListener(name, pageLifecycle, {
-		capture: true,
-		signal: listeners.signal
-	});
-	doc.addEventListener(VERTICAL_BARS_TRANSITION_CANCELED, pageLifecycle, {
-		capture: true,
-		signal: listeners.signal
-	});
-	for (const name of ["ionModalWillPresent", "ionModalDidDismiss"]) doc.addEventListener(name, schedule, {
-		capture: true,
-		signal: listeners.signal
-	});
-	win.addEventListener("nativeUIShellVerticalBarsAcquire", (event) => {
-		const instant = event.detail?.instant ?? true;
-		incomingInstant = void 0;
-		restore((surface) => {
-			const box = surface.getBoundingClientRect();
-			surface.style.setProperty("position", "fixed", "important");
-			surface.style.setProperty("display", "block", "important");
-			surface.style.setProperty("left", `${box.left}px`, "important");
-			surface.style.setProperty("top", `${box.top}px`, "important");
-			surface.style.setProperty("right", "auto", "important");
-			surface.style.setProperty("bottom", "auto", "important");
-			surface.style.setProperty("width", `${box.width}px`, "important");
-			surface.style.setProperty("height", `${box.height}px`, "important");
-			crossfade.retire(surface, instant);
-		});
-	}, { signal: listeners.signal });
-	win.addEventListener("nativeUIShellVerticalBarsRelease", (event) => {
-		incomingInstant = event.detail.instant;
-		schedule();
-	}, { signal: listeners.signal });
-	win.addEventListener("resize", schedule, { signal: listeners.signal });
-	win.addEventListener("nativeUIShellRefresh", schedule, { signal: listeners.signal });
-	schedule();
-	return {
-		getStatus: () => ({
-			state: stopped ? "stopped" : "web",
-			projected: Number(!!backSource) + Number(!!search.source) + toolbarProjections.reduce((count, group) => count + group.actions.length, 0),
-			updates
-		}),
-		async suspend() {
-			suspended++;
-			restore();
-			let resumed = false;
-			return { async resume() {
-				if (resumed) return;
-				resumed = true;
-				suspended = Math.max(0, suspended - 1);
-				if (!suspended) await schedule();
-			} };
-		},
-		async destroy() {
-			if (stopped) return;
-			stopped = true;
-			win.cancelAnimationFrame(frame);
-			frame = 0;
-			waiters.forEach((resolve) => resolve());
-			waiters = [];
-			observer.disconnect();
-			sourceObserver?.disconnect();
-			listeners.abort();
-			crossfade.destroy();
-			restore();
-		}
-	};
-};
-//#endregion
-export { createVerticalBarsWebProjection };
-
-//# sourceMappingURL=vertical-bars-web.js.map