@ionic/core 7.4.1-dev.11694783260.13da477f → 7.4.1-dev.11695086793.1e3a3640

package/components/ion-menu.js

@@ -11,9 +11,9 @@ import { o as getOverlay } from './overlays.js';
 import { c as config, b as getIonMode } from './ionic-global.js';
 import { d as defineCustomElement$2 } from './backdrop.js';
 
-const menuIosCss = ":host{--width:304px;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--background:var(--ion-background-color, #fff);left:0;right:0;top:0;bottom:0;display:none;position:absolute;contain:strict}:host(.show-menu){display:block}.menu-inner{-webkit-transform:translateX(-9999px);transform:translateX(-9999px);display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);contain:strict}:host(.menu-side-start) .menu-inner{--ion-safe-area-right:0px;top:0;bottom:0}@supports (inset-inline-start: 0){:host(.menu-side-start) .menu-inner{inset-inline-start:0;inset-inline-end:auto}}@supports not (inset-inline-start: 0){:host(.menu-side-start) .menu-inner{left:0;right:auto}:host-context([dir=rtl]):host(.menu-side-start) .menu-inner,:host-context([dir=rtl]).menu-side-start .menu-inner{left:unset;right:unset;left:auto;right:0}@supports selector(:dir(rtl)){:host(.menu-side-start) .menu-inner:dir(rtl){left:unset;right:unset;left:auto;right:0}}}:host-context([dir=rtl]):host(.menu-side-start) .menu-inner,:host-context([dir=rtl]).menu-side-start .menu-inner{--ion-safe-area-right:env(safe-area-inset-right);--ion-safe-area-left:0px}@supports selector(:dir(rtl)){:host(.menu-side-start) .menu-inner:dir(rtl){--ion-safe-area-right:env(safe-area-inset-right);--ion-safe-area-left:0px}}:host(.menu-side-end) .menu-inner{--ion-safe-area-left:0px;top:0;bottom:0}@supports (inset-inline-start: 0){:host(.menu-side-end) .menu-inner{inset-inline-start:auto;inset-inline-end:0}}@supports not (inset-inline-start: 0){:host(.menu-side-end) .menu-inner{left:auto;right:0}:host-context([dir=rtl]):host(.menu-side-end) .menu-inner,:host-context([dir=rtl]).menu-side-end .menu-inner{left:unset;right:unset;left:0;right:auto}@supports selector(:dir(rtl)){:host(.menu-side-end) .menu-inner:dir(rtl){left:unset;right:unset;left:0;right:auto}}}:host-context([dir=rtl]):host(.menu-side-end) .menu-inner,:host-context([dir=rtl]).menu-side-end .menu-inner{--ion-safe-area-left:env(safe-area-inset-left);--ion-safe-area-right:0px}@supports selector(:dir(rtl)){:host(.menu-side-end) .menu-inner:dir(rtl){--ion-safe-area-left:env(safe-area-inset-left);--ion-safe-area-right:0px}}ion-backdrop{display:none;opacity:0.01;z-index:-1}@media (max-width: 340px){.menu-inner{--width:264px}}:host(.menu-type-reveal){z-index:0}:host(.menu-type-reveal.show-menu) .menu-inner{-webkit-transform:translate3d(0,  0,  0);transform:translate3d(0,  0,  0)}:host(.menu-type-overlay){z-index:1000}:host(.menu-type-overlay) .show-backdrop{display:block;cursor:pointer}:host(.menu-pane-visible){width:var(--width);min-width:var(--min-width);max-width:var(--max-width)}:host(.menu-pane-visible) .menu-inner{left:0;right:0;width:auto;-webkit-transform:none !important;transform:none !important;-webkit-box-shadow:none !important;box-shadow:none !important}:host(.menu-pane-visible) ion-backdrop{display:hidden !important;}:host(.menu-type-push){z-index:1000}:host(.menu-type-push) .show-backdrop{display:block}";
+const menuIosCss = ":host{--width:304px;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--background:var(--ion-background-color, #fff);left:0;right:0;top:0;bottom:0;display:none;position:absolute;contain:strict}:host(.show-menu){display:block}.menu-inner{-webkit-transform:translateX(-9999px);transform:translateX(-9999px);display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);contain:strict}:host(.menu-side-start) .menu-inner{--ion-safe-area-right:0px;top:0;bottom:0}@supports (inset-inline-start: 0){:host(.menu-side-start) .menu-inner{inset-inline-start:0;inset-inline-end:auto}}@supports not (inset-inline-start: 0){:host(.menu-side-start) .menu-inner{left:0;right:auto}:host-context([dir=rtl]):host(.menu-side-start) .menu-inner,:host-context([dir=rtl]).menu-side-start .menu-inner{left:unset;right:unset;left:auto;right:0}@supports selector(:dir(rtl)){:host(.menu-side-start) .menu-inner:dir(rtl){left:unset;right:unset;left:auto;right:0}}}:host-context([dir=rtl]):host(.menu-side-start) .menu-inner,:host-context([dir=rtl]).menu-side-start .menu-inner{--ion-safe-area-right:unset;--ion-safe-area-left:0px}@supports selector(:dir(rtl)){:host(.menu-side-start) .menu-inner:dir(rtl){--ion-safe-area-right:unset;--ion-safe-area-left:0px}}:host(.menu-side-end) .menu-inner{--ion-safe-area-left:0px;top:0;bottom:0}@supports (inset-inline-start: 0){:host(.menu-side-end) .menu-inner{inset-inline-start:auto;inset-inline-end:0}}@supports not (inset-inline-start: 0){:host(.menu-side-end) .menu-inner{left:auto;right:0}:host-context([dir=rtl]):host(.menu-side-end) .menu-inner,:host-context([dir=rtl]).menu-side-end .menu-inner{left:unset;right:unset;left:0;right:auto}@supports selector(:dir(rtl)){:host(.menu-side-end) .menu-inner:dir(rtl){left:unset;right:unset;left:0;right:auto}}}:host-context([dir=rtl]):host(.menu-side-end) .menu-inner,:host-context([dir=rtl]).menu-side-end .menu-inner{--ion-safe-area-left:unset;--ion-safe-area-right:0px}@supports selector(:dir(rtl)){:host(.menu-side-end) .menu-inner:dir(rtl){--ion-safe-area-left:unset;--ion-safe-area-right:0px}}ion-backdrop{display:none;opacity:0.01;z-index:-1}@media (max-width: 340px){.menu-inner{--width:264px}}:host(.menu-type-reveal){z-index:0}:host(.menu-type-reveal.show-menu) .menu-inner{-webkit-transform:translate3d(0,  0,  0);transform:translate3d(0,  0,  0)}:host(.menu-type-overlay){z-index:1000}:host(.menu-type-overlay) .show-backdrop{display:block;cursor:pointer}:host(.menu-pane-visible){width:var(--width);min-width:var(--min-width);max-width:var(--max-width)}:host(.menu-pane-visible) .menu-inner{left:0;right:0;width:auto;-webkit-transform:none !important;transform:none !important;-webkit-box-shadow:none !important;box-shadow:none !important}:host(.menu-pane-visible) ion-backdrop{display:hidden !important;}:host(.menu-type-push){z-index:1000}:host(.menu-type-push) .show-backdrop{display:block}";
 
