@ionic/core 8.4.2-dev.11739468652.1ae78967 → 8.4.2-dev.11741080979.1715cc06

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-02-13T17:46:32",
+  "timestamp": "2025-03-04T09:38:42",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.20.0",
@@ -2614,7 +2614,7 @@
               {
                 "name": "elements",
                 "type": "HTMLElement[]",
-                "docs": ""
+                "docs": "- The elements to set focus on."
               }
             ],
             "references": {
@@ -2634,11 +2634,16 @@
             {
               "name": "elements",
               "type": "HTMLElement[]",
-              "docs": ""
+              "docs": "- The elements to set focus on."
             }
           ],
           "docs": "Used to set focus on an element that uses `ion-focusable`.\nDo not use this if focusing the element as a result of a keyboard\nevent as the focus utility should handle this for us. This method\nshould be used when we want to programmatically focus an element as\na result of another user action. (Ex: We focus the first element\ninside of a popover when the user presents it, but the popover is not always\npresented as a result of keyboard action.)",
-          "docsTags": []
+          "docsTags": [
+            {
+              "name": "param",
+              "text": "elements - The elements to set focus on."
+            }
+          ]
         }
       ],
       "events": [],
@@ -4126,6 +4131,35 @@
           ],
           "optional": true,
           "required": false
+        },
+        {
+          "name": "vertical",
+          "type": "\"bottom\" | \"top\" | undefined",
+          "complexType": {
+            "original": "'top' | 'bottom'",
+            "resolved": "\"bottom\" | \"top\" | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "vertical",
+          "reflectToAttr": false,
+          "docs": "Set to `\"top\"` to position the badge on top right absolute position of the parent element.\nSet to `\"bottom\"` to position the badge on bottom right absolute position of the parent element.",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "bottom",
+              "type": "string"
+            },
+            {
+              "value": "top",
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false
         }
       ],
       "methods": [],
