@rdlabo/ionic-theme-ios27 1.2.0-beta.pr246.sha237333ceac21 → 1.2.0

package/dist/css/utils/searchable.css

@@ -1 +1 @@
-
+ion-footer.ios.ios-theme-searchable:not(.ios-theme-disabled,.ios26-disabled):has(ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled,.searchbar-classic))>ion-toolbar{--ios-theme-searchable-padding-start: 16px;--ios-theme-searchable-padding-end: 20px;--padding-start: var(--ios-theme-searchable-padding-start);--padding-end: var(--ios-theme-searchable-padding-end)}ion-footer.ios.ios-theme-searchable:not(.ios-theme-disabled,.ios26-disabled):has(ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled,.searchbar-classic)) ion-buttons[slot=start],ion-footer.ios.ios-theme-searchable:not(.ios-theme-disabled,.ios26-disabled):has(ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled,.searchbar-classic)) .ios-theme-searchable-dismiss{margin-inline:0}ion-footer.ios.ios-theme-searchable:not(.ios-theme-disabled,.ios26-disabled):has(ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled,.searchbar-classic)) ion-buttons[slot=start] ion-button,ion-footer.ios.ios-theme-searchable:not(.ios-theme-disabled,.ios26-disabled):has(ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled,.searchbar-classic)) .ios-theme-searchable-dismiss ion-button{width:48px;height:48px;--border-radius: 50%;margin:0}ion-footer.ios.ios-theme-searchable:not(.ios-theme-disabled,.ios26-disabled):has(ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled,.searchbar-classic)).ios-theme-searchable-editing>ion-toolbar{--ios-theme-searchable-padding-start: 4px;--ios-theme-searchable-padding-end: 8px}ion-footer.ios.ios-theme-searchable:not(.ios-theme-disabled,.ios26-disabled):has(ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled,.searchbar-classic)).ios-theme-searchable-editing ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled,.searchbar-classic){padding-inline:8px 12px}ion-footer.ios.ios-theme-searchable:not(.ios-theme-disabled,.ios26-disabled):has(ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled,.searchbar-classic)).ios-theme-searchable-editing ion-buttons[slot=start]{display:none}ion-footer.ios.ios-theme-searchable:not(.ios-theme-disabled,.ios26-disabled):has(ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled,.searchbar-classic)).ios-theme-searchable-editing .ios-theme-searchable-dismiss{display:flex !important}ion-footer.ios.ios-theme-searchable:not(.ios-theme-disabled,.ios26-disabled):has(ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled,.searchbar-classic)) ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled,.searchbar-classic){--border-radius: 24px;padding-inline:12px}ion-footer.ios.ios-theme-searchable:not(.ios-theme-disabled,.ios26-disabled):has(ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled,.searchbar-classic)) ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled,.searchbar-classic) input.searchbar-input{min-height:48px;padding-inline-end:40px}ion-footer.ios.ios-theme-searchable:not(.ios-theme-disabled,.ios26-disabled):has(ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled,.searchbar-classic)) ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled,.searchbar-classic) .searchbar-clear-button{position:absolute;inset-inline-end:12px;width:20px;height:20px;min-width:20px;min-height:20px;background:none;box-shadow:none;backdrop-filter:none}ion-footer.ios.ios-theme-searchable:not(.ios-theme-disabled,.ios26-disabled):has(ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled,.searchbar-classic)) ion-searchbar.ios:not(.ios-theme-disabled,.ios26-disabled,.searchbar-classic) .searchbar-clear-button ion-icon{width:20px;height:20px}ion-fab.ios-theme-searchable-trigger{pointer-events:none}ion-fab.ios-theme-searchable-trigger>ion-fab-button{pointer-events:auto}

package/dist/css/vertical-bars.css