-const menuMdCss = ":host{--width:304px;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--background:var(--ion-background-color, #fff);left:0;right:0;top:0;bottom:0;display:none;position:absolute;contain:strict}:host(.show-menu){display:block}.menu-inner{-webkit-transform:translateX(-9999px);transform:translateX(-9999px);display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);contain:strict}:host(.menu-side-start) .menu-inner{--ion-safe-area-right:0px;top:0;bottom:0}@supports (inset-inline-start: 0){:host(.menu-side-start) .menu-inner{inset-inline-start:0;inset-inline-end:auto}}@supports not (inset-inline-start: 0){:host(.menu-side-start) .menu-inner{left:0;right:auto}:host-context([dir=rtl]):host(.menu-side-start) .menu-inner,:host-context([dir=rtl]).menu-side-start .menu-inner{left:unset;right:unset;left:auto;right:0}@supports selector(:dir(rtl)){:host(.menu-side-start) .menu-inner:dir(rtl){left:unset;right:unset;left:auto;right:0}}}:host-context([dir=rtl]):host(.menu-side-start) .menu-inner,:host-context([dir=rtl]).menu-side-start .menu-inner{--ion-safe-area-right:env(safe-area-inset-right);--ion-safe-area-left:0px}@supports selector(:dir(rtl)){:host(.menu-side-start) .menu-inner:dir(rtl){--ion-safe-area-right:env(safe-area-inset-right);--ion-safe-area-left:0px}}:host(.menu-side-end) .menu-inner{--ion-safe-area-left:0px;top:0;bottom:0}@supports (inset-inline-start: 0){:host(.menu-side-end) .menu-inner{inset-inline-start:auto;inset-inline-end:0}}@supports not (inset-inline-start: 0){:host(.menu-side-end) .menu-inner{left:auto;right:0}:host-context([dir=rtl]):host(.menu-side-end) .menu-inner,:host-context([dir=rtl]).menu-side-end .menu-inner{left:unset;right:unset;left:0;right:auto}@supports selector(:dir(rtl)){:host(.menu-side-end) .menu-inner:dir(rtl){left:unset;right:unset;left:0;right:auto}}}:host-context([dir=rtl]):host(.menu-side-end) .menu-inner,:host-context([dir=rtl]).menu-side-end .menu-inner{--ion-safe-area-left:env(safe-area-inset-left);--ion-safe-area-right:0px}@supports selector(:dir(rtl)){:host(.menu-side-end) .menu-inner:dir(rtl){--ion-safe-area-left:env(safe-area-inset-left);--ion-safe-area-right:0px}}ion-backdrop{display:none;opacity:0.01;z-index:-1}@media (max-width: 340px){.menu-inner{--width:264px}}:host(.menu-type-reveal){z-index:0}:host(.menu-type-reveal.show-menu) .menu-inner{-webkit-transform:translate3d(0,  0,  0);transform:translate3d(0,  0,  0)}:host(.menu-type-overlay){z-index:1000}:host(.menu-type-overlay) .show-backdrop{display:block;cursor:pointer}:host(.menu-pane-visible){width:var(--width);min-width:var(--min-width);max-width:var(--max-width)}:host(.menu-pane-visible) .menu-inner{left:0;right:0;width:auto;-webkit-transform:none !important;transform:none !important;-webkit-box-shadow:none !important;box-shadow:none !important}:host(.menu-pane-visible) ion-backdrop{display:hidden !important;}:host(.menu-type-overlay) .menu-inner{-webkit-box-shadow:4px 0px 16px rgba(0, 0, 0, 0.18);box-shadow:4px 0px 16px rgba(0, 0, 0, 0.18)}";
+const menuMdCss = ":host{--width:304px;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--background:var(--ion-background-color, #fff);left:0;right:0;top:0;bottom:0;display:none;position:absolute;contain:strict}:host(.show-menu){display:block}.menu-inner{-webkit-transform:translateX(-9999px);transform:translateX(-9999px);display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);contain:strict}:host(.menu-side-start) .menu-inner{--ion-safe-area-right:0px;top:0;bottom:0}@supports (inset-inline-start: 0){:host(.menu-side-start) .menu-inner{inset-inline-start:0;inset-inline-end:auto}}@supports not (inset-inline-start: 0){:host(.menu-side-start) .menu-inner{left:0;right:auto}:host-context([dir=rtl]):host(.menu-side-start) .menu-inner,:host-context([dir=rtl]).menu-side-start .menu-inner{left:unset;right:unset;left:auto;right:0}@supports selector(:dir(rtl)){:host(.menu-side-start) .menu-inner:dir(rtl){left:unset;right:unset;left:auto;right:0}}}:host-context([dir=rtl]):host(.menu-side-start) .menu-inner,:host-context([dir=rtl]).menu-side-start .menu-inner{--ion-safe-area-right:unset;--ion-safe-area-left:0px}@supports selector(:dir(rtl)){:host(.menu-side-start) .menu-inner:dir(rtl){--ion-safe-area-right:unset;--ion-safe-area-left:0px}}:host(.menu-side-end) .menu-inner{--ion-safe-area-left:0px;top:0;bottom:0}@supports (inset-inline-start: 0){:host(.menu-side-end) .menu-inner{inset-inline-start:auto;inset-inline-end:0}}@supports not (inset-inline-start: 0){:host(.menu-side-end) .menu-inner{left:auto;right:0}:host-context([dir=rtl]):host(.menu-side-end) .menu-inner,:host-context([dir=rtl]).menu-side-end .menu-inner{left:unset;right:unset;left:0;right:auto}@supports selector(:dir(rtl)){:host(.menu-side-end) .menu-inner:dir(rtl){left:unset;right:unset;left:0;right:auto}}}:host-context([dir=rtl]):host(.menu-side-end) .menu-inner,:host-context([dir=rtl]).menu-side-end .menu-inner{--ion-safe-area-left:unset;--ion-safe-area-right:0px}@supports selector(:dir(rtl)){:host(.menu-side-end) .menu-inner:dir(rtl){--ion-safe-area-left:unset;--ion-safe-area-right:0px}}ion-backdrop{display:none;opacity:0.01;z-index:-1}@media (max-width: 340px){.menu-inner{--width:264px}}:host(.menu-type-reveal){z-index:0}:host(.menu-type-reveal.show-menu) .menu-inner{-webkit-transform:translate3d(0,  0,  0);transform:translate3d(0,  0,  0)}:host(.menu-type-overlay){z-index:1000}:host(.menu-type-overlay) .show-backdrop{display:block;cursor:pointer}:host(.menu-pane-visible){width:var(--width);min-width:var(--min-width);max-width:var(--max-width)}:host(.menu-pane-visible) .menu-inner{left:0;right:0;width:auto;-webkit-transform:none !important;transform:none !important;-webkit-box-shadow:none !important;box-shadow:none !important}:host(.menu-pane-visible) ion-backdrop{display:hidden !important;}:host(.menu-type-overlay) .menu-inner{-webkit-box-shadow:4px 0px 16px rgba(0, 0, 0, 0.18);box-shadow:4px 0px 16px rgba(0, 0, 0, 0.18)}";
 
 const iosEasing = 'cubic-bezier(0.32,0.72,0,1)';
 const mdEasing = 'cubic-bezier(0.0,0.0,0.2,1)';

