voyager-ionic-core 8.7.1 → 8.7.6

package/dist/esm/{overlays-ZX_4-t_r.js → overlays-BymNv-BL.js}

@@ -2,11 +2,11 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { d as doc } from './index-ZjP4CjeZ.js';
-import { n as focusVisibleElement, c as componentOnReady, f as addEventListener, m as removeEventListener, g as getElementRoot } from './helpers-8KSQQGQy.js';
-import { OVERLAY_BACK_BUTTON_PRIORITY, shouldUseCloseWatcher } from './hardware-back-button-Dhbd-23H.js';
-import { e as config, j as printIonError, f as printIonWarning } from './index-4DxY6_gG.js';
-import { b as getIonMode, a as isPlatform } from './ionic-global-CTSyufhF.js';
-import { C as CoreDelegate } from './framework-delegate-BLEBgH06.js';
+import { n as focusVisibleElement, c as componentOnReady, f as addEventListener, m as removeEventListener, g as getElementRoot } from './helpers-DEn3pfjm.js';
+import { OVERLAY_BACK_BUTTON_PRIORITY, shouldUseCloseWatcher } from './hardware-back-button-CPLxO-Ev.js';
+import { e as config, j as printIonError, f as printIonWarning } from './index-C8IsBmNU.js';
+import { b as getIonMode } from './ionic-global-CDrldh-5.js';
+import { C as CoreDelegate } from './framework-delegate-BYawdMXj.js';
 import { B as BACKDROP_NO_SCROLL } from './gesture-controller-BTEOs1at.js';
 
 /**
@@ -490,7 +490,7 @@ const getPresentedOverlay = (doc, overlayTag, id) => {
  */
 const setRootAriaHidden = (hidden = false) => {
     const root = getAppRoot(document);
-    const viewContainer = root.querySelector('ion-router-outlet, ion-nav, #ion-view-container-root');
+    const viewContainer = root.querySelector('ion-router-outlet, #ion-view-container-root');
     if (!viewContainer) {
         return;
     }
@@ -506,21 +506,50 @@ const present = async (overlay, name, iosEnterAnimation, mdEnterAnimation, opts)
     if (overlay.presented) {
         return;
     }
+    /**
+     * When an overlay that steals focus
+     * is dismissed, focus should be returned
+     * to the element that was focused
+     * prior to the overlay opening. Toast
+     * does not steal focus and is excluded
+     * from returning focus as a result.
+     */
+    if (overlay.el.tagName !== 'ION-TOAST') {
+        restoreElementFocus(overlay.el);
+    }
     /**
      * Due to accessibility guidelines, toasts do not have
      * focus traps.
      *
      * All other overlays should have focus traps to prevent
-     * the keyboard focus from leaving the overlay.
+     * the keyboard focus from leaving the overlay unless
+     * developers explicitly opt out (for example, sheet
+     * modals that should permit background interaction).
+     *
+     * Note: Some apps move inline overlays to a specific container
+     * during the willPresent lifecycle (e.g., React portals via
+     * onWillPresent). Defer applying aria-hidden/inert to the app
+     * root until after willPresent so we can detect where the
+     * overlay is finally inserted. If the overlay is inside the
+     * view container subtree, skip adding aria-hidden/inert there
+     * to avoid disabling the overlay.
      */
-    if (overlay.el.tagName !== 'ION-TOAST') {
-        setRootAriaHidden(true);
-        document.body.classList.add(BACKDROP_NO_SCROLL);
-    }
-    hideUnderlyingOverlaysFromScreenReaders(overlay.el);
-    hideAnimatingOverlayFromScreenReaders(overlay.el);
+    const overlayEl = overlay.el;
+    const shouldTrapFocus = overlayEl.tagName !== 'ION-TOAST' && overlayEl.focusTrap !== false;
+    // Only lock out root content when backdrop is active. Developers relying on showBackdrop=false
+    // expect background interaction to remain enabled.
+    const shouldLockRoot = shouldTrapFocus && overlayEl.showBackdrop !== false;
     overlay.presented = true;
     overlay.willPresent.emit();
+    if (shouldLockRoot) {
+        const root = getAppRoot(document);
+        const viewContainer = root.querySelector('ion-router-outlet, #ion-view-container-root');
+        const overlayInsideViewContainer = viewContainer ? viewContainer.contains(overlayEl) : false;
+        if (!overlayInsideViewContainer) {
+            setRootAriaHidden(true);
+        }
+        document.body.classList.add(BACKDROP_NO_SCROLL);
+    }
     (_a = overlay.willPresentShorthand) === null || _a === void 0 ? void 0 : _a.emit();
     const mode = getIonMode(overlay);
     // get the user's animation fn if one was provided
@@ -532,17 +561,6 @@ const present = async (overlay, name, iosEnterAnimation, mdEnterAnimation, opts)
         overlay.didPresent.emit();
         (_b = overlay.didPresentShorthand) === null || _b === void 0 ? void 0 : _b.emit();
     }
