@ionic/core 7.7.0 → 7.7.1-dev.11706736578.174d0727

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

@@ -6,8 +6,8 @@
 const index = require('./index-c8d52405.js');
 const hardwareBackButton = require('./hardware-back-button-d23873bb.js');
 const ionicGlobal = require('./ionic-global-7358c23e.js');
-const frameworkDelegate = require('./framework-delegate-a3e6d060.js');
-const helpers = require('./helpers-2e1028fa.js');
+const frameworkDelegate = require('./framework-delegate-e0e13baa.js');
+const helpers = require('./helpers-da4c0ed1.js');
 const index$1 = require('./index-5915f9b3.js');
 
 let lastOverlayIndex = 0;
@@ -100,32 +100,48 @@ const createOverlay = (tagName, opts) => {
  * valid usage for the disabled property on ion-button.
  */
 const focusableQueryString = '[tabindex]:not([tabindex^="-"]):not([hidden]):not([disabled]), input:not([type=hidden]):not([tabindex^="-"]):not([hidden]):not([disabled]), textarea:not([tabindex^="-"]):not([hidden]):not([disabled]), button:not([tabindex^="-"]):not([hidden]):not([disabled]), select:not([tabindex^="-"]):not([hidden]):not([disabled]), .ion-focusable:not([tabindex^="-"]):not([hidden]):not([disabled]), .ion-focusable[disabled="false"]:not([tabindex^="-"]):not([hidden])';
+const isOverlayHidden = (overlay) => overlay.classList.contains('overlay-hidden');
+/**
+ * Focuses the first descendant in an overlay
+ * that can receive focus. If none exists,
+ * the entire overlay will be focused.
+ */
 const focusFirstDescendant = (ref, overlay) => {
-    let firstInput = ref.querySelector(focusableQueryString);
-    const shadowRoot = firstInput === null || firstInput === void 0 ? void 0 : firstInput.shadowRoot;
-    if (shadowRoot) {
-        // If there are no inner focusable elements, just focus the host element.
-        firstInput = shadowRoot.querySelector(focusableQueryString) || firstInput;
-    }
-    if (firstInput) {
-        helpers.focusElement(firstInput);
-    }
-    else {
-        // Focus overlay instead of letting focus escape
-        overlay.focus();
-    }
+    const firstInput = ref.querySelector(focusableQueryString);
+    focusElementInOverlay(firstInput, overlay);
 };
-const isOverlayHidden = (overlay) => overlay.classList.contains('overlay-hidden');
+/**
+ * Focuses the last descendant in an overlay
+ * that can receive focus. If none exists,
+ * the entire overlay will be focused.
+ */
 const focusLastDescendant = (ref, overlay) => {
     const inputs = Array.from(ref.querySelectorAll(focusableQueryString));
-    let lastInput = inputs.length > 0 ? inputs[inputs.length - 1] : null;
-    const shadowRoot = lastInput === null || lastInput === void 0 ? void 0 : lastInput.shadowRoot;
+    const lastInput = inputs.length > 0 ? inputs[inputs.length - 1] : null;
+    focusElementInOverlay(lastInput, overlay);
+};
+/**
+ * Focuses a particular element in an overlay. If the element
+ * doesn't have anything focusable associated with it then
+ * the overlay itself will be focused.
+ * This should be used instead of the focus() method
+ * on most elements because the focusable element
+ * may not be the host element.
+ *
+ * For example, if an ion-button should be focused
+ * then we should actually focus the native <button>
+ * element inside of ion-button's shadow root, not
+ * the host element itself.
+ */
+const focusElementInOverlay = (hostToFocus, overlay) => {
+    let elementToFocus = hostToFocus;
+    const shadowRoot = hostToFocus === null || hostToFocus === void 0 ? void 0 : hostToFocus.shadowRoot;
     if (shadowRoot) {
         // If there are no inner focusable elements, just focus the host element.
-        lastInput = shadowRoot.querySelector(focusableQueryString) || lastInput;
+        elementToFocus = shadowRoot.querySelector(focusableQueryString) || hostToFocus;
     }
-    if (lastInput) {
-        lastInput.focus();
+    if (elementToFocus) {
+        helpers.focusVisibleElement(elementToFocus);
     }
     else {
         // Focus overlay instead of letting focus escape
@@ -207,6 +223,21 @@ 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 {
                 /**
@@ -247,6 +278,21 @@ const trapKeyboardFocus = (ev, doc) => {
          */
         if (lastOverlay.contains(target)) {
             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 {
             /**
@@ -275,6 +321,7 @@ 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;
@@ -495,6 +542,10 @@ const dismiss = async (overlay, data, role, name, iosLeaveAnimation, mdLeaveAnim
         }
         overlay.didDismiss.emit({ data, role });
         (_b = overlay.didDismissShorthand) === null || _b === void 0 ? void 0 : _b.emit({ data, role });
+        // Get a reference to all animations currently assigned to this overlay
+        // Then tear them down to return the overlay to its initial visual state
+        const animations = activeAnimations.get(overlay) || [];
+        animations.forEach((ani) => ani.destroy());
         activeAnimations.delete(overlay);
         /**
          * Make overlay hidden again in case it is being reused.
@@ -715,7 +766,6 @@ exports.BACKDROP = BACKDROP;
 exports.GESTURE = GESTURE;
 exports.OVERLAY_GESTURE_PRIORITY = OVERLAY_GESTURE_PRIORITY;
 exports.actionSheetController = actionSheetController;
-exports.activeAnimations = activeAnimations;
 exports.alertController = alertController;
 exports.createDelegateController = createDelegateController;
 exports.createTriggerController = createTriggerController;

package/dist/cjs/{status-tap-b0bfea34.js → status-tap-d3dcdb3b.js}

@@ -4,8 +4,8 @@
 'use strict';
 
 const index = require('./index-5a471146.js');
-const index$1 = require('./index-53d162b2.js');
-const helpers = require('./helpers-2e1028fa.js');
+const index$1 = require('./index-bef98850.js');
+const helpers = require('./helpers-da4c0ed1.js');
 require('./index-5915f9b3.js');
 
 const startStatusTap = () => {

package/dist/cjs/{swipe-back-8411f044.js → swipe-back-cf8aa1ec.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-const helpers = require('./helpers-2e1028fa.js');
+const helpers = require('./helpers-da4c0ed1.js');
 const dir = require('./dir-94c21456.js');
 const index = require('./index-d1b59ffa.js');
 require('./gesture-controller-c40c045a.js');

package/dist/collection/components/modal/modal.js

@@ -8,7 +8,7 @@ import { raf, inheritAttributes, hasLazyBuild } from "../../utils/helpers";
 import { createLockController } from "../../utils/lock-controller";
 import { printIonWarning } from "../../utils/logging/index";
 import { Style as StatusBarStyle, StatusBar } from "../../utils/native/status-bar";
-import { GESTURE, BACKDROP, activeAnimations, dismiss, eventMethod, prepareOverlay, present, createTriggerController, setOverlayId, } from "../../utils/overlays";
+import { GESTURE, BACKDROP, dismiss, eventMethod, prepareOverlay, present, createTriggerController, setOverlayId, } from "../../utils/overlays";
 import { getClassMap } from "../../utils/theme";
 import { deepReady, waitForMount } from "../../utils/transition/index";
 import { config } from "../../global/config";
@@ -432,7 +432,6 @@ export class Modal {
             window.removeEventListener(KEYBOARD_DID_OPEN, this.keyboardOpenCallback);
             this.keyboardOpenCallback = undefined;
         }
-        const enteringAnimation = activeAnimations.get(this) || [];
         const dismissed = await dismiss(this, data, role, 'modalLeave', iosLeaveAnimation, mdLeaveAnimation, {
             presentingEl: presentingElement,
             currentBreakpoint: (_a = this.currentBreakpoint) !== null && _a !== void 0 ? _a : this.initialBreakpoint,
@@ -448,7 +447,6 @@ export class Modal {
             if (this.gesture) {
                 this.gesture.destroy();
             }
-            enteringAnimation.forEach((ani) => ani.destroy());
         }
         this.currentBreakpoint = undefined;
         this.animation = undefined;
@@ -528,9 +526,9 @@ export class Modal {
         const mode = getIonMode(this);
         const isCardModal = presentingElement !== undefined && mode === 'ios';
         const isHandleCycle = handleBehavior === 'cycle';
-        return (h(Host, Object.assign({ key: '8c163f4f59429227cab3a1cafb5612994939a629', "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
+        return (h(Host, Object.assign({ key: '9a305d82f123283b6200c42d67393b378bb309a8', "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${20000 + this.overlayIndex}`,
-            }, class: Object.assign({ [mode]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, 'overlay-hidden': true }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle }), h("ion-backdrop", { key: '6908bdf9462d940eff6607b626a499eedc66dc9c', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), mode === 'ios' && h("div", { class: "modal-shadow" }), h("div", Object.assign({ key: 'ac224394e19b9e8c7dd902f2836fa25787663455',
+            }, class: Object.assign({ [mode]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, 'overlay-hidden': true }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle }), h("ion-backdrop", { key: '85e8dc6f19b30fd95db518445929fb0c1d5cdef0', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), mode === 'ios' && h("div", { class: "modal-shadow" }), h("div", Object.assign({ key: '893a0202d91828e60099311442c2677bee5464e2',
             /*
               role and aria-modal must be used on the
               same element. They must also be set inside the
@@ -539,7 +537,7 @@ export class Modal {
             */
             role: "dialog" }, inheritedAttributes, { "aria-modal": "true", class: "modal-wrapper ion-overlay-wrapper", part: "content", ref: (el) => (this.wrapperEl = el) }), showHandle && (h("button", { class: "modal-handle",
             // Prevents the handle from receiving keyboard focus when it does not cycle
-            tabIndex: !isHandleCycle ? -1 : 0, "aria-label": "Activate to adjust the size of the dialog overlaying the screen", onClick: isHandleCycle ? this.onHandleClick : undefined, part: "handle" })), h("slot", { key: '9c3c5ec797b6415110a3275c6ff33277291a6e21' }))));
+            tabIndex: !isHandleCycle ? -1 : 0, "aria-label": "Activate to adjust the size of the dialog overlaying the screen", onClick: isHandleCycle ? this.onHandleClick : undefined, part: "handle" })), h("slot", { key: '25187bf4c69d9022930227b8b8748a294176be5f' }))));
     }
     static get is() { return "ion-modal"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/modal/test/animations/modal.e2e.js

@@ -0,0 +1,36 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+import { expect } from "@playwright/test";
+import { configs, test } from "../../../../utils/test/playwright/index";
+configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ config, title }) => {
+    test.describe(title('modal: animations'), () => {
+        test.beforeEach(async ({ page }) => {
+            await page.setContent(`
+        <ion-modal is-open="true" trigger="open-modal"></ion-modal>
+      `, config);
+        });
+        test('card modal should clean up animations on dismiss', async ({ page }, testInfo) => {
+            testInfo.annotations.push({
+                type: 'issue',
+                description: 'https://github.com/ionic-team/ionic-framework/issues/28352',
+            });
+            const ionModalDidDismiss = await page.spyOnEvent('ionModalDidDismiss');
+            const modal = page.locator('ion-modal');
+            const initialAnimations = await modal.evaluate((el) => {
+                return el.shadowRoot.getAnimations();
+            });
+            // While the modal is open, it should have animations
+            expect(initialAnimations.length).toBeGreaterThan(0);
+            await modal.evaluate((el) => {
+                el.dismiss();
+            });
+            await ionModalDidDismiss.next();
+            const currentAnimations = await modal.evaluate((el) => {
+                return el.shadowRoot.getAnimations();
+            });
+            // Once the modal has finished closing, there should be no animations
+            expect(currentAnimations.length).toBe(0);
+        });
+    });
+});

