@ionic/core 8.4.1-dev.11731976952.18a7db47 → 8.4.1-dev.11732033492.170e160c

package/components/overlays.js

@@ -4,7 +4,7 @@
 import { d as doc } from './index5.js';
 import { f as focusVisibleElement, c as componentOnReady, a as addEventListener, b as removeEventListener, g as getElementRoot } from './helpers.js';
 import { OVERLAY_BACK_BUTTON_PRIORITY, shouldUseCloseWatcher } from './hardware-back-button.js';
-import { b as getIonMode, c as config } from './ionic-global.js';
+import { b as getIonMode, c as config, a as isPlatform } from './ionic-global.js';
 import { C as CoreDelegate } from './framework-delegate.js';
 import { B as BACKDROP_NO_SCROLL } from './gesture-controller.js';
 import { p as printIonWarning } from './index6.js';
@@ -512,6 +512,7 @@ const present = async (overlay, name, iosEnterAnimation, mdEnterAnimation, opts)
     }
     document.body.classList.add(BACKDROP_NO_SCROLL);
     hideUnderlyingOverlaysFromScreenReaders(overlay.el);
+    hideAnimatingOverlayFromScreenReaders(overlay.el);
     overlay.presented = true;
     overlay.willPresent.emit();
     (_a = overlay.willPresentShorthand) === null || _a === void 0 ? void 0 : _a.emit();
@@ -520,7 +521,6 @@ const present = async (overlay, name, iosEnterAnimation, mdEnterAnimation, opts)
     const animationBuilder = overlay.enterAnimation
         ? overlay.enterAnimation
         : config.get(name, mode === 'ios' ? iosEnterAnimation : mdEnterAnimation);