-    /**
-     * When an overlay that steals focus
-     * is dismissed, focus should be returned
-     * to the element that was focused
-     * prior to the overlay opening. Toast
-     * does not steal focus and is excluded
-     * from returning focus as a result.
-     */
-    if (overlay.el.tagName !== 'ION-TOAST') {
-        restoreElementFocus(overlay.el);
-    }
     /**
      * If the focused element is already
      * inside the overlay component then
@@ -565,6 +583,7 @@ const present = async (overlay, name, iosEnterAnimation, mdEnterAnimation, opts)
      * screen readers.
      */
     overlay.el.removeAttribute('aria-hidden');
+    overlay.el.removeAttribute('inert');
 };
 /**
  * When an overlay component is dismissed,
@@ -581,6 +600,8 @@ const restoreElementFocus = async (overlayEl) => {
     if (!previousElement) {
         return;
     }
+    // Ensure active element is blurred to prevent a11y warning issues
+    previousElement.blur();
     const shadowRoot = previousElement === null || previousElement === void 0 ? void 0 : previousElement.shadowRoot;
     if (shadowRoot) {
         // If there are no inner focusable elements, just focus the host element.
@@ -625,31 +646,29 @@ const dismiss = async (overlay, data, role, name, iosLeaveAnimation, mdLeaveAnim
      * For accessibility, toasts lack focus traps and don't receive
      * `aria-hidden` on the root element when presented.
      *
-     * All other overlays use focus traps to keep keyboard focus
-     * within the overlay, setting `aria-hidden` on the root element
-     * to enhance accessibility.
-     *
-     * Therefore, we must remove `aria-hidden` from the root element
-     * when the last non-toast overlay is dismissed.
+     * Overlays that opt into focus trapping set `aria-hidden`
+     * on the root element to keep keyboard focus and pointer
+     * events inside the overlay. We must remove `aria-hidden`
+     * from the root element when the last focus-trapping overlay
+     * is dismissed.
      */
-    const overlaysNotToast = presentedOverlays.filter((o) => o.tagName !== 'ION-TOAST');
-    const lastOverlayNotToast = overlaysNotToast.length === 1 && overlaysNotToast[0].id === overlay.el.id;
+    const overlaysLockingRoot = presentedOverlays.filter((o) => {
+        const el = o;
+        return el.tagName !== 'ION-TOAST' && el.focusTrap !== false && el.showBackdrop !== false;
+    });
+    const overlayEl = overlay.el;
+    const locksRoot = overlayEl.tagName !== 'ION-TOAST' && overlayEl.focusTrap !== false && overlayEl.showBackdrop !== false;
     /**
-     * If this is the last visible overlay that is not a toast
+     * If this is the last visible overlay that is trapping focus
      * then we want to re-add the root to the accessibility tree.
      */