package/dist/collection/components/select/select.js

@@ -3,7 +3,7 @@
  */
 import { Host, h, forceUpdate } from "@stencil/core";
 import { compareOptions, createLegacyFormController, createNotchController, isOptionSelected } from "../../utils/forms/index";
-import { findItemLabel, focusElement, getAriaLabel, renderHiddenInput, inheritAttributes } from "../../utils/helpers";
+import { findItemLabel, focusVisibleElement, getAriaLabel, renderHiddenInput, inheritAttributes } from "../../utils/helpers";
 import { printIonWarning } from "../../utils/logging/index";
 import { actionSheetController, alertController, popoverController } from "../../utils/overlays";
 import { isRTL } from "../../utils/rtl/index";
@@ -158,7 +158,7 @@ export class Select {
             if (indexOfSelected > -1) {
                 const selectedItem = overlay.querySelector(`.select-interface-option:nth-child(${indexOfSelected + 1})`);
                 if (selectedItem) {
-                    focusElement(selectedItem);
+                    focusVisibleElement(selectedItem);
                     /**
                      * Browsers such as Firefox do not
                      * correctly delegate focus when manually
@@ -182,7 +182,7 @@ export class Select {
                  */
                 const firstEnabledOption = overlay.querySelector('ion-radio:not(.radio-disabled), ion-checkbox:not(.checkbox-disabled)');
                 if (firstEnabledOption) {
-                    focusElement(firstEnabledOption.closest('ion-item'));
+                    focusVisibleElement(firstEnabledOption.closest('ion-item'));
                     /**
                      * Focus the option for the same reason as we do above.
                      */

package/dist/collection/utils/helpers.js

@@ -237,7 +237,7 @@ export const findItemLabel = (componentEl) => {
     }
     return null;
 };
-export const focusElement = (el) => {
+export const focusVisibleElement = (el) => {
     el.focus();
     /**
      * When programmatically focusing an element,

package/dist/collection/utils/overlays.js

@@ -7,7 +7,7 @@ import { config } from "../global/config";
 import { getIonMode } from "../global/ionic-global";
 import { CoreDelegate } from "./framework-delegate";
 import { OVERLAY_BACK_BUTTON_PRIORITY } from "./hardware-back-button";
-import { addEventListener, componentOnReady, focusElement, getElementRoot, removeEventListener } from "./helpers";
+import { addEventListener, componentOnReady, focusVisibleElement, getElementRoot, removeEventListener, } from "./helpers";
 import { printIonWarning } from "./logging";
 let lastOverlayIndex = 0;
 let lastId = 0;
@@ -99,32 +99,48 @@ export const createOverlay = (tagName, opts) => {
  * valid usage for the disabled property on ion-button.
  */
 const focusableQueryString = '[tabindex]:not([tabindex^="-"]):not([hidden]):not([disabled]), input:not([type=hidden]):not([tabindex^="-"]):not([hidden]):not([disabled]), textarea:not([tabindex^="-"]):not([hidden]):not([disabled]), button:not([tabindex^="-"]):not([hidden]):not([disabled]), select:not([tabindex^="-"]):not([hidden]):not([disabled]), .ion-focusable:not([tabindex^="-"]):not([hidden]):not([disabled]), .ion-focusable[disabled="false"]:not([tabindex^="-"]):not([hidden])';
+const isOverlayHidden = (overlay) => overlay.classList.contains('overlay-hidden');
+/**
+ * Focuses the first descendant in an overlay
+ * that can receive focus. If none exists,
+ * the entire overlay will be focused.
+ */
 export const focusFirstDescendant = (ref, overlay) => {
-    let firstInput = ref.querySelector(focusableQueryString);
-    const shadowRoot = firstInput === null || firstInput === void 0 ? void 0 : firstInput.shadowRoot;
-    if (shadowRoot) {
-        // If there are no inner focusable elements, just focus the host element.
-        firstInput = shadowRoot.querySelector(focusableQueryString) || firstInput;
-    }
-    if (firstInput) {
-        focusElement(firstInput);
-    }
-    else {
-        // Focus overlay instead of letting focus escape
-        overlay.focus();
-    }
+    const firstInput = ref.querySelector(focusableQueryString);
+    focusElementInOverlay(firstInput, overlay);
 };
-const isOverlayHidden = (overlay) => overlay.classList.contains('overlay-hidden');
+/**
+ * Focuses the last descendant in an overlay
+ * that can receive focus. If none exists,
+ * the entire overlay will be focused.
+ */
 const focusLastDescendant = (ref, overlay) => {
     const inputs = Array.from(ref.querySelectorAll(focusableQueryString));
-    let lastInput = inputs.length > 0 ? inputs[inputs.length - 1] : null;
-    const shadowRoot = lastInput === null || lastInput === void 0 ? void 0 : lastInput.shadowRoot;
+    const lastInput = inputs.length > 0 ? inputs[inputs.length - 1] : null;
+    focusElementInOverlay(lastInput, overlay);
+};
+/**
+ * Focuses a particular element in an overlay. If the element
+ * doesn't have anything focusable associated with it then
+ * the overlay itself will be focused.
+ * This should be used instead of the focus() method
+ * on most elements because the focusable element
+ * may not be the host element.
+ *
+ * For example, if an ion-button should be focused
+ * then we should actually focus the native <button>
+ * element inside of ion-button's shadow root, not
+ * the host element itself.
+ */
+const focusElementInOverlay = (hostToFocus, overlay) => {
+    let elementToFocus = hostToFocus;
+    const shadowRoot = hostToFocus === null || hostToFocus === void 0 ? void 0 : hostToFocus.shadowRoot;
     if (shadowRoot) {
         // If there are no inner focusable elements, just focus the host element.
-        lastInput = shadowRoot.querySelector(focusableQueryString) || lastInput;
+        elementToFocus = shadowRoot.querySelector(focusableQueryString) || hostToFocus;
     }
-    if (lastInput) {
-        lastInput.focus();
+    if (elementToFocus) {
+        focusVisibleElement(elementToFocus);
     }
     else {
         // Focus overlay instead of letting focus escape
@@ -206,6 +222,21 @@ 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 {
                 /**
@@ -246,6 +277,21 @@ const trapKeyboardFocus = (ev, doc) => {
          */
         if (lastOverlay.contains(target)) {
             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 {
             /**
@@ -274,6 +320,7 @@ 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;
@@ -494,6 +541,10 @@ export const dismiss = async (overlay, data, role, name, iosLeaveAnimation, mdLe
         }
         overlay.didDismiss.emit({ data, role });
         (_b = overlay.didDismissShorthand) === null || _b === void 0 ? void 0 : _b.emit({ data, role });
+        // Get a reference to all animations currently assigned to this overlay
+        // Then tear them down to return the overlay to its initial visual state
+        const animations = activeAnimations.get(overlay) || [];
+        animations.forEach((ani) => ani.destroy());
         activeAnimations.delete(overlay);
         /**
          * Make overlay hidden again in case it is being reused.

package/dist/docs.json

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

package/dist/esm/{animation-60dbdd13.js → animation-6a0c5338.js}

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { w as win } from './index-a5d50daf.js';
-import { r as raf } from './helpers-c0b9ca37.js';
+import { r as raf } from './helpers-be245865.js';
 
 let animationPrefix;
 /**

package/dist/esm/{form-controller-014aa89f.js → form-controller-21dd62b1.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { h as findItemLabel } from './helpers-c0b9ca37.js';
+import { h as findItemLabel } from './helpers-be245865.js';
 
 /**
  * Creates a controller that tracks whether a form control is using the legacy or modern syntax. This should be removed when the legacy form control syntax is removed.

package/dist/esm/{framework-delegate-fed7fe7c.js → framework-delegate-ed4ba327.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { c as componentOnReady } from './helpers-c0b9ca37.js';
+import { c as componentOnReady } from './helpers-be245865.js';
 
 // TODO(FW-2832): types
 const attachComponent = async (delegate, container, component, cssClasses, componentProps, inline) => {

package/dist/esm/{helpers-c0b9ca37.js → helpers-be245865.js}

@@ -237,7 +237,7 @@ const findItemLabel = (componentEl) => {
     }
     return null;
 };
-const focusElement = (el) => {
+const focusVisibleElement = (el) => {
     el.focus();
     /**
      * When programmatically focusing an element,
@@ -415,4 +415,4 @@ const shallowEqualStringMap = (map1, map2) => {
     return true;
 };
 
-export { addEventListener as a, removeEventListener as b, componentOnReady as c, renderHiddenInput as d, getAriaLabel as e, focusElement as f, getElementRoot as g, findItemLabel as h, inheritAriaAttributes as i, debounceEvent as j, inheritAttributes as k, clamp as l, hasLazyBuild as m, hasShadowDom as n, assert as o, isEndSide as p, debounce as q, raf as r, shallowEqualStringMap as s, transitionEndAsync as t, now as u, pointerCoord as v };
+export { addEventListener as a, removeEventListener as b, componentOnReady as c, renderHiddenInput as d, getAriaLabel as e, focusVisibleElement as f, getElementRoot as g, findItemLabel as h, inheritAriaAttributes as i, debounceEvent as j, inheritAttributes as k, clamp as l, hasLazyBuild as m, hasShadowDom as n, assert as o, isEndSide as p, debounce as q, raf as r, shallowEqualStringMap as s, transitionEndAsync as t, now as u, pointerCoord as v };

package/dist/esm/{index-d64f34ea.js → index-020f5464.js}

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { d as doc } from './index-a5d50daf.js';
-import { u as now, v as pointerCoord } from './helpers-c0b9ca37.js';
+import { u as now, v as pointerCoord } from './helpers-be245865.js';
 
 const startTapClick = (config) => {
     if (doc === undefined) {

package/dist/esm/{index-4b98143d.js → index-22b42a9f.js}

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { w as writeTask, B as Build } from './index-73881b51.js';
-import { r as raf } from './helpers-c0b9ca37.js';
+import { r as raf } from './helpers-be245865.js';
 
 const LIFECYCLE_WILL_ENTER = 'ionViewWillEnter';
 const LIFECYCLE_DID_ENTER = 'ionViewDidEnter';
@@ -10,8 +10,8 @@ const LIFECYCLE_WILL_LEAVE = 'ionViewWillLeave';
 const LIFECYCLE_DID_LEAVE = 'ionViewDidLeave';
 const LIFECYCLE_WILL_UNLOAD = 'ionViewWillUnload';
 
-const iosTransitionAnimation = () => import('./ios.transition-7ff7381d.js');
-const mdTransitionAnimation = () => import('./md.transition-28a9a26b.js');
+const iosTransitionAnimation = () => import('./ios.transition-46de8e98.js');
+const mdTransitionAnimation = () => import('./md.transition-804d9596.js');
 // TODO(FW-2832): types
 const transition = (opts) => {
     return new Promise((resolve, reject) => {

package/dist/esm/{index-48209844.js → index-aa29e8bf.js}

@@ -4,9 +4,9 @@
 import { d as doc } from './index-a5d50daf.js';
 import { MENU_BACK_BUTTON_PRIORITY } from './hardware-back-button-f42b9c80.js';
 import { p as printIonWarning } from './index-9b0d46f4.js';
-import { c as componentOnReady } from './helpers-c0b9ca37.js';
+import { c as componentOnReady } from './helpers-be245865.js';
 import { b as getIonMode } from './ionic-global-778b7863.js';
-import { c as createAnimation } from './animation-60dbdd13.js';
+import { c as createAnimation } from './animation-6a0c5338.js';
 
 /**
  * baseAnimation

package/dist/esm/{index-eb12ef92.js → index-f3946ac1.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { c as componentOnReady } from './helpers-c0b9ca37.js';
+import { c as componentOnReady } from './helpers-be245865.js';
 import { b as printRequiredElementError } from './index-9b0d46f4.js';
 
 const ION_CONTENT_TAG_NAME = 'ION-CONTENT';

package/dist/esm/index.js

@@ -1,24 +1,24 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-export { c as createAnimation } from './animation-60dbdd13.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-4b98143d.js';
-export { iosTransitionAnimation } from './ios.transition-7ff7381d.js';
-export { mdTransitionAnimation } from './md.transition-28a9a26b.js';
+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-c0b9ca37.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-48209844.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-3311e70e.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-fed7fe7c.js';
+import './framework-delegate-ed4ba327.js';
 
 const IonicSlides = (opts) => {
     const { swiper, extendParams } = opts;

package/dist/esm/{input-shims-b90ca55f.js → input-shims-5329bbe8.js}

@@ -2,8 +2,8 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { w as win, d as doc } from './index-a5d50daf.js';
-import { g as getScrollElement, c as scrollByPoint, f as findClosestIonContent } from './index-eb12ef92.js';
-import { a as addEventListener, b as removeEventListener, r as raf, c as componentOnReady } from './helpers-c0b9ca37.js';
+import { g as getScrollElement, c as scrollByPoint, f as findClosestIonContent } from './index-f3946ac1.js';
+import { a as addEventListener, b as removeEventListener, r as raf, c as componentOnReady } from './helpers-be245865.js';
 import { a as KeyboardResize, K as Keyboard } from './keyboard-73175e24.js';
 import './index-9b0d46f4.js';
 import './capacitor-59395cbd.js';

package/dist/esm/{input.utils-6e9b0046.js → input.utils-a445f677.js}

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { w as win } from './index-a5d50daf.js';
-import { r as raf } from './helpers-c0b9ca37.js';
+import { r as raf } from './helpers-be245865.js';
 import { a as printIonError } from './index-9b0d46f4.js';
 
 /**

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

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, h, H as Host, f as getElement, d as createEvent } from './index-73881b51.js';
-import { r as raf, t as transitionEndAsync, a as addEventListener, b as removeEventListener, g as getElementRoot } from './helpers-c0b9ca37.js';
+import { r as raf, t as transitionEndAsync, a as addEventListener, b as removeEventListener, g as getElementRoot } from './helpers-be245865.js';
 import { l as chevronDown } from './index-f7dc70ba.js';
 import { c as config, b as getIonMode } from './ionic-global-778b7863.js';
 import { p as printIonWarning } from './index-9b0d46f4.js';

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

@@ -3,19 +3,19 @@
  */
 import { r as registerInstance, d as createEvent, e as readTask, h, H as Host, f as getElement } from './index-73881b51.js';
 import { c as createButtonActiveGesture } from './button-active-4bee452c.js';
-import { r as raf } from './helpers-c0b9ca37.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-3311e70e.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 { g as getClassMap } from './theme-01f3f29c.js';
 import { b as getIonMode } from './ionic-global-778b7863.js';
-import { c as createAnimation } from './animation-60dbdd13.js';
+import { c as createAnimation } from './animation-6a0c5338.js';
 import './haptic-554688a5.js';
 import './capacitor-59395cbd.js';
 import './index-a5d50daf.js';
 import './index-2cf77112.js';
 import './gesture-controller-1bf57181.js';
 import './hardware-back-button-f42b9c80.js';
-import './framework-delegate-fed7fe7c.js';
+import './framework-delegate-ed4ba327.js';
 import './index-9b0d46f4.js';
 
 /**