package/components/overlays.js

@@ -1,7 +1,6 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { d as doc } from './index5.js';
 import { b as getIonMode, c as config } from './ionic-global.js';
 import { C as CoreDelegate } from './framework-delegate.js';
 import { OVERLAY_BACK_BUTTON_PRIORITY } from './hardware-back-button.js';
@@ -323,16 +322,6 @@ const getOverlays = (doc, selector) => {
   }
   return Array.from(doc.querySelectorAll(selector)).filter((c) => c.overlayIndex > 0);
 };
-/**
- * Returns a list of all presented overlays.
- * Inline overlays can exist in the DOM but not be presented,
- * so there are times when we want to exclude those.
- * @param doc The document to find the element within.
- * @param overlayTag The selector for the overlay, defaults to Ionic overlay components.
- */
-const getPresentedOverlays = (doc, overlayTag) => {
-  return getOverlays(doc, overlayTag).filter((o) => !isOverlayHidden(o));
-};
 /**
  * Returns an overlay element
  * @param doc The document to find the element within.
@@ -341,7 +330,7 @@ const getPresentedOverlays = (doc, overlayTag) => {
  * @returns The overlay element or `undefined` if no overlay element is found.
  */
 const getOverlay = (doc, overlayTag, id) => {
-  const overlays = getPresentedOverlays(doc, overlayTag);
+  const overlays = getOverlays(doc, overlayTag).filter((o) => !isOverlayHidden(o));
   return id === undefined ? overlays[overlays.length - 1] : overlays.find((o) => o.id === id);
 };
 /**
@@ -447,13 +436,7 @@ const dismiss = async (overlay, data, role, name, iosLeaveAnimation, mdLeaveAnim
   if (!overlay.presented) {
     return false;
   }
-  /**
-   * If this is the last visible overlay then
-   * we want to re-add the root to the accessibility tree.
-   */
-  if (doc !== undefined && getPresentedOverlays(doc).length === 1) {
-    setRootAriaHidden(false);
-  }
+  setRootAriaHidden(false);
   overlay.presented = false;
   try {
     // Overlay contents should not be clickable during dismiss

package/dist/cjs/index.cjs.js

@@ -15,7 +15,7 @@ const ionicGlobal = require('./ionic-global-6d5d27b5.js');
 const helpers = require('./helpers-ea4ccbcb.js');
 const config = require('./config-d5882735.js');
 const index$2 = require('./index-e6416850.js');
-const overlays = require('./overlays-5ec9419b.js');
+const overlays = require('./overlays-c78a0148.js');
 require('./index-306a7476.js');
 require('./index-184fdd62.js');
 require('./gesture-controller-b46721be.js');

package/dist/cjs/ion-action-sheet.cjs.entry.js

@@ -9,7 +9,7 @@ const index = require('./index-184fdd62.js');
 const buttonActive = require('./button-active-0ff8e82c.js');
 const helpers = require('./helpers-ea4ccbcb.js');
 const lockController = require('./lock-controller-4ae2eb59.js');
-const overlays = require('./overlays-5ec9419b.js');
+const overlays = require('./overlays-c78a0148.js');
 const theme = require('./theme-fbc56b3b.js');
 const ionicGlobal = require('./ionic-global-6d5d27b5.js');
 const animation = require('./animation-2bb33618.js');

package/dist/cjs/ion-alert.cjs.entry.js

@@ -10,7 +10,7 @@ const config = require('./config-d5882735.js');
 const buttonActive = require('./button-active-0ff8e82c.js');
 const helpers = require('./helpers-ea4ccbcb.js');
 const lockController = require('./lock-controller-4ae2eb59.js');
-const overlays = require('./overlays-5ec9419b.js');
+const overlays = require('./overlays-c78a0148.js');
 const theme = require('./theme-fbc56b3b.js');
 const ionicGlobal = require('./ionic-global-6d5d27b5.js');
 const animation = require('./animation-2bb33618.js');

package/dist/cjs/ion-datetime_3.cjs.entry.js

@@ -15,12 +15,12 @@ const index$2 = require('./index-d8d1fc0b.js');
 const ionicGlobal = require('./ionic-global-6d5d27b5.js');
 const data = require('./data-db832785.js');
 const lockController = require('./lock-controller-4ae2eb59.js');
-const overlays = require('./overlays-5ec9419b.js');
+const overlays = require('./overlays-c78a0148.js');
 const animation = require('./animation-2bb33618.js');
 const haptic = require('./haptic-c5f6b4d5.js');
-require('./index-306a7476.js');
 require('./framework-delegate-c0873a6f.js');
 require('./hardware-back-button-b67c8e75.js');
+require('./index-306a7476.js');
 require('./capacitor-2ffba62a.js');
 
 const isYearDisabled = (refYear, minParts, maxParts) => {

package/dist/cjs/ion-loading.cjs.entry.js

@@ -9,14 +9,14 @@ const index = require('./index-184fdd62.js');
 const config = require('./config-d5882735.js');
 const helpers = require('./helpers-ea4ccbcb.js');
 const lockController = require('./lock-controller-4ae2eb59.js');
-const overlays = require('./overlays-5ec9419b.js');
+const overlays = require('./overlays-c78a0148.js');
 const theme = require('./theme-fbc56b3b.js');
 const ionicGlobal = require('./ionic-global-6d5d27b5.js');
 const animation = require('./animation-2bb33618.js');
-require('./index-306a7476.js');
 require('./framework-delegate-c0873a6f.js');
 require('./hardware-back-button-b67c8e75.js');
 require('./index-cc7dfb7c.js');
+require('./index-306a7476.js');
 
 /**
  * iOS Loading Enter Animation

package/dist/cjs/ion-menu_3.cjs.entry.js

@@ -11,7 +11,7 @@ const index$2 = require('./index-306a7476.js');
 const gestureController = require('./gesture-controller-b46721be.js');
 const helpers = require('./helpers-ea4ccbcb.js');
 const index$1 = require('./index-e6416850.js');
-const overlays = require('./overlays-5ec9419b.js');
+const overlays = require('./overlays-c78a0148.js');
 const ionicGlobal = require('./ionic-global-6d5d27b5.js');
 const theme = require('./theme-fbc56b3b.js');
 const index$3 = require('./index-d8d1fc0b.js');
@@ -20,9 +20,9 @@ require('./animation-2bb33618.js');
 require('./framework-delegate-c0873a6f.js');
 require('./index-cc7dfb7c.js');
 
-const menuIosCss = ":host{--width:304px;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--background:var(--ion-background-color, #fff);left:0;right:0;top:0;bottom:0;display:none;position:absolute;contain:strict}:host(.show-menu){display:block}.menu-inner{-webkit-transform:translateX(-9999px);transform:translateX(-9999px);display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);contain:strict}:host(.menu-side-start) .menu-inner{--ion-safe-area-right:0px;top:0;bottom:0}@supports (inset-inline-start: 0){:host(.menu-side-start) .menu-inner{inset-inline-start:0;inset-inline-end:auto}}@supports not (inset-inline-start: 0){:host(.menu-side-start) .menu-inner{left:0;right:auto}:host-context([dir=rtl]):host(.menu-side-start) .menu-inner,:host-context([dir=rtl]).menu-side-start .menu-inner{left:unset;right:unset;left:auto;right:0}@supports selector(:dir(rtl)){:host(.menu-side-start) .menu-inner:dir(rtl){left:unset;right:unset;left:auto;right:0}}}:host-context([dir=rtl]):host(.menu-side-start) .menu-inner,:host-context([dir=rtl]).menu-side-start .menu-inner{--ion-safe-area-right:env(safe-area-inset-right);--ion-safe-area-left:0px}@supports selector(:dir(rtl)){:host(.menu-side-start) .menu-inner:dir(rtl){--ion-safe-area-right:env(safe-area-inset-right);--ion-safe-area-left:0px}}:host(.menu-side-end) .menu-inner{--ion-safe-area-left:0px;top:0;bottom:0}@supports (inset-inline-start: 0){:host(.menu-side-end) .menu-inner{inset-inline-start:auto;inset-inline-end:0}}@supports not (inset-inline-start: 0){:host(.menu-side-end) .menu-inner{left:auto;right:0}:host-context([dir=rtl]):host(.menu-side-end) .menu-inner,:host-context([dir=rtl]).menu-side-end .menu-inner{left:unset;right:unset;left:0;right:auto}@supports selector(:dir(rtl)){:host(.menu-side-end) .menu-inner:dir(rtl){left:unset;right:unset;left:0;right:auto}}}:host-context([dir=rtl]):host(.menu-side-end) .menu-inner,:host-context([dir=rtl]).menu-side-end .menu-inner{--ion-safe-area-left:env(safe-area-inset-left);--ion-safe-area-right:0px}@supports selector(:dir(rtl)){:host(.menu-side-end) .menu-inner:dir(rtl){--ion-safe-area-left:env(safe-area-inset-left);--ion-safe-area-right:0px}}ion-backdrop{display:none;opacity:0.01;z-index:-1}@media (max-width: 340px){.menu-inner{--width:264px}}:host(.menu-type-reveal){z-index:0}:host(.menu-type-reveal.show-menu) .menu-inner{-webkit-transform:translate3d(0,  0,  0);transform:translate3d(0,  0,  0)}:host(.menu-type-overlay){z-index:1000}:host(.menu-type-overlay) .show-backdrop{display:block;cursor:pointer}:host(.menu-pane-visible){width:var(--width);min-width:var(--min-width);max-width:var(--max-width)}:host(.menu-pane-visible) .menu-inner{left:0;right:0;width:auto;-webkit-transform:none !important;transform:none !important;-webkit-box-shadow:none !important;box-shadow:none !important}:host(.menu-pane-visible) ion-backdrop{display:hidden !important;}:host(.menu-type-push){z-index:1000}:host(.menu-type-push) .show-backdrop{display:block}";
+const menuIosCss = ":host{--width:304px;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--background:var(--ion-background-color, #fff);left:0;right:0;top:0;bottom:0;display:none;position:absolute;contain:strict}:host(.show-menu){display:block}.menu-inner{-webkit-transform:translateX(-9999px);transform:translateX(-9999px);display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);contain:strict}:host(.menu-side-start) .menu-inner{--ion-safe-area-right:0px;top:0;bottom:0}@supports (inset-inline-start: 0){:host(.menu-side-start) .menu-inner{inset-inline-start:0;inset-inline-end:auto}}@supports not (inset-inline-start: 0){:host(.menu-side-start) .menu-inner{left:0;right:auto}:host-context([dir=rtl]):host(.menu-side-start) .menu-inner,:host-context([dir=rtl]).menu-side-start .menu-inner{left:unset;right:unset;left:auto;right:0}@supports selector(:dir(rtl)){:host(.menu-side-start) .menu-inner:dir(rtl){left:unset;right:unset;left:auto;right:0}}}:host-context([dir=rtl]):host(.menu-side-start) .menu-inner,:host-context([dir=rtl]).menu-side-start .menu-inner{--ion-safe-area-right:unset;--ion-safe-area-left:0px}@supports selector(:dir(rtl)){:host(.menu-side-start) .menu-inner:dir(rtl){--ion-safe-area-right:unset;--ion-safe-area-left:0px}}:host(.menu-side-end) .menu-inner{--ion-safe-area-left:0px;top:0;bottom:0}@supports (inset-inline-start: 0){:host(.menu-side-end) .menu-inner{inset-inline-start:auto;inset-inline-end:0}}@supports not (inset-inline-start: 0){:host(.menu-side-end) .menu-inner{left:auto;right:0}:host-context([dir=rtl]):host(.menu-side-end) .menu-inner,:host-context([dir=rtl]).menu-side-end .menu-inner{left:unset;right:unset;left:0;right:auto}@supports selector(:dir(rtl)){:host(.menu-side-end) .menu-inner:dir(rtl){left:unset;right:unset;left:0;right:auto}}}:host-context([dir=rtl]):host(.menu-side-end) .menu-inner,:host-context([dir=rtl]).menu-side-end .menu-inner{--ion-safe-area-left:unset;--ion-safe-area-right:0px}@supports selector(:dir(rtl)){:host(.menu-side-end) .menu-inner:dir(rtl){--ion-safe-area-left:unset;--ion-safe-area-right:0px}}ion-backdrop{display:none;opacity:0.01;z-index:-1}@media (max-width: 340px){.menu-inner{--width:264px}}:host(.menu-type-reveal){z-index:0}:host(.menu-type-reveal.show-menu) .menu-inner{-webkit-transform:translate3d(0,  0,  0);transform:translate3d(0,  0,  0)}:host(.menu-type-overlay){z-index:1000}:host(.menu-type-overlay) .show-backdrop{display:block;cursor:pointer}:host(.menu-pane-visible){width:var(--width);min-width:var(--min-width);max-width:var(--max-width)}:host(.menu-pane-visible) .menu-inner{left:0;right:0;width:auto;-webkit-transform:none !important;transform:none !important;-webkit-box-shadow:none !important;box-shadow:none !important}:host(.menu-pane-visible) ion-backdrop{display:hidden !important;}:host(.menu-type-push){z-index:1000}:host(.menu-type-push) .show-backdrop{display:block}";
 
-const menuMdCss = ":host{--width:304px;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--background:var(--ion-background-color, #fff);left:0;right:0;top:0;bottom:0;display:none;position:absolute;contain:strict}:host(.show-menu){display:block}.menu-inner{-webkit-transform:translateX(-9999px);transform:translateX(-9999px);display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);contain:strict}:host(.menu-side-start) .menu-inner{--ion-safe-area-right:0px;top:0;bottom:0}@supports (inset-inline-start: 0){:host(.menu-side-start) .menu-inner{inset-inline-start:0;inset-inline-end:auto}}@supports not (inset-inline-start: 0){:host(.menu-side-start) .menu-inner{left:0;right:auto}:host-context([dir=rtl]):host(.menu-side-start) .menu-inner,:host-context([dir=rtl]).menu-side-start .menu-inner{left:unset;right:unset;left:auto;right:0}@supports selector(:dir(rtl)){:host(.menu-side-start) .menu-inner:dir(rtl){left:unset;right:unset;left:auto;right:0}}}:host-context([dir=rtl]):host(.menu-side-start) .menu-inner,:host-context([dir=rtl]).menu-side-start .menu-inner{--ion-safe-area-right:env(safe-area-inset-right);--ion-safe-area-left:0px}@supports selector(:dir(rtl)){:host(.menu-side-start) .menu-inner:dir(rtl){--ion-safe-area-right:env(safe-area-inset-right);--ion-safe-area-left:0px}}:host(.menu-side-end) .menu-inner{--ion-safe-area-left:0px;top:0;bottom:0}@supports (inset-inline-start: 0){:host(.menu-side-end) .menu-inner{inset-inline-start:auto;inset-inline-end:0}}@supports not (inset-inline-start: 0){:host(.menu-side-end) .menu-inner{left:auto;right:0}:host-context([dir=rtl]):host(.menu-side-end) .menu-inner,:host-context([dir=rtl]).menu-side-end .menu-inner{left:unset;right:unset;left:0;right:auto}@supports selector(:dir(rtl)){:host(.menu-side-end) .menu-inner:dir(rtl){left:unset;right:unset;left:0;right:auto}}}:host-context([dir=rtl]):host(.menu-side-end) .menu-inner,:host-context([dir=rtl]).menu-side-end .menu-inner{--ion-safe-area-left:env(safe-area-inset-left);--ion-safe-area-right:0px}@supports selector(:dir(rtl)){:host(.menu-side-end) .menu-inner:dir(rtl){--ion-safe-area-left:env(safe-area-inset-left);--ion-safe-area-right:0px}}ion-backdrop{display:none;opacity:0.01;z-index:-1}@media (max-width: 340px){.menu-inner{--width:264px}}:host(.menu-type-reveal){z-index:0}:host(.menu-type-reveal.show-menu) .menu-inner{-webkit-transform:translate3d(0,  0,  0);transform:translate3d(0,  0,  0)}:host(.menu-type-overlay){z-index:1000}:host(.menu-type-overlay) .show-backdrop{display:block;cursor:pointer}:host(.menu-pane-visible){width:var(--width);min-width:var(--min-width);max-width:var(--max-width)}:host(.menu-pane-visible) .menu-inner{left:0;right:0;width:auto;-webkit-transform:none !important;transform:none !important;-webkit-box-shadow:none !important;box-shadow:none !important}:host(.menu-pane-visible) ion-backdrop{display:hidden !important;}:host(.menu-type-overlay) .menu-inner{-webkit-box-shadow:4px 0px 16px rgba(0, 0, 0, 0.18);box-shadow:4px 0px 16px rgba(0, 0, 0, 0.18)}";
+const menuMdCss = ":host{--width:304px;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--background:var(--ion-background-color, #fff);left:0;right:0;top:0;bottom:0;display:none;position:absolute;contain:strict}:host(.show-menu){display:block}.menu-inner{-webkit-transform:translateX(-9999px);transform:translateX(-9999px);display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);contain:strict}:host(.menu-side-start) .menu-inner{--ion-safe-area-right:0px;top:0;bottom:0}@supports (inset-inline-start: 0){:host(.menu-side-start) .menu-inner{inset-inline-start:0;inset-inline-end:auto}}@supports not (inset-inline-start: 0){:host(.menu-side-start) .menu-inner{left:0;right:auto}:host-context([dir=rtl]):host(.menu-side-start) .menu-inner,:host-context([dir=rtl]).menu-side-start .menu-inner{left:unset;right:unset;left:auto;right:0}@supports selector(:dir(rtl)){:host(.menu-side-start) .menu-inner:dir(rtl){left:unset;right:unset;left:auto;right:0}}}:host-context([dir=rtl]):host(.menu-side-start) .menu-inner,:host-context([dir=rtl]).menu-side-start .menu-inner{--ion-safe-area-right:unset;--ion-safe-area-left:0px}@supports selector(:dir(rtl)){:host(.menu-side-start) .menu-inner:dir(rtl){--ion-safe-area-right:unset;--ion-safe-area-left:0px}}:host(.menu-side-end) .menu-inner{--ion-safe-area-left:0px;top:0;bottom:0}@supports (inset-inline-start: 0){:host(.menu-side-end) .menu-inner{inset-inline-start:auto;inset-inline-end:0}}@supports not (inset-inline-start: 0){:host(.menu-side-end) .menu-inner{left:auto;right:0}:host-context([dir=rtl]):host(.menu-side-end) .menu-inner,:host-context([dir=rtl]).menu-side-end .menu-inner{left:unset;right:unset;left:0;right:auto}@supports selector(:dir(rtl)){:host(.menu-side-end) .menu-inner:dir(rtl){left:unset;right:unset;left:0;right:auto}}}:host-context([dir=rtl]):host(.menu-side-end) .menu-inner,:host-context([dir=rtl]).menu-side-end .menu-inner{--ion-safe-area-left:unset;--ion-safe-area-right:0px}@supports selector(:dir(rtl)){:host(.menu-side-end) .menu-inner:dir(rtl){--ion-safe-area-left:unset;--ion-safe-area-right:0px}}ion-backdrop{display:none;opacity:0.01;z-index:-1}@media (max-width: 340px){.menu-inner{--width:264px}}:host(.menu-type-reveal){z-index:0}:host(.menu-type-reveal.show-menu) .menu-inner{-webkit-transform:translate3d(0,  0,  0);transform:translate3d(0,  0,  0)}:host(.menu-type-overlay){z-index:1000}:host(.menu-type-overlay) .show-backdrop{display:block;cursor:pointer}:host(.menu-pane-visible){width:var(--width);min-width:var(--min-width);max-width:var(--max-width)}:host(.menu-pane-visible) .menu-inner{left:0;right:0;width:auto;-webkit-transform:none !important;transform:none !important;-webkit-box-shadow:none !important;box-shadow:none !important}:host(.menu-pane-visible) ion-backdrop{display:hidden !important;}:host(.menu-type-overlay) .menu-inner{-webkit-box-shadow:4px 0px 16px rgba(0, 0, 0, 0.18);box-shadow:4px 0px 16px rgba(0, 0, 0, 0.18)}";
 
 const iosEasing = 'cubic-bezier(0.32,0.72,0,1)';
 const mdEasing = 'cubic-bezier(0.0,0.0,0.2,1)';

package/dist/cjs/ion-modal.cjs.entry.js

@@ -12,7 +12,7 @@ const helpers = require('./helpers-ea4ccbcb.js');
 const lockController = require('./lock-controller-4ae2eb59.js');
 const index$4 = require('./index-cc7dfb7c.js');
 const capacitor = require('./capacitor-2ffba62a.js');
-const overlays = require('./overlays-5ec9419b.js');
+const overlays = require('./overlays-c78a0148.js');
 const theme = require('./theme-fbc56b3b.js');
 const index$5 = require('./index-be8a2ab9.js');
 const ionicGlobal = require('./ionic-global-6d5d27b5.js');

package/dist/cjs/ion-popover.cjs.entry.js

@@ -10,13 +10,13 @@ const frameworkDelegate = require('./framework-delegate-c0873a6f.js');
 const helpers = require('./helpers-ea4ccbcb.js');
 const lockController = require('./lock-controller-4ae2eb59.js');
 const index$1 = require('./index-cc7dfb7c.js');
-const overlays = require('./overlays-5ec9419b.js');
+const overlays = require('./overlays-c78a0148.js');
 const ionicGlobal = require('./ionic-global-6d5d27b5.js');
 const theme = require('./theme-fbc56b3b.js');
 const index$2 = require('./index-be8a2ab9.js');
 const animation = require('./animation-2bb33618.js');
-require('./index-306a7476.js');
 require('./hardware-back-button-b67c8e75.js');
+require('./index-306a7476.js');
 
 /**
  * Returns the dimensions of the popover

package/dist/cjs/ion-select_3.cjs.entry.js

@@ -10,7 +10,7 @@ const formController = require('./form-controller-5e223b54.js');
 const notchController = require('./notch-controller-f4f6af5d.js');
 const helpers = require('./helpers-ea4ccbcb.js');
 const index$1 = require('./index-cc7dfb7c.js');
-const overlays = require('./overlays-5ec9419b.js');
+const overlays = require('./overlays-c78a0148.js');
 const dir = require('./dir-f1e0ca26.js');
 const theme = require('./theme-fbc56b3b.js');
 const watchOptions = require('./watch-options-f3f77e54.js');

package/dist/cjs/ion-toast.cjs.entry.js

@@ -10,13 +10,13 @@ const config = require('./config-d5882735.js');
 const helpers = require('./helpers-ea4ccbcb.js');
 const lockController = require('./lock-controller-4ae2eb59.js');
 const index$1 = require('./index-cc7dfb7c.js');
-const overlays = require('./overlays-5ec9419b.js');
+const overlays = require('./overlays-c78a0148.js');
 const theme = require('./theme-fbc56b3b.js');
 const ionicGlobal = require('./ionic-global-6d5d27b5.js');
 const animation = require('./animation-2bb33618.js');
-require('./index-306a7476.js');
 require('./framework-delegate-c0873a6f.js');
 require('./hardware-back-button-b67c8e75.js');
+require('./index-306a7476.js');
 
 /**
  * iOS Toast Enter Animation

package/dist/cjs/{overlays-5ec9419b.js → overlays-c78a0148.js}

@@ -3,12 +3,11 @@
  */
 'use strict';
 
-const index = require('./index-306a7476.js');
 const ionicGlobal = require('./ionic-global-6d5d27b5.js');
 const frameworkDelegate = require('./framework-delegate-c0873a6f.js');
 const hardwareBackButton = require('./hardware-back-button-b67c8e75.js');
 const helpers = require('./helpers-ea4ccbcb.js');
-const index$1 = require('./index-cc7dfb7c.js');
+const index = require('./index-cc7dfb7c.js');
 
 let lastOverlayIndex = 0;
 let lastId = 0;
@@ -325,16 +324,6 @@ const getOverlays = (doc, selector) => {
   }
   return Array.from(doc.querySelectorAll(selector)).filter((c) => c.overlayIndex > 0);
 };
-/**
- * Returns a list of all presented overlays.
- * Inline overlays can exist in the DOM but not be presented,
- * so there are times when we want to exclude those.
- * @param doc The document to find the element within.
- * @param overlayTag The selector for the overlay, defaults to Ionic overlay components.
- */
-const getPresentedOverlays = (doc, overlayTag) => {
-  return getOverlays(doc, overlayTag).filter((o) => !isOverlayHidden(o));
-};
 /**
  * Returns an overlay element
  * @param doc The document to find the element within.
@@ -343,7 +332,7 @@ const getPresentedOverlays = (doc, overlayTag) => {
  * @returns The overlay element or `undefined` if no overlay element is found.
  */
 const getOverlay = (doc, overlayTag, id) => {
-  const overlays = getPresentedOverlays(doc, overlayTag);
+  const overlays = getOverlays(doc, overlayTag).filter((o) => !isOverlayHidden(o));
   return id === undefined ? overlays[overlays.length - 1] : overlays.find((o) => o.id === id);
 };
 /**
@@ -449,13 +438,7 @@ const dismiss = async (overlay, data, role, name, iosLeaveAnimation, mdLeaveAnim
   if (!overlay.presented) {
     return false;
   }
-  /**
-   * If this is the last visible overlay then
-   * we want to re-add the root to the accessibility tree.
-   */
-  if (index.doc !== undefined && getPresentedOverlays(index.doc).length === 1) {
-    setRootAriaHidden(false);
-  }
+  setRootAriaHidden(false);
   overlay.presented = false;
   try {
     // Overlay contents should not be clickable during dismiss
@@ -667,7 +650,7 @@ const createTriggerController = () => {
     removeClickListener();
     const triggerEl = trigger !== undefined ? document.getElementById(trigger) : null;
     if (!triggerEl) {
-      index$1.printIonWarning(`A trigger element with the ID "${trigger}" was not found in the DOM. The trigger element must be in the DOM when the "trigger" property is set on an overlay component.`, el);
+      index.printIonWarning(`A trigger element with the ID "${trigger}" was not found in the DOM. The trigger element must be in the DOM when the "trigger" property is set on an overlay component.`, el);
       return;
     }
     const configureTriggerInteraction = (targetEl, overlayEl) => {

package/dist/collection/components/menu/menu.ios.css

@@ -97,12 +97,14 @@
     * Otherwise, the content will have less space on both sides.
     *
     * RTL:
-    * The right side of the menu touches the screen edge. The safe area padding has
-    * already been set in the core styles, so there's no need to set it again.
+    * The right side of the menu touches the screen edge.
+    * The right side needs to revert back to the default value that was set in the core styles, so we unset it here.
+    * This would keep the variable consistent with the core styles.
+    * Additionally, it would continue to allow users to override the variable if they choose to.
     * The left side of the menu is not touching the screen edge. Padding is not
     * applied to the left side of the menu. A value of 0 is set.
     */
-  --ion-safe-area-right: env(safe-area-inset-right);
+  --ion-safe-area-right: unset;
   --ion-safe-area-left: 0px;
 }
 
@@ -115,12 +117,14 @@
       * Otherwise, the content will have less space on both sides.
       *
       * RTL:
-      * The right side of the menu touches the screen edge. The safe area padding has
-      * already been set in the core styles, so there's no need to set it again.
+      * The right side of the menu touches the screen edge.
+      * The right side needs to revert back to the default value that was set in the core styles, so we unset it here.
+      * This would keep the variable consistent with the core styles.
+      * Additionally, it would continue to allow users to override the variable if they choose to.
       * The left side of the menu is not touching the screen edge. Padding is not
       * applied to the left side of the menu. A value of 0 is set.
       */
-    --ion-safe-area-right: env(safe-area-inset-right);
+    --ion-safe-area-right: unset;
     --ion-safe-area-left: 0px;
   }
 }
@@ -176,12 +180,14 @@
     * Otherwise, the content will have less space on both sides.
     *
     * RTL:
-    * The left side of the menu touches the screen edge. The safe area padding has
-    * already been set in the core styles, so there's no need to set it again.
+    * The left side of the menu touches the screen edge.
+    * The left side needs to revert back to the default value that was set in the core styles, so we unset it here.
+    * This would keep the variable consistent with the core styles.
+    * Additionally, it would continue to allow users to override the variable if they choose to.
     * The right side of the menu is not touching the screen edge. Padding is not
     * applied to the right side of the menu. A value of 0 is set.
     */
-  --ion-safe-area-left: env(safe-area-inset-left);
+  --ion-safe-area-left: unset;
   --ion-safe-area-right: 0px;
 }
 
