@ionic/core 7.7.5-dev.11710260658.1fc29a6c → 7.7.5-dev.11710347256.1954cae9

package/components/hardware-back-button.js

@@ -16,7 +16,7 @@ import { c as config } from './ionic-global.js';
  * moment this file is evaluated which could be
  * before the config is set.
  */
-const shoudUseCloseWatcher = () => config.get('experimentalCloseWatcher', false) && win !== undefined && 'CloseWatcher' in win;
+const shouldUseCloseWatcher = () => config.get('experimentalCloseWatcher', false) && win !== undefined && 'CloseWatcher' in win;
 /**
  * When hardwareBackButton: false in config,
  * we need to make sure we also block the default
@@ -86,7 +86,7 @@ const startHardwareBackButton = () => {
      * backbutton event otherwise we may get duplicate
      * events firing.
      */
-    if (shoudUseCloseWatcher()) {
+    if (shouldUseCloseWatcher()) {
         let watcher;
         const configureWatcher = () => {
             watcher === null || watcher === void 0 ? void 0 : watcher.destroy();
@@ -112,4 +112,4 @@ const startHardwareBackButton = () => {
 const OVERLAY_BACK_BUTTON_PRIORITY = 100;
 const MENU_BACK_BUTTON_PRIORITY = 99; // 1 less than overlay priority since menu is displayed behind overlays
 
-export { MENU_BACK_BUTTON_PRIORITY, OVERLAY_BACK_BUTTON_PRIORITY, blockHardwareBackButton, shoudUseCloseWatcher, startHardwareBackButton };
+export { MENU_BACK_BUTTON_PRIORITY, OVERLAY_BACK_BUTTON_PRIORITY, blockHardwareBackButton, shouldUseCloseWatcher, startHardwareBackButton };

package/components/ion-app.js

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { proxyCustomElement, HTMLElement, Build, h, Host } from '@stencil/core/internal/client';
-import { shoudUseCloseWatcher } from './hardware-back-button.js';
+import { shouldUseCloseWatcher } from './hardware-back-button.js';
 import { p as printIonWarning } from './index6.js';
 import { b as getIonMode, c as config, a as isPlatform } from './ionic-global.js';
 
@@ -33,7 +33,7 @@ const App = /*@__PURE__*/ proxyCustomElement(class App extends HTMLElement {
                     import('./input-shims.js').then((module) => module.startInputShims(config, platform));
                 }
                 const hardwareBackButtonModule = await import('./hardware-back-button.js');
-                const supportsHardwareBackButtonEvents = isHybrid || shoudUseCloseWatcher();
+                const supportsHardwareBackButtonEvents = isHybrid || shouldUseCloseWatcher();
                 if (config.getBoolean('hardwareBackButton', supportsHardwareBackButtonEvents)) {
                     hardwareBackButtonModule.startHardwareBackButton();
                 }
@@ -42,7 +42,7 @@ const App = /*@__PURE__*/ proxyCustomElement(class App extends HTMLElement {
                      * If an app sets hardwareBackButton: false and experimentalCloseWatcher: true
                      * then the close watcher will not be used.
                      */
-                    if (shoudUseCloseWatcher()) {
+                    if (shouldUseCloseWatcher()) {
                         printIonWarning('experimentalCloseWatcher was set to `true`, but hardwareBackButton was set to `false`. Both config options must be `true` for the Close Watcher API to be used.');
                     }
                     hardwareBackButtonModule.blockHardwareBackButton();
@@ -71,7 +71,7 @@ const App = /*@__PURE__*/ proxyCustomElement(class App extends HTMLElement {
     }
     render() {
         const mode = getIonMode(this);
-        return (h(Host, { key: '3535eb5c0dab78a78011e552524a98599b2b650f', class: {
+        return (h(Host, { key: '0ac01df6d90d8185017e1f8e8f02cdf407e6c94b', class: {
                 [mode]: true,
                 'ion-page': true,
                 'force-statusbar-padding': config.getBoolean('_forceStatusbarPadding'),

package/components/ion-menu.js

@@ -4,7 +4,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, Build, h, Host } from '@stencil/core/internal/client';
 import { g as getTimeGivenProgression } from './cubic-bezier.js';
 import { G as GESTURE_CONTROLLER } from './gesture-controller.js';
-import { shoudUseCloseWatcher } from './hardware-back-button.js';
+import { shouldUseCloseWatcher } from './hardware-back-button.js';
 import { o as isEndSide, i as inheritAriaAttributes, p as assert, m as clamp } from './helpers.js';
 import { m as menuController } from './index4.js';
 import { o as getPresentedOverlay } from './overlays.js';
@@ -612,13 +612,13 @@ const Menu = /*@__PURE__*/ proxyCustomElement(class Menu extends HTMLElement {
          * the ionBackButton listener in the menu controller
          * will handle closing the menu when Escape is pressed.
          */
-        return (h(Host, { key: 'be7145625a30951e5cc26646f6121ee4fa4c910f', onKeyDown: shoudUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
+        return (h(Host, { key: 'c6bf01fd87e31cda09c0c35900cb01ea19d61781', onKeyDown: shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
                 [mode]: true,
                 [`menu-type-${type}`]: true,
                 'menu-enabled': !disabled,
                 [`menu-side-${side}`]: true,
                 'menu-pane-visible': isPaneVisible,
-            } }, h("div", { key: 'ecd6e0641ed67691db270190801f7be365a2d121', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, h("slot", { key: 'aea3780e259f2b3ea84697a509bb7f13fa9531e9' })), h("ion-backdrop", { key: 'be3253506a34c4c00eb1814621c674196b72db46', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
+            } }, h("div", { key: '6d818a470a74c11c10554d45d8586436a51f961e', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, h("slot", { key: '3512e444ec6c6bf2a719b1dd713be9a7652f77c9' })), h("ion-backdrop", { key: '618a5316462406fa47929e4dcd5a8e8c9057a418', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/overlays.js

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { d as doc } from './index5.js';
-import { OVERLAY_BACK_BUTTON_PRIORITY, shoudUseCloseWatcher } from './hardware-back-button.js';
+import { OVERLAY_BACK_BUTTON_PRIORITY, shouldUseCloseWatcher } from './hardware-back-button.js';
 import { b as getIonMode, c as config } from './ionic-global.js';
 import { C as CoreDelegate } from './framework-delegate.js';
 import { c as componentOnReady, f as focusVisibleElement, a as addEventListener, b as removeEventListener, g as getElementRoot } from './helpers.js';
@@ -364,7 +364,7 @@ const connectListeners = (doc) => {
          * this behavior will be handled via the ionBackButton
          * event.
          */
-        if (!shoudUseCloseWatcher()) {
+        if (!shouldUseCloseWatcher()) {
             doc.addEventListener('keydown', (ev) => {
                 if (ev.key === 'Escape') {
                     const lastOverlay = getPresentedOverlay(doc);
@@ -812,15 +812,12 @@ const hideOverlaysFromScreenReaders = (newTopMostOverlay) => {
     for (let i = overlays.length - 1; i >= 0; i--) {
         const presentedOverlay = overlays[i];
         const nextPresentedOverlay = (_a = overlays[i + 1]) !== null && _a !== void 0 ? _a : newTopMostOverlay;
-        // If next overlay has aria-hidden then all remaining overlays will have it too.
-        if (nextPresentedOverlay.hasAttribute('aria-hidden')) {
-            presentedOverlay.setAttribute('aria-hidden', 'true');
-            /**
-             * If the next overlay is a Toast this does not have aria-hidden then current overlay
-             * should not have aria-hidden either so focus can remain in the current overlay.
-             */
-        }
-        else if (nextPresentedOverlay.tagName !== 'ION-TOAST') {
+        /**
+         * If next overlay has aria-hidden then all remaining overlays will have it too.
+         * Or, if the next overlay is a Toast that does not have aria-hidden then current overlay
+         * should not have aria-hidden either so focus can remain in the current overlay.
+         */
+        if (nextPresentedOverlay.hasAttribute('aria-hidden') || nextPresentedOverlay.tagName !== 'ION-TOAST') {
             presentedOverlay.setAttribute('aria-hidden', 'true');
         }
     }
@@ -833,7 +830,6 @@ const hideOverlaysFromScreenReaders = (newTopMostOverlay) => {
 const revealOverlaysToScreenReaders = () => {
     if (doc === undefined)
         return;
-    // If there are other overlays presented, unhide the new topmost one from screen readers.
     const overlays = getPresentedOverlays(doc);
     for (let i = overlays.length - 1; i >= 0; i--) {
         const currentOverlay = overlays[i];
@@ -843,16 +839,13 @@ const revealOverlaysToScreenReaders = () => {
          * could be more Toasts underneath. Additionally, we need to unhide the closest non-Toast
          * overlay too so focus can move there since focus is never automatically moved to the Toast.
          */
-        if (currentOverlay.tagName === 'ION-TOAST') {
-            currentOverlay.removeAttribute('aria-hidden');
-            /**
-             * If we found a non-Toast element then we can just remove aria-hidden and stop searching entirely
-             * since this overlay should always receive focus. As a result, all underlying overlays should still
-             * be hidden from screen readers.
-             */
-        }
-        else {
-            currentOverlay.removeAttribute('aria-hidden');
+        currentOverlay.removeAttribute('aria-hidden');
+        /**
+         * If we found a non-Toast element then we can just remove aria-hidden and stop searching entirely
+         * since this overlay should always receive focus. As a result, all underlying overlays should still
+         * be hidden from screen readers.
+         */
+        if (currentOverlay.tagName !== 'ION-TOAST') {
             break;
         }
     }

package/components/picker-column-internal.js

@@ -250,7 +250,11 @@ const PickerColumnInternal = /*@__PURE__*/ proxyCustomElement(class PickerColumn
      */
     componentWillLoad() {
         const visibleCallback = (entries) => {
-            const ev = entries[0];
+            /**
+             * Browsers will sometimes coalesce (group together) multiple IO events into a single callback.
+             * As a result, we want to grab the last/most recent event in case there are multiple events.
+             */
+            const ev = entries[entries.length - 1];
             if (ev.isIntersecting) {
                 const { activeItem, el } = this;
                 this.isColumnVisible = true;
@@ -339,18 +343,18 @@ const PickerColumnInternal = /*@__PURE__*/ proxyCustomElement(class PickerColumn
          * the attribute can be moved to datetime.tsx and set on every
          * instance of ion-picker-column-internal there instead.
          */
-        return (h(Host, { key: 'd0e3818aa4ab06aefd988d1b42ae754244727b8f', exportparts: `${PICKER_ITEM_PART}, ${PICKER_ITEM_ACTIVE_PART}`, disabled: pickerDisabled, tabindex: pickerDisabled ? null : 0, class: createColorClasses(color, {
+        return (h(Host, { key: 'd3aacad7f4f7a1203a6c9821165b343def3fadef', exportparts: `${PICKER_ITEM_PART}, ${PICKER_ITEM_ACTIVE_PART}`, disabled: pickerDisabled, tabindex: pickerDisabled ? null : 0, class: createColorClasses(color, {
                 [mode]: true,
                 ['picker-column-active']: isActive,
                 ['picker-column-numeric-input']: numericInput,
-            }) }, h("div", { key: 'ec3b16415db5f64e3fab37fda023560ebcdc9423', class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: '40c78c9a1277807572d73e23048c2730cab88f5a', class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: 'c51fa817f6999356cf3568a46098e954936b45d5', class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0"), items.map((item, index) => {
+            }) }, h("div", { key: 'bd94fd7f95916e8388312d8b9eaad52cfe221e2c', class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: '26caf80bd2ff0ef64a84b8b58b7988c676f36471', class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: '1a9e995fadb6fddd8862a74fa4003c419be7db38', class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0"), items.map((item, index) => {
             const isItemDisabled = pickerDisabled || item.disabled || false;
             return (h("button", { tabindex: "-1", class: {
                     'picker-item': true,
                 }, "data-value": item.value, "data-index": index, onClick: (ev) => {
                     this.centerPickerItemInView(ev.target, true);
                 }, disabled: isItemDisabled, part: PICKER_ITEM_PART }, item.text));
-        }), h("div", { key: '80a7461dfe571f46466219b05007b021711aed32', class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: 'fed82263295f58c51e2b753d0c06c7d71872b8a7', class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: 'e805dff4122cc4e5fb4d7dcb96054fee8ad3bd07', class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0")));
+        }), h("div", { key: '19b71b6b54768629815688599be2b6d35678f676', class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: '33ddc27eac97b297cc6ed69bf780324fc9514bd7', class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0"), h("div", { key: 'b91729c45d9d64b928b227d4f529cfccd45a768b', class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0")));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/cjs/{hardware-back-button-1d378ca9.js → hardware-back-button-b84c0758.js}

@@ -19,7 +19,7 @@ require('./index-c42c9063.js');
  * moment this file is evaluated which could be
  * before the config is set.
  */
-const shoudUseCloseWatcher = () => ionicGlobal.config.get('experimentalCloseWatcher', false) && index.win !== undefined && 'CloseWatcher' in index.win;
+const shouldUseCloseWatcher = () => ionicGlobal.config.get('experimentalCloseWatcher', false) && index.win !== undefined && 'CloseWatcher' in index.win;
 /**
  * When hardwareBackButton: false in config,
  * we need to make sure we also block the default
@@ -89,7 +89,7 @@ const startHardwareBackButton = () => {
      * backbutton event otherwise we may get duplicate
      * events firing.
      */
-    if (shoudUseCloseWatcher()) {
+    if (shouldUseCloseWatcher()) {
         let watcher;
         const configureWatcher = () => {
             watcher === null || watcher === void 0 ? void 0 : watcher.destroy();
@@ -118,5 +118,5 @@ const MENU_BACK_BUTTON_PRIORITY = 99; // 1 less than overlay priority since menu
 exports.MENU_BACK_BUTTON_PRIORITY = MENU_BACK_BUTTON_PRIORITY;
 exports.OVERLAY_BACK_BUTTON_PRIORITY = OVERLAY_BACK_BUTTON_PRIORITY;
 exports.blockHardwareBackButton = blockHardwareBackButton;
-exports.shoudUseCloseWatcher = shoudUseCloseWatcher;
+exports.shouldUseCloseWatcher = shouldUseCloseWatcher;
 exports.startHardwareBackButton = startHardwareBackButton;

package/dist/cjs/{index-04f3624f.js → index-676a122f.js}

@@ -4,7 +4,7 @@
 'use strict';
 
 const index$1 = require('./index-c8d52405.js');
-const hardwareBackButton = require('./hardware-back-button-1d378ca9.js');
+const hardwareBackButton = require('./hardware-back-button-b84c0758.js');
 const index = require('./index-5915f9b3.js');
 const helpers = require('./helpers-da4c0ed1.js');
 const ionicGlobal = require('./ionic-global-34d0d04a.js');

package/dist/cjs/index.cjs.js

@@ -15,12 +15,12 @@ const ionicGlobal = require('./ionic-global-34d0d04a.js');
 const helpers = require('./helpers-da4c0ed1.js');
 const config = require('./config-4f60b98a.js');
 const theme = require('./theme-d1c573d2.js');
-const index$2 = require('./index-04f3624f.js');
-const overlays = require('./overlays-dd5e1ec9.js');
+const index$2 = require('./index-676a122f.js');
+const overlays = require('./overlays-d32575f9.js');
 require('./index-c8d52405.js');
 require('./index-c42c9063.js');
 require('./gesture-controller-c40c045a.js');
-require('./hardware-back-button-1d378ca9.js');
+require('./hardware-back-button-b84c0758.js');
 require('./index-5915f9b3.js');
 require('./framework-delegate-e0e13baa.js');
 

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

@@ -9,7 +9,7 @@ const index = require('./index-c42c9063.js');
 const buttonActive = require('./button-active-e74be007.js');
 const helpers = require('./helpers-da4c0ed1.js');
 const lockController = require('./lock-controller-6585a42a.js');
-const overlays = require('./overlays-dd5e1ec9.js');
+const overlays = require('./overlays-d32575f9.js');
 const theme = require('./theme-d1c573d2.js');
 const ionicGlobal = require('./ionic-global-34d0d04a.js');
 const animation = require('./animation-c2840aea.js');
@@ -18,7 +18,7 @@ require('./capacitor-c04564bf.js');
 require('./index-c8d52405.js');
 require('./index-d1b59ffa.js');
 require('./gesture-controller-c40c045a.js');
-require('./hardware-back-button-1d378ca9.js');
+require('./hardware-back-button-b84c0758.js');
 require('./framework-delegate-e0e13baa.js');
 require('./index-5915f9b3.js');
 

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

@@ -10,7 +10,7 @@ const config = require('./config-4f60b98a.js');
 const buttonActive = require('./button-active-e74be007.js');
 const helpers = require('./helpers-da4c0ed1.js');
 const lockController = require('./lock-controller-6585a42a.js');
-const overlays = require('./overlays-dd5e1ec9.js');
+const overlays = require('./overlays-d32575f9.js');
 const theme = require('./theme-d1c573d2.js');
 const ionicGlobal = require('./ionic-global-34d0d04a.js');
 const animation = require('./animation-c2840aea.js');
@@ -19,7 +19,7 @@ require('./capacitor-c04564bf.js');
 require('./index-c8d52405.js');
 require('./index-d1b59ffa.js');
 require('./gesture-controller-c40c045a.js');
-require('./hardware-back-button-1d378ca9.js');
+require('./hardware-back-button-b84c0758.js');
 require('./framework-delegate-e0e13baa.js');
 require('./index-5915f9b3.js');
 

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

@@ -6,7 +6,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c42c9063.js');
-const hardwareBackButton = require('./hardware-back-button-1d378ca9.js');
+const hardwareBackButton = require('./hardware-back-button-b84c0758.js');
 const index$1 = require('./index-5915f9b3.js');
 const ionicGlobal = require('./ionic-global-34d0d04a.js');
 const helpers = require('./helpers-da4c0ed1.js');
@@ -47,8 +47,8 @@ const App = class {
                     const platform = ionicGlobal.isPlatform(window, 'ios') ? 'ios' : 'android';
                     Promise.resolve().then(function () { return require('./input-shims-a9a85bb9.js'); }).then((module) => module.startInputShims(ionicGlobal.config, platform));
                 }
-                const hardwareBackButtonModule = await Promise.resolve().then(function () { return require('./hardware-back-button-1d378ca9.js'); });
-                const supportsHardwareBackButtonEvents = isHybrid || hardwareBackButton.shoudUseCloseWatcher();
+                const hardwareBackButtonModule = await Promise.resolve().then(function () { return require('./hardware-back-button-b84c0758.js'); });
+                const supportsHardwareBackButtonEvents = isHybrid || hardwareBackButton.shouldUseCloseWatcher();
                 if (ionicGlobal.config.getBoolean('hardwareBackButton', supportsHardwareBackButtonEvents)) {
                     hardwareBackButtonModule.startHardwareBackButton();
                 }
@@ -57,7 +57,7 @@ const App = class {
                      * If an app sets hardwareBackButton: false and experimentalCloseWatcher: true
                      * then the close watcher will not be used.
                      */
-                    if (hardwareBackButton.shoudUseCloseWatcher()) {
+                    if (hardwareBackButton.shouldUseCloseWatcher()) {
                         index$1.printIonWarning('experimentalCloseWatcher was set to `true`, but hardwareBackButton was set to `false`. Both config options must be `true` for the Close Watcher API to be used.');
                     }
                     hardwareBackButtonModule.blockHardwareBackButton();
@@ -86,7 +86,7 @@ const App = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '3535eb5c0dab78a78011e552524a98599b2b650f', class: {
+        return (index.h(index.Host, { key: '0ac01df6d90d8185017e1f8e8f02cdf407e6c94b', class: {
                 [mode]: true,
                 'ion-page': true,
                 'force-statusbar-padding': ionicGlobal.config.getBoolean('_forceStatusbarPadding'),

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

@@ -15,11 +15,11 @@ const index$2 = require('./index-f52c6d38.js');
 const ionicGlobal = require('./ionic-global-34d0d04a.js');
 const data = require('./data-a5109f09.js');
 const lockController = require('./lock-controller-6585a42a.js');
-const overlays = require('./overlays-dd5e1ec9.js');
+const overlays = require('./overlays-d32575f9.js');
 const animation = require('./animation-c2840aea.js');
 const haptic = require('./haptic-b882e0bb.js');
 require('./index-c8d52405.js');
-require('./hardware-back-button-1d378ca9.js');
+require('./hardware-back-button-b84c0758.js');
 require('./framework-delegate-e0e13baa.js');
 require('./capacitor-c04564bf.js');
 

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

@@ -9,12 +9,12 @@ const index = require('./index-c42c9063.js');
 const config = require('./config-4f60b98a.js');
 const helpers = require('./helpers-da4c0ed1.js');
 const lockController = require('./lock-controller-6585a42a.js');
-const overlays = require('./overlays-dd5e1ec9.js');
+const overlays = require('./overlays-d32575f9.js');
 const theme = require('./theme-d1c573d2.js');
 const ionicGlobal = require('./ionic-global-34d0d04a.js');
 const animation = require('./animation-c2840aea.js');
 require('./index-c8d52405.js');
-require('./hardware-back-button-1d378ca9.js');
+require('./hardware-back-button-b84c0758.js');
 require('./framework-delegate-e0e13baa.js');
 require('./index-5915f9b3.js');
 

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

@@ -8,10 +8,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-c42c9063.js');
 const cubicBezier = require('./cubic-bezier-f2dccc53.js');
 const gestureController = require('./gesture-controller-c40c045a.js');
-const hardwareBackButton = require('./hardware-back-button-1d378ca9.js');
+const hardwareBackButton = require('./hardware-back-button-b84c0758.js');
 const helpers = require('./helpers-da4c0ed1.js');
-const index$1 = require('./index-04f3624f.js');
-const overlays = require('./overlays-dd5e1ec9.js');
+const index$1 = require('./index-676a122f.js');
+const overlays = require('./overlays-d32575f9.js');
 const ionicGlobal = require('./ionic-global-34d0d04a.js');
 const theme = require('./theme-d1c573d2.js');
 const index$2 = require('./index-f52c6d38.js');
@@ -616,13 +616,13 @@ const Menu = class {
          * the ionBackButton listener in the menu controller
          * will handle closing the menu when Escape is pressed.
          */
-        return (index.h(index.Host, { key: 'be7145625a30951e5cc26646f6121ee4fa4c910f', onKeyDown: hardwareBackButton.shoudUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
+        return (index.h(index.Host, { key: 'c6bf01fd87e31cda09c0c35900cb01ea19d61781', onKeyDown: hardwareBackButton.shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
                 [mode]: true,
                 [`menu-type-${type}`]: true,
                 'menu-enabled': !disabled,
                 [`menu-side-${side}`]: true,
                 'menu-pane-visible': isPaneVisible,
-            } }, index.h("div", { key: 'ecd6e0641ed67691db270190801f7be365a2d121', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, index.h("slot", { key: 'aea3780e259f2b3ea84697a509bb7f13fa9531e9' })), index.h("ion-backdrop", { key: 'be3253506a34c4c00eb1814621c674196b72db46', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
+            } }, index.h("div", { key: '6d818a470a74c11c10554d45d8586436a51f961e', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, index.h("slot", { key: '3512e444ec6c6bf2a719b1dd713be9a7652f77c9' })), index.h("ion-backdrop", { key: '618a5316462406fa47929e4dcd5a8e8c9057a418', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -12,7 +12,7 @@ const helpers = require('./helpers-da4c0ed1.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-dd5e1ec9.js');
+const overlays = require('./overlays-d32575f9.js');
 const theme = require('./theme-d1c573d2.js');
 const index$5 = require('./index-ccddf5be.js');
 const ionicGlobal = require('./ionic-global-34d0d04a.js');
@@ -21,7 +21,7 @@ const animation = require('./animation-c2840aea.js');
 const cubicBezier = require('./cubic-bezier-f2dccc53.js');
 const index$1 = require('./index-d1b59ffa.js');
 const index = require('./index-c8d52405.js');
-require('./hardware-back-button-1d378ca9.js');
+require('./hardware-back-button-b84c0758.js');
 require('./keyboard-0272231f.js');
 require('./gesture-controller-c40c045a.js');
 

package/dist/cjs/ion-picker-column-internal.cjs.entry.js

@@ -254,7 +254,11 @@ const PickerColumnInternal = class {
      */
     componentWillLoad() {
         const visibleCallback = (entries) => {
-            const ev = entries[0];
+            /**
+             * Browsers will sometimes coalesce (group together) multiple IO events into a single callback.
+             * As a result, we want to grab the last/most recent event in case there are multiple events.
+             */
+            const ev = entries[entries.length - 1];
             if (ev.isIntersecting) {
                 const { activeItem, el } = this;
                 this.isColumnVisible = true;
@@ -343,18 +347,18 @@ const PickerColumnInternal = class {
          * the attribute can be moved to datetime.tsx and set on every
          * instance of ion-picker-column-internal there instead.
          */
-        return (index.h(index.Host, { key: 'd0e3818aa4ab06aefd988d1b42ae754244727b8f', exportparts: `${PICKER_ITEM_PART}, ${PICKER_ITEM_ACTIVE_PART}`, disabled: pickerDisabled, tabindex: pickerDisabled ? null : 0, class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: 'd3aacad7f4f7a1203a6c9821165b343def3fadef', exportparts: `${PICKER_ITEM_PART}, ${PICKER_ITEM_ACTIVE_PART}`, disabled: pickerDisabled, tabindex: pickerDisabled ? null : 0, class: theme.createColorClasses(color, {
                 [mode]: true,
                 ['picker-column-active']: isActive,
                 ['picker-column-numeric-input']: numericInput,
-            }) }, index.h("div", { key: 'ec3b16415db5f64e3fab37fda023560ebcdc9423', class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '40c78c9a1277807572d73e23048c2730cab88f5a', class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: 'c51fa817f6999356cf3568a46098e954936b45d5', class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0"), items.map((item, index$1) => {
+            }) }, index.h("div", { key: 'bd94fd7f95916e8388312d8b9eaad52cfe221e2c', class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '26caf80bd2ff0ef64a84b8b58b7988c676f36471', class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '1a9e995fadb6fddd8862a74fa4003c419be7db38', class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0"), items.map((item, index$1) => {
             const isItemDisabled = pickerDisabled || item.disabled || false;
             return (index.h("button", { tabindex: "-1", class: {
                     'picker-item': true,
                 }, "data-value": item.value, "data-index": index$1, onClick: (ev) => {
                     this.centerPickerItemInView(ev.target, true);
                 }, disabled: isItemDisabled, part: PICKER_ITEM_PART }, item.text));
-        }), index.h("div", { key: '80a7461dfe571f46466219b05007b021711aed32', class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: 'fed82263295f58c51e2b753d0c06c7d71872b8a7', class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: 'e805dff4122cc4e5fb4d7dcb96054fee8ad3bd07', class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0")));
+        }), index.h("div", { key: '19b71b6b54768629815688599be2b6d35678f676', class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '33ddc27eac97b297cc6ed69bf780324fc9514bd7', class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: 'b91729c45d9d64b928b227d4f529cfccd45a768b', class: "picker-item picker-item-empty", "aria-hidden": "true" }, "\u00A0")));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -10,13 +10,13 @@ const frameworkDelegate = require('./framework-delegate-e0e13baa.js');
 const helpers = require('./helpers-da4c0ed1.js');
 const lockController = require('./lock-controller-6585a42a.js');
 const index$1 = require('./index-5915f9b3.js');
-const overlays = require('./overlays-dd5e1ec9.js');
+const overlays = require('./overlays-d32575f9.js');
 const ionicGlobal = require('./ionic-global-34d0d04a.js');
 const theme = require('./theme-d1c573d2.js');
 const index$2 = require('./index-ccddf5be.js');
 const animation = require('./animation-c2840aea.js');
 require('./index-c8d52405.js');
-require('./hardware-back-button-1d378ca9.js');
+require('./hardware-back-button-b84c0758.js');
 
 /**
  * Returns the dimensions of the popover

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

@@ -11,14 +11,14 @@ const notchController = require('./notch-controller-bfbcbb7a.js');
 const compareWithUtils = require('./compare-with-utils-df1001d7.js');
 const helpers = require('./helpers-da4c0ed1.js');
 const index$1 = require('./index-5915f9b3.js');
-const overlays = require('./overlays-dd5e1ec9.js');
+const overlays = require('./overlays-d32575f9.js');
 const dir = require('./dir-94c21456.js');
 const theme = require('./theme-d1c573d2.js');
 const watchOptions = require('./watch-options-f5f3e158.js');
 const index$2 = require('./index-f52c6d38.js');
 const ionicGlobal = require('./ionic-global-34d0d04a.js');
 require('./index-c8d52405.js');
-require('./hardware-back-button-1d378ca9.js');
+require('./hardware-back-button-b84c0758.js');
 require('./framework-delegate-e0e13baa.js');
 
 const selectIosCss = ":host{--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--placeholder-color:currentColor;--placeholder-opacity:0.6;--background:transparent;--border-style:solid;--highlight-color-focused:var(--ion-color-primary, #3880ff);--highlight-color-valid:var(--ion-color-success, #2dd36f);--highlight-color-invalid:var(--ion-color-danger, #eb445a);--highlight-color:var(--highlight-color-focused);display:block;position:relative;font-family:var(--ion-font-family, inherit);white-space:nowrap;cursor:pointer;z-index:2}:host(:not(.legacy-select)){width:100%;min-height:44px}:host(.select-label-placement-floating),:host(.select-label-placement-stacked){min-height:56px}:host(.ion-color){--highlight-color-focused:var(--ion-color-base)}:host(.legacy-select){-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow:hidden}:host(.in-item:not(.legacy-select)){-ms-flex:1 1 0px;flex:1 1 0}:host(.in-item.legacy-select){position:static;max-width:45%}:host(.select-disabled){pointer-events:none}:host(.ion-focused) button{border:2px solid #5e9ed6}:host([slot=start]:not(.legacy-select)),:host([slot=end]:not(.legacy-select)){width:auto}.select-placeholder{color:var(--placeholder-color);opacity:var(--placeholder-opacity)}:host(.legacy-select) label{top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0}@supports (inset-inline-start: 0){:host(.legacy-select) label{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host(.legacy-select) label{left:0}:host-context([dir=rtl]):host(.legacy-select) label,:host-context([dir=rtl]).legacy-select label{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host(.legacy-select:dir(rtl)) label{left:unset;right:unset;right:0}}}:host(.legacy-select) label::-moz-focus-inner{border:0}button{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}.select-icon{-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0;position:relative;-ms-flex-negative:0;flex-shrink:0}:host(.in-item-color) .select-icon{color:inherit}:host(.select-label-placement-stacked) .select-icon,:host(.select-label-placement-floating) .select-icon{position:absolute;height:100%}:host(.select-ltr.select-label-placement-stacked) .select-icon,:host(.select-ltr.select-label-placement-floating) .select-icon{right:var(--padding-end, 0)}:host(.select-rtl.select-label-placement-stacked) .select-icon,:host(.select-rtl.select-label-placement-floating) .select-icon{left:var(--padding-start, 0)}.select-text{-ms-flex:1;flex:1;min-width:16px;font-size:inherit;text-overflow:ellipsis;white-space:inherit;overflow:hidden}.select-wrapper{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;height:inherit;min-height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;background:var(--background);line-height:normal;cursor:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}.select-wrapper .select-placeholder{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.select-wrapper-inner{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow:hidden}:host(.select-label-placement-stacked) .select-wrapper-inner,:host(.select-label-placement-floating) .select-wrapper-inner{-ms-flex-positive:1;flex-grow:1}:host(.ion-touched.ion-invalid){--highlight-color:var(--highlight-color-invalid)}:host(.ion-valid){--highlight-color:var(--highlight-color-valid)}.label-text-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:200px;-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none}.label-text,::slotted([slot=label]){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden,.select-outline-notch-hidden{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden}:host(.select-justify-space-between) .select-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.select-justify-start) .select-wrapper{-ms-flex-pack:start;justify-content:start}:host(.select-justify-end) .select-wrapper{-ms-flex-pack:end;justify-content:end}:host(.select-label-placement-start) .select-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.select-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.select-label-placement-end) .select-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.select-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}:host(.select-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.select-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.select-label-placement-stacked) .select-wrapper,:host(.select-label-placement-floating) .select-wrapper{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}:host(.select-label-placement-stacked) .label-text-wrapper,:host(.select-label-placement-floating) .label-text-wrapper{max-width:100%}:host(.select-ltr.select-label-placement-stacked) .label-text-wrapper,:host(.select-ltr.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host(.select-rtl.select-label-placement-stacked) .label-text-wrapper,:host(.select-rtl.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}:host(.select-label-placement-stacked) .native-wrapper,:host(.select-label-placement-floating) .native-wrapper{margin-left:0;margin-right:0;margin-top:1px;margin-bottom:0;-ms-flex-positive:1;flex-grow:1;width:100%}:host(.select-label-placement-floating) .label-text-wrapper{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}:host(.select-label-placement-floating:not(.label-floating)) .native-wrapper .select-placeholder{opacity:0}:host(.select-expanded.select-label-placement-floating) .native-wrapper .select-placeholder,:host(.ion-focused.select-label-placement-floating) .native-wrapper .select-placeholder,:host(.has-value.select-label-placement-floating) .native-wrapper .select-placeholder{opacity:1}:host(.label-floating) .label-text-wrapper{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}::slotted([slot=start]),::slotted([slot=end]){-ms-flex-negative:0;flex-shrink:0}::slotted([slot=start]){-webkit-margin-end:16px;margin-inline-end:16px;-webkit-margin-start:0;margin-inline-start:0}::slotted([slot=end]){-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}:host(.legacy-select){--padding-top:10px;--padding-end:8px;--padding-bottom:10px;--padding-start:16px}.select-icon{width:1.125rem;height:1.125rem;color:var(--ion-color-step-650, #595959)}:host(.select-label-placement-stacked) .select-wrapper-inner,:host(.select-label-placement-floating) .select-wrapper-inner{width:calc(100% - 1.125rem - 4px)}:host(.select-disabled){opacity:0.3}::slotted(ion-button[slot=start].button-has-icon-only),::slotted(ion-button[slot=end].button-has-icon-only){--border-radius:50%;--padding-start:0;--padding-end:0;--padding-top:0;--padding-bottom:0;aspect-ratio:1}";

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

@@ -10,13 +10,13 @@ const config = require('./config-4f60b98a.js');
 const helpers = require('./helpers-da4c0ed1.js');
 const lockController = require('./lock-controller-6585a42a.js');
 const index$1 = require('./index-5915f9b3.js');
-const overlays = require('./overlays-dd5e1ec9.js');
+const overlays = require('./overlays-d32575f9.js');
 const theme = require('./theme-d1c573d2.js');
 const ionicGlobal = require('./ionic-global-34d0d04a.js');
 const animation = require('./animation-c2840aea.js');
 const index = require('./index-c8d52405.js');
 const index$2 = require('./index-d1b59ffa.js');
-require('./hardware-back-button-1d378ca9.js');
+require('./hardware-back-button-b84c0758.js');
 require('./framework-delegate-e0e13baa.js');
 require('./gesture-controller-c40c045a.js');
 

package/dist/cjs/{overlays-dd5e1ec9.js → overlays-d32575f9.js}

@@ -4,7 +4,7 @@
 'use strict';
 
 const index = require('./index-c8d52405.js');
-const hardwareBackButton = require('./hardware-back-button-1d378ca9.js');
+const hardwareBackButton = require('./hardware-back-button-b84c0758.js');
 const ionicGlobal = require('./ionic-global-34d0d04a.js');
 const frameworkDelegate = require('./framework-delegate-e0e13baa.js');
 const helpers = require('./helpers-da4c0ed1.js');
@@ -366,7 +366,7 @@ const connectListeners = (doc) => {
          * this behavior will be handled via the ionBackButton
          * event.
          */
-        if (!hardwareBackButton.shoudUseCloseWatcher()) {
+        if (!hardwareBackButton.shouldUseCloseWatcher()) {
             doc.addEventListener('keydown', (ev) => {
                 if (ev.key === 'Escape') {
                     const lastOverlay = getPresentedOverlay(doc);
@@ -814,15 +814,12 @@ const hideOverlaysFromScreenReaders = (newTopMostOverlay) => {
     for (let i = overlays.length - 1; i >= 0; i--) {
         const presentedOverlay = overlays[i];
         const nextPresentedOverlay = (_a = overlays[i + 1]) !== null && _a !== void 0 ? _a : newTopMostOverlay;
-        // If next overlay has aria-hidden then all remaining overlays will have it too.
-        if (nextPresentedOverlay.hasAttribute('aria-hidden')) {
-            presentedOverlay.setAttribute('aria-hidden', 'true');
-            /**
-             * If the next overlay is a Toast this does not have aria-hidden then current overlay
-             * should not have aria-hidden either so focus can remain in the current overlay.
-             */
-        }
-        else if (nextPresentedOverlay.tagName !== 'ION-TOAST') {
+        /**
+         * If next overlay has aria-hidden then all remaining overlays will have it too.
+         * Or, if the next overlay is a Toast that does not have aria-hidden then current overlay
+         * should not have aria-hidden either so focus can remain in the current overlay.
+         */
+        if (nextPresentedOverlay.hasAttribute('aria-hidden') || nextPresentedOverlay.tagName !== 'ION-TOAST') {
             presentedOverlay.setAttribute('aria-hidden', 'true');
         }
     }
@@ -835,7 +832,6 @@ const hideOverlaysFromScreenReaders = (newTopMostOverlay) => {
 const revealOverlaysToScreenReaders = () => {
     if (index.doc === undefined)
         return;
-    // If there are other overlays presented, unhide the new topmost one from screen readers.
     const overlays = getPresentedOverlays(index.doc);
     for (let i = overlays.length - 1; i >= 0; i--) {
         const currentOverlay = overlays[i];
@@ -845,16 +841,13 @@ const revealOverlaysToScreenReaders = () => {
          * could be more Toasts underneath. Additionally, we need to unhide the closest non-Toast
          * overlay too so focus can move there since focus is never automatically moved to the Toast.
          */
-        if (currentOverlay.tagName === 'ION-TOAST') {
-            currentOverlay.removeAttribute('aria-hidden');
-            /**
-             * If we found a non-Toast element then we can just remove aria-hidden and stop searching entirely
-             * since this overlay should always receive focus. As a result, all underlying overlays should still
-             * be hidden from screen readers.
-             */
-        }
-        else {
-            currentOverlay.removeAttribute('aria-hidden');
+        currentOverlay.removeAttribute('aria-hidden');
+        /**
+         * If we found a non-Toast element then we can just remove aria-hidden and stop searching entirely
+         * since this overlay should always receive focus. As a result, all underlying overlays should still
+         * be hidden from screen readers.
+         */
+        if (currentOverlay.tagName !== 'ION-TOAST') {
             break;
         }
     }