@rdlabo/ionic-theme-ios27 1.2.0-0 → 1.2.0-2

package/dist/native/runtime.js

@@ -1,3 +1,4 @@
+import { inVerticalBarsSurface, topModal, modalUsesVerticalBars, modalVerticalBarFrame } from './shared/modal';
 import { LIFECYCLE_WILL_ENTER, LIFECYCLE_WILL_LEAVE, LIFECYCLE_DID_ENTER, LIFECYCLE_DID_LEAVE } from '@ionic/core';
 import { VERTICAL_BARS_TRANSITION_CANCELED, getNativeSearchBindings, setNativeUIShellIntegration } from '../native-integration';
 import { createSearchSupport } from './components/searchable-tabs';
@@ -94,7 +95,7 @@ export const createRuntime = async (doc, plugin, options = {}, nativeVerticalBar
         search.release(element);
         element.removeAttribute(marker);
         if (!stopped)
-            crossfade.play(element, false, handoffInstant || isVerticalBarsSource(element));
+            crossfade.play(element, false, isVerticalBarsSource(element) ? !element.matches('ion-tab-bar') : handoffInstant);
         if (element.getAttribute('aria-hidden') === 'true') {
             const previous = sources.get(element);
             if (previous == null)
@@ -187,14 +188,17 @@ export const createRuntime = async (doc, plugin, options = {}, nativeVerticalBar
                 Array.from(pages).some((scope) => scope.contains(element)) ||
                 Array.from(moving.keys()).some((surface) => surface.contains(element))));
     const painted = () => new Promise((resolve) => win.requestAnimationFrame(() => win.requestAnimationFrame(() => resolve())));
-    const overlayOpen = (includeMenu = true) => {
+    const overlayOpen = (includeMenu = true, allowModal = false) => {
+        const modal = topModal(doc);
+        const ignored = (element) => allowModal && !!modal && modalUsesVerticalBars(modal) && element.matches('ion-modal');
         for (const element of presented)
             if (!element.isConnected)
                 presented.delete(element);
-        const presentedOverlayOpen = Array.from(presented).some((element) => includeMenu || !element.matches('ion-menu'));
+        const presentedOverlayOpen = Array.from(presented).some((element) => !ignored(element) && (includeMenu || !element.matches('ion-menu')));
         return (manualSuspensions.size > 0 ||
             presentedOverlayOpen ||
-            Array.from(doc.querySelectorAll(overlays)).some((element) => (includeMenu || !element.matches('ion-menu')) &&
+            Array.from(doc.querySelectorAll(overlays)).some((element) => !ignored(element) &&
+                (includeMenu || !element.matches('ion-menu')) &&
                 (element.presented || element.classList.contains('show-menu'))));
     };
     const signature = (candidate) => JSON.stringify({ control: candidate.control, icons: candidate.icons.map(({ source }) => source) });
@@ -206,14 +210,16 @@ export const createRuntime = async (doc, plugin, options = {}, nativeVerticalBar
         for (const surface of moving.keys())
             if (!surface.isConnected)
                 moving.delete(surface);
-        if (doc.hidden || overlayOpen(false))
+        if (doc.hidden || overlayOpen(false, true))
             return [];
         if (win.visualViewport && (win.visualViewport.scale !== 1 || win.visualViewport.offsetTop !== 0) && !search.hasActive())
             return [];
         const menuOpen = overlayOpen();
         const candidates = unprojected(sources.keys(), () => search
             .decorate(Array.from(doc.querySelectorAll(selector))
-            .filter((element) => !verticalBarsPages.isDeparted(element) && (!blocked(element) || (menuOpen && isVerticalBarsSource(element))))
+            .filter((element) => inVerticalBarsSurface(element) &&
+            !verticalBarsPages.isDeparted(element) &&
+            (!blocked(element) || (menuOpen && isVerticalBarsSource(element))))
             .map(readEnabledCandidate)
             .filter((candidate) => !!candidate), blocked)
             .filter((candidate) => !rejected.has(candidate.element) || rejected.get(candidate.element) !== signature(candidate)));
@@ -298,7 +304,14 @@ export const createRuntime = async (doc, plugin, options = {}, nativeVerticalBar
                     ? 'left'
                     : 'right'
                 : undefined;
-            const data = { viewportWidth: win.innerWidth, verticalBarEdge, controls: candidates.map((candidate) => candidate.control) };
+            const modal = topModal(doc);
+            const verticalBarFrame = modal && modalUsesVerticalBars(modal) ? modalVerticalBarFrame(modal) : undefined;
+            const data = {
+                verticalBarFrame,
+                viewportWidth: win.innerWidth,
+                verticalBarEdge,
+                controls: candidates.map((candidate) => candidate.control),
+            };
             const serialized = JSON.stringify(data);
             if (serialized === lastSnapshot && !forceRefresh)
                 return;
@@ -365,13 +378,15 @@ export const createRuntime = async (doc, plugin, options = {}, nativeVerticalBar
                 verticalBarsMembers.add(element);
             }
             for (const element of accepted.flatMap(candidateSources)) {
+                const newlyProjected = !sources.has(element) || !element.hasAttribute(marker);
                 if (!sources.has(element)) {
                     sources.set(element, element.getAttribute('aria-hidden'));
                     crossfade.play(element, true, handoffInstant || isVerticalBarsSource(element));
-                    element.setAttribute(marker, '');
-                    element.setAttribute('aria-hidden', 'true');
-                    element.dispatchEvent(new CustomEvent('nativeUIShellChange'));
                 }
+                element.setAttribute(marker, '');
+                element.setAttribute('aria-hidden', 'true');
+                if (newlyProjected)
+                    element.dispatchEvent(new CustomEvent('nativeUIShellChange'));
             }
             const received = pendingActivations;
             pendingActivations = [];
@@ -642,7 +657,7 @@ export const createRuntime = async (doc, plugin, options = {}, nativeVerticalBar
             event.revision < acceptedRevision ||
             event.revision > revision ||
             event.sequence <= lastSequence ||
-            overlayOpen(false))
+            overlayOpen(false, true))
             return;
         if (event.revision > acceptedRevision && event.revision === updatingRevision) {
             pendingActivations.push(event);
@@ -653,7 +668,7 @@ export const createRuntime = async (doc, plugin, options = {}, nativeVerticalBar
         if (!element)
             return;
         const owner = Array.from(sources.keys()).find((source) => source === element || source.contains(element));
-        if (!owner)
+        if (!owner || !inVerticalBarsSurface(owner))
             return;
         const direct = !blocked(owner) && unprojected(sources.keys(), () => readEnabledCandidate(owner));
         const candidate = direct || read().find((candidate) => candidate.actions.has(event.id));

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

@@ -1 +1 @@
-{"version":3,"file":"candidate.d.ts","sourceRoot":"","sources":["../../../src/native/shared/candidate.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAItF,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,OAAO,EAAE,YAAY,CAAC;IACtB,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IAClC,KAAK,EAAE;QAAE,IAAI,EAAE,SAAS,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,WAAW,CAAA;KAAE,EAAE,CAAC;CACnE;AAED,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,EAAE,WAAW,KAAK,MAAM,CAAC;AAGxD,eAAO,MAAM,eAAe,GAAI,SAAS,WAAW,EAAE,MAAM,sBAAsB,EAAE,IAAI,QAAQ,KAAG,SAgBlG,CAAC;AAGF,eAAO,MAAM,UAAU,GACrB,WAAW,SAAS,EACpB,OAAO,WAAW,EAClB,IAAI,QAAQ,EACZ,UAAS,UAAkB,EAC3B,cAAmB,KAClB,SAAS,GAAG,SAsEd,CAAC"}
+{"version":3,"file":"candidate.d.ts","sourceRoot":"","sources":["../../../src/native/shared/candidate.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAItF,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,OAAO,EAAE,YAAY,CAAC;IACtB,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IAClC,KAAK,EAAE;QAAE,IAAI,EAAE,SAAS,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,WAAW,CAAA;KAAE,EAAE,CAAC;CACnE;AAED,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,EAAE,WAAW,KAAK,MAAM,CAAC;AAGxD,eAAO,MAAM,eAAe,GAAI,SAAS,WAAW,EAAE,MAAM,sBAAsB,EAAE,IAAI,QAAQ,KAAG,SAgBlG,CAAC;AAGF,eAAO,MAAM,UAAU,GACrB,WAAW,SAAS,EACpB,OAAO,WAAW,EAClB,IAAI,QAAQ,EACZ,UAAS,UAAkB,EAC3B,cAAmB,KAClB,SAAS,GAAG,SAgFd,CAAC"}

package/dist/native/shared/candidate.js

@@ -33,6 +33,9 @@ export const appendItem = (candidate, child, id, content = child, label = text(c
     const labelStyle = getComputedStyle(labelElement);
     const badge = child.querySelector('ion-badge');
     const badgeStyle = badge && visible(badge) ? getComputedStyle(badge) : undefined;
+    const outline = isVerticalBarsSource(child) && child.matches('ion-button') && child.fill === 'outline'
+        ? getComputedStyle(native ?? child)
+        : undefined;
     const item = {
         id: id(child),
         ...frame(child.getBoundingClientRect(), candidate.element.getBoundingClientRect()),
@@ -48,6 +51,11 @@ export const appendItem = (candidate, child, id, content = child, label = text(c
         fontSize: parseFloat(labelStyle.fontSize),
         fontWeight: parseInt(labelStyle.fontWeight, 10) || 400,
         color: getComputedStyle(native ?? child).color,
+        backgroundColor: isVerticalBarsSource(child) && child.matches('ion-button') && child.fill === 'solid'
+            ? getComputedStyle(native ?? child).backgroundColor
+            : undefined,
+        borderColor: outline?.borderTopColor,
+        borderWidth: outline ? parseFloat(outline.borderTopWidth) : undefined,
         badge: badgeStyle
             ? { value: badge.textContent?.trim() ?? '', color: badgeStyle.backgroundColor, textColor: badgeStyle.color }
             : undefined,

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

@@ -1 +1 @@
-{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../../src/native/shared/dom.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../../src/native/shared/dom.ts"],"names":[],"mappings":"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"}

package/dist/native/shared/dom.js

@@ -1,4 +1,5 @@
 import { fadeMarker } from './crossfade';
+import { modalUsesVerticalBars } from './modal';
 export const marker = 'data-native-ui-shell';
 const childNodesGet = typeof Node === 'undefined' ? undefined : Object.getOwnPropertyDescriptor(Node.prototype, 'childNodes')?.get;
 export const childNodesOf = (element) => childNodesGet ? Array.from(childNodesGet.call(element)) : Array.from(element.childNodes);
@@ -91,7 +92,8 @@ export const isDisabledButtonGroupChild = (element) => element.matches('ion-butt
 const verticalBarsTags = new Set(['ion-button', 'ion-back-button', 'ion-buttons', 'ion-menu-button', 'ion-tab-bar']);
 export const isVerticalBarsSource = (element) => verticalBarsTags.has(element.localName) &&
     (element.matches('ion-tab-bar') || verticalBarsOwned(element)) &&
-    !element.closest('ion-menu, ion-modal, ion-popover') &&
+    !element.closest('ion-menu, ion-popover') &&
+    modalUsesVerticalBars(element) &&
     !!element.closest('ion-app.ios-theme-vertical-bars');
 export const isVerticalBarsBackPosition = (element) => {
     if (element.closest('ion-header[collapse], ion-footer[collapse]'))
@@ -101,7 +103,8 @@ export const isVerticalBarsBackPosition = (element) => {
         return true;
     const candidates = Array.from(page.querySelectorAll('ion-back-button')).filter((back) => back.closest('.ion-page') === page &&
         !back.matches('.ion-cloned-element') &&
-        !back.closest('ion-header[collapse], ion-footer[collapse], ion-menu, ion-modal, ion-popover'));
+        !back.closest('ion-header[collapse], ion-footer[collapse], ion-menu, ion-popover') &&
+        modalUsesVerticalBars(back));
     const rank = (back) => inFixedToolbar(back) ? 0 : back.closest('ion-header ion-toolbar, ion-footer ion-toolbar') ? 1 : back.closest('ion-toolbar') ? 3 : 2;
     const best = candidates.reduce((winner, back) => (!winner || rank(back) < rank(winner) ? back : winner), undefined);
     return best === element;
@@ -119,11 +122,7 @@ export const isPermanentlyExcluded = (element) => excludedBy(element, permanentl
 export const isExcluded = (element, enteringPage) => excludedBy(element, `${permanentlyExcluded}, .ion-page-hidden`) || (!!element.closest('.ion-page-invisible') && !enteringPage);
 export const isShellDisabled = (element) => !!element.closest(shellDisabledSelector) || !!element.querySelector(shellDisabledSelector);
 export const isVerticalBarsToolbarActionShape = (element) => element.matches('ion-menu-button') ||
-    (element.matches('ion-button') &&
-        !!element.querySelector('ion-icon, svg') &&
-        !childNodesOf(element).some((node) => node.nodeType === 3 && !!node.textContent?.trim()) &&
-        !element.matches('.ion-color, [color]') &&
-        ['default', 'clear'].includes(element.fill ?? element.getAttribute('fill') ?? 'default'));
+    (element.matches('ion-button') && !!element.querySelector('ion-icon[slot="icon-only"], svg[slot="icon-only"]'));
 const verticalBarsPlacement = new WeakMap();
 export const setVerticalBarsPlacement = (element, rail) => {
     verticalBarsPlacement.set(element, rail);
@@ -133,17 +132,19 @@ export const clearVerticalBarsPlacement = (element) => {
 };
 export const verticalBarsOwned = (element) => verticalBarsPlacement.get(element) === true;
 export const isVerticalBarsToolbarAction = (element) => verticalBarsOwned(element) && !isExcluded(element, verticalBarsEnteringPage(element)) && !isShellDisabled(element);
-const overlays = 'ion-menu, ion-modal, ion-popover';
+const overlays = 'ion-menu, ion-popover';
 export const verticalBarsActionCandidate = (element) => inFixedToolbar(element) &&
     !element.closest('ion-buttons.ios-theme-horizontal-only, ion-button.ios-theme-horizontal-only') &&
     !isPermanentlyExcluded(element) &&
     !isShellDisabled(element) &&
-    !element.closest(overlays);
+    !element.closest(overlays) &&
+    modalUsesVerticalBars(element);
 export const verticalBarsBackCandidate = (element) => isVerticalBarsBackPosition(element) &&
     !element.closest('ion-buttons.ios-theme-horizontal-only') &&
     !isPermanentlyExcluded(element) &&
     !isShellDisabled(element) &&
-    !element.closest(overlays);
+    !element.closest(overlays) &&
+    modalUsesVerticalBars(element);
 export const verticalBarsToolbarActions = (element) => childElements(element).filter((child) => !child.matches('ion-back-button') && isVerticalBarsToolbarAction(child));
 export const isVerticalBarsToolbarGroup = (element) => {
     return (element.matches('ion-buttons') &&

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

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

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

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

package/dist/native/shared/modal.js

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

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

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

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

@@ -1,3 +1,4 @@
+import { inVerticalBarsSurface, topModal } from './shared/modal';
 import { VERTICAL_BARS_TRANSITION_CANCELED } from '../native-integration';
 import { activateProjectedElement, createVerticalBarsPageState, verticalBarsActionCandidate, verticalBarsBackCandidate, verticalBarsEnteringPage, verticalBarsToolbarActions, isExcluded, isVerticalBarsToolbarGroup, preferredVerticalBarsBack, verticalBarsOwned, marker, prehideOnlyMutation, prehiddenClass, unprojected, withoutPrehide, } from './shared/dom';
 const backProjectionClass = 'ios-theme-vertical-bars-back-button-projection';
@@ -35,10 +36,12 @@ export const createVerticalBarsWebProjection = (doc, options, enabled = () => tr
         return element.isConnected && style.display !== 'none' && style.visibility === 'visible' && rect.width > 0 && rect.height > 0;
     });
     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)) &&
@@ -116,7 +119,9 @@ export const createVerticalBarsWebProjection = (doc, options, enabled = () => tr
     const syncAction = (target, original) => {
         copyAttributes(target, original);
         target.classList.add('ios-theme-vertical-bars-toolbar-action', 'ion-cloned-element');
-        const label = original.getAttribute('aria-label') ?? original.textContent?.trim();
+        const label = original.getAttribute('aria-label') ??
+            original.shadowRoot?.querySelector('[part~=native]')?.getAttribute('aria-label') ??
+            original.textContent?.trim();
         if (label)
             target.setAttribute('aria-label', label);
         if ('disabled' in original)
@@ -153,7 +158,7 @@ export const createVerticalBarsWebProjection = (doc, options, enabled = () => tr
         }
     };
     const project = (nextBack, groups) => {
-        root = verticalBarsRoot();
+        root = topModal(doc) ?? verticalBarsRoot();
         let topOffset = 0;
         if (nextBack) {
             backSource = nextBack;
@@ -233,7 +238,7 @@ export const createVerticalBarsWebProjection = (doc, options, enabled = () => tr
         const groups = findToolbarGroups();
         if (!nextBack && !groups.length)
             return restore();
-        if (sameSources(nextBack, groups))
+        if (root === (topModal(doc) ?? currentRoot) && sameSources(nextBack, groups))
             return syncExisting();
         restore();
         project(nextBack, groups);
@@ -255,6 +260,8 @@ export const createVerticalBarsWebProjection = (doc, options, enabled = () => tr
     const schedule = () => {
         if (stopped)
             return Promise.resolve();
+        if (!enabled())
+            restore();
         const done = new Promise((resolve) => waiters.push(resolve));
         if (!frame)
             frame = win.requestAnimationFrame(update);
@@ -301,6 +308,7 @@ export const createVerticalBarsWebProjection = (doc, options, enabled = () => tr
     doc.addEventListener(VERTICAL_BARS_TRANSITION_CANCELED, pageLifecycle, { capture: true, signal: listeners.signal });
     for (const name of ['ionModalWillPresent', 'ionModalDidDismiss'])
         doc.addEventListener(name, schedule, { capture: true, signal: listeners.signal });
+    win.addEventListener('resize', schedule, { signal: listeners.signal });
     win.addEventListener('nativeUIShellRefresh', schedule, { signal: listeners.signal });
     schedule();
     return {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/native-integration/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,MAAM,WAAW,wBAAwB;IACvC,OAAO,CAAC,MAAM,EAAE,WAAW,EAAE,GAAG,OAAO,CAAC,CAAC,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC,CAAC;IACtE,MAAM,CAAC,CAAC,OAAO,EAAE,mBAAmB,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;CAC3F;AAED,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,WAAW,CAAC;IACpB,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,EAAE,WAAW,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;CAClB;AAID,eAAO,MAAM,oBAAoB,GAAI,QAAQ,WAAW,EAAE,SAAS,WAAW,EAAE,QAAQ,WAAW,KAAG,mBAOrG,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,KAAK,QAAQ,KAAG,mBAAmB,EACR,CAAC;AAEpE,eAAO,MAAM,mBAAmB,GAAU,SAAS,mBAAmB,EAAE,QAAQ,OAAO,EAAE,QAAQ,OAAO,KAAG,OAAO,CAAC,OAAO,CAC3B,CAAC;AAGhG,eAAO,MAAM,iCAAiC,2CAA2C,CAAC;AAE1F,eAAO,MAAM,2BAA2B,GAAI,KAAK,QAAQ,EAAE,UAAU,wBAAwB,SAG5F,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,SAAS,WAAW,YAAiD,CAAC;AAEtG,eAAO,MAAM,oBAAoB,GAAU,QAAQ,WAAW,EAAE,KAAG,OAAO,CAAC,CAAC,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CACxB,CAAC;AAGhF,eAAO,MAAM,8BAA8B,GAAI,WAAW,SAAS,EAAE,UAAU,WAAW,EAAE,UAAU,WAAW,SAkEhH,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/native-integration/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,MAAM,WAAW,wBAAwB;IACvC,OAAO,CAAC,MAAM,EAAE,WAAW,EAAE,GAAG,OAAO,CAAC,CAAC,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC,CAAC;IACtE,MAAM,CAAC,CAAC,OAAO,EAAE,mBAAmB,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;CAC3F;AAED,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,WAAW,CAAC;IACpB,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,EAAE,WAAW,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;CAClB;AAID,eAAO,MAAM,oBAAoB,GAAI,QAAQ,WAAW,EAAE,SAAS,WAAW,EAAE,QAAQ,WAAW,KAAG,mBAOrG,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,KAAK,QAAQ,KAAG,mBAAmB,EACR,CAAC;AAEpE,eAAO,MAAM,mBAAmB,GAAU,SAAS,mBAAmB,EAAE,QAAQ,OAAO,EAAE,QAAQ,OAAO,KAAG,OAAO,CAAC,OAAO,CAC3B,CAAC;AAGhG,eAAO,MAAM,iCAAiC,2CAA2C,CAAC;AAE1F,eAAO,MAAM,2BAA2B,GAAI,KAAK,QAAQ,EAAE,UAAU,wBAAwB,SAG5F,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,SAAS,WAAW,YAAiD,CAAC;AAEtG,eAAO,MAAM,oBAAoB,GAAU,QAAQ,WAAW,EAAE,KAAG,OAAO,CAAC,CAAC,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CACxB,CAAC;AAMhF,eAAO,MAAM,8BAA8B,GAAI,WAAW,SAAS,EAAE,UAAU,WAAW,EAAE,UAAU,WAAW,SAqEhH,CAAC"}

package/dist/native-integration/index.js

@@ -19,14 +19,19 @@ export const setNativeUIShellIntegration = (doc, runtime) => {
 };
 export const isNativeUIShell = (element) => element.hasAttribute('data-native-ui-shell');
 export const suspendNativeUIShell = async (scopes) => (await runtimes.get(scopes[0]?.ownerDocument)?.suspend(scopes)) ?? (() => { });
+const connectedTransitions = new WeakSet();
+const cancellationTransitions = new WeakSet();
 export const connectNativeUIShellTransition = (animation, entering, leaving) => {
-    if (leaving)
+    if (leaving && !cancellationTransitions.has(animation)) {
+        cancellationTransitions.add(animation);
         animation.onFinish((step) => {
             if (step === 0)
                 leaving.dispatchEvent(new CustomEvent(VERTICAL_BARS_TRANSITION_CANCELED, { bubbles: true, detail: { entering } }));
         });
-    if (!runtimes.has(entering.ownerDocument))
+    }
+    if (connectedTransitions.has(animation) || !runtimes.has(entering.ownerDocument))
         return;
+    connectedTransitions.add(animation);
     const scopes = leaving ? [entering, leaving] : [entering];
     const play = animation.play.bind(animation);
     const progressStart = animation.progressStart.bind(animation);

package/dist/native-integration/transition.d.ts

@@ -0,0 +1,3 @@
+import type { AnimationBuilder } from '@ionic/core';
+export declare const withNativeUIShellTransition: (builder: AnimationBuilder) => AnimationBuilder;
+//# sourceMappingURL=transition.d.ts.map

package/dist/native-integration/transition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transition.d.ts","sourceRoot":"","sources":["../../src/native-integration/transition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAQpD,eAAO,MAAM,2BAA2B,GACrC,SAAS,gBAAgB,KAAG,gBAK5B,CAAC"}

package/dist/native-integration/transition.js

@@ -0,0 +1,7 @@
+import { connectNativeUIShellTransition } from './index';
+export const withNativeUIShellTransition = (builder) => (baseEl, opts) => {
+    const animation = builder(baseEl, opts);
+    if (opts?.enteringEl)
+        connectNativeUIShellTransition(animation, opts.enteringEl, opts.leavingEl);
+    return animation;
+};

package/dist/sheets-of-glass/animations.d.ts

@@ -1,14 +1,23 @@
 import type { Animation, AnimationKeyFrames } from '@ionic/core';
 import { AnimationPosition, EffectScales } from './interfaces';
 import { GestureDetail } from '@ionic/core';
+export declare const animationRect: (element: Element, vertical?: boolean) => DOMRect | {
+    left: number;
+    top: number;
+    right: number;
+    width: number;
+    height: number;
+    x: number;
+    y: number;
+};
 export declare const getScaleAnimation: (effectElement: Element) => Animation;
-export declare const createTabBarPressAnimation: (effect: HTMLElement, from: HTMLElement, to: HTMLElement, bar: HTMLElement) => Animation;
-export declare const createTabBarDragAnimation: (effect: HTMLElement, bar: HTMLElement, velocity: number) => Animation;
+export declare const createTabBarPressAnimation: (effect: HTMLElement, from: HTMLElement, to: HTMLElement, bar: HTMLElement, vertical?: boolean) => Animation;
+export declare const createTabBarDragAnimation: (effect: HTMLElement, bar: HTMLElement, velocity: number, vertical?: boolean) => Animation;
 export declare const createTabBarReleaseAnimation: (effectElement: Element, target: HTMLElement, tap?: {
     elapsed: number;
     distance: number;
-}) => Animation;
+}, vertical?: boolean) => Animation;
 export declare const createPreMoveAnimation: (effectElement: Element, tabSelectedElement: Element, currentTouchedElement: Element, animationPosition: AnimationPosition) => Animation;
-export declare const createMoveAnimation: (effectElement: Element, detail: GestureDetail, tabSelectedElement: Element, animationPosition: AnimationPosition) => Animation;
+export declare const createMoveAnimation: (effectElement: Element, detail: GestureDetail, tabSelectedElement: Element, animationPosition: AnimationPosition, vertical?: boolean) => Animation;
 export declare const getMoveAnimationKeyframe: (type: "moveRight" | "moveLeft" | "slowly", scales: EffectScales) => AnimationKeyFrames;
 //# sourceMappingURL=animations.d.ts.map

package/dist/sheets-of-glass/animations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../src/sheets-of-glass/animations.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAmB,aAAa,EAAE,MAAM,aAAa,CAAC;AAG7D,eAAO,MAAM,iBAAiB,GAAI,eAAe,OAAO,KAAG,SAE1D,CAAC;AAyCF,eAAO,MAAM,0BAA0B,GAAI,QAAQ,WAAW,EAAE,MAAM,WAAW,EAAE,IAAI,WAAW,EAAE,KAAK,WAAW,KAAG,SAuCtH,CAAC;AAGF,eAAO,MAAM,yBAAyB,GAAI,QAAQ,WAAW,EAAE,KAAK,WAAW,EAAE,UAAU,MAAM,KAAG,SAmBnG,CAAC;AAGF,eAAO,MAAM,4BAA4B,GACvC,eAAe,OAAO,EACtB,QAAQ,WAAW,EACnB,MAAM;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,KAC1C,SAgIF,CAAC;AAEF,eAAO,MAAM,sBAAsB,GACjC,eAAe,OAAO,EACtB,oBAAoB,OAAO,EAC3B,uBAAuB,OAAO,EAC9B,mBAAmB,iBAAiB,KACnC,SA0BF,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAC9B,eAAe,OAAO,EACtB,QAAQ,aAAa,EACrB,oBAAoB,OAAO,EAC3B,mBAAmB,iBAAiB,KACnC,SAiBF,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,MAAM,WAAW,GAAG,UAAU,GAAG,QAAQ,EAAE,QAAQ,YAAY,KAAG,kBAqD1G,CAAC"}
+{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../src/sheets-of-glass/animations.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAmB,aAAa,EAAE,MAAM,aAAa,CAAC;AAI7D,eAAO,MAAM,aAAa,GAAI,SAAS,OAAO,EAAE,kBAAgB;;;;;;;;CAK/D,CAAC;AASF,eAAO,MAAM,iBAAiB,GAAI,eAAe,OAAO,KAAG,SAE1D,CAAC;AAyCF,eAAO,MAAM,0BAA0B,GACrC,QAAQ,WAAW,EACnB,MAAM,WAAW,EACjB,IAAI,WAAW,EACf,KAAK,WAAW,EAChB,kBAAgB,KACf,SAsCF,CAAC;AAGF,eAAO,MAAM,yBAAyB,GAAI,QAAQ,WAAW,EAAE,KAAK,WAAW,EAAE,UAAU,MAAM,EAAE,kBAAgB,KAAG,SAmBrH,CAAC;AAGF,eAAO,MAAM,4BAA4B,GACvC,eAAe,OAAO,EACtB,QAAQ,WAAW,EACnB,MAAM;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,EAC3C,kBAAgB,KACf,SAmIF,CAAC;AAEF,eAAO,MAAM,sBAAsB,GACjC,eAAe,OAAO,EACtB,oBAAoB,OAAO,EAC3B,uBAAuB,OAAO,EAC9B,mBAAmB,iBAAiB,KACnC,SA0BF,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAC9B,eAAe,OAAO,EACtB,QAAQ,aAAa,EACrB,oBAAoB,OAAO,EAC3B,mBAAmB,iBAAiB,EACpC,kBAAgB,KACf,SAiBF,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,MAAM,WAAW,GAAG,UAAU,GAAG,QAAQ,EAAE,QAAQ,YAAY,KAAG,kBAqD1G,CAAC"}