-    if (lastOverlayNotToast) {
+    const lastOverlayTrappingFocus = locksRoot && overlaysLockingRoot.length === 1 && overlaysLockingRoot[0].id === overlayEl.id;
+    if (lastOverlayTrappingFocus) {
         setRootAriaHidden(false);
         document.body.classList.remove(BACKDROP_NO_SCROLL);
     }
     overlay.presented = false;
     try {
-        /**
-         * There is no need to show the overlay to screen readers during
-         * the dismiss animation. This is because the overlay will be removed
-         * from the DOM after the animation is complete.
-         */
-        hideAnimatingOverlayFromScreenReaders(overlay.el);
         // Overlay contents should not be clickable during dismiss
         overlay.el.style.setProperty('pointer-events', 'none');
         overlay.willDismiss.emit({ data, role });
@@ -688,7 +707,6 @@ const dismiss = async (overlay, data, role, name, iosLeaveAnimation, mdLeaveAnim
         printIonError(`[${overlay.el.tagName.toLowerCase()}] - `, err);
     }
     overlay.el.remove();
-    revealOverlaysToScreenReaders();
     return true;
 };
 const getAppRoot = (doc) => {
@@ -884,93 +902,6 @@ const createTriggerController = () => {
         removeClickListener,
     };
 };
-/**
- * The overlay that is being animated also needs to hide from screen
- * readers during its animation. This ensures that assistive technologies
- * like TalkBack do not announce or interact with the content until the
- * animation is complete, avoiding confusion for users.
- *
- * When the overlay is presented on an Android device, TalkBack's focus rings
- * may appear in the wrong position due to the transition (specifically
- * `transform` styles). This occurs because the focus rings are initially
- * displayed at the starting position of the elements before the transition
- * begins. This workaround ensures the focus rings do not appear in the
- * incorrect location.
- *
- * If this solution is applied to iOS devices, then it leads to a bug where
- * the overlays cannot be accessed by screen readers. This is due to
- * VoiceOver not being able to update the accessibility tree when the
- * `aria-hidden` is removed.
- *
- * @param overlay - The overlay that is being animated.
- */
-const hideAnimatingOverlayFromScreenReaders = (overlay) => {
-    if (doc === undefined)
-        return;
-    if (isPlatform('android')) {
-        /**
-         * Once the animation is complete, this attribute will be removed.
-         * This is done at the end of the `present` method.
-         */
-        overlay.setAttribute('aria-hidden', 'true');
-    }
-};
-/**
- * Ensure that underlying overlays have aria-hidden if necessary so that screen readers
- * cannot move focus to these elements. Note that we cannot rely on focus/focusin/focusout
- * events here because those events do not fire when the screen readers moves to a non-focusable
- * element such as text.
- * Without this logic screen readers would be able to move focus outside of the top focus-trapped overlay.
- *
- * @param newTopMostOverlay - The overlay that is being presented. Since the overlay has not been
- * fully presented yet at the time this function is called it will not be included in the getPresentedOverlays result.
- */
-const hideUnderlyingOverlaysFromScreenReaders = (newTopMostOverlay) => {
-    var _a;
-    if (doc === undefined)
-        return;
-    const overlays = getPresentedOverlays(doc);
-    for (let i = overlays.length - 1; i >= 0; i--) {
-        const presentedOverlay = overlays[i];
-        const nextPresentedOverlay = (_a = overlays[i + 1]) !== null && _a !== void 0 ? _a : newTopMostOverlay;
-        /**
-         * If next overlay has aria-hidden then all remaining overlays will have it too.
-         * Or, if the next overlay is a Toast that does not have aria-hidden then current overlay
-         * should not have aria-hidden either so focus can remain in the current overlay.
-         */
-        if (nextPresentedOverlay.hasAttribute('aria-hidden') || nextPresentedOverlay.tagName !== 'ION-TOAST') {
-            presentedOverlay.setAttribute('aria-hidden', 'true');
-        }
-    }
-};
-/**
- * When dismissing an overlay we need to reveal the new top-most overlay to screen readers.
- * If the top-most overlay is a Toast we potentially need to reveal more overlays since
- * focus is never automatically moved to the Toast.
- */
-const revealOverlaysToScreenReaders = () => {
-    if (doc === undefined)
-        return;
-    const overlays = getPresentedOverlays(doc);
-    for (let i = overlays.length - 1; i >= 0; i--) {
-        const currentOverlay = overlays[i];
-        /**
-         * If the current we are looking at is a Toast then we can remove aria-hidden.
-         * However, we potentially need to keep looking at the overlay stack because there
-         * could be more Toasts underneath. Additionally, we need to unhide the closest non-Toast
-         * overlay too so focus can move there since focus is never automatically moved to the Toast.
-         */
-        currentOverlay.removeAttribute('aria-hidden');
-        /**
-         * If we found a non-Toast element then we can just remove aria-hidden and stop searching entirely
-         * since this overlay should always receive focus. As a result, all underlying overlays should still
-         * be hidden from screen readers.
-         */
-        if (currentOverlay.tagName !== 'ION-TOAST') {
-            break;
-        }
-    }
-};
 const FOCUS_TRAP_DISABLE_CLASS = 'ion-disable-focus-trap';
 
 export { BACKDROP as B, FOCUS_TRAP_DISABLE_CLASS as F, GESTURE as G, OVERLAY_GESTURE_PRIORITY as O, alertController as a, actionSheetController as b, popoverController as c, createDelegateController as d, createTriggerController as e, present as f, dismiss as g, eventMethod as h, isCancel as i, prepareOverlay as j, setOverlayId as k, loadingController as l, modalController as m, focusFirstDescendant as n, getPresentedOverlay as o, pickerController as p, focusLastDescendant as q, safeCall as s, toastController as t };

package/dist/esm/{status-tap-pATNXEtr.js → status-tap-5DQ7Fc4V.js}

@@ -1,9 +1,9 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { a as readTask, w as writeTask } from './index-4DxY6_gG.js';
-import { f as findClosestIonContent, s as scrollToTop } from './index-7UbSlv7N.js';
-import { c as componentOnReady } from './helpers-8KSQQGQy.js';
+import { a as readTask, w as writeTask } from './index-C8IsBmNU.js';
+import { f as findClosestIonContent, s as scrollToTop } from './index-Bs3kT4bc.js';
+import { c as componentOnReady } from './helpers-DEn3pfjm.js';
 
 const startStatusTap = () => {
     const win = window;

package/dist/esm/{swipe-back-tV63j0BI.js → swipe-back-BEbA0QrR.js}

@@ -1,10 +1,10 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { e as clamp } from './helpers-8KSQQGQy.js';
+import { e as clamp } from './helpers-DEn3pfjm.js';
 import { i as isRTL } from './dir-C53feagD.js';
 import { createGesture } from './index-CfgBF1SE.js';
-import './index-4DxY6_gG.js';
+import './index-C8IsBmNU.js';
 import './gesture-controller-BTEOs1at.js';
 
 const createSwipeBackGesture = (el, canStartHandler, onStartHandler, onMoveHandler, onEndHandler) => {