@@ -1 +1 @@
-@property --ios-theme-split-pane-width{syntax:"<length>";inherits:false;initial-value:320px}ion-app.ios-theme-fold-half-opened ion-split-pane.split-pane-fold-layout,ion-split-pane.ios-theme-split-pane-half-open{--ios-theme-split-pane-width: 50vw}ion-app.ios-theme-vertical-bars{--ios-theme-vertical-bars-safe-area-left-resolved: var(--ios-theme-vertical-bars-safe-area-left, 0px);--ios-theme-vertical-bars-safe-area-right-resolved: var( --ios-theme-vertical-bars-safe-area-right, var(--ios-theme-vertical-bars-native-inset, max(80px, env(safe-area-inset-right, 0px))) )}ion-app.ios-theme-vertical-bars.ios-theme-vertical-bars-left{--ios-theme-vertical-bars-safe-area-left-resolved: var( --ios-theme-vertical-bars-safe-area-left, var(--ios-theme-vertical-bars-native-inset, max(80px, env(safe-area-inset-left, 0px))) );--ios-theme-vertical-bars-safe-area-right-resolved: var(--ios-theme-vertical-bars-safe-area-right, 0px)}ion-app.ios-theme-vertical-bars ion-modal:not(.ios-theme-vertical-bars-modal){--ios-theme-vertical-bars-safe-area-left-resolved: 0px;--ios-theme-vertical-bars-safe-area-right-resolved: 0px}ion-app.ios-theme-vertical-bars ion-modal.ios-theme-vertical-bars-modal{--ios-theme-vertical-bars-modal-toolbar-top: max( 24px, calc(var(--ios-theme-vertical-bars-toolbar-top, 220px) - var(--ios-theme-vertical-bars-modal-offset-top, 0px)) )}:is(ion-app.ios-theme-vertical-bars,ion-modal.ios-theme-vertical-bars-modal).ios-theme-vertical-bars-toolbar-ready>:is(ion-menu-button,ion-button).ios-theme-vertical-bars-toolbar-projection{--ios26-glass-background-rgb: var(--ion-background-color-rgb, 255, 255, 255);--ios26-glass-border-color-rgb: var(--ion-background-color-rgb, 255, 255, 255);--ios26-glass-box-shadow-color-rgb: var(--ion-text-color-rgb, 0, 0, 0)}ion-app.ios-theme-vertical-bars .ios-transition-shade{clip-path:inset(0 var(--ios-theme-vertical-bars-safe-area-right-resolved) 0 var(--ios-theme-vertical-bars-safe-area-left-resolved))}ion-app.ios-theme-vertical-bars ion-header.ios:not(.header-collapse-condense,.ios-theme-disabled,.ios26-disabled):not(:where(ion-menu *,ion-modal:not(.ios-theme-vertical-bars-modal) *,ion-popover *)){--ion-safe-area-top: max(24px, env(safe-area-inset-top, 0px))}ion-app.ios-theme-vertical-bars ion-content:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled):not(:where(ion-menu *,ion-modal:not(.ios-theme-vertical-bars-modal) *,ion-popover *)){--ion-safe-area-left: 0px;--ion-safe-area-right: 0px}ion-app.ios-theme-vertical-bars ion-content:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled):not(:where(ion-menu *,ion-modal:not(.ios-theme-vertical-bars-modal) *,ion-popover *))::part(scroll){padding-inline-start:calc(var(--padding-start, 0px) + var(--ios-theme-vertical-bars-safe-area-left-resolved));padding-inline-end:calc(var(--padding-end, 0px) + var(--ios-theme-vertical-bars-safe-area-right-resolved))}ion-app.ios-theme-vertical-bars ion-content:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled):not(:where(ion-menu *,ion-modal:not(.ios-theme-vertical-bars-modal) *,ion-popover *)):dir(rtl)::part(scroll){padding-inline-start:calc(var(--padding-start, 0px) + var(--ios-theme-vertical-bars-safe-area-right-resolved));padding-inline-end:calc(var(--padding-end, 0px) + var(--ios-theme-vertical-bars-safe-area-left-resolved))}ion-app.ios-theme-vertical-bars ion-toolbar:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled):not(:where(ion-menu *,ion-modal:not(.ios-theme-vertical-bars-modal) *,ion-popover *)){--ion-safe-area-left: 0px;--ion-safe-area-right: 0px}ion-app.ios-theme-vertical-bars ion-toolbar:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled):not(:where(ion-menu *,ion-modal:not(.ios-theme-vertical-bars-modal) *,ion-popover *)):not(:where(ion-header.header-collapse-condense *,ion-footer.footer-collapse-fade *))::part(container){padding-inline-start:calc(var(--padding-start, 0px) + var(--ios-theme-vertical-bars-safe-area-left-resolved));padding-inline-end:calc(var(--padding-end, 0px) + var(--ios-theme-vertical-bars-safe-area-right-resolved))}ion-app.ios-theme-vertical-bars ion-toolbar:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled):not(:where(ion-menu *,ion-modal:not(.ios-theme-vertical-bars-modal) *,ion-popover *)):not(:where(ion-header.header-collapse-condense *,ion-footer.footer-collapse-fade *)):dir(rtl)::part(container){padding-inline-start:calc(var(--padding-start, 0px) + var(--ios-theme-vertical-bars-safe-area-right-resolved));padding-inline-end:calc(var(--padding-end, 0px) + var(--ios-theme-vertical-bars-safe-area-left-resolved))}ion-app.ios-theme-vertical-bars ion-fab:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled):not(:where(ion-menu *,ion-modal *,ion-popover *)){--ion-safe-area-left: 0px;--ion-safe-area-right: 0px;--ios-theme-vertical-bars-fab-edge-gap: 16px;--ios-theme-vertical-bars-fab-start-offset: var(--ios-theme-menu-width, var(--ios26-menu-width, 0px))}ion-app.ios-theme-vertical-bars ion-fab:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled):not(:where(ion-menu *,ion-modal *,ion-popover *)).fab-horizontal-start{inset-inline-start:calc(var(--ios-theme-vertical-bars-fab-edge-gap) + var(--ios-theme-vertical-bars-fab-start-offset) + var(--ios-theme-vertical-bars-safe-area-left-resolved))}ion-app.ios-theme-vertical-bars ion-fab:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled):not(:where(ion-menu *,ion-modal *,ion-popover *)).fab-horizontal-end{inset-inline-end:calc(var(--ios-theme-vertical-bars-fab-edge-gap) + var(--ios-theme-vertical-bars-safe-area-right-resolved))}ion-app.ios-theme-vertical-bars ion-fab:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled):not(:where(ion-menu *,ion-modal *,ion-popover *)):dir(rtl).fab-horizontal-start{inset-inline-start:calc(var(--ios-theme-vertical-bars-fab-edge-gap) + var(--ios-theme-vertical-bars-fab-start-offset) + var(--ios-theme-vertical-bars-safe-area-right-resolved))}ion-app.ios-theme-vertical-bars ion-fab:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled):not(:where(ion-menu *,ion-modal *,ion-popover *)):dir(rtl).fab-horizontal-end{inset-inline-end:calc(var(--ios-theme-vertical-bars-fab-edge-gap) + var(--ios-theme-vertical-bars-safe-area-left-resolved))}ion-app.ios-theme-vertical-bars ion-fab:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled):not(:where(ion-menu *,ion-modal *,ion-popover *)):has(.fab-button-small){--ios-theme-vertical-bars-fab-edge-gap: 10px}ion-app.ios-theme-vertical-bars ion-menu:is(.ios,.md).menu-side-end:not(:dir(rtl)):not(.ios-theme-disabled,.ios26-disabled),ion-app.ios-theme-vertical-bars ion-menu:is(.ios,.md).menu-side-start:dir(rtl):not(.ios-theme-disabled,.ios26-disabled){--ion-safe-area-right: 0px}ion-app.ios-theme-vertical-bars ion-menu:is(.ios,.md).menu-side-end:not(:dir(rtl)):not(.ios-theme-disabled,.ios26-disabled)::part(container),ion-app.ios-theme-vertical-bars ion-menu:is(.ios,.md).menu-side-start:dir(rtl):not(.ios-theme-disabled,.ios26-disabled)::part(container){margin-right:var(--ios-theme-vertical-bars-safe-area-right-resolved)}ion-app.ios-theme-vertical-bars ion-menu:is(.ios,.md).menu-side-start:not(:dir(rtl)):not(.ios-theme-disabled,.ios26-disabled),ion-app.ios-theme-vertical-bars ion-menu:is(.ios,.md).menu-side-end:dir(rtl):not(.ios-theme-disabled,.ios26-disabled){--ion-safe-area-left: 0px}ion-app.ios-theme-vertical-bars ion-menu:is(.ios,.md).menu-side-start:not(:dir(rtl)):not(.ios-theme-disabled,.ios26-disabled)::part(container),ion-app.ios-theme-vertical-bars ion-menu:is(.ios,.md).menu-side-end:dir(rtl):not(.ios-theme-disabled,.ios26-disabled)::part(container){margin-left:var(--ios-theme-vertical-bars-safe-area-left-resolved)}ion-app.ios-theme-vertical-bars ion-tabs:not(:where(ion-menu *,ion-modal *,ion-popover *))>ion-tab-bar:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled){--ios-theme-side-tab-bar-width: 48px;--ios-theme-side-tab-content-width: 44px;--ios-theme-side-tab-bar-gap: 24px;contain:layout style;position:absolute;z-index:2;display:flex;flex-direction:column;width:44px;min-width:44px;max-width:44px;height:fit-content;min-height:0;padding:2px;border-radius:24px;left:auto;right:calc(24px + (48px - var(--ios-theme-side-tab-bar-width))/2);margin:0;top:auto;bottom:var(--ios-theme-side-tab-bar-gap)}ion-app.ios-theme-vertical-bars ion-tabs:not(:where(ion-menu *,ion-modal *,ion-popover *))>ion-tab-bar:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled).ios27-enable-gesture{touch-action:pan-x pinch-zoom}ion-app.ios-theme-vertical-bars ion-tabs:not(:where(ion-menu *,ion-modal *,ion-popover *))>ion-tab-bar:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled)>ion-tab-button:not(.ion-cloned-element){display:block;flex:none;width:44px;min-width:44px;height:58px;min-height:58px;border-radius:22px}ion-app.ios-theme-vertical-bars ion-tabs:not(:where(ion-menu *,ion-modal *,ion-popover *))>ion-tab-bar:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled)>ion-tab-button:not(.ion-cloned-element)::part(native){justify-content:center;min-height:58px;padding:0}ion-app.ios-theme-vertical-bars ion-tabs:not(:where(ion-menu *,ion-modal *,ion-popover *))>ion-tab-bar:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled)>ion-tab-button:not(.ion-cloned-element) ion-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}ion-app.ios-theme-vertical-bars ion-tabs:not(:where(ion-menu *,ion-modal *,ion-popover *))>ion-tab-bar:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled)>ion-tab-button:not(.ion-cloned-element) ion-icon{margin:0;font-size:28px}ion-app.ios-theme-vertical-bars ion-tabs:not(:where(ion-menu *,ion-modal *,ion-popover *))>ion-tab-bar:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled)>ion-tab-button.ion-activated{transform:scale(1.16)}ion-app.ios-theme-vertical-bars ion-tabs:not(:where(ion-menu *,ion-modal *,ion-popover *))>ion-tab-bar:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled)>ion-tab-button:not(.ion-cloned-element)~ion-tab-button:not(.ion-cloned-element){margin-block-start:-8px;margin-inline-start:0}ion-app.ios-theme-vertical-bars ion-tabs:not(:where(ion-menu *,ion-modal *,ion-popover *))>ion-tab-bar:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled):is(.ios27-animated,:has(>ion-tab-button:is(.ion-activated,:active))){--ios-theme-side-tab-bar-width: 72px;--ios-theme-side-tab-content-width: 64px;--ios-theme-side-tab-bar-gap: 20px;width:64px;min-width:64px;max-width:64px;padding:4px;border-radius:36px;transform:none;-webkit-transform:none}ion-app.ios-theme-vertical-bars ion-tabs:not(:where(ion-menu *,ion-modal *,ion-popover *))>ion-tab-bar:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled):is(.ios27-animated,:has(>ion-tab-button:is(.ion-activated,:active)))>ion-tab-button:not(.ion-cloned-element){width:64px;min-width:64px;height:64px;min-height:64px;border-radius:32px}ion-app.ios-theme-vertical-bars ion-tabs:not(:where(ion-menu *,ion-modal *,ion-popover *))>ion-tab-bar:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled):is(.ios27-animated,:has(>ion-tab-button:is(.ion-activated,:active)))>ion-tab-button:not(.ion-cloned-element)::part(native){flex-direction:column;min-height:64px;padding-block:11px}ion-app.ios-theme-vertical-bars ion-tabs:not(:where(ion-menu *,ion-modal *,ion-popover *))>ion-tab-bar:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled):is(.ios27-animated,:has(>ion-tab-button:is(.ion-activated,:active)))>ion-tab-button:not(.ion-cloned-element) ion-label{position:static;width:auto;height:auto;max-width:64px;padding:0;margin:1px 0 0;overflow:hidden;clip:auto;font-size:10px;line-height:12px;text-overflow:ellipsis;white-space:nowrap}ion-app.ios-theme-vertical-bars ion-tabs:not(:where(ion-menu *,ion-modal *,ion-popover *))>ion-tab-bar:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled):is(.ios27-animated,:has(>ion-tab-button:is(.ion-activated,:active)))>ion-tab-button:not(.ion-cloned-element) ion-icon{margin:0;font-size:28px}ion-app.ios-theme-vertical-bars.ios-theme-vertical-bars-left ion-tabs:not(:where(ion-menu *,ion-modal *,ion-popover *))>ion-tab-bar:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled){right:auto;left:calc(24px + (48px - var(--ios-theme-side-tab-bar-width))/2)}.ios-theme-native-ui-shell-prehidden{position:absolute !important;visibility:hidden !important}html.ios-theme-native-ui-shell-prehide ion-app.ios-theme-vertical-bars ion-back-button:not([icon],[color],.ios-theme-vertical-bars-back-web-owned,.ios-theme-shell-disabled,[data-shell=disabled],.ios-theme-disabled,.ios26-disabled,.ios-theme-vertical-bars-back-button-projection):not(:where(ion-menu *,ion-modal *,ion-popover *,ion-header[collapse] *,ion-footer[collapse] *,ion-buttons.ios-theme-horizontal-only *,.ios-theme-shell-disabled *,[data-shell=disabled] *,.ios-theme-disabled *,.ios26-disabled *)){position:absolute !important;visibility:hidden !important}ion-app.ios-theme-vertical-bars.ios-theme-vertical-bars-toolbar-ready ion-toolbar:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled):not(:where(ion-menu *,ion-modal:not(.ios-theme-vertical-bars-modal) *,ion-popover *)) ion-back-button:is(.ios,.md)[data-native-ui-shell]:not(.ios-theme-disabled,.ios26-disabled,.ios-theme-vertical-bars-back-button-projection),ion-app.ios-theme-vertical-bars ion-modal.ios-theme-vertical-bars-modal.ios-theme-vertical-bars-toolbar-ready ion-toolbar:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled):not(:where(ion-menu *,ion-modal:not(.ios-theme-vertical-bars-modal) *,ion-popover *)) ion-back-button:is(.ios,.md)[data-native-ui-shell]:not(.ios-theme-disabled,.ios26-disabled,.ios-theme-vertical-bars-back-button-projection){display:none}ion-app.ios-theme-vertical-bars.ios-theme-vertical-bars-toolbar-ready ion-toolbar:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled):not(:where(ion-menu *,ion-modal:not(.ios-theme-vertical-bars-modal) *,ion-popover *)) ion-buttons:is(.ios,.md)>:is(ion-button,ion-menu-button):is(.ios,.md)[data-native-ui-shell]:not(.ios-theme-disabled,.ios26-disabled,.ios-theme-vertical-bars-toolbar-action),ion-app.ios-theme-vertical-bars ion-modal.ios-theme-vertical-bars-modal.ios-theme-vertical-bars-toolbar-ready ion-toolbar:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled):not(:where(ion-menu *,ion-modal:not(.ios-theme-vertical-bars-modal) *,ion-popover *)) ion-buttons:is(.ios,.md)>:is(ion-button,ion-menu-button):is(.ios,.md)[data-native-ui-shell]:not(.ios-theme-disabled,.ios26-disabled,.ios-theme-vertical-bars-toolbar-action){display:none}ion-app.ios-theme-vertical-bars.ios-theme-vertical-bars-toolbar-ready ion-toolbar:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled):not(:where(ion-menu *,ion-modal:not(.ios-theme-vertical-bars-modal) *,ion-popover *)) ion-buttons:is(.ios,.md):has(>:is(ion-back-button,ion-button,ion-menu-button)[data-native-ui-shell]):not(:has(>:is(ion-back-button,ion-button,ion-menu-button):not([data-native-ui-shell]))),ion-app.ios-theme-vertical-bars ion-modal.ios-theme-vertical-bars-modal.ios-theme-vertical-bars-toolbar-ready ion-toolbar:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled):not(:where(ion-menu *,ion-modal:not(.ios-theme-vertical-bars-modal) *,ion-popover *)) ion-buttons:is(.ios,.md):has(>:is(ion-back-button,ion-button,ion-menu-button)[data-native-ui-shell]):not(:has(>:is(ion-back-button,ion-button,ion-menu-button):not([data-native-ui-shell]))){display:none}ion-app.ios-theme-vertical-bars.ios-theme-vertical-bars-toolbar-ready>ion-back-button.ios-theme-vertical-bars-back-button-projection,ion-app.ios-theme-vertical-bars ion-modal.ios-theme-vertical-bars-modal.ios-theme-vertical-bars-toolbar-ready>ion-back-button.ios-theme-vertical-bars-back-button-projection{position:fixed;z-index:1001;top:var(--ios-theme-vertical-bars-modal-toolbar-top, var(--ios-theme-vertical-bars-toolbar-top, 220px));right:max(4px,(var(--ios-theme-vertical-bars-safe-area-right-resolved) - 46px)/2);display:block;width:46px;height:46px;margin:0}ion-app.ios-theme-vertical-bars.ios-theme-vertical-bars-toolbar-ready>:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection,ion-app.ios-theme-vertical-bars ion-modal.ios-theme-vertical-bars-modal.ios-theme-vertical-bars-toolbar-ready>:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection{position:fixed;z-index:1001;top:calc(var(--ios-theme-vertical-bars-modal-toolbar-top, var(--ios-theme-vertical-bars-toolbar-top, 220px)) + var(--ios-theme-vertical-bars-toolbar-offset, 0px));right:max(4px,(var(--ios-theme-vertical-bars-safe-area-right-resolved) - 46px)/2);width:46px;min-width:46px;height:46px;min-height:46px;margin:0}ion-app.ios-theme-vertical-bars.ios-theme-vertical-bars-toolbar-ready>:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection :is(ion-icon,svg),ion-app.ios-theme-vertical-bars ion-modal.ios-theme-vertical-bars-modal.ios-theme-vertical-bars-toolbar-ready>:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection :is(ion-icon,svg){width:22px;height:22px;margin:0;font-size:22px}ion-app.ios-theme-vertical-bars.ios-theme-vertical-bars-toolbar-ready>ion-menu-button:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection,ion-app.ios-theme-vertical-bars ion-modal.ios-theme-vertical-bars-modal.ios-theme-vertical-bars-toolbar-ready>ion-menu-button:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection{backdrop-filter:blur(2px) saturate(360%);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.72);box-shadow:inset 0 1px 2px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.25),inset 0 -1px 2px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.3),0 -0.5px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.65),0 .5px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.65),0 0 0 .5px rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.22),0 .5px 1px rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08);border:.5px solid rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)));background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%);background-origin:padding-box;background-clip:border-box;border-inline-color:rgba(0,0,0,0)}@supports(background-clip: border-area){ion-app.ios-theme-vertical-bars.ios-theme-vertical-bars-toolbar-ready>ion-menu-button:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection,ion-app.ios-theme-vertical-bars ion-modal.ios-theme-vertical-bars-modal.ios-theme-vertical-bars-toolbar-ready>ion-menu-button:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection{border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), transparent 50%, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)))),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}ion-app.ios-theme-vertical-bars.ios-theme-vertical-bars-toolbar-ready>ion-menu-button:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection,ion-app.ios-theme-vertical-bars ion-modal.ios-theme-vertical-bars-modal.ios-theme-vertical-bars-toolbar-ready>ion-menu-button:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection{border-radius:50%}ion-app.ios-theme-vertical-bars.ios-theme-vertical-bars-toolbar-ready>ion-button:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection:not(.button-solid):not(.button-outline),ion-app.ios-theme-vertical-bars ion-modal.ios-theme-vertical-bars-modal.ios-theme-vertical-bars-toolbar-ready>ion-button:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection:not(.button-solid):not(.button-outline){--background: rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.72)}ion-app.ios-theme-vertical-bars.ios-theme-vertical-bars-toolbar-ready>ion-button:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection,ion-app.ios-theme-vertical-bars ion-modal.ios-theme-vertical-bars-modal.ios-theme-vertical-bars-toolbar-ready>ion-button:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection{--border-radius: 50%;--box-shadow:inset 0 1px 2px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.25),inset 0 -1px 2px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.3),0 -0.5px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.65),0 .5px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.65),0 0 0 .5px rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.22),0 .5px 1px rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08)}ion-app.ios-theme-vertical-bars.ios-theme-vertical-bars-toolbar-ready>ion-button:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection:not(.button-outline)::part(native),ion-app.ios-theme-vertical-bars ion-modal.ios-theme-vertical-bars-modal.ios-theme-vertical-bars-toolbar-ready>ion-button:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection:not(.button-outline)::part(native){backdrop-filter:blur(2px) saturate(360%);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:var(--box-shadow);border:.5px solid rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)));background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%);background-origin:padding-box;background-clip:border-box;border-inline-color:rgba(0,0,0,0)}@supports(background-clip: border-area){ion-app.ios-theme-vertical-bars.ios-theme-vertical-bars-toolbar-ready>ion-button:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection:not(.button-outline)::part(native),ion-app.ios-theme-vertical-bars ion-modal.ios-theme-vertical-bars-modal.ios-theme-vertical-bars-toolbar-ready>ion-button:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection:not(.button-outline)::part(native){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), transparent 50%, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)))),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}ion-app.ios-theme-vertical-bars.ios-theme-vertical-bars-toolbar-ready>ion-buttons:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection,ion-app.ios-theme-vertical-bars ion-modal.ios-theme-vertical-bars-modal.ios-theme-vertical-bars-toolbar-ready>ion-buttons:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection{display:flex;flex-direction:column;height:auto;min-height:0}ion-app.ios-theme-vertical-bars.ios-theme-vertical-bars-toolbar-ready>ion-buttons:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection>:is(ion-button,ion-menu-button):is(.ios,.md).ios-theme-vertical-bars-toolbar-action,ion-app.ios-theme-vertical-bars ion-modal.ios-theme-vertical-bars-modal.ios-theme-vertical-bars-toolbar-ready>ion-buttons:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection>:is(ion-button,ion-menu-button):is(.ios,.md).ios-theme-vertical-bars-toolbar-action{display:block;width:44px;min-width:44px;height:46px;min-height:46px;margin:0 1px}ion-app.ios-theme-vertical-bars.ios-theme-vertical-bars-toolbar-ready>ion-buttons:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection>:is(ion-button,ion-menu-button):is(.ios,.md).ios-theme-vertical-bars-toolbar-action::part(native),ion-app.ios-theme-vertical-bars ion-modal.ios-theme-vertical-bars-modal.ios-theme-vertical-bars-toolbar-ready>ion-buttons:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection>:is(ion-button,ion-menu-button):is(.ios,.md).ios-theme-vertical-bars-toolbar-action::part(native){margin-inline:auto}ion-app.ios-theme-vertical-bars.ios-theme-vertical-bars-left>ion-back-button.ios-theme-vertical-bars-back-button-projection,ion-app.ios-theme-vertical-bars.ios-theme-vertical-bars-left>:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection,ion-app.ios-theme-vertical-bars.ios-theme-vertical-bars-left ion-modal.ios-theme-vertical-bars-modal>ion-back-button.ios-theme-vertical-bars-back-button-projection,ion-app.ios-theme-vertical-bars.ios-theme-vertical-bars-left ion-modal.ios-theme-vertical-bars-modal>:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection{right:auto;left:max(4px,(var(--ios-theme-vertical-bars-safe-area-left-resolved) - 46px)/2)}ion-tab-button.ios.ion-cloned-element.ios27-vertical-tab-effect{border-radius:32px}ion-tab-button.ios.ion-cloned-element.ios27-vertical-tab-effect::part(native){min-height:0;height:100%}
+@property --ios-theme-split-pane-width{syntax:"<length>";inherits:false;initial-value:320px}ion-app.ios-theme-fold-half-opened ion-split-pane.split-pane-fold-layout,ion-split-pane.ios-theme-split-pane-half-open{--ios-theme-split-pane-width: 50vw}ion-app.ios-theme-vertical-bars{--ios-theme-vertical-bars-safe-area-left-resolved: var(--ios-theme-vertical-bars-safe-area-left, 0px);--ios-theme-vertical-bars-safe-area-right-resolved: var( --ios-theme-vertical-bars-safe-area-right, var(--ios-theme-vertical-bars-native-inset, max(80px, env(safe-area-inset-right, 0px))) )}ion-app.ios-theme-vertical-bars.ios-theme-vertical-bars-left{--ios-theme-vertical-bars-safe-area-left-resolved: var( --ios-theme-vertical-bars-safe-area-left, var(--ios-theme-vertical-bars-native-inset, max(80px, env(safe-area-inset-left, 0px))) );--ios-theme-vertical-bars-safe-area-right-resolved: var(--ios-theme-vertical-bars-safe-area-right, 0px)}ion-app.ios-theme-vertical-bars ion-modal:not(.ios-theme-vertical-bars-modal){--ios-theme-vertical-bars-safe-area-left-resolved: 0px;--ios-theme-vertical-bars-safe-area-right-resolved: 0px}ion-app.ios-theme-vertical-bars ion-modal.ios-theme-vertical-bars-modal{--ios-theme-vertical-bars-modal-toolbar-top: max( 24px, calc(var(--ios-theme-vertical-bars-toolbar-top, 220px) - var(--ios-theme-vertical-bars-modal-offset-top, 0px)) )}:is(ion-app.ios-theme-vertical-bars,ion-modal.ios-theme-vertical-bars-modal).ios-theme-vertical-bars-toolbar-ready>:is(ion-menu-button,ion-button).ios-theme-vertical-bars-toolbar-projection{--ios26-glass-background-rgb: var(--ion-background-color-rgb, 255, 255, 255);--ios26-glass-border-color-rgb: var(--ion-background-color-rgb, 255, 255, 255);--ios26-glass-box-shadow-color-rgb: var(--ion-text-color-rgb, 0, 0, 0)}ion-app.ios-theme-vertical-bars .ios-transition-shade{clip-path:inset(0 var(--ios-theme-vertical-bars-safe-area-right-resolved) 0 var(--ios-theme-vertical-bars-safe-area-left-resolved))}ion-app.ios-theme-vertical-bars ion-header.ios:not(.header-collapse-condense,.ios-theme-disabled,.ios26-disabled):not(:where(ion-menu *,ion-modal:not(.ios-theme-vertical-bars-modal) *,ion-popover *)){--ion-safe-area-top: max(24px, env(safe-area-inset-top, 0px))}ion-app.ios-theme-vertical-bars ion-content:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled):not(:where(ion-menu *,ion-modal:not(.ios-theme-vertical-bars-modal) *,ion-popover *)){--ion-safe-area-left: 0px;--ion-safe-area-right: 0px}ion-app.ios-theme-vertical-bars ion-content:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled):not(:where(ion-menu *,ion-modal:not(.ios-theme-vertical-bars-modal) *,ion-popover *))::part(scroll){padding-inline-start:calc(var(--padding-start, 0px) + var(--ios-theme-vertical-bars-safe-area-left-resolved));padding-inline-end:calc(var(--padding-end, 0px) + var(--ios-theme-vertical-bars-safe-area-right-resolved))}ion-app.ios-theme-vertical-bars ion-content:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled):not(:where(ion-menu *,ion-modal:not(.ios-theme-vertical-bars-modal) *,ion-popover *)):dir(rtl)::part(scroll){padding-inline-start:calc(var(--padding-start, 0px) + var(--ios-theme-vertical-bars-safe-area-right-resolved));padding-inline-end:calc(var(--padding-end, 0px) + var(--ios-theme-vertical-bars-safe-area-left-resolved))}ion-app.ios-theme-vertical-bars ion-toolbar:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled):not(:where(ion-menu *,ion-modal:not(.ios-theme-vertical-bars-modal) *,ion-popover *)){--ion-safe-area-left: 0px;--ion-safe-area-right: 0px}ion-app.ios-theme-vertical-bars ion-toolbar:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled):not(:where(ion-menu *,ion-modal:not(.ios-theme-vertical-bars-modal) *,ion-popover *)):not(:where(ion-header.header-collapse-condense *,ion-footer.footer-collapse-fade *))::part(container){padding-inline-start:calc(var(--padding-start, 0px) + var(--ios-theme-vertical-bars-safe-area-left-resolved));padding-inline-end:calc(var(--padding-end, 0px) + var(--ios-theme-vertical-bars-safe-area-right-resolved))}ion-app.ios-theme-vertical-bars ion-toolbar:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled):not(:where(ion-menu *,ion-modal:not(.ios-theme-vertical-bars-modal) *,ion-popover *)):not(:where(ion-header.header-collapse-condense *,ion-footer.footer-collapse-fade *)):dir(rtl)::part(container){padding-inline-start:calc(var(--padding-start, 0px) + var(--ios-theme-vertical-bars-safe-area-right-resolved));padding-inline-end:calc(var(--padding-end, 0px) + var(--ios-theme-vertical-bars-safe-area-left-resolved))}ion-app.ios-theme-vertical-bars ion-fab:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled):not(:where(ion-menu *,ion-modal *,ion-popover *)){--ion-safe-area-left: 0px;--ion-safe-area-right: 0px;--ios-theme-vertical-bars-fab-edge-gap: 16px;--ios-theme-vertical-bars-fab-start-offset: var(--ios-theme-menu-width, var(--ios26-menu-width, 0px))}ion-app.ios-theme-vertical-bars ion-fab:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled):not(:where(ion-menu *,ion-modal *,ion-popover *)).fab-horizontal-start{inset-inline-start:calc(var(--ios-theme-vertical-bars-fab-edge-gap) + var(--ios-theme-vertical-bars-fab-start-offset) + var(--ios-theme-vertical-bars-safe-area-left-resolved))}ion-app.ios-theme-vertical-bars ion-fab:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled):not(:where(ion-menu *,ion-modal *,ion-popover *)).fab-horizontal-end{inset-inline-end:calc(var(--ios-theme-vertical-bars-fab-edge-gap) + var(--ios-theme-vertical-bars-safe-area-right-resolved))}ion-app.ios-theme-vertical-bars ion-fab:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled):not(:where(ion-menu *,ion-modal *,ion-popover *)):dir(rtl).fab-horizontal-start{inset-inline-start:calc(var(--ios-theme-vertical-bars-fab-edge-gap) + var(--ios-theme-vertical-bars-fab-start-offset) + var(--ios-theme-vertical-bars-safe-area-right-resolved))}ion-app.ios-theme-vertical-bars ion-fab:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled):not(:where(ion-menu *,ion-modal *,ion-popover *)):dir(rtl).fab-horizontal-end{inset-inline-end:calc(var(--ios-theme-vertical-bars-fab-edge-gap) + var(--ios-theme-vertical-bars-safe-area-left-resolved))}ion-app.ios-theme-vertical-bars ion-fab:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled):not(:where(ion-menu *,ion-modal *,ion-popover *)):has(.fab-button-small){--ios-theme-vertical-bars-fab-edge-gap: 10px}ion-app.ios-theme-vertical-bars ion-menu:is(.ios,.md).menu-side-end:not(:dir(rtl)):not(.ios-theme-disabled,.ios26-disabled),ion-app.ios-theme-vertical-bars ion-menu:is(.ios,.md).menu-side-start:dir(rtl):not(.ios-theme-disabled,.ios26-disabled){--ion-safe-area-right: 0px}ion-app.ios-theme-vertical-bars ion-menu:is(.ios,.md).menu-side-end:not(:dir(rtl)):not(.ios-theme-disabled,.ios26-disabled)::part(container),ion-app.ios-theme-vertical-bars ion-menu:is(.ios,.md).menu-side-start:dir(rtl):not(.ios-theme-disabled,.ios26-disabled)::part(container){margin-right:var(--ios-theme-vertical-bars-safe-area-right-resolved)}ion-app.ios-theme-vertical-bars ion-menu:is(.ios,.md).menu-side-start:not(:dir(rtl)):not(.ios-theme-disabled,.ios26-disabled),ion-app.ios-theme-vertical-bars ion-menu:is(.ios,.md).menu-side-end:dir(rtl):not(.ios-theme-disabled,.ios26-disabled){--ion-safe-area-left: 0px}ion-app.ios-theme-vertical-bars ion-menu:is(.ios,.md).menu-side-start:not(:dir(rtl)):not(.ios-theme-disabled,.ios26-disabled)::part(container),ion-app.ios-theme-vertical-bars ion-menu:is(.ios,.md).menu-side-end:dir(rtl):not(.ios-theme-disabled,.ios26-disabled)::part(container){margin-left:var(--ios-theme-vertical-bars-safe-area-left-resolved)}ion-app.ios-theme-vertical-bars ion-tabs:not(:where(ion-menu *,ion-modal *,ion-popover *))>ion-tab-bar:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled){--ios-theme-side-tab-bar-width: 48px;--ios-theme-side-tab-content-width: 44px;--ios-theme-side-tab-bar-gap: 24px;contain:layout style;position:absolute;z-index:2;display:flex;flex-direction:column;width:44px;min-width:44px;max-width:44px;height:fit-content;min-height:0;padding:2px;border-radius:24px;left:auto;right:calc(24px + (48px - var(--ios-theme-side-tab-bar-width))/2);margin:0;top:auto;bottom:var(--ios-theme-side-tab-bar-gap)}ion-app.ios-theme-vertical-bars ion-tabs:not(:where(ion-menu *,ion-modal *,ion-popover *))>ion-tab-bar:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled).ios27-enable-gesture{touch-action:pan-x pinch-zoom}ion-app.ios-theme-vertical-bars ion-tabs:not(:where(ion-menu *,ion-modal *,ion-popover *))>ion-tab-bar:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled)>ion-tab-button:not(.ion-cloned-element){display:block;flex:none;width:44px;min-width:44px;height:58px;min-height:58px;border-radius:22px}ion-app.ios-theme-vertical-bars ion-tabs:not(:where(ion-menu *,ion-modal *,ion-popover *))>ion-tab-bar:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled)>ion-tab-button:not(.ion-cloned-element)::part(native){justify-content:center;min-height:58px;padding:0}ion-app.ios-theme-vertical-bars ion-tabs:not(:where(ion-menu *,ion-modal *,ion-popover *))>ion-tab-bar:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled)>ion-tab-button:not(.ion-cloned-element) ion-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}ion-app.ios-theme-vertical-bars ion-tabs:not(:where(ion-menu *,ion-modal *,ion-popover *))>ion-tab-bar:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled)>ion-tab-button:not(.ion-cloned-element) ion-icon{margin:0;font-size:28px}ion-app.ios-theme-vertical-bars ion-tabs:not(:where(ion-menu *,ion-modal *,ion-popover *))>ion-tab-bar:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled)>ion-tab-button.ion-activated{transform:scale(1.16)}ion-app.ios-theme-vertical-bars ion-tabs:not(:where(ion-menu *,ion-modal *,ion-popover *))>ion-tab-bar:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled)>ion-tab-button:not(.ion-cloned-element)~ion-tab-button:not(.ion-cloned-element){margin-block-start:-8px;margin-inline-start:0}ion-app.ios-theme-vertical-bars ion-tabs:not(:where(ion-menu *,ion-modal *,ion-popover *))>ion-tab-bar:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled):is(.ios27-animated,:has(>ion-tab-button:is(.ion-activated,:active))){--ios-theme-side-tab-bar-width: 72px;--ios-theme-side-tab-content-width: 64px;--ios-theme-side-tab-bar-gap: 20px;width:64px;min-width:64px;max-width:64px;padding:4px;border-radius:36px;transform:none;-webkit-transform:none}ion-app.ios-theme-vertical-bars ion-tabs:not(:where(ion-menu *,ion-modal *,ion-popover *))>ion-tab-bar:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled):is(.ios27-animated,:has(>ion-tab-button:is(.ion-activated,:active)))>ion-tab-button:not(.ion-cloned-element){width:64px;min-width:64px;height:64px;min-height:64px;border-radius:32px}ion-app.ios-theme-vertical-bars ion-tabs:not(:where(ion-menu *,ion-modal *,ion-popover *))>ion-tab-bar:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled):is(.ios27-animated,:has(>ion-tab-button:is(.ion-activated,:active)))>ion-tab-button:not(.ion-cloned-element)::part(native){flex-direction:column;min-height:64px;padding-block:11px}ion-app.ios-theme-vertical-bars ion-tabs:not(:where(ion-menu *,ion-modal *,ion-popover *))>ion-tab-bar:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled):is(.ios27-animated,:has(>ion-tab-button:is(.ion-activated,:active)))>ion-tab-button:not(.ion-cloned-element) ion-label{position:static;width:auto;height:auto;max-width:64px;padding:0;margin:1px 0 0;overflow:hidden;clip:auto;font-size:10px;line-height:12px;text-overflow:ellipsis;white-space:nowrap}ion-app.ios-theme-vertical-bars ion-tabs:not(:where(ion-menu *,ion-modal *,ion-popover *))>ion-tab-bar:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled):is(.ios27-animated,:has(>ion-tab-button:is(.ion-activated,:active)))>ion-tab-button:not(.ion-cloned-element) ion-icon{margin:0;font-size:28px}ion-app.ios-theme-vertical-bars.ios-theme-vertical-bars-left ion-tabs:not(:where(ion-menu *,ion-modal *,ion-popover *))>ion-tab-bar:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled){right:auto;left:calc(24px + (48px - var(--ios-theme-side-tab-bar-width))/2)}.ios-theme-native-ui-shell-prehidden{position:absolute !important;visibility:hidden !important}html.ios-theme-native-ui-shell-prehide ion-app.ios-theme-vertical-bars ion-back-button:not([icon],[color],.ios-theme-vertical-bars-back-web-owned,.ios-theme-shell-disabled,[data-shell=disabled],.ios-theme-disabled,.ios26-disabled,.ios-theme-vertical-bars-back-button-projection):not(:where(ion-menu *,ion-modal *,ion-popover *,ion-header[collapse] *,ion-footer[collapse] *,ion-buttons.ios-theme-horizontal-only *,.ios-theme-shell-disabled *,[data-shell=disabled] *,.ios-theme-disabled *,.ios26-disabled *)){position:absolute !important;visibility:hidden !important}ion-app.ios-theme-vertical-bars.ios-theme-vertical-bars-toolbar-ready ion-toolbar:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled):not(:where(ion-menu *,ion-modal:not(.ios-theme-vertical-bars-modal) *,ion-popover *)) ion-back-button:is(.ios,.md)[data-native-ui-shell]:not(.ios-theme-disabled,.ios26-disabled,.ios-theme-vertical-bars-back-button-projection),ion-app.ios-theme-vertical-bars ion-modal.ios-theme-vertical-bars-modal.ios-theme-vertical-bars-toolbar-ready ion-toolbar:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled):not(:where(ion-menu *,ion-modal:not(.ios-theme-vertical-bars-modal) *,ion-popover *)) ion-back-button:is(.ios,.md)[data-native-ui-shell]:not(.ios-theme-disabled,.ios26-disabled,.ios-theme-vertical-bars-back-button-projection){display:none}ion-app.ios-theme-vertical-bars.ios-theme-vertical-bars-toolbar-ready ion-toolbar:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled):not(:where(ion-menu *,ion-modal:not(.ios-theme-vertical-bars-modal) *,ion-popover *)) ion-buttons:is(.ios,.md)>:is(ion-button,ion-menu-button):is(.ios,.md)[data-native-ui-shell]:not(.ios-theme-disabled,.ios26-disabled,.ios-theme-vertical-bars-toolbar-action),ion-app.ios-theme-vertical-bars ion-modal.ios-theme-vertical-bars-modal.ios-theme-vertical-bars-toolbar-ready ion-toolbar:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled):not(:where(ion-menu *,ion-modal:not(.ios-theme-vertical-bars-modal) *,ion-popover *)) ion-buttons:is(.ios,.md)>:is(ion-button,ion-menu-button):is(.ios,.md)[data-native-ui-shell]:not(.ios-theme-disabled,.ios26-disabled,.ios-theme-vertical-bars-toolbar-action){display:none}ion-app.ios-theme-vertical-bars.ios-theme-vertical-bars-toolbar-ready ion-toolbar:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled):not(:where(ion-menu *,ion-modal:not(.ios-theme-vertical-bars-modal) *,ion-popover *)) ion-buttons:is(.ios,.md):has(>:is(ion-back-button,ion-button,ion-menu-button)[data-native-ui-shell]):not(:has(>:is(ion-back-button,ion-button,ion-menu-button):not([data-native-ui-shell]))),ion-app.ios-theme-vertical-bars ion-modal.ios-theme-vertical-bars-modal.ios-theme-vertical-bars-toolbar-ready ion-toolbar:is(.ios,.md):not(.ios-theme-disabled,.ios26-disabled):not(:where(ion-menu *,ion-modal:not(.ios-theme-vertical-bars-modal) *,ion-popover *)) ion-buttons:is(.ios,.md):has(>:is(ion-back-button,ion-button,ion-menu-button)[data-native-ui-shell]):not(:has(>:is(ion-back-button,ion-button,ion-menu-button):not([data-native-ui-shell]))){display:none}ion-app.ios-theme-vertical-bars.ios-theme-vertical-bars-toolbar-ready>ion-back-button.ios-theme-vertical-bars-back-button-projection,ion-app.ios-theme-vertical-bars ion-modal.ios-theme-vertical-bars-modal.ios-theme-vertical-bars-toolbar-ready>ion-back-button.ios-theme-vertical-bars-back-button-projection{position:fixed;z-index:1001;top:var(--ios-theme-vertical-bars-modal-toolbar-top, var(--ios-theme-vertical-bars-toolbar-top, 220px));right:max(4px,(var(--ios-theme-vertical-bars-safe-area-right-resolved) - 46px)/2);display:block;width:46px;height:46px;margin:0}ion-app.ios-theme-vertical-bars.ios-theme-vertical-bars-toolbar-ready>:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection,ion-app.ios-theme-vertical-bars ion-modal.ios-theme-vertical-bars-modal.ios-theme-vertical-bars-toolbar-ready>:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection{position:fixed;z-index:1001;top:calc(var(--ios-theme-vertical-bars-modal-toolbar-top, var(--ios-theme-vertical-bars-toolbar-top, 220px)) + var(--ios-theme-vertical-bars-toolbar-offset, 0px));right:max(4px,(var(--ios-theme-vertical-bars-safe-area-right-resolved) - 46px)/2);width:46px;min-width:46px;height:46px;min-height:46px;margin:0}ion-app.ios-theme-vertical-bars.ios-theme-vertical-bars-toolbar-ready>:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection :is(ion-icon,svg),ion-app.ios-theme-vertical-bars ion-modal.ios-theme-vertical-bars-modal.ios-theme-vertical-bars-toolbar-ready>:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection :is(ion-icon,svg){width:22px;height:22px;margin:0;font-size:22px}ion-app.ios-theme-vertical-bars.ios-theme-vertical-bars-toolbar-ready>ion-menu-button:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection,ion-app.ios-theme-vertical-bars ion-modal.ios-theme-vertical-bars-modal.ios-theme-vertical-bars-toolbar-ready>ion-menu-button:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection{backdrop-filter:blur(2px) saturate(360%);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.72);box-shadow:inset 0 1px 2px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.25),inset 0 -1px 2px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.3),0 -0.5px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.65),0 .5px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.65),0 0 0 .5px rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.22),0 .5px 1px rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08);border:.5px solid rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)));background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%);background-origin:padding-box;background-clip:border-box;border-inline-color:rgba(0,0,0,0)}@supports(background-clip: border-area){ion-app.ios-theme-vertical-bars.ios-theme-vertical-bars-toolbar-ready>ion-menu-button:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection,ion-app.ios-theme-vertical-bars ion-modal.ios-theme-vertical-bars-modal.ios-theme-vertical-bars-toolbar-ready>ion-menu-button:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection{border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), transparent 50%, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)))),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}ion-app.ios-theme-vertical-bars.ios-theme-vertical-bars-toolbar-ready>ion-menu-button:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection,ion-app.ios-theme-vertical-bars ion-modal.ios-theme-vertical-bars-modal.ios-theme-vertical-bars-toolbar-ready>ion-menu-button:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection{border-radius:50%}ion-app.ios-theme-vertical-bars.ios-theme-vertical-bars-toolbar-ready>ion-button:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection:not(.button-solid):not(.button-outline),ion-app.ios-theme-vertical-bars ion-modal.ios-theme-vertical-bars-modal.ios-theme-vertical-bars-toolbar-ready>ion-button:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection:not(.button-solid):not(.button-outline){--background: rgba(var(--ios-theme-glass-background-rgb, var(--ios26-glass-background-rgb)), 0.72)}ion-app.ios-theme-vertical-bars.ios-theme-vertical-bars-toolbar-ready>ion-button:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection,ion-app.ios-theme-vertical-bars ion-modal.ios-theme-vertical-bars-modal.ios-theme-vertical-bars-toolbar-ready>ion-button:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection{--border-radius: 50%;--box-shadow:inset 0 1px 2px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.25),inset 0 -1px 2px rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.3),0 -0.5px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.65),0 .5px 0 rgba(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)), 0.65),0 0 0 .5px rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.22),0 .5px 1px rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08)}ion-app.ios-theme-vertical-bars.ios-theme-vertical-bars-toolbar-ready>ion-button:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection:not(.button-outline)::part(native),ion-app.ios-theme-vertical-bars ion-modal.ios-theme-vertical-bars-modal.ios-theme-vertical-bars-toolbar-ready>ion-button:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection:not(.button-outline)::part(native){backdrop-filter:blur(2px) saturate(360%);transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:var(--box-shadow);border:.5px solid rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)));background-image:linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%);background-origin:padding-box;background-clip:border-box;border-inline-color:rgba(0,0,0,0)}@supports(background-clip: border-area){ion-app.ios-theme-vertical-bars.ios-theme-vertical-bars-toolbar-ready>ion-button:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection:not(.button-outline)::part(native),ion-app.ios-theme-vertical-bars ion-modal.ios-theme-vertical-bars-modal.ios-theme-vertical-bars-toolbar-ready>ion-button:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection:not(.button-outline)::part(native){border-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb))), transparent 50%, rgb(var(--ios-theme-glass-border-color-rgb, var(--ios26-glass-border-color-rgb)))),linear-gradient(180deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 4%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.01) 8%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 16%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.027) 22%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.026) 28%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.018) 36%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 44%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.024) 58%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.008) 80%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.006) 88%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0) 94%),linear-gradient(transparent, transparent);background-origin:border-box,padding-box,border-box;background-clip:border-area,padding-box,border-box}}ion-app.ios-theme-vertical-bars.ios-theme-vertical-bars-toolbar-ready>ion-buttons:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection,ion-app.ios-theme-vertical-bars ion-modal.ios-theme-vertical-bars-modal.ios-theme-vertical-bars-toolbar-ready>ion-buttons:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection{display:flex;flex-direction:column;height:auto;min-height:0}ion-app.ios-theme-vertical-bars.ios-theme-vertical-bars-toolbar-ready>ion-buttons:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection>:is(ion-button,ion-menu-button):is(.ios,.md).ios-theme-vertical-bars-toolbar-action,ion-app.ios-theme-vertical-bars ion-modal.ios-theme-vertical-bars-modal.ios-theme-vertical-bars-toolbar-ready>ion-buttons:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection>:is(ion-button,ion-menu-button):is(.ios,.md).ios-theme-vertical-bars-toolbar-action{display:block;width:44px;min-width:44px;height:46px;min-height:46px;margin:0 1px}ion-app.ios-theme-vertical-bars.ios-theme-vertical-bars-toolbar-ready>ion-buttons:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection>:is(ion-button,ion-menu-button):is(.ios,.md).ios-theme-vertical-bars-toolbar-action::part(native),ion-app.ios-theme-vertical-bars ion-modal.ios-theme-vertical-bars-modal.ios-theme-vertical-bars-toolbar-ready>ion-buttons:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection>:is(ion-button,ion-menu-button):is(.ios,.md).ios-theme-vertical-bars-toolbar-action::part(native){margin-inline:auto}ion-app.ios-theme-vertical-bars.ios-theme-vertical-bars-left>ion-back-button.ios-theme-vertical-bars-back-button-projection,ion-app.ios-theme-vertical-bars.ios-theme-vertical-bars-left>:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection,ion-app.ios-theme-vertical-bars.ios-theme-vertical-bars-left ion-modal.ios-theme-vertical-bars-modal>ion-back-button.ios-theme-vertical-bars-back-button-projection,ion-app.ios-theme-vertical-bars.ios-theme-vertical-bars-left ion-modal.ios-theme-vertical-bars-modal>:is(.ios,.md).ios-theme-vertical-bars-toolbar-projection{right:auto;left:max(4px,(var(--ios-theme-vertical-bars-safe-area-left-resolved) - 46px)/2)}ion-tab-button.ios.ion-cloned-element.ios27-vertical-tab-effect{border-radius:32px}ion-tab-button.ios.ion-cloned-element.ios27-vertical-tab-effect::part(native){min-height:0;height:100%}:is(ion-app.ios-theme-vertical-bars,ion-modal.ios-theme-vertical-bars-modal)>ion-fab.ios-theme-vertical-bars-search-projection{position:fixed;left:auto;right:25px;top:auto;bottom:24px;z-index:3;width:46px;height:46px;margin:0}:is(ion-app.ios-theme-vertical-bars,ion-modal.ios-theme-vertical-bars-modal)>ion-fab.ios-theme-vertical-bars-search-projection>ion-fab-button{width:46px;height:46px;margin:0}ion-app.ios-theme-vertical-bars ion-fab>ion-fab-button[data-native-ui-shell]{visibility:hidden !important}.ios-theme-vertical-bars-search-projection[hidden]{display:none !important}ion-app.ios-theme-vertical-bars-left>ion-fab.ios-theme-vertical-bars-search-projection,ion-app.ios-theme-vertical-bars-left ion-modal.ios-theme-vertical-bars-modal>ion-fab.ios-theme-vertical-bars-search-projection{left:25px;right:auto}

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

