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

package/dist/native/components/searchable-tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchable-tabs.js","names":[],"sources":["../../../src/native/components/searchable-tabs.ts"],"sourcesContent":["import { getNativeSearchBindings, requestNativeSearch } from '../../native-integration';\nimport type { NativeSearchBinding } from '../../native-integration';\nimport { excluded, inFixedToolbar, isShellDisabled, marker, text, visible } from '../shared/dom';\nimport { iconSource } from '../shared/icons';\nimport type { Candidate } from '../shared/candidate';\nimport type { ShellItem, ShellSearch, ShellSearchEvent } from '../definitions';\n\ninterface SearchState {\n  binding: NativeSearchBinding;\n  bar: HTMLIonSearchbarElement;\n  input: HTMLInputElement;\n  editSequence: number;\n  composing: boolean;\n  focused: boolean;\n  minimumRevision: number;\n  valueVersion: number;\n  applyingInput: boolean;\n  keyboardHidden?: boolean;\n  last?: ShellSearch;\n  layout?: string;\n  rejectedLayout?: string;\n  restore: () => void;\n}\n\nexport const createSearchSupport = (doc: Document, id: (element: Element) => string, schedule: () => void) => {\n  const states = new Map<NativeSearchBinding, SearchState>();\n  let keyboardVisible = false;\n  let heldKeyboardResize: string | null = null;\n  let keyboardResizeGeneration = 0;\n  type KeyboardPlugin = {\n    setResizeMode?: (options: { mode: string }) => Promise<void>;\n    getResizeMode?: () => Promise<{ mode?: string }>;\n  };\n  const keyboardPlugin = (): KeyboardPlugin | undefined =>\n    (\n      doc.defaultView as Window & {\n        Capacitor?: { Plugins?: { Keyboard?: KeyboardPlugin } };\n      }\n    )?.Capacitor?.Plugins?.Keyboard;\n  const projected = (binding: NativeSearchBinding) => binding.footer.hasAttribute(marker);\n  // Hold Cap resize at none while search is active so WebView shrink does not fight UISearchTab.\n  const holdKeyboardResize = () => {\n    const keyboard = keyboardPlugin();\n    if (!keyboard?.setResizeMode || heldKeyboardResize !== null) return;\n    const setResizeMode = keyboard.setResizeMode.bind(keyboard);\n    const generation = ++keyboardResizeGeneration;\n    heldKeyboardResize = 'native';\n    void (async () => {\n      let restoreMode = 'native';\n      try {\n        const current = await keyboard.getResizeMode?.();\n        if (typeof current?.mode === 'string') restoreMode = current.mode;\n      } catch {\n        /* keep default restore target */\n      }\n      if (generation !== keyboardResizeGeneration) return;\n      heldKeyboardResize = restoreMode;\n      try {\n        await setResizeMode({ mode: 'none' });\n      } catch {\n        if (generation === keyboardResizeGeneration) heldKeyboardResize = null;\n        return;\n      }\n      // Leave raced ahead of setResizeMode(none) — undo the stale none apply.\n      if (generation !== keyboardResizeGeneration) void setResizeMode({ mode: restoreMode }).catch(() => undefined);\n    })();\n  };\n  const hasActiveProjection = () => [...states.keys()].some((binding) => binding.active && projected(binding));\n  const releaseKeyboardResize = () => {\n    if (hasActiveProjection()) return;\n    keyboardResizeGeneration++;\n    const mode = heldKeyboardResize;\n    heldKeyboardResize = null;\n    if (!mode) return;\n    void keyboardPlugin()?.setResizeMode?.({ mode });\n  };\n  const isCurrent = (state: SearchState) =>\n    state.bar.isConnected &&\n    state.binding.footer.querySelector('ion-searchbar') === state.bar &&\n    state.bar.querySelector('input.searchbar-input') === state.input;\n  const install = (binding: NativeSearchBinding, bar: HTMLIonSearchbarElement, input: HTMLInputElement): SearchState => {\n    const originalFocus = bar.setFocus;\n    const ownValue = Object.getOwnPropertyDescriptor(bar, 'value');\n    let owner: object | null = bar;\n    let value = ownValue;\n    while (!value && (owner = Object.getPrototypeOf(owner))) value = Object.getOwnPropertyDescriptor(owner, 'value');\n    const focus = async () => {\n      if (projected(binding) && (await requestNativeSearch(binding, true, true))) return;\n      await originalFocus.call(bar);\n    };\n    bar.setFocus = focus;\n    let wrapped: PropertyDescriptor | undefined;\n    if (value?.get && value.set && ownValue?.configurable !== false) {\n      const descriptor = value;\n      wrapped = {\n        configurable: true,\n        enumerable: value.enumerable,\n        get: () => descriptor.get!.call(bar),\n        set: (next: string | null | undefined) => {\n          if (state.applyingInput) state.applyingInput = false;\n          else state.valueVersion++;\n          descriptor.set!.call(bar, next);\n          schedule();\n        },\n      };\n      Object.defineProperty(bar, 'value', wrapped);\n    }\n    const state: SearchState = {\n      binding,\n      bar,\n      input,\n      editSequence: 0,\n      composing: false,\n      focused: false,\n      minimumRevision: 0,\n      valueVersion: 0,\n      applyingInput: false,\n      restore: () => {\n        if (bar.setFocus === focus) bar.setFocus = originalFocus;\n        if (wrapped && Object.getOwnPropertyDescriptor(bar, 'value')?.set === wrapped.set) {\n          if (ownValue) Object.defineProperty(bar, 'value', ownValue);\n          else Reflect.deleteProperty(bar, 'value');\n        }\n        binding.active = binding.focused = false;\n      },\n    };\n    states.set(binding, state);\n    return state;\n  };\n  const readIcon = (element: HTMLElement, owner: Element, candidate: Candidate): ShellItem | undefined => {\n    const style = getComputedStyle(element);\n    const rect = element.getBoundingClientRect();\n    const item: ShellItem = {\n      id: id(owner),\n      x: rect.x,\n      y: rect.y,\n      width: rect.width,\n      height: rect.height,\n      label: text(element),\n      accessibilityLabel: owner.getAttribute('aria-label') ?? text(element),\n      disabled: false,\n      selected: false,\n      fontSize: parseFloat(style.fontSize),\n      fontWeight: parseInt(style.fontWeight, 10) || 400,\n      color: style.color,\n    };\n    const icon = element.matches('ion-icon') ? element : element.querySelector('ion-icon');\n    const svg = icon?.shadowRoot?.querySelector<SVGElement>('svg') ?? element.querySelector<SVGElement>('svg');\n    if (svg) {\n      const source = iconSource(svg);\n      if (!source) return;\n      const iconStyle = getComputedStyle(icon ?? svg);\n      item.iconWidth = parseFloat(iconStyle.width);\n      item.iconHeight = parseFloat(iconStyle.height);\n      // ion-searchbar gives its icon a full-height box; SVG meet sizing keeps the glyph square.\n      const box = (svg as SVGSVGElement).viewBox?.baseVal;\n      if (box?.width && box.height && svg.getAttribute('preserveAspectRatio') !== 'none') {\n        const scale = Math.min(item.iconWidth! / box.width, item.iconHeight / box.height);\n        item.iconWidth = box.width * scale;\n        item.iconHeight = box.height * scale;\n      }\n      candidate.icons.push({ item, source });\n    } else if (!item.label) return;\n    return item;\n  };\n  return {\n    keyboard(visible: boolean) {\n      keyboardVisible = visible;\n      if (!visible) {\n        for (const [binding, state] of states) {\n          // Ionic can wait for the pre-keyboard height indefinitely after rotation.\n          // Release the visibility override we own when native search's keyboard closes.\n          if (state.keyboardHidden) binding.tabBar.classList.remove('tab-bar-hidden');\n          state.keyboardHidden = false;\n        }\n        releaseKeyboardResize();\n      }\n      schedule();\n    },\n    keepSearchTabsVisible() {\n      if (!keyboardVisible) return;\n      for (const [binding, state] of states) {\n        // Ionic hides bottom tabs for every keyboard, including native search.\n        // Correct only that framework class; application styles still apply.\n        if (binding.active && projected(binding) && binding.tabBar.classList.contains('tab-bar-hidden')) {\n          state.keyboardHidden = true;\n          binding.tabBar.classList.remove('tab-bar-hidden');\n        }\n      }\n    },\n    decorate(candidates: Candidate[], blocked: (element: HTMLElement) => boolean): Candidate[] {\n      const bindings = getNativeSearchBindings(doc);\n      for (const [binding, state] of states) {\n        if (!bindings.includes(binding) || !isCurrent(state)) {\n          this.retire(binding);\n          state.restore();\n          states.delete(binding);\n        }\n      }\n      const inactive: [Candidate, ShellSearch][] = [];\n      const pageHidden = (element: HTMLElement) => !!element.closest('.ion-page-hidden, .ion-page-invisible');\n      const retainInactive = (candidate: Candidate, state?: SearchState, keepAvailable = false) => {\n        // Keep ShellSearchController across page transitions instead of demoting to UITabBar.\n        // While the searchable page is only blocked mid-transition (not yet hidden), keep\n        // available:true so native chrome does not swap to ordinary idleBar over album content.\n        if (state?.last) inactive.push([candidate, { ...state.last, active: false, available: keepAvailable, focused: false }]);\n      };\n      for (const binding of bindings) {\n        const candidate = candidates.find((c) => c.element === binding.tabBar);\n        if (!candidate || candidate.control.search || binding.tabBar.getAttribute('slot') !== 'bottom') continue;\n        const fab = binding.trigger.parentElement;\n        // Search also supports the existing page-level fixed FAB, outside scrolling content.\n        if (\n          !fab?.matches('ion-fab[slot=\"fixed\"]') ||\n          !(fab.parentElement?.matches('ion-content') || (fab.parentElement?.matches('.ion-page') && !fab.closest('ion-content')))\n        )\n          continue;\n        if (isShellDisabled(fab) || isShellDisabled(binding.footer)) continue;\n        const pageUnavailable = blocked(binding.footer) || !!binding.footer.closest(excluded);\n        const existing = states.get(binding);\n        if (pageUnavailable) {\n          retainInactive(candidate, existing, !!existing?.last?.available && !pageHidden(binding.footer));\n          if (existing?.last) continue;\n          // First registration during a transition: fall through and measure available:false.\n        }\n        if (binding.active && existing && isCurrent(existing) && existing.last && !pageUnavailable) {\n          const back = binding.footer.querySelector<HTMLIonButtonElement>('ion-buttons[slot=start] ion-button');\n          // Close must stay eligible; otherwise fall through and demote instead of caching active.\n          if (back && !back.disabled && !back.closest(excluded)) {\n            candidate.control.search = {\n              ...existing.last,\n              active: true,\n              available: true,\n              focused: binding.focused,\n              value: existing.bar.value ?? '',\n              placeholder: existing.bar.placeholder ?? '',\n              disabled: existing.bar.disabled,\n              editSequence: existing.editSequence,\n              valueVersion: existing.valueVersion,\n            };\n            existing.last = candidate.control.search;\n            candidate.sources = [binding.tabBar, binding.trigger.closest<HTMLElement>('ion-fab') ?? binding.trigger, binding.footer];\n            candidate.actions.set(existing.last.trigger.id, binding.trigger);\n            candidate.actions.set(existing.last.closeId, back);\n            continue;\n          }\n        }\n        if (!visible(binding.trigger) && !pageUnavailable) {\n          retainInactive(candidate, existing);\n          continue;\n        }\n        const bar = binding.footer.querySelector<HTMLIonSearchbarElement>('ion-searchbar');\n        const input = bar?.querySelector<HTMLInputElement>('input.searchbar-input');\n        const back = binding.footer.querySelector<HTMLIonButtonElement>('ion-buttons[slot=start] ion-button');\n        if (\n          !bar ||\n          !input ||\n          !back ||\n          !binding.footer.matches('ion-footer') ||\n          !inFixedToolbar(bar) ||\n          !inFixedToolbar(back) ||\n          (!pageUnavailable && bar.closest(excluded)) ||\n          !bar.classList.contains('ios') ||\n          bar.classList.contains('searchbar-classic')\n        ) {\n          retainInactive(candidate, existing);\n          continue;\n        }\n        if (\n          bar.color ||\n          back.fill !== 'default' ||\n          back.color ||\n          bar.maxlength != null ||\n          bar.minlength != null ||\n          bar.inputmode ||\n          bar.enterkeyhint ||\n          !['off', 'none'].includes(bar.autocapitalize) ||\n          bar.autocomplete !== 'off' ||\n          ![false, 'off', undefined].includes(bar.autocorrect) ||\n          bar.spellcheck ||\n          bar.showClearButton !== 'always' ||\n          bar.clearIcon\n        ) {\n          retainInactive(candidate, existing);\n          continue;\n        }\n        if (bar.showCancelButton !== 'never' || bar.type !== 'search' || !getComputedStyle(input).backdropFilter.includes('blur')) {\n          retainInactive(candidate, existing);\n          continue;\n        }\n        const fabButton = binding.trigger as HTMLIonFabButtonElement;\n        const nativeTrigger = fabButton.shadowRoot?.querySelector<HTMLElement>('[part=native]');\n        if (\n          (!pageUnavailable && binding.trigger.closest(excluded)) ||\n          (!pageUnavailable && back.closest(excluded)) ||\n          back.disabled ||\n          fabButton.disabled ||\n          fabButton.color ||\n          fabButton.type !== 'button' ||\n          fabButton.href ||\n          !nativeTrigger ||\n          getComputedStyle(fabButton).backgroundColor !== 'rgba(0, 0, 0, 0)' ||\n          !getComputedStyle(nativeTrigger).backdropFilter.includes('blur')\n        ) {\n          retainInactive(candidate, existing);\n          continue;\n        }\n        const state = existing ?? install(binding, bar, input);\n        const trigger = readIcon(binding.trigger, binding.trigger, candidate);\n        const searchIcon = bar.querySelector<HTMLElement>('.searchbar-search-icon');\n        const field = searchIcon && readIcon(searchIcon, bar, candidate);\n        if (!trigger || !field) {\n          retainInactive(candidate, state);\n          continue;\n        }\n        field.label = '';\n        field.accessibilityLabel = bar.getAttribute('aria-label') ?? input.getAttribute('aria-label') ?? 'Search';\n        // Icon-only search FABs often rely on the searchbar for their accessible\n        // name. Carry that semantic name into the independent resting trigger.\n        if (!trigger.accessibilityLabel) trigger.accessibilityLabel = field.accessibilityLabel;\n        state.layout = JSON.stringify([\n          innerWidth,\n          innerHeight,\n          candidate.control.x,\n          candidate.control.y,\n          candidate.control.width,\n          candidate.control.height,\n          candidate.control.rtl,\n          trigger.x,\n          trigger.y,\n          trigger.width,\n          trigger.height,\n          candidate.control.items,\n          candidate.icons.map(({ source }) => source),\n          field,\n          trigger,\n          bar.placeholder,\n          bar.disabled,\n        ]);\n        if (state.rejectedLayout === state.layout) {\n          retainInactive(candidate, state);\n          continue;\n        }\n        const available = !pageUnavailable && visible(binding.trigger);\n        candidate.control.search = {\n          id: id(input),\n          field,\n          trigger,\n          closeId: id(back),\n          active: available && binding.active,\n          available,\n          focused: available && binding.focused,\n          value: bar.value ?? '',\n          placeholder: bar.placeholder ?? '',\n          disabled: bar.disabled,\n          editSequence: state.editSequence,\n          valueVersion: state.valueVersion,\n        };\n        state.last = candidate.control.search;\n        if (available) {\n          candidate.sources = [binding.tabBar, binding.trigger.closest<HTMLElement>('ion-fab') ?? binding.trigger, binding.footer];\n          candidate.actions.set(id(binding.trigger), binding.trigger);\n          candidate.actions.set(id(back), back);\n        }\n      }\n      for (const [candidate, configuration] of inactive) candidate.control.search ??= configuration;\n      const groups = candidates.filter((c) => c.control.search);\n      return candidates.filter((c) => !groups.some((group) => group !== c && group.sources?.some((source) => source.contains(c.element))));\n    },\n    projected,\n    hasActive() {\n      for (const [binding] of states) if (binding.active && projected(binding)) return true;\n      return false;\n    },\n    begin(binding: NativeSearchBinding, revision: number) {\n      const state = states.get(binding);\n      if (state) state.minimumRevision = revision;\n    },\n    /** Enter / focus / leave. `focused` is ignored when leaving. */\n    setStatus(binding: NativeSearchBinding, active: boolean, focused = false) {\n      if (!active) {\n        this.retire(binding);\n        return;\n      }\n      binding.active = true;\n      // Projection intent only. Ionic focus/blur events still wait for the native phase.\n      binding.focused = focused;\n      holdKeyboardResize();\n    },\n    release(element: HTMLElement) {\n      for (const binding of states.keys()) if (binding.footer === element) this.retire(binding);\n    },\n    reject(ids: string[]) {\n      states.forEach((state) => {\n        if (ids.includes(id(state.binding.tabBar))) {\n          state.rejectedLayout = state.layout;\n          // UIKit removed the search surface — do not reuse its cache; project ordinary tabs.\n          state.last = undefined;\n        }\n      });\n    },\n    event(event: ShellSearchEvent) {\n      const state = Array.from(states.values()).find((s) => id(s.input) === event.id && projected(s.binding) && isCurrent(s));\n      if (\n        !state ||\n        !state.binding.active ||\n        ((event.phase === 'input' || event.phase === 'clear') && event.valueVersion !== state.valueVersion) ||\n        event.revision < state.minimumRevision ||\n        event.sequence <= state.editSequence ||\n        state.bar.disabled\n      )\n        return;\n      state.editSequence = event.sequence;\n      const { input, binding } = state;\n      if (event.phase === 'input') {\n        if (state.composing !== event.composing)\n          input.dispatchEvent(\n            new CompositionEvent(event.composing ? 'compositionstart' : 'compositionend', { bubbles: true, data: event.value }),\n          );\n        state.composing = event.composing;\n        input.value = event.value;\n        state.applyingInput = true;\n        try {\n          input.dispatchEvent(new InputEvent('input', { bubbles: true, composed: true, isComposing: event.composing }));\n        } finally {\n          state.applyingInput = false;\n        }\n      } else if (event.phase === 'clear') {\n        state.bar.querySelector<HTMLButtonElement>('.searchbar-clear-button')?.click();\n      } else if (event.phase === 'commit') {\n        input.dispatchEvent(new Event('change', { bubbles: true }));\n      } else {\n        if (state.focused === (event.phase === 'focus')) return;\n        state.focused = binding.focused = event.phase === 'focus';\n        input.dispatchEvent(new FocusEvent(event.phase, { composed: true }));\n      }\n      schedule();\n    },\n    retire(binding: NativeSearchBinding) {\n      const state = states.get(binding);\n      // Keep ownership until keyboardWillHide can release this class.\n      if (state?.keyboardHidden && keyboardVisible) binding.tabBar.classList.add('tab-bar-hidden');\n      if (state?.focused) {\n        state.focused = false;\n        state.input.dispatchEvent(new FocusEvent('blur'));\n      }\n      binding.active = binding.focused = false;\n      releaseKeyboardResize();\n    },\n    destroy() {\n      states.forEach((state) => {\n        this.retire(state.binding);\n        state.restore();\n      });\n      states.clear();\n      releaseKeyboardResize();\n    },\n  };\n};\n"],"mappings":"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"}

package/dist/native/definitions.d.ts

@@ -1,145 +1,152 @@
-import type { PluginListenerHandle } from '@capacitor/core';
-import type { NativeUIShellComponent } from './components';
-export type { NativeUIShellComponent } from './components';
+import { NativeUIShellComponent } from "./components/index.js";
+import { PluginListenerHandle } from "@capacitor/core";
+//#region src/native/definitions.d.ts
 export interface NativeUIShellStatus {
-    state: 'web' | 'native' | 'stopped';
-    projected: number;
-    updates: number;
-    reason?: string;
-}
-export interface NativeUIShellOptions {
-    enabled?: boolean;
-    controls?: NativeUIShellControls;
-    verticalBarsOnly?: boolean;
+  state: 'web' | 'native' | 'stopped';
+  projected: number;
+  updates: number;
+  reason?: string;
+}
+export interface VerticalControlAreaOptions {
+  buttonProjection?: 'source' | 'system';
+  buttonDefaultFill?: 'solid' | null;
+}
+export interface NativeUIShellOptions extends VerticalControlAreaOptions {
+  enabled?: boolean;
+  controls?: NativeUIShellControls;
+  verticalBarsOnly?: boolean;
 }
 export interface NativeUIShellControls {
-    tabs?: boolean;
-    toolbar?: boolean;
-    segment?: boolean;
-    fab?: boolean;
+  tabs?: boolean;
+  toolbar?: boolean;
+  segment?: boolean;
+  fab?: boolean;
 }
 export interface NativeUIShellHandle {
-    getStatus(): NativeUIShellStatus;
-    suspend(): Promise<NativeUIShellSuspension>;
-    destroy(): Promise<void>;
+  getStatus(): NativeUIShellStatus;
+  suspend(): Promise<NativeUIShellSuspension>;
+  destroy(): Promise<void>;
 }
 export type VerticalBarEdge = 'leading' | 'trailing' | null;
 export interface VerticalBarPlacement {
-    edge: VerticalBarEdge;
-    inset?: number;
-    nativeEdge?: VerticalBarEdge;
+  edge: VerticalBarEdge;
+  inset?: number;
+  nativeEdge?: VerticalBarEdge;
 }
 export interface VerticalControlAreaHandle extends NativeUIShellHandle {
-    setPlacement(placement: VerticalBarEdge | VerticalBarPlacement, rtl?: boolean): void;
+  setPlacement(placement: VerticalBarEdge | VerticalBarPlacement, rtl?: boolean): void;
 }
 export interface NativeUIShellSuspension {
-    resume(): Promise<void>;
+  resume(): Promise<void>;
 }
 export interface Frame {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
+  x: number;
+  y: number;
+  width: number;
+  height: number;
 }
 export interface ShellBadge {
-    value: string;
-    color: string;
-    textColor: string;
+  value: string;
+  color: string;
+  textColor: string;
 }
 export interface ShellItem extends Frame {
-    id: string;
-    label: string;
-    accessibilityLabel: string;
-    disabled: boolean;
-    selected: boolean;
-    fontSize: number;
-    fontWeight: number;
-    color: string;
-    backgroundColor?: string;
-    borderColor?: string;
-    borderWidth?: number;
-    badge?: ShellBadge;
-    icon?: string;
-    iconWidth?: number;
-    iconHeight?: number;
-    iconPosition?: 'leading' | 'trailing' | 'top';
-    imagePadding?: number;
-    contentInsetLeading?: number;
-    contentInsetTrailing?: number;
-    iconTemplate?: boolean;
-    visible?: boolean;
-    closeIcon?: string;
-    closeIconWidth?: number;
-    closeIconHeight?: number;
-    iconTransition?: number;
+  id: string;
+  label: string;
+  accessibilityLabel: string;
+  disabled: boolean;
+  selected: boolean;
+  fontSize: number;
+  fontWeight: number;
+  color: string;
+  buttonFill?: 'clear' | 'solid' | 'outline';
+  backgroundColor?: string;
+  borderColor?: string;
+  borderWidth?: number;
+  badge?: ShellBadge;
+  icon?: string;
+  iconWidth?: number;
+  iconHeight?: number;
+  iconPosition?: 'leading' | 'trailing' | 'top';
+  imagePadding?: number;
+  contentInsetLeading?: number;
+  contentInsetTrailing?: number;
+  iconTemplate?: boolean;
+  visible?: boolean;
+  closeIcon?: string;
+  closeIconWidth?: number;
+  closeIconHeight?: number;
+  iconTransition?: number;
 }
 export interface ShellControl extends Frame {
-    id: string;
-    kind: NativeUIShellComponent;
-    placement?: 'vertical-bars';
-    toolbarSlot?: 'start' | 'end';
-    items: ShellItem[];
-    dark: boolean;
-    rtl: boolean;
-    tabBarAnchor?: {
-        x: 0 | 0.5 | 1;
-        y: 0 | 1;
-    };
-    search?: ShellSearch;
+  id: string;
+  kind: NativeUIShellComponent;
+  placement?: 'vertical-bars';
+  toolbarSlot?: 'start' | 'end';
+  items: ShellItem[];
+  dark: boolean;
+  rtl: boolean;
+  tabBarAnchor?: {
+    x: 0 | 0.5 | 1;
+    y: 0 | 1;
+  };
+  search?: ShellSearch;
 }
 export interface ShellSearch {
-    id: string;
-    field: ShellItem;
-    trigger: ShellItem;
-    closeId: string;
-    active: boolean;
-    available: boolean;
-    focused: boolean;
-    value: string;
-    placeholder: string;
-    disabled: boolean;
-    editSequence: number;
-    valueVersion: number;
+  id: string;
+  field: ShellItem;
+  trigger: ShellItem;
+  closeId: string;
+  active: boolean;
+  available: boolean;
+  focused: boolean;
+  value: string;
+  placeholder: string;
+  disabled: boolean;
+  editSequence: number;
+  valueVersion: number;
 }
 export interface ShellSearchEvent extends ShellActivation {
-    valueVersion: number;
-    phase: 'input' | 'focus' | 'blur' | 'clear' | 'commit';
-    value: string;
-    composing: boolean;
+  valueVersion: number;
+  phase: 'input' | 'focus' | 'blur' | 'clear' | 'commit';
+  value: string;
+  composing: boolean;
 }
 export interface ShellSnapshot {
-    revision: number;
-    transitionDuration?: number;
-    viewportWidth: number;
-    verticalBarEdge?: 'left' | 'right';
-    verticalBarFrame?: Frame;
-    controls: ShellControl[];
+  revision: number;
+  transitionDuration?: number;
+  viewportWidth: number;
+  verticalBarEdge?: 'left' | 'right';
+  verticalBarFrame?: Frame;
+  controls: ShellControl[];
 }
 export interface ShellActivation {
-    revision: number;
-    id: string;
-    sequence: number;
+  revision: number;
+  id: string;
+  sequence: number;
 }
 export interface WebViewMetrics {
-    radius: number;
+  radius: number;
 }
 export interface NativeUIShellPlugin {
-    configure(options?: {
-        verticalBarsOnly?: boolean;
-    }): Promise<{
-        supported: boolean;
-    }>;
-    getWebViewMetrics(): Promise<WebViewMetrics>;
-    update(snapshot: ShellSnapshot): Promise<{
-        revision: number;
-        rejectedSearches?: string[];
-        rejectedControls?: string[];
-    }>;
-    clear(options: {
-        revision: number;
-    }): Promise<void>;
-    addListener(name: 'activate', listener: (event: ShellActivation) => void): Promise<PluginListenerHandle>;
-    addListener(name: 'search', listener: (event: ShellSearchEvent) => void): Promise<PluginListenerHandle>;
-    addListener(name: 'webViewMetricsChange', listener: (event: WebViewMetrics) => void): Promise<PluginListenerHandle>;
+  configure(options?: {
+    verticalBarsOnly?: boolean;
+  }): Promise<{
+    supported: boolean;
+  }>;
+  getWebViewMetrics(): Promise<WebViewMetrics>;
+  update(snapshot: ShellSnapshot): Promise<{
+    revision: number;
+    rejectedSearches?: string[];
+    rejectedControls?: string[];
+  }>;
+  clear(options: {
+    revision: number;
+  }): Promise<void>;
+  addListener(name: 'activate', listener: (event: ShellActivation) => void): Promise<PluginListenerHandle>;
+  addListener(name: 'search', listener: (event: ShellSearchEvent) => void): Promise<PluginListenerHandle>;
+  addListener(name: 'webViewMetricsChange', listener: (event: WebViewMetrics) => void): Promise<PluginListenerHandle>;
 }
+//#endregion
+export type { NativeUIShellComponent };
 //# sourceMappingURL=definitions.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"definitions.d.ts","sourceRoot":"","sources":["../../src/native/definitions.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"definitions.d.ts","names":[],"sources":["../../src/native/definitions.ts"],"mappings":";;;iBAKiB;EACf;EACA;EACA;EACA;;iBAGe;EASf;EAOA;;iBAGe,6BAA6B;EAE5C;EAEA,WAAW;EAEX;;iBAGe;EAEf;EAEA;EAEA;EAEA;;iBAGe;EAEf,aAAa;EAEb,WAAW,QAAQ;EAEnB,WAAW;;YAID;iBAEK;EACf,MAAM;EAEN;EAEA,aAAa;;iBAGE,kCAAkC;EAEjD,aAAa,WAAW,kBAAkB,sBAAsB;;iBAGjD;EAEf,UAAU;;iBAGK;EACf;EACA;EACA;EACA;;iBAGe;EACf;EACA;EACA;;iBAGe,kBAAkB;EACjC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA,QAAQ;EACR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;iBAGe,qBAAqB;EACpC;EACA,MAAM;EAEN;EAEA;EACA,OAAO;EACP;EACA;EACA;IAAiB;IAAgB;;EACjC,SAAS;;iBAGM;EACf;EACA,OAAO;EACP,SAAS;EACT;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;iBAGe,yBAAyB;EACxC;EACA;EACA;EACA;;iBAGe;EACf;EACA;EACA;EAEA;EAEA,mBAAmB;EACnB,UAAU;;iBAGK;EACf;EACA;EACA;;iBAGe;EAEf;;iBAGe;EACf,UAAU;IAAY;MAA+B;IAAU;;EAC/D,qBAAqB,QAAQ;EAC7B,OAAO,UAAU,gBAAgB;IAAU;IAAkB;IAA6B;;EAC1F,MAAM;IAAW;MAAqB;EACtC,YAAY,kBAAkB,WAAW,OAAO,2BAA2B,QAAQ;EACnF,YAAY,gBAAgB,WAAW,OAAO,4BAA4B,QAAQ;EAClF,YAAY,8BAA8B,WAAW,OAAO,0BAA0B,QAAQ"}

package/dist/native/definitions.js

@@ -1 +0,0 @@
-export {};

package/dist/native/foldable/fold-state.d.ts

@@ -0,0 +1,5 @@
+import { FoldState } from "./types.js";
+//#region src/native/foldable/fold-state.d.ts
+export declare function applyFoldStateClasses(root: HTMLElement, fold: FoldState): void;
+//#endregion
+//# sourceMappingURL=fold-state.d.ts.map

package/dist/native/foldable/fold-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fold-state.d.ts","names":[],"sources":["../../../src/native/foldable/fold-state.ts"],"mappings":";;wBAGgB,sBAAsB,MAAM,aAAa,MAAM"}

package/dist/native/foldable/fold-state.js

@@ -0,0 +1,14 @@
+//#region src/native/foldable/fold-state.ts
+/** Keep posture on ion-app so descendants can follow it through CSS. */
+function applyFoldStateClasses(root, fold) {
+	for (const state of [
+		"flat",
+		"half-opened",
+		"closed"
+	]) root.classList.toggle(`ios-theme-fold-${state}`, fold.state === state);
+	root.classList.toggle("ios-theme-fold-expanded", fold.state === "half-opened" || fold.state === "flat" && !!fold.hingeBounds);
+}
+//#endregion
+export { applyFoldStateClasses };
+
+//# sourceMappingURL=fold-state.js.map

package/dist/native/foldable/fold-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fold-state.js","names":[],"sources":["../../../src/native/foldable/fold-state.ts"],"sourcesContent":["import type { FoldState } from './types';\n\n/** Keep posture on ion-app so descendants can follow it through CSS. */\nexport function applyFoldStateClasses(root: HTMLElement, fold: FoldState): void {\n  for (const state of ['flat', 'half-opened', 'closed']) {\n    root.classList.toggle(`ios-theme-fold-${state}`, fold.state === state);\n  }\n  root.classList.toggle('ios-theme-fold-expanded', fold.state === 'half-opened' || (fold.state === 'flat' && !!fold.hingeBounds));\n}\n"],"mappings":";;AAGA,SAAgB,sBAAsB,MAAmB,MAAuB;CAC9E,KAAK,MAAM,SAAS;EAAC;EAAQ;EAAe;CAAQ,GAClD,KAAK,UAAU,OAAO,kBAAkB,SAAS,KAAK,UAAU,KAAK;CAEvE,KAAK,UAAU,OAAO,2BAA2B,KAAK,UAAU,iBAAkB,KAAK,UAAU,UAAU,CAAC,CAAC,KAAK,WAAY;AAChI"}

package/dist/native/foldable/types.d.ts

@@ -0,0 +1,12 @@
+//#region src/native/foldable/types.d.ts
+export interface FoldState {
+  state: 'flat' | 'half-opened' | 'closed';
+  hingeBounds?: {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+  };
+}
+//#endregion
+//# sourceMappingURL=types.d.ts.map

package/dist/native/foldable/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../src/native/foldable/types.ts"],"mappings":";iBAAiB;EACf;EACA;IAAgB;IAAW;IAAW;IAAe"}

package/dist/native/index.d.ts

@@ -1,8 +1,11 @@
-import type { NativeUIShellHandle, NativeUIShellOptions, NativeUIShellPlugin, VerticalBarEdge, VerticalBarPlacement, VerticalControlAreaHandle, WebViewMetrics } from './definitions';
-export type { NativeUIShellComponent, NativeUIShellControls, NativeUIShellHandle, NativeUIShellOptions, NativeUIShellStatus, NativeUIShellSuspension, VerticalBarEdge, VerticalBarPlacement, VerticalControlAreaHandle, WebViewMetrics, } from './definitions';
+import { NativeUIShellControls, NativeUIShellHandle, NativeUIShellOptions, NativeUIShellPlugin, NativeUIShellStatus, NativeUIShellSuspension, VerticalBarEdge, VerticalBarPlacement, VerticalControlAreaHandle, VerticalControlAreaOptions, WebViewMetrics } from "./definitions.js";
+import { NativeUIShellComponent } from "./components/index.js";
+//#region src/native/index.d.ts
 export declare const IonicNativeUIShell: NativeUIShellPlugin;
 export declare const configureNativeTransition: () => Promise<WebViewMetrics>;
 export declare const setVerticalControlAreaPlacement: (placement: VerticalBarEdge | VerticalBarPlacement, rtl?: boolean) => void;
-export declare const enableVerticalControlArea: () => Promise<VerticalControlAreaHandle>;
+export declare const enableVerticalControlArea: (options?: VerticalControlAreaOptions) => Promise<VerticalControlAreaHandle>;
 export declare const enableNativeUIShell: (options?: NativeUIShellOptions) => Promise<NativeUIShellHandle>;
+//#endregion
+export type { NativeUIShellComponent, NativeUIShellControls, NativeUIShellHandle, NativeUIShellOptions, NativeUIShellStatus, NativeUIShellSuspension, VerticalBarEdge, VerticalBarPlacement, VerticalControlAreaHandle, VerticalControlAreaOptions, WebViewMetrics };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/native/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,mBAAmB,EACnB,oBAAoB,EACpB,mBAAmB,EACnB,eAAe,EACf,oBAAoB,EACpB,yBAAyB,EACzB,cAAc,EACf,MAAM,eAAe,CAAC;AAKvB,YAAY,EACV,sBAAsB,EACtB,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,mBAAmB,EACnB,uBAAuB,EACvB,eAAe,EACf,oBAAoB,EACpB,yBAAyB,EACzB,cAAc,GACf,MAAM,eAAe,CAAC;AAGvB,eAAO,MAAM,kBAAkB,qBAAS,CAAC;AAoEzC,eAAO,MAAM,yBAAyB,QAAa,OAAO,CAAC,cAAc,CAIxE,CAAC;AA6CF,eAAO,MAAM,+BAA+B,GAAI,WAAW,eAAe,GAAG,oBAAoB,EAAE,MAAM,OAAO,KAAG,IAclH,CAAC;AAGF,eAAO,MAAM,yBAAyB,QAAa,OAAO,CAAC,yBAAyB,CAQnF,CAAC;AAGF,eAAO,MAAM,mBAAmB,GAAI,UAAS,oBAAyB,KAAG,OAAO,CAAC,mBAAmB,CA4FnG,CAAC"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/native/index.ts"],"mappings":";;;qBA+Ba,oBAAkB;qBAoElB,iCAAsC,QAAQ;qBAiD9C,kCAAmC,WAAW,kBAAkB,sBAAsB;qBAqBtF,4BAAmC,UAAS,+BAAkC,QAAQ;qBAgBtF,sBAAuB,UAAS,yBAA4B,QAAQ"}