@ionic/core 7.7.1-dev.11706736578.174d0727 → 7.7.1-dev.11707253408.186eea70

package/components/overlays.js

@@ -190,6 +190,21 @@ const trapKeyboardFocus = (ev, doc) => {
          */
         if (lastOverlay === target) {
             lastOverlay.lastFocus = undefined;
+            /**
+             * Toasts can be presented from an overlay.
+             * However, focus should still be returned to
+             * the overlay when clicking a toast. Normally,
+             * focus would be returned to the last focusable
+             * descendant in the overlay which may not always be
+             * the button that the toast was presented from. In this case,
+             * the focus may be returned to an unexpected element.
+             * To account for this, we make sure to return focus to the
+             * last focused element in the overlay if focus is
+             * moved to the toast.
+             */
+        }
+        else if (target.tagName === 'ION-TOAST') {
+            focusElementInOverlay(lastOverlay.lastFocus, lastOverlay);
             /**
              * Otherwise, we must be focusing an element
              * inside of the overlay. The two possible options
@@ -221,21 +236,6 @@ const trapKeyboardFocus = (ev, doc) => {
              */
             if (overlayWrapper.contains(target) || target === overlayRoot.querySelector('ion-backdrop')) {
                 lastOverlay.lastFocus = target;
-                /**
-                 * Toasts can be presented from an overlay.
-                 * However, focus should still be returned to
-                 * the overlay when clicking a toast. Normally,
-                 * focus would be returned to the last focusable
-                 * descendant in the overlay which may not always be
-                 * the button that the toast was presented from. In this case,
-                 * the focus may be returned to an unexpected element.
-                 * To account for this, we make sure to return focus to the
-                 * last focused element in the overlay if focus is
-                 * moved to the toast.
-                 */
-            }
-            else if (target.tagName === 'ION-TOAST') {
-                focusElementInOverlay(lastOverlay.lastFocus, lastOverlay);
             }
             else {
                 /**
@@ -319,7 +319,6 @@ const trapKeyboardFocus = (ev, doc) => {
              * last focus to equal the active element.
              */
             if (lastFocus === doc.activeElement) {
-                console.log('LAST FOCUS');
                 focusLastDescendant(lastOverlay, lastOverlay);
             }
             lastOverlay.lastFocus = doc.activeElement;

package/components/select-popover.js

@@ -16,10 +16,10 @@ import { d as defineCustomElement$3 } from './radio.js';
 import { d as defineCustomElement$2 } from './radio-group.js';
 import { d as defineCustomElement$1 } from './ripple-effect.js';
 
-const selectPopoverIosCss = ".sc-ion-select-popover-ios-h ion-list.sc-ion-select-popover-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}ion-list-header.sc-ion-select-popover-ios,ion-label.sc-ion-select-popover-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}";
+const selectPopoverIosCss = ".sc-ion-select-popover-ios-h ion-list.sc-ion-select-popover-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}ion-list-header.sc-ion-select-popover-ios,ion-label.sc-ion-select-popover-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.sc-ion-select-popover-ios-h{overflow-y:auto}";
 const IonSelectPopoverIosStyle0 = selectPopoverIosCss;
 
-const selectPopoverMdCss = ".sc-ion-select-popover-md-h ion-list.sc-ion-select-popover-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}ion-list-header.sc-ion-select-popover-md,ion-label.sc-ion-select-popover-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}ion-list.sc-ion-select-popover-md ion-radio.sc-ion-select-popover-md::part(container){opacity:0}ion-item.sc-ion-select-popover-md{--inner-border-width:0}.item-radio-checked.sc-ion-select-popover-md{--background:rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.08);--background-focused:var(--ion-color-primary, #3880ff);--background-focused-opacity:0.2;--background-hover:var(--ion-color-primary, #3880ff);--background-hover-opacity:0.12}.item-checkbox-checked.sc-ion-select-popover-md{--background-activated:var(--ion-item-color, var(--ion-text-color, #000));--background-focused:var(--ion-item-color, var(--ion-text-color, #000));--background-hover:var(--ion-item-color, var(--ion-text-color, #000));--color:var(--ion-color-primary, #3880ff)}";
+const selectPopoverMdCss = ".sc-ion-select-popover-md-h ion-list.sc-ion-select-popover-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}ion-list-header.sc-ion-select-popover-md,ion-label.sc-ion-select-popover-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.sc-ion-select-popover-md-h{overflow-y:auto}ion-list.sc-ion-select-popover-md ion-radio.sc-ion-select-popover-md::part(container){opacity:0}ion-item.sc-ion-select-popover-md{--inner-border-width:0}.item-radio-checked.sc-ion-select-popover-md{--background:rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.08);--background-focused:var(--ion-color-primary, #3880ff);--background-focused-opacity:0.2;--background-hover:var(--ion-color-primary, #3880ff);--background-hover-opacity:0.12}.item-checkbox-checked.sc-ion-select-popover-md{--background-activated:var(--ion-item-color, var(--ion-text-color, #000));--background-focused:var(--ion-item-color, var(--ion-text-color, #000));--background-hover:var(--ion-item-color, var(--ion-text-color, #000));--color:var(--ion-color-primary, #3880ff)}";
 const IonSelectPopoverMdStyle0 = selectPopoverMdCss;
 
 const SelectPopover = /*@__PURE__*/ proxyCustomElement(class SelectPopover extends HTMLElement {

package/dist/cjs/index.cjs.js

@@ -16,7 +16,7 @@ const helpers = require('./helpers-da4c0ed1.js');
 const config = require('./config-4f60b98a.js');
 const theme = require('./theme-d1c573d2.js');
 const index$2 = require('./index-6600c909.js');
-const overlays = require('./overlays-37b51f7b.js');
+const overlays = require('./overlays-85c4c41c.js');
 require('./index-c8d52405.js');
 require('./index-5a471146.js');
 require('./gesture-controller-c40c045a.js');

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

@@ -9,7 +9,7 @@ const index = require('./index-5a471146.js');
 const buttonActive = require('./button-active-b8c3f603.js');
 const helpers = require('./helpers-da4c0ed1.js');
 const lockController = require('./lock-controller-6585a42a.js');
-const overlays = require('./overlays-37b51f7b.js');
+const overlays = require('./overlays-85c4c41c.js');
 const theme = require('./theme-d1c573d2.js');
 const ionicGlobal = require('./ionic-global-7358c23e.js');
 const animation = require('./animation-c2840aea.js');

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

@@ -10,7 +10,7 @@ const config = require('./config-4f60b98a.js');
 const buttonActive = require('./button-active-b8c3f603.js');
 const helpers = require('./helpers-da4c0ed1.js');
 const lockController = require('./lock-controller-6585a42a.js');
-const overlays = require('./overlays-37b51f7b.js');
+const overlays = require('./overlays-85c4c41c.js');
 const theme = require('./theme-d1c573d2.js');
 const ionicGlobal = require('./ionic-global-7358c23e.js');
 const animation = require('./animation-c2840aea.js');

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

@@ -15,7 +15,7 @@ const index$2 = require('./index-f52c6d38.js');
 const ionicGlobal = require('./ionic-global-7358c23e.js');
 const data = require('./data-a5109f09.js');
 const lockController = require('./lock-controller-6585a42a.js');
-const overlays = require('./overlays-37b51f7b.js');
+const overlays = require('./overlays-85c4c41c.js');
 const animation = require('./animation-c2840aea.js');
 const haptic = require('./haptic-b882e0bb.js');
 require('./index-c8d52405.js');

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

@@ -9,7 +9,7 @@ const index = require('./index-5a471146.js');
 const config = require('./config-4f60b98a.js');
 const helpers = require('./helpers-da4c0ed1.js');
 const lockController = require('./lock-controller-6585a42a.js');
-const overlays = require('./overlays-37b51f7b.js');
+const overlays = require('./overlays-85c4c41c.js');
 const theme = require('./theme-d1c573d2.js');
 const ionicGlobal = require('./ionic-global-7358c23e.js');
 const animation = require('./animation-c2840aea.js');

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

@@ -11,7 +11,7 @@ const gestureController = require('./gesture-controller-c40c045a.js');
 const hardwareBackButton = require('./hardware-back-button-d23873bb.js');
 const helpers = require('./helpers-da4c0ed1.js');
 const index$1 = require('./index-6600c909.js');
-const overlays = require('./overlays-37b51f7b.js');
+const overlays = require('./overlays-85c4c41c.js');
 const ionicGlobal = require('./ionic-global-7358c23e.js');
 const theme = require('./theme-d1c573d2.js');
 const index$2 = require('./index-f52c6d38.js');

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-37b51f7b.js');
+const overlays = require('./overlays-85c4c41c.js');
 const theme = require('./theme-d1c573d2.js');
 const index$5 = require('./index-0ccc7b6f.js');
 const ionicGlobal = require('./ionic-global-7358c23e.js');

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

@@ -10,7 +10,7 @@ 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-37b51f7b.js');
+const overlays = require('./overlays-85c4c41c.js');
 const ionicGlobal = require('./ionic-global-7358c23e.js');
 const theme = require('./theme-d1c573d2.js');
 const index$2 = require('./index-0ccc7b6f.js');

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

@@ -11,7 +11,7 @@ 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-37b51f7b.js');
+const overlays = require('./overlays-85c4c41c.js');
 const dir = require('./dir-94c21456.js');
 const theme = require('./theme-d1c573d2.js');
 const watchOptions = require('./watch-options-f5f3e158.js');
@@ -761,10 +761,10 @@ const SelectOption = class {
 let selectOptionIds = 0;
 SelectOption.style = IonSelectOptionStyle0;
 
-const selectPopoverIosCss = ".sc-ion-select-popover-ios-h ion-list.sc-ion-select-popover-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}ion-list-header.sc-ion-select-popover-ios,ion-label.sc-ion-select-popover-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}";
+const selectPopoverIosCss = ".sc-ion-select-popover-ios-h ion-list.sc-ion-select-popover-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}ion-list-header.sc-ion-select-popover-ios,ion-label.sc-ion-select-popover-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.sc-ion-select-popover-ios-h{overflow-y:auto}";
 const IonSelectPopoverIosStyle0 = selectPopoverIosCss;
 
-const selectPopoverMdCss = ".sc-ion-select-popover-md-h ion-list.sc-ion-select-popover-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}ion-list-header.sc-ion-select-popover-md,ion-label.sc-ion-select-popover-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}ion-list.sc-ion-select-popover-md ion-radio.sc-ion-select-popover-md::part(container){opacity:0}ion-item.sc-ion-select-popover-md{--inner-border-width:0}.item-radio-checked.sc-ion-select-popover-md{--background:rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.08);--background-focused:var(--ion-color-primary, #3880ff);--background-focused-opacity:0.2;--background-hover:var(--ion-color-primary, #3880ff);--background-hover-opacity:0.12}.item-checkbox-checked.sc-ion-select-popover-md{--background-activated:var(--ion-item-color, var(--ion-text-color, #000));--background-focused:var(--ion-item-color, var(--ion-text-color, #000));--background-hover:var(--ion-item-color, var(--ion-text-color, #000));--color:var(--ion-color-primary, #3880ff)}";
+const selectPopoverMdCss = ".sc-ion-select-popover-md-h ion-list.sc-ion-select-popover-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}ion-list-header.sc-ion-select-popover-md,ion-label.sc-ion-select-popover-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.sc-ion-select-popover-md-h{overflow-y:auto}ion-list.sc-ion-select-popover-md ion-radio.sc-ion-select-popover-md::part(container){opacity:0}ion-item.sc-ion-select-popover-md{--inner-border-width:0}.item-radio-checked.sc-ion-select-popover-md{--background:rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.08);--background-focused:var(--ion-color-primary, #3880ff);--background-focused-opacity:0.2;--background-hover:var(--ion-color-primary, #3880ff);--background-hover-opacity:0.12}.item-checkbox-checked.sc-ion-select-popover-md{--background-activated:var(--ion-item-color, var(--ion-text-color, #000));--background-focused:var(--ion-item-color, var(--ion-text-color, #000));--background-hover:var(--ion-item-color, var(--ion-text-color, #000));--color:var(--ion-color-primary, #3880ff)}";
 const IonSelectPopoverMdStyle0 = selectPopoverMdCss;
 
 const SelectPopover = class {

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

@@ -10,7 +10,7 @@ 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-37b51f7b.js');
+const overlays = require('./overlays-85c4c41c.js');
 const theme = require('./theme-d1c573d2.js');
 const ionicGlobal = require('./ionic-global-7358c23e.js');
 const animation = require('./animation-c2840aea.js');

package/dist/cjs/{overlays-37b51f7b.js → overlays-85c4c41c.js}

@@ -192,6 +192,21 @@ const trapKeyboardFocus = (ev, doc) => {
          */
         if (lastOverlay === target) {
             lastOverlay.lastFocus = undefined;
+            /**
+             * Toasts can be presented from an overlay.
+             * However, focus should still be returned to
+             * the overlay when clicking a toast. Normally,
+             * focus would be returned to the last focusable
+             * descendant in the overlay which may not always be
+             * the button that the toast was presented from. In this case,
+             * the focus may be returned to an unexpected element.
+             * To account for this, we make sure to return focus to the
+             * last focused element in the overlay if focus is
+             * moved to the toast.
+             */
+        }
+        else if (target.tagName === 'ION-TOAST') {
+            focusElementInOverlay(lastOverlay.lastFocus, lastOverlay);
             /**
              * Otherwise, we must be focusing an element
              * inside of the overlay. The two possible options
@@ -223,21 +238,6 @@ const trapKeyboardFocus = (ev, doc) => {
              */
             if (overlayWrapper.contains(target) || target === overlayRoot.querySelector('ion-backdrop')) {
                 lastOverlay.lastFocus = target;
-                /**
-                 * Toasts can be presented from an overlay.
-                 * However, focus should still be returned to
-                 * the overlay when clicking a toast. Normally,
-                 * focus would be returned to the last focusable
-                 * descendant in the overlay which may not always be
-                 * the button that the toast was presented from. In this case,
-                 * the focus may be returned to an unexpected element.
-                 * To account for this, we make sure to return focus to the
-                 * last focused element in the overlay if focus is
-                 * moved to the toast.
-                 */
-            }
-            else if (target.tagName === 'ION-TOAST') {
-                focusElementInOverlay(lastOverlay.lastFocus, lastOverlay);
             }
             else {
                 /**
@@ -321,7 +321,6 @@ const trapKeyboardFocus = (ev, doc) => {
              * last focus to equal the active element.
              */
             if (lastFocus === doc.activeElement) {
-                console.log('LAST FOCUS');
                 focusLastDescendant(lastOverlay, lastOverlay);
             }
             lastOverlay.lastFocus = doc.activeElement;

package/dist/collection/components/select-popover/select-popover.ios.css

@@ -68,6 +68,16 @@ ion-label {
   margin-bottom: 0;
 }
 
+/**
+ * The main content inside of a popover has overflow: hidden
+ * so that a descendant ion-content can be scrolled.
+ * However, select-popover does not use ion-content so we need
+ * to explicitly make this container scrollable.
+ */
+:host {
+  overflow-y: auto;
+}
+
 /**
  * Convert a font size to a dynamic font size.
  * Fonts that participate in Dynamic Type should use

package/dist/collection/components/select-popover/select-popover.md.css

@@ -68,6 +68,16 @@ ion-label {
   margin-bottom: 0;
 }
 
+/**
+ * The main content inside of a popover has overflow: hidden
+ * so that a descendant ion-content can be scrolled.
+ * However, select-popover does not use ion-content so we need
+ * to explicitly make this container scrollable.
+ */
+:host {
+  overflow-y: auto;
+}
+
 /**
  * Convert a font size to a dynamic font size.
  * Fonts that participate in Dynamic Type should use

package/dist/collection/utils/overlays.js

@@ -191,6 +191,21 @@ const trapKeyboardFocus = (ev, doc) => {
          */
         if (lastOverlay === target) {
             lastOverlay.lastFocus = undefined;
+            /**
+             * Toasts can be presented from an overlay.
+             * However, focus should still be returned to
+             * the overlay when clicking a toast. Normally,
+             * focus would be returned to the last focusable
+             * descendant in the overlay which may not always be
+             * the button that the toast was presented from. In this case,
+             * the focus may be returned to an unexpected element.
+             * To account for this, we make sure to return focus to the
+             * last focused element in the overlay if focus is
+             * moved to the toast.
+             */
+        }
+        else if (target.tagName === 'ION-TOAST') {
+            focusElementInOverlay(lastOverlay.lastFocus, lastOverlay);
             /**
              * Otherwise, we must be focusing an element
              * inside of the overlay. The two possible options
@@ -222,21 +237,6 @@ const trapKeyboardFocus = (ev, doc) => {
              */
             if (overlayWrapper.contains(target) || target === overlayRoot.querySelector('ion-backdrop')) {
                 lastOverlay.lastFocus = target;
-                /**
-                 * Toasts can be presented from an overlay.
-                 * However, focus should still be returned to
-                 * the overlay when clicking a toast. Normally,
-                 * focus would be returned to the last focusable
-                 * descendant in the overlay which may not always be
-                 * the button that the toast was presented from. In this case,
-                 * the focus may be returned to an unexpected element.
-                 * To account for this, we make sure to return focus to the
-                 * last focused element in the overlay if focus is
-                 * moved to the toast.
-                 */
-            }
-            else if (target.tagName === 'ION-TOAST') {
-                focusElementInOverlay(lastOverlay.lastFocus, lastOverlay);
             }
             else {
                 /**
@@ -320,7 +320,6 @@ const trapKeyboardFocus = (ev, doc) => {
              * last focus to equal the active element.
              */
             if (lastFocus === doc.activeElement) {
-                console.log('LAST FOCUS');
                 focusLastDescendant(lastOverlay, lastOverlay);
             }
             lastOverlay.lastFocus = doc.activeElement;

package/dist/collection/utils/test/overlays/overlays.e2e.js

@@ -175,5 +175,90 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>
             await modalInputOne.click();
             await expect(modalInputOne).toBeFocused();
         });
+        test('focusing toast from a shadow overlay should return focus to the last focused element', async ({ page, skip, }) => {
+            test.info().annotations.push({
+                type: 'issue',
+                description: 'https://github.com/ionic-team/ionic-framework/issues/28261',
+            });
+            skip.browser('webkit', 'WebKit does not consider buttons to be focusable');
+            await page.setContent(`
+        <ion-modal>
+          <ion-content>
+            <button id="show-toast">Button A</button>
+            <button>Button B</button>
+            <ion-toast trigger="show-toast"></ion-toast>
+          </ion-content>
+        </ion-modal>
+
+        <script>
+          const toast = document.querySelector('ion-toast');
+          toast.buttons = ['Ok'];
+        </script>
+      `, config);
+            const modal = page.locator('ion-modal');
+            const showToastButton = page.locator('#show-toast');
+            const toast = page.locator('ion-toast');
+            const toastButton = toast.locator('button');
+            const ionToastDidPresent = await page.spyOnEvent('ionToastDidPresent');
+            // Show overlay
+            await modal.evaluate((el) => el.present());
+            // Click button to open toast
+            await showToastButton.click();
+            // Wait for toast to be presented
+            await ionToastDidPresent.next();
+            // Verify button in overlay is focused
+            await expect(showToastButton).toBeFocused();
+            // Click a button in the toast and therefore attempt to move focus
+            await toastButton.click();
+            // Verify button in overlay is still focused
+            await expect(showToastButton).toBeFocused();
+        });
+        test('focusing toast from a scoped overlay should return focus to the last focused element', async ({ page, skip, }) => {
+            test.info().annotations.push({
+                type: 'issue',
+                description: 'https://github.com/ionic-team/ionic-framework/issues/28261',
+            });
+            skip.browser('webkit', 'WebKit does not consider buttons to be focusable');
+            await page.setContent(`
+        <ion-action-sheet></ion-action-sheet>
+        <ion-toast></ion-toast>
+
+        <script>
+          const actionSheet = document.querySelector('ion-action-sheet');
+          actionSheet.buttons = [
+            'Other Button',
+            {
+              text: 'Button',
+              id: 'show-toast',
+              handler: () => {
+                document.querySelector('ion-toast').present();
+                return false;
+              }
+            }
+          ];
+
+          const toast = document.querySelector('ion-toast');
+          toast.buttons = ['Ok'];
+        </script>
+      `, config);
+            const actionSheet = page.locator('ion-action-sheet');
+            const showToastButton = page.locator('#show-toast');
+            const toast = page.locator('ion-toast');
+            const toastButton = toast.locator('button');
+            const ionToastDidPresent = await page.spyOnEvent('ionToastDidPresent');
+            // Show overlay
+            await actionSheet.evaluate((el) => el.present());
+            // Click button to open toast
+            await showToastButton.click();
+            // Wait for toast to be presented
+            await ionToastDidPresent.next();
+            // Verify button in overlay is focused
+            await expect(showToastButton).toBeFocused();
+            // Click a button in the toast and therefore attempt to move focus
+            await toastButton.click();
+            await page.pause();
+            // Verify button in overlay is still focused
+            await expect(showToastButton).toBeFocused();
+        });
     });
 });

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-01-31T21:31:25",
+  "timestamp": "2024-02-06T21:05:13",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.12.0",

package/dist/esm/index.js

@@ -12,7 +12,7 @@ export { c as componentOnReady } from './helpers-be245865.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-aa29e8bf.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-7199c581.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-3d2d7d79.js';
 import './index-a5d50daf.js';
 import './index-73881b51.js';
 import './gesture-controller-1bf57181.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-4bee452c.js';
 import { r as raf } from './helpers-be245865.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-7199c581.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-3d2d7d79.js';
 import { g as getClassMap } from './theme-01f3f29c.js';
 import { b as getIonMode } from './ionic-global-778b7863.js';
 import { c as createAnimation } from './animation-6a0c5338.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-4bee452c.js';
 import { r as raf } from './helpers-be245865.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-7199c581.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-3d2d7d79.js';
 import { g as getClassMap } from './theme-01f3f29c.js';
 import { c as config, b as getIonMode } from './ionic-global-778b7863.js';
 import { c as createAnimation } from './animation-6a0c5338.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-778b7863.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 getMonthAndDay, O as formatValue, P as clampDate, Q as parseAmPm, R as calculateHourFromAMPM } from './data-0f3ab200.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-7199c581.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-3d2d7d79.js';
 import { c as createAnimation } from './animation-6a0c5338.js';
 import { b as hapticSelectionChanged, h as hapticSelectionEnd, a as hapticSelectionStart } from './haptic-554688a5.js';
 import './index-a5d50daf.js';

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

@@ -5,7 +5,7 @@ import { r as registerInstance, d as createEvent, h, H as Host, f as getElement
 import { E as ENABLE_HTML_CONTENT_DEFAULT, a as sanitizeDOMString } from './config-49c88215.js';
 import { r as raf } from './helpers-be245865.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-7199c581.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-3d2d7d79.js';
 import { g as getClassMap } from './theme-01f3f29c.js';
 import { c as config, b as getIonMode } from './ionic-global-778b7863.js';
 import { c as createAnimation } from './animation-6a0c5338.js';

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

@@ -7,7 +7,7 @@ import { G as GESTURE_CONTROLLER } from './gesture-controller-1bf57181.js';
 import { shoudUseCloseWatcher } from './hardware-back-button-f42b9c80.js';
 import { p as isEndSide, i as inheritAriaAttributes, o as assert, l as clamp } from './helpers-be245865.js';
 import { m as menuController } from './index-aa29e8bf.js';
-import { o as getPresentedOverlay } from './overlays-7199c581.js';
+import { o as getPresentedOverlay } from './overlays-3d2d7d79.js';
 import { c as config, b as getIonMode } from './ionic-global-778b7863.js';
 import { c as createColorClasses, h as hostContext } from './theme-01f3f29c.js';
 import { u as menuOutline, v as menuSharp } from './index-f7dc70ba.js';

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

@@ -8,7 +8,7 @@ import { g as getElementRoot, l as clamp, r as raf, k as inheritAttributes, m 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, e as createTriggerController, B as BACKDROP, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod } from './overlays-7199c581.js';
+import { G as GESTURE, O as OVERLAY_GESTURE_PRIORITY, e as createTriggerController, B as BACKDROP, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod } from './overlays-3d2d7d79.js';
 import { g as getClassMap } from './theme-01f3f29c.js';
 import { e as deepReady, w as waitForMount } from './index-22b42a9f.js';
 import { b as getIonMode, c as config } from './ionic-global-778b7863.js';

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

@@ -6,7 +6,7 @@ import { C as CoreDelegate, a as attachComponent, d as detachComponent } from '.
 import { r as raf, g as getElementRoot, a as addEventListener, m as hasLazyBuild } from './helpers-be245865.js';
 import { c as createLockController } from './lock-controller-316928be.js';
 import { p as printIonWarning } from './index-9b0d46f4.js';
-import { B as BACKDROP, j as prepareOverlay, k as setOverlayId, f as present, n as focusFirstDescendant, g as dismiss, h as eventMethod } from './overlays-7199c581.js';
+import { B as BACKDROP, j as prepareOverlay, k as setOverlayId, f as present, n as focusFirstDescendant, g as dismiss, h as eventMethod } from './overlays-3d2d7d79.js';
 import { b as getIonMode, a as isPlatform } from './ionic-global-778b7863.js';
 import { g as getClassMap } from './theme-01f3f29c.js';
 import { e as deepReady, w as waitForMount } from './index-22b42a9f.js';

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

@@ -7,7 +7,7 @@ import { c as createNotchController } from './notch-controller-6bd3e0f9.js';
 import { i as isOptionSelected, c as compareOptions } from './compare-with-utils-a96ff2ea.js';
 import { k as inheritAttributes, f as focusVisibleElement, h as findItemLabel, d as renderHiddenInput, e as getAriaLabel } from './helpers-be245865.js';
 import { p as printIonWarning } from './index-9b0d46f4.js';
-import { c as popoverController, b as actionSheetController, a as alertController, s as safeCall } from './overlays-7199c581.js';
+import { c as popoverController, b as actionSheetController, a as alertController, s as safeCall } from './overlays-3d2d7d79.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';
@@ -757,10 +757,10 @@ const SelectOption = class {
 let selectOptionIds = 0;
 SelectOption.style = IonSelectOptionStyle0;
 
-const selectPopoverIosCss = ".sc-ion-select-popover-ios-h ion-list.sc-ion-select-popover-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}ion-list-header.sc-ion-select-popover-ios,ion-label.sc-ion-select-popover-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}";
+const selectPopoverIosCss = ".sc-ion-select-popover-ios-h ion-list.sc-ion-select-popover-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}ion-list-header.sc-ion-select-popover-ios,ion-label.sc-ion-select-popover-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.sc-ion-select-popover-ios-h{overflow-y:auto}";
 const IonSelectPopoverIosStyle0 = selectPopoverIosCss;
 
-const selectPopoverMdCss = ".sc-ion-select-popover-md-h ion-list.sc-ion-select-popover-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}ion-list-header.sc-ion-select-popover-md,ion-label.sc-ion-select-popover-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}ion-list.sc-ion-select-popover-md ion-radio.sc-ion-select-popover-md::part(container){opacity:0}ion-item.sc-ion-select-popover-md{--inner-border-width:0}.item-radio-checked.sc-ion-select-popover-md{--background:rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.08);--background-focused:var(--ion-color-primary, #3880ff);--background-focused-opacity:0.2;--background-hover:var(--ion-color-primary, #3880ff);--background-hover-opacity:0.12}.item-checkbox-checked.sc-ion-select-popover-md{--background-activated:var(--ion-item-color, var(--ion-text-color, #000));--background-focused:var(--ion-item-color, var(--ion-text-color, #000));--background-hover:var(--ion-item-color, var(--ion-text-color, #000));--color:var(--ion-color-primary, #3880ff)}";
+const selectPopoverMdCss = ".sc-ion-select-popover-md-h ion-list.sc-ion-select-popover-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}ion-list-header.sc-ion-select-popover-md,ion-label.sc-ion-select-popover-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.sc-ion-select-popover-md-h{overflow-y:auto}ion-list.sc-ion-select-popover-md ion-radio.sc-ion-select-popover-md::part(container){opacity:0}ion-item.sc-ion-select-popover-md{--inner-border-width:0}.item-radio-checked.sc-ion-select-popover-md{--background:rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.08);--background-focused:var(--ion-color-primary, #3880ff);--background-focused-opacity:0.2;--background-hover:var(--ion-color-primary, #3880ff);--background-hover-opacity:0.12}.item-checkbox-checked.sc-ion-select-popover-md{--background-activated:var(--ion-item-color, var(--ion-text-color, #000));--background-focused:var(--ion-item-color, var(--ion-text-color, #000));--background-hover:var(--ion-item-color, var(--ion-text-color, #000));--color:var(--ion-color-primary, #3880ff)}";
 const IonSelectPopoverMdStyle0 = selectPopoverMdCss;
 
 const SelectPopover = class {

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-be245865.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-7199c581.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-3d2d7d79.js';
 import { g as getClassMap, c as createColorClasses } from './theme-01f3f29c.js';
 import { c as config, b as getIonMode } from './ionic-global-778b7863.js';
 import { c as createAnimation } from './animation-6a0c5338.js';

package/dist/esm/{overlays-7199c581.js → overlays-3d2d7d79.js}

@@ -190,6 +190,21 @@ const trapKeyboardFocus = (ev, doc) => {
          */
         if (lastOverlay === target) {
             lastOverlay.lastFocus = undefined;
+            /**
+             * Toasts can be presented from an overlay.
+             * However, focus should still be returned to
+             * the overlay when clicking a toast. Normally,
+             * focus would be returned to the last focusable
+             * descendant in the overlay which may not always be
+             * the button that the toast was presented from. In this case,
+             * the focus may be returned to an unexpected element.
+             * To account for this, we make sure to return focus to the
+             * last focused element in the overlay if focus is
+             * moved to the toast.
+             */
+        }
+        else if (target.tagName === 'ION-TOAST') {
+            focusElementInOverlay(lastOverlay.lastFocus, lastOverlay);
             /**
              * Otherwise, we must be focusing an element
              * inside of the overlay. The two possible options
@@ -221,21 +236,6 @@ const trapKeyboardFocus = (ev, doc) => {
              */
             if (overlayWrapper.contains(target) || target === overlayRoot.querySelector('ion-backdrop')) {
                 lastOverlay.lastFocus = target;
-                /**
-                 * Toasts can be presented from an overlay.
-                 * However, focus should still be returned to
-                 * the overlay when clicking a toast. Normally,
-                 * focus would be returned to the last focusable
-                 * descendant in the overlay which may not always be
-                 * the button that the toast was presented from. In this case,
-                 * the focus may be returned to an unexpected element.
-                 * To account for this, we make sure to return focus to the
-                 * last focused element in the overlay if focus is
-                 * moved to the toast.
-                 */
-            }
-            else if (target.tagName === 'ION-TOAST') {
-                focusElementInOverlay(lastOverlay.lastFocus, lastOverlay);
             }
             else {
                 /**
@@ -319,7 +319,6 @@ const trapKeyboardFocus = (ev, doc) => {
              * last focus to equal the active element.
              */
             if (lastFocus === doc.activeElement) {
-                console.log('LAST FOCUS');
                 focusLastDescendant(lastOverlay, lastOverlay);
             }
             lastOverlay.lastFocus = doc.activeElement;

package/dist/esm-es5/index.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-export{c as createAnimation}from"./animation-6a0c5338.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-22b42a9f.js";export{iosTransitionAnimation}from"./ios.transition-46de8e98.js";export{mdTransitionAnimation}from"./md.transition-804d9596.js";export{g as getTimeGivenProgression}from"./cubic-bezier-fe2083dc.js";export{createGesture}from"./index-2cf77112.js";export{g as getPlatforms,i as initialize,a as isPlatform}from"./ionic-global-778b7863.js";export{c as componentOnReady}from"./helpers-be245865.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-aa29e8bf.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-7199c581.js";import"./index-a5d50daf.js";import"./index-73881b51.js";import"./gesture-controller-1bf57181.js";import"./hardware-back-button-f42b9c80.js";import"./index-9b0d46f4.js";import"./framework-delegate-ed4ba327.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-6a0c5338.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-22b42a9f.js";export{iosTransitionAnimation}from"./ios.transition-46de8e98.js";export{mdTransitionAnimation}from"./md.transition-804d9596.js";export{g as getTimeGivenProgression}from"./cubic-bezier-fe2083dc.js";export{createGesture}from"./index-2cf77112.js";export{g as getPlatforms,i as initialize,a as isPlatform}from"./ionic-global-778b7863.js";export{c as componentOnReady}from"./helpers-be245865.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-aa29e8bf.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-3d2d7d79.js";import"./index-a5d50daf.js";import"./index-73881b51.js";import"./gesture-controller-1bf57181.js";import"./hardware-back-button-f42b9c80.js";import"./index-9b0d46f4.js";import"./framework-delegate-ed4ba327.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};