@@ -194,12 +200,14 @@
       * Otherwise, the content will have less space on both sides.
       *
       * RTL:
-      * The left side of the menu touches the screen edge. The safe area padding has
-      * already been set in the core styles, so there's no need to set it again.
+      * The left side of the menu touches the screen edge.
+      * The left side needs to revert back to the default value that was set in the core styles, so we unset it here.
+      * This would keep the variable consistent with the core styles.
+      * Additionally, it would continue to allow users to override the variable if they choose to.
       * The right side of the menu is not touching the screen edge. Padding is not
       * applied to the right side of the menu. A value of 0 is set.
       */
-    --ion-safe-area-left: env(safe-area-inset-left);
+    --ion-safe-area-left: unset;
     --ion-safe-area-right: 0px;
   }
 }

package/dist/collection/components/menu/menu.md.css

@@ -97,12 +97,14 @@
     * Otherwise, the content will have less space on both sides.
     *
     * RTL:
-    * The right side of the menu touches the screen edge. The safe area padding has
-    * already been set in the core styles, so there's no need to set it again.
+    * The right side of the menu touches the screen edge.
+    * The right side needs to revert back to the default value that was set in the core styles, so we unset it here.
+    * This would keep the variable consistent with the core styles.
+    * Additionally, it would continue to allow users to override the variable if they choose to.
     * The left side of the menu is not touching the screen edge. Padding is not
     * applied to the left side of the menu. A value of 0 is set.
     */