@@ -30792,6 +30826,39 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "shape",
+          "type": "\"rectangular\" | \"round\" | \"soft\" | undefined",
+          "complexType": {
+            "original": "'soft' | 'round' | 'rectangular'",
+            "resolved": "\"rectangular\" | \"round\" | \"soft\" | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "shape",
+          "reflectToAttr": false,
+          "docs": "Set to `\"soft\"` for a searchbar with slightly rounded corners,\n`\"round\"` for a searchbar with fully rounded corners,\nor `\"rectangular\"` for a searchbar without rounded corners.\nDefaults to `\"round\"` for the ionic theme, and `undefined` for all other themes.",
+          "docsTags": [],
+          "values": [
+            {
+              "value": "rectangular",
+              "type": "string"
+            },
+            {
+              "value": "round",
+              "type": "string"
+            },
+            {
+              "value": "soft",
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "showCancelButton",
           "type": "\"always\" | \"focus\" | \"never\"",

package/dist/esm/{animation-f1a88600.js → animation-9425a7de.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { w as win } from './ionic-global-3c97a4aa.js';
+import { w as win } from './ionic-global-483790dd.js';
 
 let animationPrefix;
 const getAnimationPrefix = (el) => {

package/dist/esm/{app-globals-eceadabb.js → app-globals-e7b9ec58.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { i as initialize } from './ionic-global-3c97a4aa.js';
+import { i as initialize } from './ionic-global-483790dd.js';
 
 const globalScripts = initialize;
 

package/dist/esm/{button-active-321f0dba.js → button-active-3461e57c.js}

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { w as writeTask } from './index-723c0e5d.js';
-import { h as hapticSelectionEnd, a as hapticSelectionStart, b as hapticSelectionChanged } from './haptic-dd6c0ea9.js';
+import { h as hapticSelectionEnd, a as hapticSelectionStart, b as hapticSelectionChanged } from './haptic-1f990858.js';
 import { createGesture } from './index-39782642.js';
 
 const createButtonActiveGesture = (el, isButton) => {

package/dist/esm/{capacitor-6b0341c8.js → capacitor-74587d3c.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { w as win } from './ionic-global-3c97a4aa.js';
+import { w as win } from './ionic-global-483790dd.js';
 
 const getCapacitor = () => {
     if (win !== undefined) {

package/dist/esm/{data-98c06dea.js → data-69fcc43c.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { p as printIonWarning } from './ionic-global-3c97a4aa.js';
+import { p as printIonWarning } from './ionic-global-483790dd.js';
 
 /**
  * Returns true if the selected day is equal to the reference day

package/dist/esm/{focus-visible-501aff19.js → focus-visible-6827442c.js}

@@ -24,6 +24,21 @@ const getOrInitFocusVisibleUtility = () => {
     }
     return focusVisibleUtility;
 };
+/**
+ * Used to set focus on an element that uses `ion-focusable`.
+ * Do not use this if focusing the element as a result of a keyboard
+ * event as the focus utility should handle this for us. This method
+ * should be used when we want to programmatically focus an element as
+ * a result of another user action. (Ex: We focus the first element
+ * inside of a popover when the user presents it, but the popover is not always
+ * presented as a result of keyboard action.)
+ *
+ * @param elements - The elements to set focus on.
+ */
+const focusElements = (elements) => {
+    const focusVisible = getOrInitFocusVisibleUtility();
+    focusVisible.setFocus(elements);
+};
 const startFocusVisible = (rootEl) => {
     let currentFocus = [];
     let keyboardMode = true;
@@ -79,4 +94,4 @@ const startFocusVisible = (rootEl) => {
     };
 };
 
-export { getOrInitFocusVisibleUtility, startFocusVisible };
+export { focusElements, getOrInitFocusVisibleUtility, startFocusVisible };

package/dist/esm/{framework-delegate-3e4a8c9f.js → framework-delegate-89969cd9.js}

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

package/dist/esm/{haptic-dd6c0ea9.js → haptic-1f990858.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { g as getCapacitor } from './capacitor-6b0341c8.js';
+import { g as getCapacitor } from './capacitor-74587d3c.js';
 
 var ImpactStyle;
 (function (ImpactStyle) {

package/dist/esm/{helpers-f08d15bd.js → helpers-2891ef8a.js}

@@ -1,6 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
+import { focusElements } from './focus-visible-6827442c.js';
 import { c as config } from './config-84eb9670.js';
 
 const transitionEndAsync = (el, expectedDuration = 0) => {
@@ -232,6 +233,17 @@ const raf = (h) => {
 const hasShadowDom = (el) => {
     return !!el.shadowRoot && !!el.attachShadow;
 };
+/**
+ * Focuses a given element while ensuring proper focus management
+ * within the Ionic framework. If the element is marked as `ion-focusable`,
+ * this function will delegate focus handling to `ion-app` or manually
+ * apply focus when a custom app root is used.
+ *
+ * This function helps maintain accessibility and expected focus behavior
+ * in both standard and custom root environments.
+ *
+ * @param el - The element to focus.
+ */
 const focusVisibleElement = (el) => {
     el.focus();
     /**
@@ -246,7 +258,33 @@ const focusVisibleElement = (el) => {
         const appRootSelector = config.get('appRootSelector', 'ion-app');
         const app = el.closest(appRootSelector);
         if (app) {
-            app.setFocus([el]);
+            if (appRootSelector === 'ion-app') {
+                /**
+                 * If the app root is the default, then it will be
+                 * in charge of setting focus. This is because the
+                 * focus-visible utility is attached to the app root
+                 * and will handle setting focus on the correct element.
+                 */
+                app.setFocus([el]);
+            }
+            else {
+                /**
+                 * When using a custom app root selector, the focus-visible
+                 * utility is not available to manage focus automatically.
+                 * If we set focus immediately, the element may not be fully
+                 * rendered or interactive, especially if it was just added
+                 * to the DOM. Using requestAnimationFrame ensures that focus
+                 * is applied on the next frame, allowing the DOM to settle
+                 * before changing focus.
+                 */
+                requestAnimationFrame(() => {
+                    /**
+                     * The focus-visible utility is used to set focus on an
+                     * element that uses `ion-focusable`.
+                     */
+                    focusElements([el]);
+                });
+            }
         }
     }
 };

package/dist/esm/{index-59f81cb8.js → index-01a5c404.js}

@@ -3,8 +3,8 @@
  */
 import { c as config } from './config-84eb9670.js';
 import { w as writeTask, B as Build } from './index-723c0e5d.js';
-import { p as printIonWarning } from './ionic-global-3c97a4aa.js';
-import { r as raf } from './helpers-f08d15bd.js';
+import { p as printIonWarning } from './ionic-global-483790dd.js';
+import { r as raf } from './helpers-2891ef8a.js';
 
 const LIFECYCLE_WILL_ENTER = 'ionViewWillEnter';
 const LIFECYCLE_DID_ENTER = 'ionViewDidEnter';
@@ -120,8 +120,8 @@ const createFocusController = () => {
 };
 const LAST_FOCUS = 'ion-last-focus';
 
-const iosTransitionAnimation = () => import('./ios.transition-06b78ea0.js');
-const mdTransitionAnimation = () => import('./md.transition-e5712bda.js');
+const iosTransitionAnimation = () => import('./ios.transition-9da97621.js');
+const mdTransitionAnimation = () => import('./md.transition-9d6d778a.js');
 const focusController = createFocusController();
 // TODO(FW-2832): types
 const transition = (opts) => {

package/dist/esm/{index-31109e63.js → index-3e251942.js}

@@ -1,9 +1,9 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { b as getIonMode, p as printIonWarning, d as doc, M as MENU_BACK_BUTTON_PRIORITY } from './ionic-global-3c97a4aa.js';
-import { c as componentOnReady } from './helpers-f08d15bd.js';
-import { c as createAnimation } from './animation-f1a88600.js';
+import { b as getIonMode, p as printIonWarning, d as doc, M as MENU_BACK_BUTTON_PRIORITY } from './ionic-global-483790dd.js';
+import { c as componentOnReady } from './helpers-2891ef8a.js';
+import { c as createAnimation } from './animation-9425a7de.js';
 
 /**
  * baseAnimation

package/dist/esm/{index-7bd160c2.js → index-784203dc.js}

@@ -1,8 +1,8 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { c as componentOnReady } from './helpers-f08d15bd.js';
-import { f as printRequiredElementError } from './ionic-global-3c97a4aa.js';
+import { c as componentOnReady } from './helpers-2891ef8a.js';
+import { f as printRequiredElementError } from './ionic-global-483790dd.js';
 
 const ION_CONTENT_TAG_NAME = 'ION-CONTENT';
 const ION_CONTENT_ELEMENT_SELECTOR = 'ion-content';

package/dist/esm/{index-62b4a18b.js → index-7d582503.js}

@@ -1,10 +1,11 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { d as doc } from './ionic-global-3c97a4aa.js';
-import { p as pointerCoord } from './helpers-f08d15bd.js';
+import { d as doc } from './ionic-global-483790dd.js';
+import { p as pointerCoord } from './helpers-2891ef8a.js';
 import './index-723c0e5d.js';
 import './config-84eb9670.js';
+import './focus-visible-6827442c.js';
 
 const startTapClick = (config) => {
     if (doc === undefined) {

package/dist/esm/index.js

@@ -1,22 +1,23 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-export { c as createAnimation } from './animation-f1a88600.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-59f81cb8.js';
-export { iosTransitionAnimation } from './ios.transition-06b78ea0.js';
-export { mdTransitionAnimation } from './md.transition-e5712bda.js';
+export { c as createAnimation } from './animation-9425a7de.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-01a5c404.js';
+export { iosTransitionAnimation } from './ios.transition-9da97621.js';
+export { mdTransitionAnimation } from './md.transition-9d6d778a.js';
 export { g as getTimeGivenProgression } from './cubic-bezier-fe2083dc.js';
 export { createGesture } from './index-39782642.js';
-export { g as getPlatforms, i as initialize, a as isPlatform } from './ionic-global-3c97a4aa.js';
-export { c as componentOnReady } from './helpers-f08d15bd.js';
+export { g as getPlatforms, i as initialize, a as isPlatform } from './ionic-global-483790dd.js';
+export { c as componentOnReady } from './helpers-2891ef8a.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-31109e63.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-66cb5522.js';
+export { m as menuController } from './index-3e251942.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-e1400470.js';
 import './config-84eb9670.js';
 import './index-723c0e5d.js';
 import './gesture-controller-314a54f6.js';
-import './framework-delegate-3e4a8c9f.js';
+import './focus-visible-6827442c.js';
+import './framework-delegate-89969cd9.js';
 
 const IonicSlides = (opts) => {
     const { swiper, extendParams } = opts;

package/dist/esm/{input-shims-6be83e59.js → input-shims-eb19958d.js}

@@ -1,13 +1,14 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { w as win, d as doc } from './ionic-global-3c97a4aa.js';
-import { g as getScrollElement, c as scrollByPoint, f as findClosestIonContent } from './index-7bd160c2.js';
-import { a as addEventListener, b as removeEventListener, r as raf, c as componentOnReady } from './helpers-f08d15bd.js';
-import { a as KeyboardResize, K as Keyboard } from './keyboard-9bbd546a.js';
+import { w as win, d as doc } from './ionic-global-483790dd.js';
+import { g as getScrollElement, c as scrollByPoint, f as findClosestIonContent } from './index-784203dc.js';
+import { a as addEventListener, b as removeEventListener, r as raf, c as componentOnReady } from './helpers-2891ef8a.js';
+import { a as KeyboardResize, K as Keyboard } from './keyboard-16dbc7a0.js';
 import './index-723c0e5d.js';
 import './config-84eb9670.js';
-import './capacitor-6b0341c8.js';
+import './focus-visible-6827442c.js';
+import './capacitor-74587d3c.js';
 
 const cloneMap = new WeakMap();
 const relocateInput = (componentEl, inputEl, shouldRelocate, inputRelativeY = 0, disabledClonedInput = false) => {

package/dist/esm/{input.utils-67459bae.js → input.utils-021846b8.js}

@@ -1,8 +1,8 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { w as win, e as printIonError } from './ionic-global-3c97a4aa.js';
-import { r as raf } from './helpers-f08d15bd.js';
+import { w as win, e as printIonError } from './ionic-global-483790dd.js';
+import { r as raf } from './helpers-2891ef8a.js';
 
 /**
  * Used to update a scoped component that uses emulated slots. This fires when

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

@@ -3,11 +3,12 @@
  */
 import { r as registerInstance, h, i as Host, g as getElement, e as createEvent } from './index-723c0e5d.js';
 import { c as caretDownSvg } from './caret-down-3eaad1cc.js';
-import { r as raf, t as transitionEndAsync, a as addEventListener, b as removeEventListener, g as getElementRoot } from './helpers-f08d15bd.js';
+import { r as raf, t as transitionEndAsync, a as addEventListener, b as removeEventListener, g as getElementRoot } from './helpers-2891ef8a.js';
 import { h as hostContext } from './theme-01f3f29c.js';
 import { l as chevronDown } from './index-d997525d.js';
 import { c as config } from './config-84eb9670.js';
-import { c as getIonTheme, p as printIonWarning } from './ionic-global-3c97a4aa.js';
+import { c as getIonTheme, p as printIonWarning } from './ionic-global-483790dd.js';
+import './focus-visible-6827442c.js';
 
 const accordionIonicCss = ":host{display:block;position:relative;width:100%;overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}#content{overflow:hidden;will-change:max-height}:host(.accordion-collapsing) #content{max-height:0 !important}:host(.accordion-collapsed) #content{display:none}:host(.accordion-expanding) #content{max-height:0}:host(.accordion-expanding) #content-wrapper{overflow:auto}:host(.accordion-disabled) #header,:host(.accordion-readonly) #header,:host(.accordion-disabled) #content,:host(.accordion-readonly) #content{pointer-events:none}@media (prefers-reduced-motion: reduce){:host,#content{-webkit-transition:none !important;transition:none !important}}:host{position:relative}:host::after{-webkit-margin-start:var(--ion-space-400, 16px);margin-inline-start:var(--ion-space-400, 16px);-webkit-margin-end:var(--ion-space-400, 16px);margin-inline-end:var(--ion-space-400, 16px);right:0;left:0;bottom:0;display:block;position:absolute;height:var(--ion-border-size-025, 1px);background-color:var(--ion-primitives-neutral-300, #cfcfcf);content:\"\";z-index:3}:host(.accordion-animated){-webkit-transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:all 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}:host(.accordion-animated) #content{-webkit-transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1);transition:max-height 300ms cubic-bezier(0.25, 0.8, 0.5, 1)}::slotted(ion-item[slot=header]){--border-radius:inherit;--color:var(--ion-primitives-neutral-1200, #242424);--border-width:0;--inner-border-width:0;--min-height:var(--ion-scale-700, 28px);--padding-top:var(--ion-space-300, 12px);--padding-end:var(--ion-space-400, 16px);--padding-bottom:var(--ion-space-300, 12px);--padding-start:var(--ion-space-400, 16px);font-size:var(--ion-font-size-450, 1.125rem);font-weight:var(--ion-font-weight-medium, 500);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-700, 28px);text-decoration:none;text-transform:none}#content-wrapper{-webkit-padding-start:var(--ion-space-400, 16px);padding-inline-start:var(--ion-space-400, 16px);-webkit-padding-end:var(--ion-space-400, 16px);padding-inline-end:var(--ion-space-400, 16px);padding-bottom:var(--ion-space-300, 12px);font-size:var(--ion-font-size-350, 0.875rem);font-weight:var(--ion-font-weight-regular, 400);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-600, 24px);text-decoration:none;text-transform:none;color:var(--ion-primitives-neutral-1000, #3b3b3b)}:host(.accordion-disabled)::before{border-radius:inherit;right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--ion-state-disabled, rgba(255, 255, 255, 0.6));content:\"\";pointer-events:none;z-index:2}";
 const IonAccordionIonicStyle0 = accordionIonicCss;

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

@@ -2,19 +2,20 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, e as createEvent, f as readTask, h, i as Host, g as getElement } from './index-723c0e5d.js';
-import { c as createButtonActiveGesture } from './button-active-321f0dba.js';
-import { r as raf } from './helpers-f08d15bd.js';
+import { c as createButtonActiveGesture } from './button-active-3461e57c.js';
+import { r as raf } from './helpers-2891ef8a.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-66cb5522.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-e1400470.js';
 import { g as getClassMap } from './theme-01f3f29c.js';
-import { b as getIonMode, c as getIonTheme } from './ionic-global-3c97a4aa.js';
-import { c as createAnimation } from './animation-f1a88600.js';
-import './haptic-dd6c0ea9.js';
-import './capacitor-6b0341c8.js';
+import { b as getIonMode, c as getIonTheme } from './ionic-global-483790dd.js';
+import { c as createAnimation } from './animation-9425a7de.js';
+import './haptic-1f990858.js';
+import './capacitor-74587d3c.js';
 import './index-39782642.js';
 import './gesture-controller-314a54f6.js';
+import './focus-visible-6827442c.js';
 import './config-84eb9670.js';
-import './framework-delegate-3e4a8c9f.js';
+import './framework-delegate-89969cd9.js';
 
 /**
  * iOS Action Sheet Enter Animation

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

@@ -3,19 +3,20 @@
  */
 import { r as registerInstance, e as createEvent, j as forceUpdate, h, i as Host, g as getElement } from './index-723c0e5d.js';
 import { E as ENABLE_HTML_CONTENT_DEFAULT, a as sanitizeDOMString } from './config-49c88215.js';
-import { c as createButtonActiveGesture } from './button-active-321f0dba.js';
-import { r as raf } from './helpers-f08d15bd.js';
+import { c as createButtonActiveGesture } from './button-active-3461e57c.js';
+import { r as raf } from './helpers-2891ef8a.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-66cb5522.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-e1400470.js';
 import { g as getClassMap } from './theme-01f3f29c.js';
 import { c as config } from './config-84eb9670.js';
-import { b as getIonMode, c as getIonTheme } from './ionic-global-3c97a4aa.js';
-import { c as createAnimation } from './animation-f1a88600.js';
-import './haptic-dd6c0ea9.js';
-import './capacitor-6b0341c8.js';
+import { b as getIonMode, c as getIonTheme } from './ionic-global-483790dd.js';
+import { c as createAnimation } from './animation-9425a7de.js';
+import './haptic-1f990858.js';
+import './capacitor-74587d3c.js';
 import './index-39782642.js';
 import './gesture-controller-314a54f6.js';
-import './framework-delegate-3e4a8c9f.js';
+import './focus-visible-6827442c.js';
+import './framework-delegate-89969cd9.js';
 
 /**
  * iOS Alert Enter Animation

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

@@ -2,20 +2,20 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, h, i as Host, g as getElement, e as createEvent, f as readTask, j as forceUpdate, w as writeTask } from './index-723c0e5d.js';
-import { getOrInitFocusVisibleUtility } from './focus-visible-501aff19.js';
+import { focusElements } from './focus-visible-6827442c.js';
 import { c as config } from './config-84eb9670.js';
-import { c as getIonTheme, a as isPlatform, b as getIonMode } from './ionic-global-3c97a4aa.js';
-import { i as inheritAriaAttributes, k as hasLazyBuild, c as componentOnReady, j as clamp, s as shallowEqualStringMap } from './helpers-f08d15bd.js';
+import { c as getIonTheme, a as isPlatform, b as getIonMode } from './ionic-global-483790dd.js';
+import { i as inheritAriaAttributes, k as hasLazyBuild, c as componentOnReady, j as clamp, s as shallowEqualStringMap } from './helpers-2891ef8a.js';
 import { i as isRTL } from './dir-babeabeb.js';
 import { c as createColorClasses, h as hostContext } from './theme-01f3f29c.js';
-import { a as findIonContent, p as printIonContentErrorMsg, g as getScrollElement } from './index-7bd160c2.js';
-import { c as createKeyboardController } from './keyboard-controller-aff395fd.js';
+import { a as findIonContent, p as printIonContentErrorMsg, g as getScrollElement } from './index-784203dc.js';
+import { c as createKeyboardController } from './keyboard-controller-ebc0c1a6.js';
 import { g as getTimeGivenProgression } from './cubic-bezier-fe2083dc.js';
-import { a as attachComponent, d as detachComponent } from './framework-delegate-3e4a8c9f.js';
+import { a as attachComponent, d as detachComponent } from './framework-delegate-89969cd9.js';
 import { c as createLockController } from './lock-controller-316928be.js';
-import { t as transition } from './index-59f81cb8.js';
-import './keyboard-9bbd546a.js';
-import './capacitor-6b0341c8.js';
+import { t as transition } from './index-01a5c404.js';
+import './keyboard-16dbc7a0.js';
+import './capacitor-74587d3c.js';
 
 const appCss = "html.plt-mobile ion-app{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html.plt-mobile ion-app [contenteditable]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}ion-app.force-statusbar-padding{--ion-safe-area-top:20px}";
 const IonAppStyle0 = appCss;
@@ -32,14 +32,19 @@ const App = class {
      * a result of another user action. (Ex: We focus the first element
      * inside of a popover when the user presents it, but the popover is not always
      * presented as a result of keyboard action.)
+     *
+     * @param elements - The elements to set focus on.
      */
     async setFocus(elements) {
-        const focusVisible = getOrInitFocusVisibleUtility();
-        focusVisible.setFocus(elements);
+        /**
+         * The focus-visible utility is used to set focus on an
+         * element that uses `ion-focusable`.
+         */
+        focusElements(elements);
     }
     render() {
         const theme = getIonTheme(this);
-        return (h(Host, { key: '109f9e80230b5f7dfab0714ed18be1162c589c04', class: {
+        return (h(Host, { key: '25667e21b2fffa03ccf013044c340e96bd7faad9', class: {
                 [theme]: true,
                 'ion-page': true,
                 'force-statusbar-padding': config.getBoolean('_forceStatusbarPadding'),
@@ -998,7 +1003,7 @@ const RouterOutlet = class {
                 this.swipeHandler.onStart();
             }
         };
-        this.gesture = (await import('./swipe-back-17c42610.js')).createSwipeBackGesture(this.el, () => !this.gestureOrAnimationInProgress && !!this.swipeHandler && this.swipeHandler.canStart(), () => onStart(), (step) => { var _a; return (_a = this.ani) === null || _a === void 0 ? void 0 : _a.progressStep(step); }, (shouldComplete, step, dur) => {
+        this.gesture = (await import('./swipe-back-e12c482f.js')).createSwipeBackGesture(this.el, () => !this.gestureOrAnimationInProgress && !!this.swipeHandler && this.swipeHandler.canStart(), () => onStart(), (step) => { var _a; return (_a = this.ani) === null || _a === void 0 ? void 0 : _a.progressStep(step); }, (shouldComplete, step, dur) => {
             if (this.ani) {
                 this.ani.onFinish(() => {
                     this.gestureOrAnimationInProgress = false;