@ionic/core 8.4.4-dev.11739312641.10060091 → 8.4.4-dev.11740658609.11c22eeb

package/dist/collection/components/alert/alert.js

@@ -72,6 +72,7 @@ export class Alert {
         }
     }
     onKeydown(ev) {
+        var _a;
         const inputTypes = new Set(this.processedInputs.map((i) => i.type));
         /**
          * Based on keyboard navigation requirements, the
@@ -81,6 +82,17 @@ export class Alert {
             ev.preventDefault();
             return;
         }
+        /**
+         * Ensure when alert container is being focused, and the user presses the tab + shift keys, the focus will be set to the last alert button.
+         */
+        if (ev.target.classList.contains('alert-wrapper')) {
+            if (ev.key === 'Tab' && ev.shiftKey) {
+                ev.preventDefault();
+                const lastChildBtn = (_a = this.wrapperEl) === null || _a === void 0 ? void 0 : _a.querySelector('.alert-button:last-child');
+                lastChildBtn.focus();
+                return;
+            }
+        }
         // The only inputs we want to navigate between using arrow keys are the radios
         // ignore the keydown event if it is not on a radio button
         if (!inputTypes.has('radio') ||
@@ -212,7 +224,16 @@ export class Alert {
     async present() {
         const unlock = await this.lockController.lock();
         await this.delegateController.attachViewToDom();
-        await present(this, 'alertEnter', iosEnterAnimation, mdEnterAnimation);
+        await present(this, 'alertEnter', iosEnterAnimation, mdEnterAnimation).then(() => {
+            var _a, _b;
+            if (this.buttons.length === 1 && this.inputs.length === 0) {
+                const queryBtn = (_a = this.wrapperEl) === null || _a === void 0 ? void 0 : _a.querySelector('.alert-button');
+                queryBtn.focus();
+            }
+            else {
+                (_b = this.wrapperEl) === null || _b === void 0 ? void 0 : _b.focus();
+            }
+        });
         unlock();
     }
     /**
@@ -386,8 +407,8 @@ export class Alert {
         const { overlayIndex, header, subHeader, message, htmlAttributes } = this;
         const mode = getIonMode(this);
         const hdrId = `alert-${overlayIndex}-hdr`;
-        const subHdrId = `alert-${overlayIndex}-sub-hdr`;
         const msgId = `alert-${overlayIndex}-msg`;
+        const subHdrId = `alert-${overlayIndex}-sub-hdr`;
         const role = this.inputs.length > 0 || this.buttons.length > 0 ? 'alertdialog' : 'alert';
         /**
          * Use both the header and subHeader ids if they are defined.
@@ -396,9 +417,9 @@ export class Alert {
          * If neither are defined, do not set aria-labelledby.
          */
         const ariaLabelledBy = header && subHeader ? `${hdrId} ${subHdrId}` : header ? hdrId : subHeader ? subHdrId : null;
-        return (h(Host, Object.assign({ key: 'ad7e14b4f92a09387aa80abfb718a755e4e889d6', role: role, "aria-modal": "true", "aria-labelledby": ariaLabelledBy, "aria-describedby": message !== undefined ? msgId : null, tabindex: "-1" }, htmlAttributes, { style: {
+        return (h(Host, { key: '212b5dc1949c63210c9d135afbe7fe31a16b5638', tabindex: "-1", style: {
                 zIndex: `${20000 + overlayIndex}`,
-            }, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [mode]: true, 'overlay-hidden': true, 'alert-translucent': this.translucent }), onIonAlertWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }), h("ion-backdrop", { key: '4b4693dca3c910aa9a61c4d90295d785ec6cbe3d', tappable: this.backdropDismiss }), h("div", { key: '64fd19b8f1d8246dcc869053f858bc33506def4b', tabindex: "0", "aria-hidden": "true" }), h("div", { key: 'e61ba6f339c3a02cecd37d8b641ee5043018eb29', class: "alert-wrapper ion-overlay-wrapper", ref: (el) => (this.wrapperEl = el) }, h("div", { key: '044e00667ffcb74aa2c5e0d0b42669c4004dbb4f', class: "alert-head" }, header && (h("h2", { key: '1aaae8d58722c4cf5debb1f00415ab7ed0a52bbd', id: hdrId, class: "alert-title" }, header)), subHeader && !header && (h("h2", { key: '9c9854dc3b0ad40f1861a49b76d5636afcae9c74', id: subHdrId, class: "alert-sub-title" }, subHeader)), subHeader && header && (h("h3", { key: '19aaca9912f77cde4ae8079be210eda697ed8de1', id: subHdrId, class: "alert-sub-title" }, subHeader))), this.renderAlertMessage(msgId), this.renderAlertInputs(), this.renderAlertButtons()), h("div", { key: 'a85d27c516f7cdbc85b19f40d2f0bd865490b6a7', tabindex: "0", "aria-hidden": "true" })));
+            }, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [mode]: true, 'overlay-hidden': true, 'alert-translucent': this.translucent }), onIonAlertWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }, h("ion-backdrop", { key: 'ac8351d14850884a4f6865bbf32fb271592eedd9', tappable: this.backdropDismiss }), h("div", { key: 'f677da8e719dfef9db8acbfd4fa14b936efb2cd7', tabindex: "0", "aria-hidden": "true" }), h("div", Object.assign({ key: '00124f7eda90b905c7161af00c25129e6232e387', class: "alert-wrapper ion-overlay-wrapper", role: role, "aria-modal": "true", "aria-labelledby": ariaLabelledBy, "aria-describedby": message !== undefined ? msgId : null, tabindex: "0", ref: (el) => (this.wrapperEl = el) }, htmlAttributes), h("div", { key: '441b12e462a6ac83f29e251bea60d4dac273c6f8', class: "alert-head" }, header && (h("h2", { key: 'd7f185ec5ba61519cd2e5c84ccb884fc711754bf', id: hdrId, class: "alert-title" }, header)), subHeader && !header && (h("h2", { key: '8477b1979d040ffbce7b4396b57d5fd197b116a7', id: subHdrId, class: "alert-sub-title" }, subHeader)), subHeader && header && (h("h3", { key: 'ccb22f664465077be6e5f59c1541c13d8071cc30', id: subHdrId, class: "alert-sub-title" }, subHeader))), this.renderAlertMessage(msgId), this.renderAlertInputs(), this.renderAlertButtons()), h("div", { key: '33d5f68cb7a0989ecd1bd0abf110b94947e5b091', tabindex: "0", "aria-hidden": "true" })));
     }
     static get is() { return "ion-alert"; }
     static get encapsulation() { return "scoped"; }