-  --ion-safe-area-right: env(safe-area-inset-right);
+  --ion-safe-area-right: unset;
   --ion-safe-area-left: 0px;
 }
 
@@ -115,12 +117,14 @@
       * Otherwise, the content will have less space on both sides.
       *
       * RTL:
-      * The right side of the menu touches the screen edge. The safe area padding has
-      * already been set in the core styles, so there's no need to set it again.
+      * The right side of the menu touches the screen edge.
+      * The right side needs to revert back to the default value that was set in the core styles, so we unset it here.
+      * This would keep the variable consistent with the core styles.
+      * Additionally, it would continue to allow users to override the variable if they choose to.
       * The left side of the menu is not touching the screen edge. Padding is not
       * applied to the left side of the menu. A value of 0 is set.
       */
-    --ion-safe-area-right: env(safe-area-inset-right);
+    --ion-safe-area-right: unset;
     --ion-safe-area-left: 0px;
   }
 }
@@ -176,12 +180,14 @@
     * Otherwise, the content will have less space on both sides.
     *
     * RTL:
-    * The left side of the menu touches the screen edge. The safe area padding has
-    * already been set in the core styles, so there's no need to set it again.
+    * The left side of the menu touches the screen edge.
+    * The left side needs to revert back to the default value that was set in the core styles, so we unset it here.
+    * This would keep the variable consistent with the core styles.
+    * Additionally, it would continue to allow users to override the variable if they choose to.
     * The right side of the menu is not touching the screen edge. Padding is not
     * applied to the right side of the menu. A value of 0 is set.
     */