-    // hideAnimatingOverlayFromScreenReaders(overlay.el);
     const completed = await overlayAnimation(overlay, animationBuilder, overlay.el, opts);
     if (completed) {
         overlay.didPresent.emit();
@@ -695,24 +695,14 @@ const overlayAnimation = async (overlay, animationBuilder, baseEl, opts) => {
     if (!overlay.animated || !config.getBoolean('animated', true)) {
         animation.duration(0);
     }
-    animation.beforeAddWrite(() => {
-        console.log('beforeAddWrite');
-        baseEl.setAttribute('aria-hidden', 'true');
-        // add class 'test' to baseEl
-        baseEl.classList.add('test');
-        if (overlay.keyboardClose) {
+    if (overlay.keyboardClose) {
+        animation.beforeAddWrite(() => {
             const activeElement = baseEl.ownerDocument.activeElement;
             if (activeElement === null || activeElement === void 0 ? void 0 : activeElement.matches('input,ion-input, ion-textarea')) {
                 activeElement.blur();
             }
-        }
-    });
-    animation.afterAddWrite(() => {
-        baseEl.removeAttribute('aria-hidden');
-        // add test2 class to baseEl
-        baseEl.classList.add('test2');
-        console.log('afterAddWrite');
-    });
+        });
+    }
     const activeAni = activeAnimations.get(overlay) || [];
     activeAnimations.set(overlay, [...activeAni, animation]);
     await animation.play();
@@ -896,18 +886,26 @@ const createTriggerController = () => {
  * If the overlay is being presented, it prevents focus rings from appearing
  * in incorrect positions due to the transition (specifically `transform`
  * styles), ensuring that when aria-hidden is removed, the focus rings are
- * correctly displayed in the final location of the elements.
+ * correctly displayed in the final location of the elements. This only
+ * applies to Android devices.
+ *
+ * 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;
-    /**
-     * 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');
+    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

package/dist/cjs/index.cjs.js

@@ -16,7 +16,7 @@ const helpers = require('./helpers-afaa9001.js');
 const config = require('./config-4f60b98a.js');
 const theme = require('./theme-d1c573d2.js');
 const index$2 = require('./index-8e789962.js');
-const overlays = require('./overlays-b1531451.js');
+const overlays = require('./overlays-56ca9a8a.js');
 require('./index-c8d52405.js');
 require('./index-73f75efb.js');
 require('./index-5915f9b3.js');

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

@@ -9,7 +9,7 @@ const index = require('./index-73f75efb.js');
 const buttonActive = require('./button-active-3f2f60b4.js');
 const helpers = require('./helpers-afaa9001.js');
 const lockController = require('./lock-controller-6585a42a.js');
-const overlays = require('./overlays-b1531451.js');
+const overlays = require('./overlays-56ca9a8a.js');
 const theme = require('./theme-d1c573d2.js');
 const ionicGlobal = require('./ionic-global-d9a8bb5b.js');
 const animation = require('./animation-b4fdf128.js');

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

@@ -10,7 +10,7 @@ const config = require('./config-4f60b98a.js');
 const buttonActive = require('./button-active-3f2f60b4.js');
 const helpers = require('./helpers-afaa9001.js');
 const lockController = require('./lock-controller-6585a42a.js');
-const overlays = require('./overlays-b1531451.js');
+const overlays = require('./overlays-56ca9a8a.js');
 const theme = require('./theme-d1c573d2.js');
 const ionicGlobal = require('./ionic-global-d9a8bb5b.js');
 const animation = require('./animation-b4fdf128.js');

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

@@ -15,7 +15,7 @@ const index$2 = require('./index-073c7cdc.js');
 const ionicGlobal = require('./ionic-global-d9a8bb5b.js');
 const data = require('./data-21dc0f81.js');
 const lockController = require('./lock-controller-6585a42a.js');
-const overlays = require('./overlays-b1531451.js');
+const overlays = require('./overlays-56ca9a8a.js');
 const animation = require('./animation-b4fdf128.js');
 const haptic = require('./haptic-f6b37aa3.js');
 require('./index-c8d52405.js');

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

@@ -9,7 +9,7 @@ const index = require('./index-73f75efb.js');
 const config = require('./config-4f60b98a.js');
 const helpers = require('./helpers-afaa9001.js');
 const lockController = require('./lock-controller-6585a42a.js');
-const overlays = require('./overlays-b1531451.js');
+const overlays = require('./overlays-56ca9a8a.js');
 const theme = require('./theme-d1c573d2.js');
 const ionicGlobal = require('./ionic-global-d9a8bb5b.js');
 const animation = require('./animation-b4fdf128.js');

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-73f75efb.js');
 const cubicBezier = require('./cubic-bezier-f2dccc53.js');
-const overlays = require('./overlays-b1531451.js');
+const overlays = require('./overlays-56ca9a8a.js');
 const gestureController = require('./gesture-controller-9436f482.js');
 const hardwareBackButton = require('./hardware-back-button-9e8a2c4f.js');
 const helpers = require('./helpers-afaa9001.js');

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

@@ -12,7 +12,7 @@ const helpers = require('./helpers-afaa9001.js');
 const lockController = require('./lock-controller-6585a42a.js');
 const index$4 = require('./index-5915f9b3.js');
 const capacitor = require('./capacitor-c04564bf.js');
-const overlays = require('./overlays-b1531451.js');
+const overlays = require('./overlays-56ca9a8a.js');
 const theme = require('./theme-d1c573d2.js');
 const index$5 = require('./index-f05acd21.js');
 const ionicGlobal = require('./ionic-global-d9a8bb5b.js');

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

@@ -6,7 +6,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-73f75efb.js');
-const overlays = require('./overlays-b1531451.js');
+const overlays = require('./overlays-56ca9a8a.js');
 const frameworkDelegate = require('./framework-delegate-55f5683a.js');
 const helpers = require('./helpers-afaa9001.js');
 const lockController = require('./lock-controller-6585a42a.js');

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-73f75efb.js');
 const ionicGlobal = require('./ionic-global-d9a8bb5b.js');
-const overlays = require('./overlays-b1531451.js');
+const overlays = require('./overlays-56ca9a8a.js');
 const theme = require('./theme-d1c573d2.js');
 require('./index-c8d52405.js');
 require('./helpers-afaa9001.js');

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

@@ -9,7 +9,7 @@ const index = require('./index-73f75efb.js');
 const notchController = require('./notch-controller-d69150f5.js');
 const compareWithUtils = require('./compare-with-utils-df1001d7.js');
 const helpers = require('./helpers-afaa9001.js');
-const overlays = require('./overlays-b1531451.js');
+const overlays = require('./overlays-56ca9a8a.js');
 const dir = require('./dir-94c21456.js');
 const theme = require('./theme-d1c573d2.js');
 const watchOptions = require('./watch-options-f5f3e158.js');

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

@@ -10,7 +10,7 @@ const config = require('./config-4f60b98a.js');
 const helpers = require('./helpers-afaa9001.js');
 const lockController = require('./lock-controller-6585a42a.js');
 const index$1 = require('./index-5915f9b3.js');
-const overlays = require('./overlays-b1531451.js');
+const overlays = require('./overlays-56ca9a8a.js');
 const theme = require('./theme-d1c573d2.js');
 const ionicGlobal = require('./ionic-global-d9a8bb5b.js');
 const animation = require('./animation-b4fdf128.js');

package/dist/cjs/{overlays-b1531451.js → overlays-56ca9a8a.js}

@@ -514,6 +514,7 @@ const present = async (overlay, name, iosEnterAnimation, mdEnterAnimation, opts)
     }
     document.body.classList.add(gestureController.BACKDROP_NO_SCROLL);
     hideUnderlyingOverlaysFromScreenReaders(overlay.el);
+    hideAnimatingOverlayFromScreenReaders(overlay.el);
     overlay.presented = true;
     overlay.willPresent.emit();
     (_a = overlay.willPresentShorthand) === null || _a === void 0 ? void 0 : _a.emit();
@@ -522,7 +523,6 @@ const present = async (overlay, name, iosEnterAnimation, mdEnterAnimation, opts)
     const animationBuilder = overlay.enterAnimation
         ? overlay.enterAnimation
         : ionicGlobal.config.get(name, mode === 'ios' ? iosEnterAnimation : mdEnterAnimation);
-    // hideAnimatingOverlayFromScreenReaders(overlay.el);
     const completed = await overlayAnimation(overlay, animationBuilder, overlay.el, opts);
     if (completed) {
         overlay.didPresent.emit();
@@ -697,24 +697,14 @@ const overlayAnimation = async (overlay, animationBuilder, baseEl, opts) => {
     if (!overlay.animated || !ionicGlobal.config.getBoolean('animated', true)) {
         animation.duration(0);
     }
-    animation.beforeAddWrite(() => {
-        console.log('beforeAddWrite');
-        baseEl.setAttribute('aria-hidden', 'true');
-        // add class 'test' to baseEl
-        baseEl.classList.add('test');
-        if (overlay.keyboardClose) {
+    if (overlay.keyboardClose) {
+        animation.beforeAddWrite(() => {
             const activeElement = baseEl.ownerDocument.activeElement;
             if (activeElement === null || activeElement === void 0 ? void 0 : activeElement.matches('input,ion-input, ion-textarea')) {
                 activeElement.blur();
             }
-        }
-    });
-    animation.afterAddWrite(() => {
-        baseEl.removeAttribute('aria-hidden');
-        // add test2 class to baseEl
-        baseEl.classList.add('test2');
-        console.log('afterAddWrite');
-    });
+        });
+    }
     const activeAni = activeAnimations.get(overlay) || [];
     activeAnimations.set(overlay, [...activeAni, animation]);
     await animation.play();
@@ -898,18 +888,26 @@ const createTriggerController = () => {
  * If the overlay is being presented, it prevents focus rings from appearing
  * in incorrect positions due to the transition (specifically `transform`
  * styles), ensuring that when aria-hidden is removed, the focus rings are
- * correctly displayed in the final location of the elements.
+ * correctly displayed in the final location of the elements. This only
+ * applies to Android devices.
+ *
+ * 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 (index.doc === undefined)
         return;
-    /**
-     * 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');
+    if (ionicGlobal.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

package/dist/collection/utils/overlays.js

@@ -11,6 +11,7 @@ import { BACKDROP_NO_SCROLL } from "./gesture/gesture-controller";
 import { OVERLAY_BACK_BUTTON_PRIORITY } from "./hardware-back-button";
 import { addEventListener, componentOnReady, focusVisibleElement, getElementRoot, removeEventListener, } from "./helpers";
 import { printIonWarning } from "./logging";
+import { isPlatform } from "./platform";
 let lastOverlayIndex = 0;
 let lastId = 0;
 export const activeAnimations = new WeakMap();
@@ -439,6 +440,7 @@ export const present = async (overlay, name, iosEnterAnimation, mdEnterAnimation
     }
     document.body.classList.add(BACKDROP_NO_SCROLL);
     hideUnderlyingOverlaysFromScreenReaders(overlay.el);
+    hideAnimatingOverlayFromScreenReaders(overlay.el);
     overlay.presented = true;
     overlay.willPresent.emit();
     (_a = overlay.willPresentShorthand) === null || _a === void 0 ? void 0 : _a.emit();
@@ -447,7 +449,6 @@ export const present = async (overlay, name, iosEnterAnimation, mdEnterAnimation
     const animationBuilder = overlay.enterAnimation
         ? overlay.enterAnimation
         : config.get(name, mode === 'ios' ? iosEnterAnimation : mdEnterAnimation);
-    // hideAnimatingOverlayFromScreenReaders(overlay.el);
     const completed = await overlayAnimation(overlay, animationBuilder, overlay.el, opts);
     if (completed) {
         overlay.didPresent.emit();
@@ -622,24 +623,14 @@ const overlayAnimation = async (overlay, animationBuilder, baseEl, opts) => {
     if (!overlay.animated || !config.getBoolean('animated', true)) {
         animation.duration(0);
     }
-    animation.beforeAddWrite(() => {
-        console.log('beforeAddWrite');
-        baseEl.setAttribute('aria-hidden', 'true');
-        // add class 'test' to baseEl
-        baseEl.classList.add('test');
-        if (overlay.keyboardClose) {
+    if (overlay.keyboardClose) {
+        animation.beforeAddWrite(() => {
             const activeElement = baseEl.ownerDocument.activeElement;
             if (activeElement === null || activeElement === void 0 ? void 0 : activeElement.matches('input,ion-input, ion-textarea')) {
                 activeElement.blur();
             }
-        }
-    });
-    animation.afterAddWrite(() => {
-        baseEl.removeAttribute('aria-hidden');
-        // add test2 class to baseEl
-        baseEl.classList.add('test2');
-        console.log('afterAddWrite');
-    });
+        });
+    }
     const activeAni = activeAnimations.get(overlay) || [];
     activeAnimations.set(overlay, [...activeAni, animation]);
     await animation.play();
@@ -823,18 +814,26 @@ export const createTriggerController = () => {
  * If the overlay is being presented, it prevents focus rings from appearing
  * in incorrect positions due to the transition (specifically `transform`
  * styles), ensuring that when aria-hidden is removed, the focus rings are
- * correctly displayed in the final location of the elements.
+ * correctly displayed in the final location of the elements. This only
+ * applies to Android devices.
+ *
+ * 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;
-    /**
-     * 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');
+    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

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-11-19T00:44:42",
+  "timestamp": "2024-11-19T16:27:00",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.20.0",

package/dist/esm/index.js

@@ -12,7 +12,7 @@ export { c as componentOnReady } from './helpers-da915de8.js';
 export { I as IonicSafeString, g as getMode, s as setupConfig } from './config-49c88215.js';
 export { o as openURL } from './theme-01f3f29c.js';
 export { m as menuController } from './index-24b48b06.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-ef6070b3.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-74d44899.js';
 import './index-a5d50daf.js';
 import './index-28849c61.js';
 import './index-9b0d46f4.js';

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

@@ -5,7 +5,7 @@ import { r as registerInstance, d as createEvent, e as readTask, h, f as Host, i
 import { c as createButtonActiveGesture } from './button-active-f6503382.js';
 import { r as raf } from './helpers-da915de8.js';
 import { c as createLockController } from './lock-controller-316928be.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-ef6070b3.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-74d44899.js';
 import { g as getClassMap } from './theme-01f3f29c.js';
 import { b as getIonMode } from './ionic-global-c81d82ab.js';
 import { c as createAnimation } from './animation-eab5a4ca.js';

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

@@ -6,7 +6,7 @@ import { E as ENABLE_HTML_CONTENT_DEFAULT, a as sanitizeDOMString } from './conf
 import { c as createButtonActiveGesture } from './button-active-f6503382.js';
 import { r as raf } from './helpers-da915de8.js';
 import { c as createLockController } from './lock-controller-316928be.js';
-import { d as createDelegateController, e as createTriggerController, B as BACKDROP, i as isCancel, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod, s as safeCall } from './overlays-ef6070b3.js';
+import { d as createDelegateController, e as createTriggerController, B as BACKDROP, i as isCancel, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod, s as safeCall } from './overlays-74d44899.js';
 import { g as getClassMap } from './theme-01f3f29c.js';
 import { c as config, b as getIonMode } from './ionic-global-c81d82ab.js';
 import { c as createAnimation } from './animation-eab5a4ca.js';

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

@@ -11,7 +11,7 @@ import { c as chevronBack, o as chevronForward, l as chevronDown, p as caretUpSh
 import { b as getIonMode } from './ionic-global-c81d82ab.js';
 import { g as generateDayAriaLabel, a as getDay, i as isBefore, b as isAfter, c as isSameDay, d as getPreviousMonth, e as getNextMonth, v as validateParts, f as getPartsFromCalendarDay, h as getNextYear, j as getPreviousYear, k as getEndOfWeek, l as getStartOfWeek, m as getPreviousDay, n as getNextDay, o as getPreviousWeek, p as getNextWeek, q as parseMinParts, r as parseMaxParts, s as parseDate, w as warnIfValueOutOfBounds, t as convertToArrayOfNumbers, u as convertDataToISO, x as getToday, y as getClosestValidDate, z as generateMonths, A as getNumDaysInMonth, B as getCombinedDateColumnData, C as getMonthColumnData, D as getDayColumnData, E as getYearColumnData, F as isMonthFirstLocale, G as getTimeColumnsData, H as isLocaleDayPeriodRTL, I as getDaysOfWeek, J as getMonthAndYear, K as getDaysOfMonth, L as getHourCycle, M as getLocalizedTime, N as getLocalizedDateTime, O as formatValue, P as clampDate, Q as parseAmPm, R as calculateHourFromAMPM } from './data-ae11fd43.js';
 import { c as createLockController } from './lock-controller-316928be.js';
-import { d as createDelegateController, e as createTriggerController, B as BACKDROP, i as isCancel, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod, s as safeCall } from './overlays-ef6070b3.js';
+import { d as createDelegateController, e as createTriggerController, B as BACKDROP, i as isCancel, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod, s as safeCall } from './overlays-74d44899.js';
 import { c as createAnimation } from './animation-eab5a4ca.js';
 import { b as hapticSelectionChanged, h as hapticSelectionEnd, a as hapticSelectionStart } from './haptic-ac164e4c.js';
 import './index-a5d50daf.js';

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

@@ -5,7 +5,7 @@ import { r as registerInstance, d as createEvent, h, f as Host, i as getElement
 import { E as ENABLE_HTML_CONTENT_DEFAULT, a as sanitizeDOMString } from './config-49c88215.js';
 import { r as raf } from './helpers-da915de8.js';
 import { c as createLockController } from './lock-controller-316928be.js';
-import { d as createDelegateController, e as createTriggerController, B as BACKDROP, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod } from './overlays-ef6070b3.js';
+import { d as createDelegateController, e as createTriggerController, B as BACKDROP, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod } from './overlays-74d44899.js';
 import { g as getClassMap } from './theme-01f3f29c.js';
 import { c as config, b as getIonMode } from './ionic-global-c81d82ab.js';
 import { c as createAnimation } from './animation-eab5a4ca.js';

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

@@ -3,7 +3,7 @@
  */
 import { r as registerInstance, d as createEvent, h, f as Host, i as getElement } from './index-28849c61.js';
 import { g as getTimeGivenProgression } from './cubic-bezier-fe2083dc.js';
-import { o as getPresentedOverlay, B as BACKDROP, n as focusFirstDescendant, q as focusLastDescendant, G as GESTURE } from './overlays-ef6070b3.js';
+import { o as getPresentedOverlay, B as BACKDROP, n as focusFirstDescendant, q as focusLastDescendant, G as GESTURE } from './overlays-74d44899.js';
 import { G as GESTURE_CONTROLLER } from './gesture-controller-314a54f6.js';
 import { shouldUseCloseWatcher } from './hardware-back-button-06ef3c3e.js';
 import { n as isEndSide, i as inheritAriaAttributes, m as assert, j as clamp } from './helpers-da915de8.js';

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

@@ -8,7 +8,7 @@ import { g as getElementRoot, j as clamp, r as raf, h as inheritAttributes, k as
 import { c as createLockController } from './lock-controller-316928be.js';
 import { p as printIonWarning } from './index-9b0d46f4.js';
 import { g as getCapacitor } from './capacitor-59395cbd.js';
-import { G as GESTURE, O as OVERLAY_GESTURE_PRIORITY, F as FOCUS_TRAP_DISABLE_CLASS, e as createTriggerController, B as BACKDROP, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod } from './overlays-ef6070b3.js';
+import { G as GESTURE, O as OVERLAY_GESTURE_PRIORITY, F as FOCUS_TRAP_DISABLE_CLASS, e as createTriggerController, B as BACKDROP, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod } from './overlays-74d44899.js';
 import { g as getClassMap } from './theme-01f3f29c.js';
 import { e as deepReady, w as waitForMount } from './index-3ad7f18b.js';
 import { b as getIonMode, c as config } from './ionic-global-c81d82ab.js';

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

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, d as createEvent, h, f as Host, i as getElement } from './index-28849c61.js';
-import { B as BACKDROP, j as prepareOverlay, k as setOverlayId, f as present, n as focusFirstDescendant, g as dismiss, h as eventMethod, F as FOCUS_TRAP_DISABLE_CLASS } from './overlays-ef6070b3.js';
+import { B as BACKDROP, j as prepareOverlay, k as setOverlayId, f as present, n as focusFirstDescendant, g as dismiss, h as eventMethod, F as FOCUS_TRAP_DISABLE_CLASS } from './overlays-74d44899.js';
 import { C as CoreDelegate, a as attachComponent, d as detachComponent } from './framework-delegate-63d1a679.js';
 import { r as raf, g as getElementRoot, a as addEventListener, k as hasLazyBuild } from './helpers-da915de8.js';
 import { c as createLockController } from './lock-controller-316928be.js';

package/dist/esm/ion-select-modal.entry.js

@@ -3,7 +3,7 @@
  */
 import { r as registerInstance, h, j as forceUpdate, f as Host, i as getElement } from './index-28849c61.js';
 import { b as getIonMode } from './ionic-global-c81d82ab.js';
-import { s as safeCall } from './overlays-ef6070b3.js';
+import { s as safeCall } from './overlays-74d44899.js';
 import { g as getClassMap } from './theme-01f3f29c.js';
 import './index-a5d50daf.js';
 import './helpers-da915de8.js';

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

@@ -5,7 +5,7 @@ import { r as registerInstance, d as createEvent, h, f as Host, i as getElement,
 import { c as createNotchController } from './notch-controller-55b09e11.js';
 import { i as isOptionSelected, c as compareOptions } from './compare-with-utils-a96ff2ea.js';
 import { h as inheritAttributes, f as focusVisibleElement, d as renderHiddenInput } from './helpers-da915de8.js';
-import { c as popoverController, b as actionSheetController, a as alertController, m as modalController, s as safeCall } from './overlays-ef6070b3.js';
+import { c as popoverController, b as actionSheetController, a as alertController, m as modalController, s as safeCall } from './overlays-74d44899.js';
 import { i as isRTL } from './dir-babeabeb.js';
 import { h as hostContext, c as createColorClasses, g as getClassMap } from './theme-01f3f29c.js';
 import { w as watchForOptions } from './watch-options-c2911ace.js';

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

@@ -6,7 +6,7 @@ import { E as ENABLE_HTML_CONTENT_DEFAULT, a as sanitizeDOMString } from './conf
 import { g as getElementRoot, r as raf } from './helpers-da915de8.js';
 import { c as createLockController } from './lock-controller-316928be.js';
 import { p as printIonWarning } from './index-9b0d46f4.js';
-import { O as OVERLAY_GESTURE_PRIORITY, d as createDelegateController, e as createTriggerController, i as isCancel, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod, s as safeCall, G as GESTURE } from './overlays-ef6070b3.js';
+import { O as OVERLAY_GESTURE_PRIORITY, d as createDelegateController, e as createTriggerController, i as isCancel, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod, s as safeCall, G as GESTURE } from './overlays-74d44899.js';
 import { c as createColorClasses, g as getClassMap } from './theme-01f3f29c.js';
 import { c as config, b as getIonMode } from './ionic-global-c81d82ab.js';
 import { c as createAnimation } from './animation-eab5a4ca.js';

package/dist/esm/{overlays-ef6070b3.js → overlays-74d44899.js}

@@ -4,7 +4,7 @@
 import { d as doc } from './index-a5d50daf.js';
 import { f as focusVisibleElement, c as componentOnReady, a as addEventListener, b as removeEventListener, g as getElementRoot } from './helpers-da915de8.js';
 import { OVERLAY_BACK_BUTTON_PRIORITY, shouldUseCloseWatcher } from './hardware-back-button-06ef3c3e.js';
-import { b as getIonMode, c as config } from './ionic-global-c81d82ab.js';
+import { b as getIonMode, c as config, a as isPlatform } from './ionic-global-c81d82ab.js';
 import { C as CoreDelegate } from './framework-delegate-63d1a679.js';
 import { B as BACKDROP_NO_SCROLL } from './gesture-controller-314a54f6.js';
 import { p as printIonWarning } from './index-9b0d46f4.js';
@@ -512,6 +512,7 @@ const present = async (overlay, name, iosEnterAnimation, mdEnterAnimation, opts)
     }
     document.body.classList.add(BACKDROP_NO_SCROLL);
     hideUnderlyingOverlaysFromScreenReaders(overlay.el);
+    hideAnimatingOverlayFromScreenReaders(overlay.el);
     overlay.presented = true;
     overlay.willPresent.emit();
     (_a = overlay.willPresentShorthand) === null || _a === void 0 ? void 0 : _a.emit();
@@ -520,7 +521,6 @@ const present = async (overlay, name, iosEnterAnimation, mdEnterAnimation, opts)
     const animationBuilder = overlay.enterAnimation
         ? overlay.enterAnimation
         : config.get(name, mode === 'ios' ? iosEnterAnimation : mdEnterAnimation);
-    // hideAnimatingOverlayFromScreenReaders(overlay.el);
     const completed = await overlayAnimation(overlay, animationBuilder, overlay.el, opts);
     if (completed) {
         overlay.didPresent.emit();
@@ -695,24 +695,14 @@ const overlayAnimation = async (overlay, animationBuilder, baseEl, opts) => {
     if (!overlay.animated || !config.getBoolean('animated', true)) {
         animation.duration(0);
     }
-    animation.beforeAddWrite(() => {
-        console.log('beforeAddWrite');
-        baseEl.setAttribute('aria-hidden', 'true');
-        // add class 'test' to baseEl
-        baseEl.classList.add('test');
-        if (overlay.keyboardClose) {
+    if (overlay.keyboardClose) {
+        animation.beforeAddWrite(() => {
             const activeElement = baseEl.ownerDocument.activeElement;
             if (activeElement === null || activeElement === void 0 ? void 0 : activeElement.matches('input,ion-input, ion-textarea')) {
                 activeElement.blur();
             }
-        }
-    });
-    animation.afterAddWrite(() => {
-        baseEl.removeAttribute('aria-hidden');
-        // add test2 class to baseEl
-        baseEl.classList.add('test2');
-        console.log('afterAddWrite');
-    });
+        });
+    }
     const activeAni = activeAnimations.get(overlay) || [];
     activeAnimations.set(overlay, [...activeAni, animation]);
     await animation.play();
@@ -896,18 +886,26 @@ const createTriggerController = () => {
  * If the overlay is being presented, it prevents focus rings from appearing
  * in incorrect positions due to the transition (specifically `transform`
  * styles), ensuring that when aria-hidden is removed, the focus rings are
- * correctly displayed in the final location of the elements.
+ * correctly displayed in the final location of the elements. This only
+ * applies to Android devices.
+ *
+ * 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;
-    /**
-     * 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');
+    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

package/dist/esm-es5/index.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-export{c as createAnimation}from"./animation-eab5a4ca.js";export{a as LIFECYCLE_DID_ENTER,c as LIFECYCLE_DID_LEAVE,L as LIFECYCLE_WILL_ENTER,b as LIFECYCLE_WILL_LEAVE,d as LIFECYCLE_WILL_UNLOAD,g as getIonPageElement}from"./index-3ad7f18b.js";export{iosTransitionAnimation}from"./ios.transition-4ee1a3af.js";export{mdTransitionAnimation}from"./md.transition-5106a0d2.js";export{g as getTimeGivenProgression}from"./cubic-bezier-fe2083dc.js";export{createGesture}from"./index-39782642.js";export{g as getPlatforms,i as initialize,a as isPlatform}from"./ionic-global-c81d82ab.js";export{c as componentOnReady}from"./helpers-da915de8.js";export{I as IonicSafeString,g as getMode,s as setupConfig}from"./config-49c88215.js";export{o as openURL}from"./theme-01f3f29c.js";export{m as menuController}from"./index-24b48b06.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-ef6070b3.js";import"./index-a5d50daf.js";import"./index-28849c61.js";import"./index-9b0d46f4.js";import"./gesture-controller-314a54f6.js";import"./hardware-back-button-06ef3c3e.js";import"./framework-delegate-63d1a679.js";var IonicSlides=function(e){var o=e.swiper,t=e.extendParams;var s={effect:undefined,direction:"horizontal",initialSlide:0,loop:false,parallax:false,slidesPerView:1,spaceBetween:0,speed:300,slidesPerColumn:1,slidesPerColumnFill:"column",slidesPerGroup:1,centeredSlides:false,slidesOffsetBefore:0,slidesOffsetAfter:0,touchEventsTarget:"container",freeMode:false,freeModeMomentum:true,freeModeMomentumRatio:1,freeModeMomentumBounce:true,freeModeMomentumBounceRatio:1,freeModeMomentumVelocityRatio:1,freeModeSticky:false,freeModeMinimumVelocity:.02,autoHeight:false,setWrapperSize:false,zoom:{maxRatio:3,minRatio:1,toggle:false},touchRatio:1,touchAngle:45,simulateTouch:true,touchStartPreventDefault:false,shortSwipes:true,longSwipes:true,longSwipesRatio:.5,longSwipesMs:300,followFinger:true,threshold:0,touchMoveStopPropagation:true,touchReleaseOnEdges:false,iOSEdgeSwipeDetection:false,iOSEdgeSwipeThreshold:20,resistance:true,resistanceRatio:.85,watchSlidesProgress:false,watchSlidesVisibility:false,preventClicks:true,preventClicksPropagation:true,slideToClickedSlide:false,loopAdditionalSlides:0,noSwiping:true,runCallbacksOnInit:true,coverflowEffect:{rotate:50,stretch:0,depth:100,modifier:1,slideShadows:true},flipEffect:{slideShadows:true,limitRotation:true},cubeEffect:{slideShadows:true,shadow:true,shadowOffset:20,shadowScale:.94},fadeEffect:{crossFade:false},a11y:{prevSlideMessage:"Previous slide",nextSlideMessage:"Next slide",firstSlideMessage:"This is the first slide",lastSlideMessage:"This is the last slide"}};if(o.pagination){s.pagination={type:"bullets",clickable:false,hideOnClick:false}}if(o.scrollbar){s.scrollbar={hide:true}}t(s)};export{IonicSlides};
+export{c as createAnimation}from"./animation-eab5a4ca.js";export{a as LIFECYCLE_DID_ENTER,c as LIFECYCLE_DID_LEAVE,L as LIFECYCLE_WILL_ENTER,b as LIFECYCLE_WILL_LEAVE,d as LIFECYCLE_WILL_UNLOAD,g as getIonPageElement}from"./index-3ad7f18b.js";export{iosTransitionAnimation}from"./ios.transition-4ee1a3af.js";export{mdTransitionAnimation}from"./md.transition-5106a0d2.js";export{g as getTimeGivenProgression}from"./cubic-bezier-fe2083dc.js";export{createGesture}from"./index-39782642.js";export{g as getPlatforms,i as initialize,a as isPlatform}from"./ionic-global-c81d82ab.js";export{c as componentOnReady}from"./helpers-da915de8.js";export{I as IonicSafeString,g as getMode,s as setupConfig}from"./config-49c88215.js";export{o as openURL}from"./theme-01f3f29c.js";export{m as menuController}from"./index-24b48b06.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-74d44899.js";import"./index-a5d50daf.js";import"./index-28849c61.js";import"./index-9b0d46f4.js";import"./gesture-controller-314a54f6.js";import"./hardware-back-button-06ef3c3e.js";import"./framework-delegate-63d1a679.js";var IonicSlides=function(e){var o=e.swiper,t=e.extendParams;var s={effect:undefined,direction:"horizontal",initialSlide:0,loop:false,parallax:false,slidesPerView:1,spaceBetween:0,speed:300,slidesPerColumn:1,slidesPerColumnFill:"column",slidesPerGroup:1,centeredSlides:false,slidesOffsetBefore:0,slidesOffsetAfter:0,touchEventsTarget:"container",freeMode:false,freeModeMomentum:true,freeModeMomentumRatio:1,freeModeMomentumBounce:true,freeModeMomentumBounceRatio:1,freeModeMomentumVelocityRatio:1,freeModeSticky:false,freeModeMinimumVelocity:.02,autoHeight:false,setWrapperSize:false,zoom:{maxRatio:3,minRatio:1,toggle:false},touchRatio:1,touchAngle:45,simulateTouch:true,touchStartPreventDefault:false,shortSwipes:true,longSwipes:true,longSwipesRatio:.5,longSwipesMs:300,followFinger:true,threshold:0,touchMoveStopPropagation:true,touchReleaseOnEdges:false,iOSEdgeSwipeDetection:false,iOSEdgeSwipeThreshold:20,resistance:true,resistanceRatio:.85,watchSlidesProgress:false,watchSlidesVisibility:false,preventClicks:true,preventClicksPropagation:true,slideToClickedSlide:false,loopAdditionalSlides:0,noSwiping:true,runCallbacksOnInit:true,coverflowEffect:{rotate:50,stretch:0,depth:100,modifier:1,slideShadows:true},flipEffect:{slideShadows:true,limitRotation:true},cubeEffect:{slideShadows:true,shadow:true,shadowOffset:20,shadowScale:.94},fadeEffect:{crossFade:false},a11y:{prevSlideMessage:"Previous slide",nextSlideMessage:"Next slide",firstSlideMessage:"This is the first slide",lastSlideMessage:"This is the last slide"}};if(o.pagination){s.pagination={type:"bullets",clickable:false,hideOnClick:false}}if(o.scrollbar){s.scrollbar={hide:true}}t(s)};export{IonicSlides};