@ionic/core 9.0.1-dev.11787177893.1979eb13 → 9.0.1-dev.11787589191.1e183b55

package/dist/cjs/{overlays-KaNVDNqC.js → overlays-B5JeC8OQ.js}

@@ -4,12 +4,12 @@
 'use strict';
 
 var index$1 = require('./index-DkNv4J_i.js');
-var helpers = require('./helpers-YPQybDph.js');
-var hardwareBackButton = require('./hardware-back-button-fqpYh-kd.js');
-var index = require('./index-uvry__L4.js');
-var ionicGlobal = require('./ionic-global-k6hOWWpn.js');
-var frameworkDelegate = require('./framework-delegate-Dfo5XsGv.js');
-var gestureController = require('./gesture-controller-BDUH7687.js');
+var helpers = require('./helpers-Dj5o76mq.js');
+var hardwareBackButton = require('./hardware-back-button-JOAEFSzc.js');
+var index = require('./index-BrVMoqUk.js');
+var ionicGlobal = require('./ionic-global-DvgIzM2F.js');
+var frameworkDelegate = require('./framework-delegate-BZUx4TnE.js');
+var gestureController = require('./gesture-controller-CeJslptU.js');
 
 /**
  * This query string selects elements that
@@ -102,6 +102,15 @@ const activeAnimations = new WeakMap();
 const isBackdropAlwaysBlocking = (el) => {
     return el.showBackdrop !== false && !((el.backdropBreakpoint ?? 0) > 0);
 };
+/**
+ * Whether the overlay takes the app root out of the accessibility tree and
+ * blocks body scroll while presented. Toasts never do, modal and popover can
+ * opt out with `focusTrap={false}`, and a backdrop that does not block
+ * (`showBackdrop={false}`, or a `backdropBreakpoint` above 0) is excluded.
+ */
+const locksAppRoot = (el) => {
+    return el.tagName !== 'ION-TOAST' && el.focusTrap !== false && isBackdropAlwaysBlocking(el);
+};
 const createController = (tagName) => {
     return {
         create(options) {
@@ -472,6 +481,13 @@ const getPresentedOverlay = (doc, overlayTag, id) => {
     // Otherwise, return the last overlay with the given id
     return (id === undefined ? overlays : overlays.filter((o) => o.id === id)).slice(-1)[0];
 };
+/**
+ * The element an app nests its views under. Overlays hide this rather than the
+ * whole root, so the overlay itself (a sibling) stays reachable.
+ */
+const getViewContainer = () => {
+    return getAppRoot(document).querySelector('ion-router-outlet, #ion-view-container-root');
+};
 /**
  * When an overlay is presented, the main
  * focus is the overlay not the page content.
@@ -495,8 +511,7 @@ const getPresentedOverlay = (doc, overlayTag, id) => {
  * for main content.
  */
 const setRootAriaHidden = (hidden = false) => {
-    const root = getAppRoot(document);
-    const viewContainer = root.querySelector('ion-router-outlet, #ion-view-container-root');
+    const viewContainer = getViewContainer();
     if (!viewContainer) {
         return;
     }
@@ -521,15 +536,40 @@ const cleanupRootFocusTrapAccessibility = () => {
         return;
     }
     const remainingOverlays = getPresentedOverlays(document);
-    const hasRemainingLocking = remainingOverlays.some((o) => {
-        const el = o;
-        return el.tagName !== 'ION-TOAST' && el.focusTrap !== false && isBackdropAlwaysBlocking(el);
-    });
+    const hasRemainingLocking = remainingOverlays.some((o) => locksAppRoot(o));
     if (!hasRemainingLocking) {
         setRootAriaHidden(false);
         document.body.classList.remove(gestureController.BACKDROP_NO_SCROLL);
     }
 };
+/**
+ * Shared by `present()` and the restore below, which have to stay in lockstep.
+ */
+const applyRootLock = (el) => {
+    // Hiding the container the overlay now sits in would hide the overlay too.
+    if (!getViewContainer()?.contains(el)) {
+        setRootAriaHidden(true);
+    }
+    document.body.classList.add(gestureController.BACKDROP_NO_SCROLL);
+};
+/**
+ * Re-applies the root lock that `cleanupRootFocusTrapAccessibility()` released.
+ * Call from `connectedCallback` when the overlay is still presented.
+ *
+ * A synchronous move keeps the overlay connected, so the lock survives. A
+ * detach with a re-insert in a later task releases it, which is the shape a
+ * framework produces when it takes a subtree out and puts it back.
+ */
+const restoreRootFocusTrapAccessibility = (overlayEl) => {
+    if (typeof document === 'undefined') {
+        return;
+    }
+    const el = overlayEl;
+    if (!locksAppRoot(el)) {
+        return;
+    }
+    applyRootLock(el);
+};
 const present = async (overlay, name, iosEnterAnimation, mdEnterAnimation, opts) => {
     if (overlay.presented) {
         return;
@@ -546,15 +586,7 @@ const present = async (overlay, name, iosEnterAnimation, mdEnterAnimation, opts)
         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 unless
-     * developers explicitly opt out (for example, sheet
-     * modals that should permit background interaction).
-     *
-     * Note: Some apps move inline overlays to a specific container
+     * 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
@@ -563,18 +595,11 @@ const present = async (overlay, name, iosEnterAnimation, mdEnterAnimation, opts)
      * to avoid disabling the overlay.
      */
     const overlayEl = overlay.el;
-    const shouldTrapFocus = overlayEl.tagName !== 'ION-TOAST' && overlayEl.focusTrap !== false;
-    const shouldLockRoot = shouldTrapFocus && isBackdropAlwaysBlocking(overlayEl);
+    const shouldLockRoot = locksAppRoot(overlayEl);
     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(gestureController.BACKDROP_NO_SCROLL);
+        applyRootLock(overlayEl);
     }
     overlay.willPresentShorthand?.emit();
     const mode = ionicGlobal.getIonMode(overlay);
@@ -700,12 +725,9 @@ const dismiss = async (overlay, data, role, name, iosLeaveAnimation, mdLeaveAnim
      * from the root element when the last focus-trapping overlay
      * is dismissed.
      */
-    const overlaysLockingRoot = presentedOverlays.filter((o) => {
-        const el = o;
-        return el.tagName !== 'ION-TOAST' && el.focusTrap !== false && isBackdropAlwaysBlocking(el);
-    });
+    const overlaysLockingRoot = presentedOverlays.filter((o) => locksAppRoot(o));
     const overlayEl = overlay.el;
-    const locksRoot = overlayEl.tagName !== 'ION-TOAST' && overlayEl.focusTrap !== false && isBackdropAlwaysBlocking(overlayEl);
+    const locksRoot = locksAppRoot(overlayEl);
     /**
      * If this is the last visible overlay that is trapping focus
      * then we want to re-add the root to the accessibility tree.
@@ -972,6 +994,7 @@ exports.modalController = modalController;
 exports.popoverController = popoverController;
 exports.prepareOverlay = prepareOverlay;
 exports.present = present;
+exports.restoreRootFocusTrapAccessibility = restoreRootFocusTrapAccessibility;
 exports.safeCall = safeCall;
 exports.setOverlayId = setOverlayId;
 exports.toastController = toastController;

package/dist/cjs/{select-option-render-pULCGldr.js → select-option-render-7m1WdFzF.js}

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-uvry__L4.js');
-var index$1 = require('./index-B7zJsYWS.js');
+var index = require('./index-BrVMoqUk.js');
+var index$1 = require('./index-EJLjthTK.js');
 
 /**
  * Converts a DOM node into a Stencil VNode (or text string) so the

package/dist/cjs/{slot-mutation-controller-DPHmqXdV.js → slot-mutation-controller-BJEJzx_e.js}

@@ -4,7 +4,7 @@
 'use strict';
 
 var index = require('./index-DkNv4J_i.js');
-var helpers = require('./helpers-YPQybDph.js');
+var helpers = require('./helpers-Dj5o76mq.js');
 var dir = require('./dir-zwDPRE5K.js');
 
 /**

package/dist/cjs/{status-tap-o9IIymsP.js → status-tap-DxbUM5XX.js}

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-uvry__L4.js');
-var index$1 = require('./index-zVCah4Uz.js');
-var helpers = require('./helpers-YPQybDph.js');
+var index = require('./index-BrVMoqUk.js');
+var index$1 = require('./index-C8zH6b3d.js');
+var helpers = require('./helpers-Dj5o76mq.js');
 require('./dir-zwDPRE5K.js');
 
 const startStatusTap = () => {

package/dist/cjs/{swipe-back-B7X9VOlH.js → swipe-back-F_DBt-Aw.js}

@@ -3,11 +3,11 @@
  */
 'use strict';
 
-var helpers = require('./helpers-YPQybDph.js');
+var helpers = require('./helpers-Dj5o76mq.js');
 var dir = require('./dir-zwDPRE5K.js');
-var index = require('./index-DwlRtFZe.js');
-require('./index-uvry__L4.js');
-require('./gesture-controller-BDUH7687.js');
+var index = require('./index-DRPqwSvU.js');
+require('./index-BrVMoqUk.js');
+require('./gesture-controller-CeJslptU.js');
 
 const createSwipeBackGesture = (el, canStartHandler, onStartHandler, onMoveHandler, onEndHandler) => {
     const win = el.ownerDocument.defaultView;