-  --ion-safe-area-left: env(safe-area-inset-left);
+  --ion-safe-area-left: unset;
   --ion-safe-area-right: 0px;
 }
 
@@ -194,12 +200,14 @@
       * Otherwise, the content will have less space on both sides.
       *
       * RTL:
-      * The left side of the menu touches the screen edge. The safe area padding has
-      * already been set in the core styles, so there's no need to set it again.
+      * The left side of the menu touches the screen edge.
+      * The left side needs to revert back to the default value that was set in the core styles, so we unset it here.
+      * This would keep the variable consistent with the core styles.
+      * Additionally, it would continue to allow users to override the variable if they choose to.
       * The right side of the menu is not touching the screen edge. Padding is not
       * applied to the right side of the menu. A value of 0 is set.
       */
-    --ion-safe-area-left: env(safe-area-inset-left);
+    --ion-safe-area-left: unset;
     --ion-safe-area-right: 0px;
   }
 }

package/dist/collection/components/menu/test/safe-area/menu.e2e.js

@@ -0,0 +1,87 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+import { expect } from "@playwright/test";
+import { configs, test } from "../../../../utils/test/playwright/index";
+/**
+ * This behavior does not vary across modes.
+ */
+configs({ modes: ['md'] }).forEach(({ title, config, screenshot }) => {
+  test.describe(title('menu: safe area'), () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto(`/src/components/menu/test/safe-area`, config);
+    });
+    test.describe('side: start', () => {
+      test('should render with safe area when notch is on the left', async ({ page }) => {
+        const ionDidOpen = await page.spyOnEvent('ionDidOpen');
+        await page.evaluate(() => {
+          const style = document.querySelector('style');
+          style.innerHTML = `
+            :root {
+              --ion-safe-area-left: 50px !important;
+              --ion-safe-area-right: 10px !important;
+            }
+          `;
+        });
+        await page.click('#open-start');
+        await ionDidOpen.next();
+        const startMenu = page.locator('[menu-id="start-menu"]');
+        await expect(startMenu).toHaveClass(/show-menu/);
+        await expect(page).toHaveScreenshot(screenshot(`menu-start-safe-area-left-notch`));
+      });
+      test('should render with safe area when notch is on the right', async ({ page }) => {
+        const ionDidOpen = await page.spyOnEvent('ionDidOpen');
+        await page.evaluate(() => {
+          const style = document.querySelector('style');
+          style.innerHTML = `
+            :root {
+              --ion-safe-area-left: 10px !important;
+              --ion-safe-area-right: 50px !important;
+            }
+          `;
+        });
+        await page.click('#open-start');
+        await ionDidOpen.next();
+        const startMenu = page.locator('[menu-id="start-menu"]');
+        await expect(startMenu).toHaveClass(/show-menu/);
+        await expect(page).toHaveScreenshot(screenshot(`menu-start-safe-area-right-notch`));
+      });
+    });
+    test.describe('side: end', () => {
+      test('should render with safe area when notch is on the left', async ({ page }) => {
+        const ionDidOpen = await page.spyOnEvent('ionDidOpen');
+        await page.evaluate(() => {
+          const style = document.querySelector('style');
+          style.innerHTML = `
+            :root {
+              --ion-safe-area-left: 50px !important;
+              --ion-safe-area-right: 10px !important;
+            }
+          `;
+        });
+        await page.click('#open-end');
+        await ionDidOpen.next();
+        const endMenu = page.locator('[menu-id="end-menu"]');
+        await expect(endMenu).toHaveClass(/show-menu/);
+        await expect(page).toHaveScreenshot(screenshot(`menu-end-safe-area-left-notch`));
+      });
+      test('should render with safe area when notch is on the right', async ({ page }) => {
+        const ionDidOpen = await page.spyOnEvent('ionDidOpen');
+        await page.evaluate(() => {
+          const style = document.querySelector('style');
+          style.innerHTML = `
+            :root {
+              --ion-safe-area-left: 10px !important;
+              --ion-safe-area-right: 50px !important;
+            }
+          `;
+        });
+        await page.click('#open-end');
+        await ionDidOpen.next();
+        const endMenu = page.locator('[menu-id="end-menu"]');
+        await expect(endMenu).toHaveClass(/show-menu/);
+        await expect(page).toHaveScreenshot(screenshot(`menu-end-safe-area-right-notch`));
+      });
+    });
+  });
+});

