@ionic/core 8.4.2-dev.11740495088.1d73faf5 → 8.4.2-dev.11741080979.1715cc06

package/dist/collection/components/searchbar/searchbar.js

@@ -141,6 +141,7 @@ export class Searchbar {
         this.spellcheck = false;
         this.type = 'search';
         this.value = '';
+        this.shape = undefined;
     }
     /**
      * lang and dir are globally enumerated attributes.
@@ -375,6 +376,18 @@ export class Searchbar {
         }
         return true;
     }
+    getShape() {
+        const theme = getIonTheme(this);
+        const { shape } = this;
+        // TODO(ROU-11677): Remove theme check when shapes are defined for all themes.
+        if (theme !== 'ionic') {
+            return undefined;
+        }
+        if (shape === undefined) {
+            return 'round';
+        }
+        return shape;
+    }
     /**
      * Get the icon to use for the clear icon.
      * If an icon is set on the component, use that.
@@ -449,8 +462,9 @@ export class Searchbar {
         const animated = this.animated && config.getBoolean('animated', true);
         const theme = getIonTheme(this);
         const shouldShowCancelButton = this.shouldShowCancelButton();
-        const cancelButton = this.showCancelButton !== 'never' && (h("button", { key: '3301b510959fa5a426230175f5b61b4ead9bcfbb', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: theme === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, h("div", { key: 'cb3a77783c75bbc78acdc7df9c75abcc415188d9', "aria-hidden": "true" }, theme === 'md' || theme === 'ionic' ? (h("ion-icon", { "aria-hidden": "true", icon: searchbarCancelIcon, lazy: false })) : (cancelButtonText))));
-        return (h(Host, { key: '33fdf75d5f7ce578cfbb7c4befa816c2b30469ac', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses(this.color, {
+        const shape = this.getShape();
+        const cancelButton = this.showCancelButton !== 'never' && (h("button", { key: 'd7382dd39f5699330fa1c981cd252a903029d1b5', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: theme === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, h("div", { key: '3b3c4a16c23d7406be4eda6076deca41e79e196d', "aria-hidden": "true" }, theme === 'md' || theme === 'ionic' ? (h("ion-icon", { "aria-hidden": "true", icon: searchbarCancelIcon, lazy: false })) : (cancelButtonText))));
+        return (h(Host, { key: '4890a1478e7e1ff0a85d5e6ca2214c50aee96777', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses(this.color, {
                 [theme]: true,
                 'searchbar-animated': animated,
                 'searchbar-disabled': this.disabled,
@@ -460,14 +474,15 @@ export class Searchbar {
                 'searchbar-has-focus': this.focused,
                 'searchbar-should-show-clear': this.shouldShowClearButton(),
                 'searchbar-should-show-cancel': this.shouldShowCancelButton(),
-            }) }, h("div", { key: '8a5accb217a1efccc1cd417cef8b95996e277c07', class: "searchbar-input-container" }, h("input", Object.assign({ key: 'dccb39de2157490b1e937c9a2737edb55b7001e6', "aria-label": "search text", disabled: this.disabled, ref: (el) => (this.nativeInput = el), class: "searchbar-input", inputMode: this.inputmode, enterKeyHint: this.enterkeyhint, name: this.name, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, minLength: this.minlength, maxLength: this.maxlength, placeholder: this.placeholder, type: this.type, value: this.getValue(), autoCapitalize: autocapitalize === 'default' ? undefined : autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, spellcheck: this.spellcheck }, this.inheritedAttributes)), (theme === 'md' || theme === 'ionic') && cancelButton, h("ion-icon", { key: 'e85d30887e0b8eb264f86f682362882f4d14bf61', "aria-hidden": "true", icon: searchbarSearchIcon, lazy: false, class: "searchbar-search-icon" }), h("button", { key: '73aeda33d35e499a7f9edbb550707f2d5a234110', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
+                [`searchbar-shape-${shape}`]: shape !== undefined,
+            }) }, h("div", { key: 'e2b95c0f77605f8d1e9b3f8b971d07fba72cb794', class: "searchbar-input-container" }, h("input", Object.assign({ key: '6dd8ff97d0ef85190addbd20a1093d22fecf9a80', "aria-label": "search text", disabled: this.disabled, ref: (el) => (this.nativeInput = el), class: "searchbar-input", inputMode: this.inputmode, enterKeyHint: this.enterkeyhint, name: this.name, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, minLength: this.minlength, maxLength: this.maxlength, placeholder: this.placeholder, type: this.type, value: this.getValue(), autoCapitalize: autocapitalize === 'default' ? undefined : autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, spellcheck: this.spellcheck }, this.inheritedAttributes)), (theme === 'md' || theme === 'ionic') && cancelButton, h("ion-icon", { key: '626aefedcd35c36bd9a697b5f5bdbaec4f0142eb', "aria-hidden": "true", icon: searchbarSearchIcon, lazy: false, class: "searchbar-search-icon" }), h("button", { key: '9996031c9eeba745d37b6600b6594f69c4808842', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
                 /**
                  * This prevents mobile browsers from
                  * blurring the input when the clear
                  * button is activated.
                  */
                 ev.preventDefault();
-            }, onClick: () => this.onClearInput(true) }, h("ion-icon", { key: '9c9c376352470fc45877f1b89dfecf2c5ca2cc71', "aria-hidden": "true", icon: searchbarClearIcon, lazy: false, class: "searchbar-clear-icon" }))), theme === 'ios' && cancelButton));
+            }, onClick: () => this.onClearInput(true) }, h("ion-icon", { key: '403a5866e82ca6be91101a1719c3ad2f273a652f', "aria-hidden": "true", icon: searchbarClearIcon, lazy: false, class: "searchbar-clear-icon" }))), theme === 'ios' && cancelButton));
     }
     static get is() { return "ion-searchbar"; }
     static get encapsulation() { return "scoped"; }
@@ -885,6 +900,23 @@ export class Searchbar {
                 "attribute": "value",
                 "reflect": false,
                 "defaultValue": "''"
+            },
+            "shape": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'soft' | 'round' | 'rectangular'",
+                    "resolved": "\"rectangular\" | \"round\" | \"soft\" | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "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."
+                },
+                "attribute": "shape",
+                "reflect": false
             }
         };
     }

package/dist/collection/utils/focus-visible.js

@@ -24,6 +24,21 @@ export 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.
+ */
+export const focusElements = (elements) => {
+    const focusVisible = getOrInitFocusVisibleUtility();
+    focusVisible.setFocus(elements);
+};
 export const startFocusVisible = (rootEl) => {
     let currentFocus = [];
     let keyboardMode = true;

package/dist/collection/utils/helpers.js

@@ -1,6 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
+import { focusElements } from "./focus-visible";
 import { config } from "../global/config";
 export const transitionEndAsync = (el, expectedDuration = 0) => {
     return new Promise((resolve) => {
@@ -231,6 +232,17 @@ export const raf = (h) => {
 export 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.
+ */
 export const focusVisibleElement = (el) => {
     el.focus();
     /**
@@ -245,7 +257,33 @@ export 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/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-02-25T14:53:46",
+  "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