@@ -180,7 +180,7 @@ const createSearchSupport = (doc, id, schedule) => {
 				}
 				if (binding.active && existing && isCurrent(existing) && existing.last && !pageUnavailable) {
 					const back = binding.footer.querySelector("ion-buttons[slot=start] ion-button");
-					if (back && !back.disabled && !back.closest(excluded)) {
+					if (back && !back.disabled && !back.closest(excluded) && !existing.bar.closest(excluded)) {
 						candidate.control.search = {
 							...existing.last,
 							active: true,

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

@@ -1 +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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"}
+{"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 the system search button stays available 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) && !existing.bar.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/vertical-bars-web-search.d.ts

@@ -0,0 +1,9 @@
+//#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: () => void;
+  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;;;EAuBvF,OAAA,MAAA"}

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

@@ -0,0 +1,84 @@
+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 = () => {
+		iconObserver.disconnect();
+		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 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 = () => {\n    iconObserver.disconnect();\n    container?.remove();\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 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,gBAAgB;EACpB,aAAa,WAAW;EACxB,WAAW,OAAO;EAClB,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,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.map

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

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

@@ -1,6 +1,7 @@
 import { VERTICAL_BARS_TRANSITION_CANCELED } from "../native-integration/index.js";
 import { inVerticalBarsSurface, topModal } from "./shared/modal.js";
-import { activateProjectedElement, createVerticalBarsPageState, isExcluded, isVerticalBarsToolbarGroup, marker, preferredVerticalBarsBack, prehiddenClass, prehideOnlyMutation, unprojected, verticalBarsActionCandidate, verticalBarsBackCandidate, verticalBarsEnteringPage, verticalBarsOwned, verticalBarsToolbarActions, withoutPrehide } from "./shared/dom.js";
+import { activateProjectedElement, createVerticalBarsPageState, isExcluded, isShellDisabled, isVerticalBarsToolbarGroup, marker, preferredVerticalBarsBack, prehiddenClass, prehideOnlyMutation, unprojected, verticalBarsActionCandidate, verticalBarsBackCandidate, verticalBarsEnteringPage, verticalBarsOwned, verticalBarsToolbarActions, withoutPrehide } from "./shared/dom.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";
@@ -9,15 +10,7 @@ const toolbarControlSize = 46;
 const toolbarControlGap = 10;
 const createVerticalBarsWebProjection = (doc, options, enabled = () => true) => {
 	const win = doc.defaultView;
-	if (options.controls !== void 0 && options.controls.toolbar !== true) return {
-		getStatus: () => ({
-			state: "web",
-			projected: 0,
-			updates: 0
-		}),
-		suspend: async () => ({ resume: async () => {} }),
-		destroy: async () => {}
-	};
+	const toolbarEnabled = options.controls === void 0 || options.controls.toolbar === true;
 	let root;
 	let backSource;
 	let backProjection;
@@ -33,12 +26,19 @@ const createVerticalBarsWebProjection = (doc, options, enabled = () => true) =>
 	let waiters = [];
 	const listeners = new AbortController();
 	const verticalBarsRoot = () => doc.querySelector("ion-app.ios-theme-vertical-bars");
-	const projectedSources = () => [backSource, ...toolbarProjections.flatMap(({ actions }) => actions.map(({ source }) => source))].filter((source) => !!source);
+	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"));
@@ -64,6 +64,7 @@ const createVerticalBarsWebProjection = (doc, options, enabled = () => true) =>
 	};
 	const isCurrentToolbarAction = (source) => findToolbarGroups().some(({ actions }) => actions.includes(source));
 	const restore = () => {
+		search.restore();
 		backProjection?.remove();
 		backProjection = void 0;
 		if (backSource) {
@@ -227,12 +228,15 @@ const createVerticalBarsWebProjection = (doc, options, enabled = () => true) =>
 			});
 		}
 		if (stopped || suspended || !currentRoot || !enabled()) return restore();
-		const nextBack = findBack();
-		const groups = findToolbarGroups();
-		if (!nextBack && !groups.length) 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)) return syncExisting();
 		restore();
 		project(nextBack, groups);
+		search.update(projectionRoot);
 		updates++;
 	};
 	const update = () => {
@@ -257,7 +261,7 @@ const createVerticalBarsWebProjection = (doc, options, enabled = () => true) =>
 		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}`));
+			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" && !prehideOnlyMutation(record) && !insideProjection(record.target)) || !observingVerticalBars && verticalBarsChanged && records.some((record) => !prehideOnlyMutation(record))) schedule();
@@ -301,7 +305,7 @@ const createVerticalBarsWebProjection = (doc, options, enabled = () => true) =>
 	return {
 		getStatus: () => ({
 			state: stopped ? "stopped" : "web",
-			projected: Number(!!backSource) + toolbarProjections.reduce((count, group) => count + group.actions.length, 0),
+			projected: Number(!!backSource) + Number(!!search.source) + toolbarProjections.reduce((count, group) => count + group.actions.length, 0),
 			updates
 		}),
 		async suspend() {