package/dist/collection/utils/overlays.js

@@ -1,7 +1,6 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { doc } from "./browser/index";
 import { config } from "../global/config";
 import { getIonMode } from "../global/ionic-global";
 import { CoreDelegate } from "./framework-delegate";
@@ -323,16 +322,6 @@ export const getOverlays = (doc, selector) => {
   }
   return Array.from(doc.querySelectorAll(selector)).filter((c) => c.overlayIndex > 0);
 };
-/**
- * Returns a list of all presented overlays.
- * Inline overlays can exist in the DOM but not be presented,
- * so there are times when we want to exclude those.
- * @param doc The document to find the element within.
- * @param overlayTag The selector for the overlay, defaults to Ionic overlay components.
- */
-const getPresentedOverlays = (doc, overlayTag) => {
-  return getOverlays(doc, overlayTag).filter((o) => !isOverlayHidden(o));
-};
 /**
  * Returns an overlay element
  * @param doc The document to find the element within.
@@ -341,7 +330,7 @@ const getPresentedOverlays = (doc, overlayTag) => {
  * @returns The overlay element or `undefined` if no overlay element is found.
  */
 export const getOverlay = (doc, overlayTag, id) => {
-  const overlays = getPresentedOverlays(doc, overlayTag);
+  const overlays = getOverlays(doc, overlayTag).filter((o) => !isOverlayHidden(o));
   return id === undefined ? overlays[overlays.length - 1] : overlays.find((o) => o.id === id);
 };
 /**
@@ -447,13 +436,7 @@ export const dismiss = async (overlay, data, role, name, iosLeaveAnimation, mdLe
   if (!overlay.presented) {
     return false;
   }
-  /**
-   * If this is the last visible overlay then
-   * we want to re-add the root to the accessibility tree.
-   */
-  if (doc !== undefined && getPresentedOverlays(doc).length === 1) {
-    setRootAriaHidden(false);
-  }
+  setRootAriaHidden(false);
   overlay.presented = false;
   try {
     // Overlay contents should not be clickable during dismiss

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-09-15T13:09:49",
+  "timestamp": "2023-09-19T01:29:05",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.2.1",

package/dist/esm/index.js

@@ -11,7 +11,7 @@ export { g as getPlatforms, i as initialize, a as isPlatform } from './ionic-glo
 export { c as componentOnReady } from './helpers-3379ba19.js';
 export { I as IonicSafeString, g as getMode, s as setupConfig } from './config-96c9ace3.js';
 export { m as menuController } from './index-48f5e259.js';
-export { b as actionSheetController, a as alertController, l as loadingController, m as modalController, p as pickerController, c as popoverController, t as toastController } from './overlays-99dddd1a.js';
+export { b as actionSheetController, a as alertController, l as loadingController, m as modalController, p as pickerController, c as popoverController, t as toastController } from './overlays-4565894b.js';
 import './index-7a14ecec.js';
 import './index-adfb2000.js';
 import './gesture-controller-0fa396c4.js';

package/dist/esm/ion-action-sheet.entry.js

@@ -5,7 +5,7 @@ import { r as registerInstance, d as createEvent, e as readTask, h, H as Host, f
 import { c as createButtonActiveGesture } from './button-active-b76ae4ec.js';
 import { r as raf } from './helpers-3379ba19.js';
 import { c as createLockController } from './lock-controller-e8c6c051.js';
-import { d as createDelegateController, e as createTriggerController, B as BACKDROP, i as isCancel, f as present, g as dismiss, h as eventMethod, s as safeCall, j as prepareOverlay, k as setOverlayId } from './overlays-99dddd1a.js';
+import { d as createDelegateController, e as createTriggerController, B as BACKDROP, i as isCancel, f as present, g as dismiss, h as eventMethod, s as safeCall, j as prepareOverlay, k as setOverlayId } from './overlays-4565894b.js';
 import { g as getClassMap } from './theme-17531cdf.js';
 import { b as getIonMode } from './ionic-global-9080266a.js';
 import { c as createAnimation } from './animation-a1d9e088.js';