@@ -922,6 +943,10 @@ export class Alert {
                         "Promise": {
                             "location": "global",
                             "id": "global::Promise"
+                        },
+                        "HTMLButtonElement": {
+                            "location": "global",
+                            "id": "global::HTMLButtonElement"
                         }
                     },
                     "return": "Promise<void>"

package/dist/collection/components/ripple-effect/ripple-effect.js

@@ -136,12 +136,10 @@ export class RippleEffect {
     static get elementRef() { return "el"; }
 }
 const removeRipple = (ripple) => {
-    if (!ripple.parentNode)
-        return;
     ripple.classList.add('fade-out');
-    ripple.addEventListener('transitionend', () => {
+    setTimeout(() => {
         ripple.remove();
-    }, { once: true });
+    }, 200);
 };
 const PADDING = 10;
 const INITIAL_ORIGIN_SCALE = 0.5;

package/dist/collection/components/segment-button/segment-button.js

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { Host, forceUpdate, h } from "@stencil/core";
-import { addEventListener, removeEventListener, inheritAttributes } from "../../utils/helpers";
+import { addEventListener, removeEventListener, inheritAttributes, getNextSiblingOfType } from "../../utils/helpers";
 import { hostContext } from "../../utils/theme";
 import { getIonMode } from "../../global/ionic-global";
 let ids = 0;
@@ -39,7 +39,35 @@ export class SegmentButton {
     valueChanged() {
         this.updateState();
     }
-    connectedCallback() {
+    waitForSegmentContent(ionSegment, contentId) {
+        return new Promise((resolve, reject) => {
+            let timeoutId = undefined;
+            let animationFrameId;
+            const check = () => {
+                if (!ionSegment) {
+                    reject(new Error(`Segment not found when looking for Segment Content`));
+                    return;
+                }
+                const segmentView = getNextSiblingOfType(ionSegment); // Skip the text nodes
+                const segmentContent = segmentView === null || segmentView === void 0 ? void 0 : segmentView.querySelector(`ion-segment-content[id="${contentId}"]`);
+                if (segmentContent && timeoutId) {
+                    clearTimeout(timeoutId); // Clear the timeout if the segmentContent is found
+                    cancelAnimationFrame(animationFrameId);
+                    resolve(segmentContent);
+                }
+                else {
+                    animationFrameId = requestAnimationFrame(check); // Keep checking on the next animation frame
+                }
+            };
+            check();
+            // Set a timeout to reject the promise
+            timeoutId = setTimeout(() => {
+                cancelAnimationFrame(animationFrameId);
+                reject(new Error(`Unable to find Segment Content with id="${contentId} within 1000 ms`));
+            }, 1000);
+        });
+    }
+    async connectedCallback() {
         const segmentEl = (this.segmentEl = this.el.closest('ion-segment'));
         if (segmentEl) {
             this.updateState();
@@ -49,11 +77,14 @@ export class SegmentButton {
         // Return if there is no contentId defined
         if (!this.contentId)
             return;
-        // Attempt to find the Segment Content by its contentId
-        const segmentContent = document.getElementById(this.contentId);
-        // If no associated Segment Content exists, log an error and return
-        if (!segmentContent) {
-            console.error(`Segment Button: Unable to find Segment Content with id="${this.contentId}".`);
+        let segmentContent;
+        try {
+            // Attempt to find the Segment Content by its contentId
+            segmentContent = await this.waitForSegmentContent(segmentEl, this.contentId);
+        }
+        catch (error) {
+            // If no associated Segment Content exists, log an error and return
+            console.error('Segment Button: ', error.message);
             return;
         }
         // Ensure the found element is a valid ION-SEGMENT-CONTENT
@@ -99,7 +130,7 @@ export class SegmentButton {
         const { checked, type, disabled, hasIcon, hasLabel, layout, segmentEl } = this;
         const mode = getIonMode(this);
         const hasSegmentColor = () => (segmentEl === null || segmentEl === void 0 ? void 0 : segmentEl.color) !== undefined;
-        return (h(Host, { key: 'd50a5d5e2f6206e8523598f258d8217d2903f69b', class: {
+        return (h(Host, { key: 'f9da656c8eccb80e4ef30e3fa977f2dbbefbc988', class: {
                 [mode]: true,
                 'in-toolbar': hostContext('ion-toolbar', this.el),
                 'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
@@ -115,7 +146,7 @@ export class SegmentButton {
                 'ion-activatable': true,
                 'ion-activatable-instant': true,
                 'ion-focusable': true,
-            } }, h("button", Object.assign({ key: 'b4f6f145286ba8ab79669e11035b906daa85ae7e', "aria-selected": checked ? 'true' : 'false', role: "tab", ref: (el) => (this.nativeEl = el), type: type, class: "button-native", part: "native", disabled: disabled }, this.inheritedAttributes), h("span", { key: '67965996c9ffe70553875e00d3da0ae5b2b1d814', class: "button-inner" }, h("slot", { key: '5087988fe45a8fdf388ec44c395d0b745b207806' })), mode === 'md' && h("ion-ripple-effect", { key: 'b24858de0750bbc769b3183fac0077dfe817ba27' })), h("div", { key: '97b4359432acd1c9da0816360cd1df9472e183f7', part: "indicator", class: "segment-button-indicator segment-button-indicator-animated" }, h("div", { key: '0561738ea15b0986f4ed3d8276d5e6f2d13f7e51', part: "indicator-background", class: "segment-button-indicator-background" }))));
+            } }, h("button", Object.assign({ key: '00dbcdbd81cd74abdd39803f6840a6e477cc7b0c', "aria-selected": checked ? 'true' : 'false', role: "tab", ref: (el) => (this.nativeEl = el), type: type, class: "button-native", part: "native", disabled: disabled }, this.inheritedAttributes), h("span", { key: '5200c082a9c4788010c4fc33fe75e2b2ad28364a', class: "button-inner" }, h("slot", { key: 'cf3fce2b5d22436b84cd4367a5885df7d6a2715f' })), mode === 'md' && h("ion-ripple-effect", { key: 'f1a2816465f4c2c06644be07315bff2da77e2342' })), h("div", { key: 'aaf31c0ed39641fca698ee98d0773131f4eea6bd', part: "indicator", class: "segment-button-indicator segment-button-indicator-animated" }, h("div", { key: 'fc556651361b7ac305aaedd25ea4afe3173abd20', part: "indicator-background", class: "segment-button-indicator-background" }))));
     }
     static get is() { return "ion-segment-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/utils/helpers.js

@@ -364,3 +364,13 @@ export const shallowEqualStringMap = (map1, map2) => {
     }
     return true;
 };
+export const getNextSiblingOfType = (element) => {
+    let sibling = element.nextSibling;
+    while (sibling) {
+        if (sibling.nodeType === Node.ELEMENT_NODE && sibling !== null) {
+            return sibling;
+        }
+        sibling = sibling.nextSibling;
+    }
+    return null;
+};

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-02-11T22:25:49",
+  "timestamp": "2025-02-27T12:18:42",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.20.0",
@@ -1921,6 +1921,10 @@
               "Promise": {
                 "location": "global",
                 "id": "global::Promise"
+              },
+              "HTMLButtonElement": {
+                "location": "global",
+                "id": "global::HTMLButtonElement"
               }
             },
             "return": "Promise<void>"

package/dist/esm/{framework-delegate-63d1a679.js → framework-delegate-f683816e.js}

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

package/dist/esm/{helpers-da915de8.js → helpers-9b49d7d2.js}

@@ -358,5 +358,15 @@ const shallowEqualStringMap = (map1, map2) => {
     }
     return true;
 };
+const getNextSiblingOfType = (element) => {
+    let sibling = element.nextSibling;
+    while (sibling) {
+        if (sibling.nodeType === Node.ELEMENT_NODE && sibling !== null) {
+            return sibling;
+        }
+        sibling = sibling.nextSibling;
+    }
+    return null;
+};
 
-export { addEventListener as a, removeEventListener as b, componentOnReady as c, renderHiddenInput as d, debounceEvent as e, focusVisibleElement as f, getElementRoot as g, inheritAttributes as h, inheritAriaAttributes as i, clamp as j, hasLazyBuild as k, hasShadowDom as l, assert as m, isEndSide as n, debounce as o, pointerCoord as p, raf as r, shallowEqualStringMap as s, transitionEndAsync as t };
+export { addEventListener as a, removeEventListener as b, componentOnReady as c, renderHiddenInput as d, debounceEvent as e, focusVisibleElement as f, getElementRoot as g, inheritAttributes as h, inheritAriaAttributes as i, clamp as j, hasLazyBuild as k, hasShadowDom as l, assert as m, getNextSiblingOfType as n, isEndSide as o, debounce as p, pointerCoord as q, raf as r, shallowEqualStringMap as s, transitionEndAsync as t };

package/dist/esm/{index-5cc724f3.js → index-33f7e3ff.js}

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

package/dist/esm/{index-79b30591.js → index-5a0f5fd0.js}

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

package/dist/esm/{index-3ad7f18b.js → index-7ec5519a.js}

@@ -4,7 +4,7 @@
 import { c as config } from './ionic-global-c81d82ab.js';
 import { w as writeTask, B as Build } from './index-28849c61.js';
 import { p as printIonWarning } from './index-9b0d46f4.js';
-import { r as raf } from './helpers-da915de8.js';
+import { r as raf } from './helpers-9b49d7d2.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-4ee1a3af.js');
-const mdTransitionAnimation = () => import('./md.transition-5106a0d2.js');
+const iosTransitionAnimation = () => import('./ios.transition-085853ff.js');
+const mdTransitionAnimation = () => import('./md.transition-33826623.js');
 const focusController = createFocusController();
 // TODO(FW-2832): types
 const transition = (opts) => {

package/dist/esm/{index-24b48b06.js → index-8785a9c6.js}

@@ -4,7 +4,7 @@
 import { d as doc } from './index-a5d50daf.js';
 import { MENU_BACK_BUTTON_PRIORITY } from './hardware-back-button-06ef3c3e.js';
 import { p as printIonWarning } from './index-9b0d46f4.js';
-import { c as componentOnReady } from './helpers-da915de8.js';
+import { c as componentOnReady } from './helpers-9b49d7d2.js';
 import { b as getIonMode } from './ionic-global-c81d82ab.js';
 import { c as createAnimation } from './animation-eab5a4ca.js';
 

package/dist/esm/index.js

@@ -2,23 +2,23 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 export { c as createAnimation } from './animation-eab5a4ca.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-3ad7f18b.js';
-export { iosTransitionAnimation } from './ios.transition-4ee1a3af.js';
-export { mdTransitionAnimation } from './md.transition-5106a0d2.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-7ec5519a.js';
+export { iosTransitionAnimation } from './ios.transition-085853ff.js';
+export { mdTransitionAnimation } from './md.transition-33826623.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-c81d82ab.js';
-export { c as componentOnReady } from './helpers-da915de8.js';
+export { c as componentOnReady } from './helpers-9b49d7d2.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-24b48b06.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-e7b9d6d9.js';
+export { m as menuController } from './index-8785a9c6.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-e3d0d356.js';
 import './index-a5d50daf.js';
 import './index-28849c61.js';
 import './index-9b0d46f4.js';
 import './gesture-controller-314a54f6.js';
 import './hardware-back-button-06ef3c3e.js';
-import './framework-delegate-63d1a679.js';
+import './framework-delegate-f683816e.js';
 
 const IonicSlides = (opts) => {
     const { swiper, extendParams } = opts;

package/dist/esm/{input-shims-0314bbe5.js → input-shims-0e65111b.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-5cc724f3.js';
-import { a as addEventListener, b as removeEventListener, r as raf, c as componentOnReady } from './helpers-da915de8.js';
+import { g as getScrollElement, c as scrollByPoint, f as findClosestIonContent } from './index-33f7e3ff.js';
+import { a as addEventListener, b as removeEventListener, r as raf, c as componentOnReady } from './helpers-9b49d7d2.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-09c71bc7.js → input.utils-1ad8dafc.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-da915de8.js';
+import { r as raf } from './helpers-9b49d7d2.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, f as Host, i as getElement, d as createEvent } from './index-28849c61.js';
-import { r as raf, t as transitionEndAsync, a as addEventListener, b as removeEventListener, g as getElementRoot } from './helpers-da915de8.js';
+import { r as raf, t as transitionEndAsync, a as addEventListener, b as removeEventListener, g as getElementRoot } from './helpers-9b49d7d2.js';
 import { l as chevronDown } from './index-e2cf2ceb.js';
 import { c as config, b as getIonMode } from './ionic-global-c81d82ab.js';
 import { p as printIonWarning } from './index-9b0d46f4.js';

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

@@ -3,9 +3,9 @@
  */
 import { r as registerInstance, d as createEvent, e as readTask, h, f as Host, i as getElement } from './index-28849c61.js';
 import { c as createButtonActiveGesture } from './button-active-f6503382.js';
-import { r as raf } from './helpers-da915de8.js';
+import { r as raf } from './helpers-9b49d7d2.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-e7b9d6d9.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-e3d0d356.js';
 import { g as getClassMap } from './theme-01f3f29c.js';
 import { b as getIonMode } from './ionic-global-c81d82ab.js';
 import { c as createAnimation } from './animation-eab5a4ca.js';
@@ -15,7 +15,7 @@ import './index-a5d50daf.js';
 import './index-39782642.js';
 import './gesture-controller-314a54f6.js';
 import './hardware-back-button-06ef3c3e.js';
-import './framework-delegate-63d1a679.js';
+import './framework-delegate-f683816e.js';
 import './index-9b0d46f4.js';
 
 /**

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

@@ -4,9 +4,9 @@
 import { r as registerInstance, d as createEvent, j as forceUpdate, h, f as Host, i as getElement } from './index-28849c61.js';
 import { E as ENABLE_HTML_CONTENT_DEFAULT, a as sanitizeDOMString } from './config-49c88215.js';
 import { c as createButtonActiveGesture } from './button-active-f6503382.js';
-import { r as raf } from './helpers-da915de8.js';
+import { r as raf } from './helpers-9b49d7d2.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-e7b9d6d9.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-e3d0d356.js';
 import { g as getClassMap } from './theme-01f3f29c.js';
 import { c as config, b as getIonMode } from './ionic-global-c81d82ab.js';
 import { c as createAnimation } from './animation-eab5a4ca.js';
@@ -16,7 +16,7 @@ import './index-a5d50daf.js';
 import './index-39782642.js';
 import './gesture-controller-314a54f6.js';
 import './hardware-back-button-06ef3c3e.js';
-import './framework-delegate-63d1a679.js';
+import './framework-delegate-f683816e.js';
 import './index-9b0d46f4.js';
 
 /**
@@ -172,6 +172,7 @@ const Alert = class {
         }
     }
     onKeydown(ev) {
+        var _a;
         const inputTypes = new Set(this.processedInputs.map((i) => i.type));
         /**
          * Based on keyboard navigation requirements, the
@@ -181,6 +182,17 @@ const Alert = class {
             ev.preventDefault();
             return;
         }
+        /**
+         * Ensure when alert container is being focused, and the user presses the tab + shift keys, the focus will be set to the last alert button.
+         */
+        if (ev.target.classList.contains('alert-wrapper')) {
+            if (ev.key === 'Tab' && ev.shiftKey) {
+                ev.preventDefault();
+                const lastChildBtn = (_a = this.wrapperEl) === null || _a === void 0 ? void 0 : _a.querySelector('.alert-button:last-child');
+                lastChildBtn.focus();
+                return;
+            }
+        }
         // The only inputs we want to navigate between using arrow keys are the radios
         // ignore the keydown event if it is not on a radio button
         if (!inputTypes.has('radio') ||
@@ -312,7 +324,16 @@ const Alert = class {
     async present() {
         const unlock = await this.lockController.lock();
         await this.delegateController.attachViewToDom();
-        await present(this, 'alertEnter', iosEnterAnimation, mdEnterAnimation);
+        await present(this, 'alertEnter', iosEnterAnimation, mdEnterAnimation).then(() => {
+            var _a, _b;
+            if (this.buttons.length === 1 && this.inputs.length === 0) {
+                const queryBtn = (_a = this.wrapperEl) === null || _a === void 0 ? void 0 : _a.querySelector('.alert-button');
+                queryBtn.focus();
+            }
+            else {
+                (_b = this.wrapperEl) === null || _b === void 0 ? void 0 : _b.focus();
+            }
+        });
         unlock();
     }
     /**
@@ -486,8 +507,8 @@ const Alert = class {
         const { overlayIndex, header, subHeader, message, htmlAttributes } = this;
         const mode = getIonMode(this);
         const hdrId = `alert-${overlayIndex}-hdr`;
-        const subHdrId = `alert-${overlayIndex}-sub-hdr`;
         const msgId = `alert-${overlayIndex}-msg`;
+        const subHdrId = `alert-${overlayIndex}-sub-hdr`;
         const role = this.inputs.length > 0 || this.buttons.length > 0 ? 'alertdialog' : 'alert';
         /**
          * Use both the header and subHeader ids if they are defined.
@@ -496,9 +517,9 @@ const Alert = class {
          * If neither are defined, do not set aria-labelledby.
          */
         const ariaLabelledBy = header && subHeader ? `${hdrId} ${subHdrId}` : header ? hdrId : subHeader ? subHdrId : null;
-        return (h(Host, Object.assign({ key: 'ad7e14b4f92a09387aa80abfb718a755e4e889d6', role: role, "aria-modal": "true", "aria-labelledby": ariaLabelledBy, "aria-describedby": message !== undefined ? msgId : null, tabindex: "-1" }, htmlAttributes, { style: {
+        return (h(Host, { key: '212b5dc1949c63210c9d135afbe7fe31a16b5638', tabindex: "-1", style: {
                 zIndex: `${20000 + overlayIndex}`,
-            }, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [mode]: true, 'overlay-hidden': true, 'alert-translucent': this.translucent }), onIonAlertWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }), h("ion-backdrop", { key: '4b4693dca3c910aa9a61c4d90295d785ec6cbe3d', tappable: this.backdropDismiss }), h("div", { key: '64fd19b8f1d8246dcc869053f858bc33506def4b', tabindex: "0", "aria-hidden": "true" }), h("div", { key: 'e61ba6f339c3a02cecd37d8b641ee5043018eb29', class: "alert-wrapper ion-overlay-wrapper", ref: (el) => (this.wrapperEl = el) }, h("div", { key: '044e00667ffcb74aa2c5e0d0b42669c4004dbb4f', class: "alert-head" }, header && (h("h2", { key: '1aaae8d58722c4cf5debb1f00415ab7ed0a52bbd', id: hdrId, class: "alert-title" }, header)), subHeader && !header && (h("h2", { key: '9c9854dc3b0ad40f1861a49b76d5636afcae9c74', id: subHdrId, class: "alert-sub-title" }, subHeader)), subHeader && header && (h("h3", { key: '19aaca9912f77cde4ae8079be210eda697ed8de1', id: subHdrId, class: "alert-sub-title" }, subHeader))), this.renderAlertMessage(msgId), this.renderAlertInputs(), this.renderAlertButtons()), h("div", { key: 'a85d27c516f7cdbc85b19f40d2f0bd865490b6a7', tabindex: "0", "aria-hidden": "true" })));
+            }, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [mode]: true, 'overlay-hidden': true, 'alert-translucent': this.translucent }), onIonAlertWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }, h("ion-backdrop", { key: 'ac8351d14850884a4f6865bbf32fb271592eedd9', tappable: this.backdropDismiss }), h("div", { key: 'f677da8e719dfef9db8acbfd4fa14b936efb2cd7', tabindex: "0", "aria-hidden": "true" }), h("div", Object.assign({ key: '00124f7eda90b905c7161af00c25129e6232e387', class: "alert-wrapper ion-overlay-wrapper", role: role, "aria-modal": "true", "aria-labelledby": ariaLabelledBy, "aria-describedby": message !== undefined ? msgId : null, tabindex: "0", ref: (el) => (this.wrapperEl = el) }, htmlAttributes), h("div", { key: '441b12e462a6ac83f29e251bea60d4dac273c6f8', class: "alert-head" }, header && (h("h2", { key: 'd7f185ec5ba61519cd2e5c84ccb884fc711754bf', id: hdrId, class: "alert-title" }, header)), subHeader && !header && (h("h2", { key: '8477b1979d040ffbce7b4396b57d5fd197b116a7', id: subHdrId, class: "alert-sub-title" }, subHeader)), subHeader && header && (h("h3", { key: 'ccb22f664465077be6e5f59c1541c13d8071cc30', id: subHdrId, class: "alert-sub-title" }, subHeader))), this.renderAlertMessage(msgId), this.renderAlertInputs(), this.renderAlertButtons()), h("div", { key: '33d5f68cb7a0989ecd1bd0abf110b94947e5b091', tabindex: "0", "aria-hidden": "true" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -5,15 +5,15 @@ import { r as registerInstance, h, f as Host, i as getElement, d as createEvent,
 import { shouldUseCloseWatcher } from './hardware-back-button-06ef3c3e.js';
 import { p as printIonWarning } from './index-9b0d46f4.js';
 import { b as getIonMode, c as config, a as isPlatform } from './ionic-global-c81d82ab.js';
-import { i as inheritAriaAttributes, k as hasLazyBuild, c as componentOnReady, j as clamp, s as shallowEqualStringMap } from './helpers-da915de8.js';
+import { i as inheritAriaAttributes, k as hasLazyBuild, c as componentOnReady, j as clamp, s as shallowEqualStringMap } from './helpers-9b49d7d2.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-5cc724f3.js';
+import { a as findIonContent, p as printIonContentErrorMsg, g as getScrollElement } from './index-33f7e3ff.js';
 import { c as createKeyboardController } from './keyboard-controller-ec5c2bfa.js';
 import { g as getTimeGivenProgression } from './cubic-bezier-fe2083dc.js';
-import { a as attachComponent, d as detachComponent } from './framework-delegate-63d1a679.js';
+import { a as attachComponent, d as detachComponent } from './framework-delegate-f683816e.js';
 import { c as createLockController } from './lock-controller-316928be.js';
-import { t as transition } from './index-3ad7f18b.js';
+import { t as transition } from './index-7ec5519a.js';
 import './index-a5d50daf.js';
 import './keyboard-73175e24.js';
 import './capacitor-59395cbd.js';
@@ -30,10 +30,10 @@ const App = class {
             rIC(async () => {
                 const isHybrid = isPlatform(window, 'hybrid');
                 if (!config.getBoolean('_testing')) {
-                    import('./index-79b30591.js').then((module) => module.startTapClick(config));
+                    import('./index-5a0f5fd0.js').then((module) => module.startTapClick(config));
                 }
                 if (config.getBoolean('statusTap', isHybrid)) {
-                    import('./status-tap-f472b09f.js').then((module) => module.startStatusTap());
+                    import('./status-tap-163e8128.js').then((module) => module.startStatusTap());
                 }
                 if (config.getBoolean('inputShims', needInputShims())) {
                     /**
@@ -41,7 +41,7 @@ const App = class {
                      * platforms proceed into this block.
                      */
                     const platform = isPlatform(window, 'ios') ? 'ios' : 'android';
-                    import('./input-shims-0314bbe5.js').then((module) => module.startInputShims(config, platform));
+                    import('./input-shims-0e65111b.js').then((module) => module.startInputShims(config, platform));
                 }
                 const hardwareBackButtonModule = await import('./hardware-back-button-06ef3c3e.js');
                 const supportsHardwareBackButtonEvents = isHybrid || shouldUseCloseWatcher();
@@ -1050,7 +1050,7 @@ const RouterOutlet = class {
                 this.swipeHandler.onStart();
             }
         };
-        this.gesture = (await import('./swipe-back-e5394307.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-23ee7ab1.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;

package/dist/esm/ion-back-button.entry.js

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, h, f as Host, i as getElement } from './index-28849c61.js';
-import { i as inheritAriaAttributes } from './helpers-da915de8.js';
+import { i as inheritAriaAttributes } from './helpers-9b49d7d2.js';
 import { o as openURL, c as createColorClasses, h as hostContext } from './theme-01f3f29c.js';
 import { c as chevronBack, a as arrowBackSharp } from './index-e2cf2ceb.js';
 import { c as config, b as getIonMode } from './ionic-global-c81d82ab.js';

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

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, d as createEvent, h, f as Host, i as getElement } from './index-28849c61.js';
-import { i as inheritAriaAttributes } from './helpers-da915de8.js';
+import { i as inheritAriaAttributes } from './helpers-9b49d7d2.js';
 import { o as openURL, c as createColorClasses, h as hostContext } from './theme-01f3f29c.js';
 import { m as chevronForwardOutline, n as ellipsisHorizontal } from './index-e2cf2ceb.js';
 import { b as getIonMode } from './ionic-global-c81d82ab.js';

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

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { k as getAssetPath, r as registerInstance, d as createEvent, h, f as Host, i as getElement } from './index-28849c61.js';
-import { l as hasShadowDom, i as inheritAriaAttributes } from './helpers-da915de8.js';
+import { l as hasShadowDom, i as inheritAriaAttributes } from './helpers-9b49d7d2.js';
 import { p as printIonWarning } from './index-9b0d46f4.js';
 import { o as openURL, c as createColorClasses$1, h as hostContext } from './theme-01f3f29c.js';
 import { b as getIonMode$1 } from './ionic-global-c81d82ab.js';

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

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, h, f as Host, i as getElement } from './index-28849c61.js';
-import { h as inheritAttributes } from './helpers-da915de8.js';
+import { h as inheritAttributes } from './helpers-9b49d7d2.js';
 import { o as openURL, c as createColorClasses } from './theme-01f3f29c.js';
 import { b as getIonMode } from './ionic-global-c81d82ab.js';
 

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

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, d as createEvent, h, f as Host, i as getElement } from './index-28849c61.js';
-import { i as inheritAriaAttributes, d as renderHiddenInput } from './helpers-da915de8.js';
+import { i as inheritAriaAttributes, d as renderHiddenInput } from './helpers-9b49d7d2.js';
 import { c as createColorClasses, h as hostContext } from './theme-01f3f29c.js';
 import { b as getIonMode } from './ionic-global-c81d82ab.js';
 

package/dist/esm/ion-datetime-button.entry.js

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, h, f as Host, i as getElement } from './index-28849c61.js';
-import { a as addEventListener, c as componentOnReady } from './helpers-da915de8.js';
+import { a as addEventListener, c as componentOnReady } from './helpers-9b49d7d2.js';
 import { a as printIonError } from './index-9b0d46f4.js';
 import { c as createColorClasses } from './theme-01f3f29c.js';
 import { b as getIonMode } from './ionic-global-c81d82ab.js';

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

@@ -3,7 +3,7 @@
  */
 import { r as registerInstance, d as createEvent, w as writeTask, h, f as Host, i as getElement } from './index-28849c61.js';
 import { startFocusVisible } from './focus-visible-dd40d69f.js';
-import { r as raf, d as renderHiddenInput, g as getElementRoot, j as clamp } from './helpers-da915de8.js';
+import { r as raf, d as renderHiddenInput, g as getElementRoot, j as clamp } from './helpers-9b49d7d2.js';
 import { a as printIonError, p as printIonWarning } from './index-9b0d46f4.js';
 import { i as isRTL } from './dir-babeabeb.js';
 import { c as createColorClasses, g as getClassMap } from './theme-01f3f29c.js';
@@ -11,12 +11,12 @@ import { c as chevronBack, o as chevronForward, l as chevronDown, p as caretUpSh
 import { b as getIonMode } from './ionic-global-c81d82ab.js';
 import { g as generateDayAriaLabel, a as getDay, i as isBefore, b as isAfter, c as isSameDay, d as getPreviousMonth, e as getNextMonth, v as validateParts, f as getPartsFromCalendarDay, h as getNextYear, j as getPreviousYear, k as getEndOfWeek, l as getStartOfWeek, m as getPreviousDay, n as getNextDay, o as getPreviousWeek, p as getNextWeek, q as parseMinParts, r as parseMaxParts, s as parseDate, w as warnIfValueOutOfBounds, t as convertToArrayOfNumbers, u as convertDataToISO, x as getToday, y as getClosestValidDate, z as generateMonths, A as getNumDaysInMonth, B as getCombinedDateColumnData, C as getMonthColumnData, D as getDayColumnData, E as getYearColumnData, F as isMonthFirstLocale, G as getTimeColumnsData, H as isLocaleDayPeriodRTL, I as getDaysOfWeek, J as getMonthAndYear, K as getDaysOfMonth, L as getHourCycle, M as getLocalizedTime, N as getLocalizedDateTime, O as formatValue, P as clampDate, Q as parseAmPm, R as calculateHourFromAMPM } from './data-ae11fd43.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-e7b9d6d9.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-e3d0d356.js';
 import { c as createAnimation } from './animation-eab5a4ca.js';
 import { b as hapticSelectionChanged, h as hapticSelectionEnd, a as hapticSelectionStart } from './haptic-ac164e4c.js';
 import './index-a5d50daf.js';
 import './hardware-back-button-06ef3c3e.js';
-import './framework-delegate-63d1a679.js';
+import './framework-delegate-f683816e.js';
 import './gesture-controller-314a54f6.js';
 import './capacitor-59395cbd.js';