@ionic/core 8.4.4-dev.11740674215.19381153 → 8.4.4-dev.11740685209.1c1ac2bf

package/dist/collection/utils/logging/index.js

@@ -1,6 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
+import { config } from "../../global/config";
 /**
  * Logs a warning to the console with an Ionic prefix
  * to indicate the library that is warning the developer.
@@ -8,9 +9,12 @@
  * @param message - The string message to be logged to the console.
  */
 export const printIonWarning = (message, ...params) => {
-    return console.warn(`[Ionic Warning]: ${message}`, ...params);
+    const logLevel = config.get('logLevel', "WARN" /* LogLevel.WARN */);
+    if (["WARN" /* LogLevel.WARN */].includes(logLevel)) {
+        return console.warn(`[Ionic Warning]: ${message}`, ...params);
+    }
 };
-/*
+/**
  * Logs an error to the console with an Ionic prefix
  * to indicate the library that is warning the developer.
  *
@@ -18,7 +22,10 @@ export const printIonWarning = (message, ...params) => {
  * @param params - Additional arguments to supply to the console.error.
  */
 export const printIonError = (message, ...params) => {
-    return console.error(`[Ionic Error]: ${message}`, ...params);
+    const logLevel = config.get('logLevel', "ERROR" /* LogLevel.ERROR */);
+    if (["ERROR" /* LogLevel.ERROR */, "WARN" /* LogLevel.WARN */].includes(logLevel)) {
+        return console.error(`[Ionic Error]: ${message}`, ...params);
+    }
 };
 /**
  * Prints an error informing developers that an implementation requires an element to be used

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-02-27T16:38:46",
+  "timestamp": "2025-02-27T19:42:01",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.20.0",
@@ -1921,10 +1921,6 @@
               "Promise": {
                 "location": "global",
                 "id": "global::Promise"
-              },
-              "HTMLButtonElement": {
-                "location": "global",
-                "id": "global::HTMLButtonElement"
               }
             },
             "return": "Promise<void>"
@@ -6022,6 +6018,28 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "required",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "required",
+          "reflectToAttr": false,
+          "docs": "If true, screen readers will announce it as a required field. This property\nworks only for accessibility purposes, it will not prevent the form from\nsubmitting if the value is invalid.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "value",
           "type": "any",
@@ -17028,6 +17046,28 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "expandToScroll",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "expand-to-scroll",
+          "reflectToAttr": false,
+          "docs": "Controls whether scrolling or dragging within the sheet modal expands\nit to a larger breakpoint. This only takes effect when `breakpoints`\nand `initialBreakpoint` are set.\n\nIf `true`, scrolling or dragging anywhere in the modal will first expand\nit to the next breakpoint. Once fully expanded, scrolling will affect the content.\nIf `false`, scrolling will always affect the content, and the modal will only expand\nwhen dragging the header or handle.",
+          "docsTags": [],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "focusTrap",
           "type": "boolean",
@@ -22544,6 +22584,54 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "errorText",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "error-text",
+          "reflectToAttr": false,
+          "docs": "The error text to display at the top of the radio group.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "helperText",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "helper-text",
+          "reflectToAttr": false,
+          "docs": "The helper text to display at the top of the radio group.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "name",
           "type": "string",
@@ -27702,6 +27790,28 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "required",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "required",
+          "reflectToAttr": false,
+          "docs": "If true, screen readers will announce it as a required field. This property\nworks only for accessibility purposes, it will not prevent the form from\nsubmitting if the value is invalid.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "selectedText",
           "type": "null | string | undefined",
@@ -32663,6 +32773,28 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "required",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "required",
+          "reflectToAttr": false,
+          "docs": "If true, screen readers will announce it as a required field. This property\nworks only for accessibility purposes, it will not prevent the form from\nsubmitting if the value is invalid.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "value",
           "type": "null | string | undefined",
@@ -32949,6 +33081,18 @@
         {
           "name": "slot",
           "text": "end - Content is placed to the right of the toolbar text in LTR, and to the left in RTL."
+        },
+        {
+          "name": "part",
+          "text": "background - The background of the toolbar, covering the entire area behind the toolbar content."
+        },
+        {
+          "name": "part",
+          "text": "container - The container that wraps all toolbar content, including the default slot and named slot content."
+        },
+        {
+          "name": "part",
+          "text": "content - The container for the default slot, wrapping content provided without a named slot."
         }
       ],
       "usage": {},
@@ -33206,7 +33350,20 @@
           "docs": "Content is placed to the left of the toolbar text in LTR, and to the right in RTL."
         }
       ],
-      "parts": [],
+      "parts": [
+        {
+          "name": "background",
+          "docs": "The background of the toolbar, covering the entire area behind the toolbar content."
+        },
+        {
+          "name": "container",
+          "docs": "The container that wraps all toolbar content, including the default slot and named slot content."
+        },
+        {
+          "name": "content",
+          "docs": "The container for the default slot, wrapping content provided without a named slot."
+        }
+      ],
       "dependents": [
         "ion-select-modal"
       ],

package/dist/esm/{data-ae11fd43.js → data-b3284b5e.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { p as printIonWarning } from './index-9b0d46f4.js';
+import { p as printIonWarning } from './index-6ad967f3.js';
 
 /**
  * Returns true if the selected day is equal to the reference day

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

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

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

@@ -358,15 +358,5 @@ 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, getNextSiblingOfType as n, isEndSide as o, debounce as p, pointerCoord as q, 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, isEndSide as n, debounce as o, pointerCoord as p, raf as r, shallowEqualStringMap as s, transitionEndAsync as t };

package/dist/esm/{index-7ec5519a.js → index-2f7fde3d.js}

@@ -3,8 +3,8 @@
  */
 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-9b49d7d2.js';
+import { p as printIonWarning } from './index-6ad967f3.js';
+import { r as raf } from './helpers-da915de8.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-085853ff.js');
-const mdTransitionAnimation = () => import('./md.transition-33826623.js');
+const iosTransitionAnimation = () => import('./ios.transition-b1da3753.js');
+const mdTransitionAnimation = () => import('./md.transition-571b3859.js');
 const focusController = createFocusController();
 // TODO(FW-2832): types
 const transition = (opts) => {

package/dist/esm/{index-9b0d46f4.js → index-6ad967f3.js}

@@ -1,6 +1,8 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
+import { c as config } from './ionic-global-c81d82ab.js';
+
 /**
  * Logs a warning to the console with an Ionic prefix
  * to indicate the library that is warning the developer.
@@ -8,9 +10,12 @@
  * @param message - The string message to be logged to the console.
  */
 const printIonWarning = (message, ...params) => {
-    return console.warn(`[Ionic Warning]: ${message}`, ...params);
+    const logLevel = config.get('logLevel', "WARN" /* LogLevel.WARN */);
+    if (["WARN" /* LogLevel.WARN */].includes(logLevel)) {
+        return console.warn(`[Ionic Warning]: ${message}`, ...params);
+    }
 };
-/*
+/**
  * Logs an error to the console with an Ionic prefix
  * to indicate the library that is warning the developer.
  *
@@ -18,7 +23,10 @@ const printIonWarning = (message, ...params) => {
  * @param params - Additional arguments to supply to the console.error.
  */
 const printIonError = (message, ...params) => {
-    return console.error(`[Ionic Error]: ${message}`, ...params);
+    const logLevel = config.get('logLevel', "ERROR" /* LogLevel.ERROR */);
+    if (["ERROR" /* LogLevel.ERROR */, "WARN" /* LogLevel.WARN */].includes(logLevel)) {
+        return console.error(`[Ionic Error]: ${message}`, ...params);
+    }
 };
 /**
  * Prints an error informing developers that an implementation requires an element to be used

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

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

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

@@ -3,8 +3,8 @@
  */
 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-9b49d7d2.js';
+import { p as printIonWarning } from './index-6ad967f3.js';
+import { c as componentOnReady } from './helpers-da915de8.js';
 import { b as getIonMode } from './ionic-global-c81d82ab.js';
 import { c as createAnimation } from './animation-eab5a4ca.js';
 

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

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

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-7ec5519a.js';
-export { iosTransitionAnimation } from './ios.transition-085853ff.js';
-export { mdTransitionAnimation } from './md.transition-33826623.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-2f7fde3d.js';
+export { iosTransitionAnimation } from './ios.transition-b1da3753.js';
+export { mdTransitionAnimation } from './md.transition-571b3859.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-9b49d7d2.js';
+export { c as componentOnReady } from './helpers-da915de8.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-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';
+export { m as menuController } from './index-cb21eccb.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-5deab4de.js';
 import './index-a5d50daf.js';
 import './index-28849c61.js';
-import './index-9b0d46f4.js';
+import './index-6ad967f3.js';
 import './gesture-controller-314a54f6.js';
 import './hardware-back-button-06ef3c3e.js';
-import './framework-delegate-f683816e.js';
+import './framework-delegate-63d1a679.js';
 
 const IonicSlides = (opts) => {
     const { swiper, extendParams } = opts;

package/dist/esm/{input-shims-0e65111b.js → input-shims-2fd7c6ef.js}

@@ -2,10 +2,12 @@
  * (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-33f7e3ff.js';
-import { a as addEventListener, b as removeEventListener, r as raf, c as componentOnReady } from './helpers-9b49d7d2.js';
+import { g as getScrollElement, c as scrollByPoint, f as findClosestIonContent } from './index-efb8ecdf.js';
+import { a as addEventListener, b as removeEventListener, r as raf, c as componentOnReady } from './helpers-da915de8.js';
 import { a as KeyboardResize, K as Keyboard } from './keyboard-73175e24.js';
-import './index-9b0d46f4.js';
+import './index-6ad967f3.js';
+import './ionic-global-c81d82ab.js';
+import './index-28849c61.js';
 import './capacitor-59395cbd.js';
 
 const cloneMap = new WeakMap();

package/dist/esm/{input.utils-1ad8dafc.js → input.utils-961c9f17.js}

@@ -2,8 +2,8 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { w as win } from './index-a5d50daf.js';
-import { r as raf } from './helpers-9b49d7d2.js';
-import { a as printIonError } from './index-9b0d46f4.js';
+import { r as raf } from './helpers-da915de8.js';
+import { a as printIonError } from './index-6ad967f3.js';
 
 /**
  * Used to update a scoped component that uses emulated slots. This fires when

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

@@ -2,10 +2,10 @@
  * (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-9b49d7d2.js';
+import { r as raf, t as transitionEndAsync, a as addEventListener, b as removeEventListener, g as getElementRoot } from './helpers-da915de8.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';
+import { p as printIonWarning } from './index-6ad967f3.js';
 
 const accordionIosCss = ":host{display:block;position:relative;width:100%;background-color:var(--ion-background-color, #ffffff);overflow:hidden;z-index:0}:host(.accordion-expanding) ::slotted(ion-item[slot=header]),:host(.accordion-expanded) ::slotted(ion-item[slot=header]){--border-width:0px}: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)}#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}:host(.accordion-disabled) #header,:host(.accordion-disabled) #content{opacity:0.4}@media (prefers-reduced-motion: reduce){:host,#content{-webkit-transition:none !important;transition:none !important}}:host(.accordion-next) ::slotted(ion-item[slot=header]){--border-width:0.55px 0px 0.55px 0px}";
 const IonAccordionIosStyle0 = accordionIosCss;

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-9b49d7d2.js';
+import { r as raf } from './helpers-da915de8.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-e3d0d356.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-5deab4de.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,8 +15,8 @@ import './index-a5d50daf.js';
 import './index-39782642.js';
 import './gesture-controller-314a54f6.js';
 import './hardware-back-button-06ef3c3e.js';
-import './framework-delegate-f683816e.js';
-import './index-9b0d46f4.js';
+import './framework-delegate-63d1a679.js';
+import './index-6ad967f3.js';
 
 /**
  * iOS Action Sheet Enter Animation

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-9b49d7d2.js';
+import { r as raf } from './helpers-da915de8.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-e3d0d356.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-5deab4de.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,8 +16,8 @@ import './index-a5d50daf.js';
 import './index-39782642.js';
 import './gesture-controller-314a54f6.js';
 import './hardware-back-button-06ef3c3e.js';
-import './framework-delegate-f683816e.js';
-import './index-9b0d46f4.js';
+import './framework-delegate-63d1a679.js';
+import './index-6ad967f3.js';
 
 /**
  * iOS Alert Enter Animation
@@ -172,7 +172,6 @@ const Alert = class {
         }
     }
     onKeydown(ev) {
-        var _a;
         const inputTypes = new Set(this.processedInputs.map((i) => i.type));
         /**
          * Based on keyboard navigation requirements, the
@@ -182,17 +181,6 @@ 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') ||
@@ -324,16 +312,7 @@ const Alert = class {
     async present() {
         const unlock = await this.lockController.lock();
         await this.delegateController.attachViewToDom();
-        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();
-            }
-        });
+        await present(this, 'alertEnter', iosEnterAnimation, mdEnterAnimation);
         unlock();
     }
     /**
@@ -504,15 +483,22 @@ const Alert = class {
         return (h("div", { id: msgId, class: "alert-message" }, message));
     }
     render() {
-        const { overlayIndex, header, subHeader, htmlAttributes } = this;
+        const { overlayIndex, header, subHeader, message, htmlAttributes } = this;
         const mode = getIonMode(this);
         const hdrId = `alert-${overlayIndex}-hdr`;
-        const msgId = `alert-${overlayIndex}-msg`;
         const subHdrId = `alert-${overlayIndex}-sub-hdr`;
+        const msgId = `alert-${overlayIndex}-msg`;
         const role = this.inputs.length > 0 || this.buttons.length > 0 ? 'alertdialog' : 'alert';
-        return (h(Host, { key: 'cfdec302a5a41e0be269893f2779950224febde0', tabindex: "-1", style: {
+        /**
+         * Use both the header and subHeader ids if they are defined.
+         * If only the header is defined, use the header id.
+         * If only the subHeader is defined, use the subHeader id.
+         * 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: {
                 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: '61e4f63c2e175307fb308fd261ef8d743ac1acc9', tappable: this.backdropDismiss }), h("div", { key: '4a46c8e273a9aae7ffd6b271d40d929b15761427', tabindex: "0", "aria-hidden": "true" }), h("div", Object.assign({ key: '159bb81330bfc3c1cd5ffbe805d7b13cb756bf28', class: "alert-wrapper ion-overlay-wrapper", role: role, "aria-modal": "true", tabindex: "0", ref: (el) => (this.wrapperEl = el) }, htmlAttributes), h("div", { key: '49693b1422a4ff466a4a9c0861969baf6b8434e9', class: "alert-head" }, header && (h("h2", { key: '23ab085efe070f789a6d85ec37854bde9fca3d41', id: hdrId, class: "alert-title" }, header)), subHeader && !header && (h("h2", { key: '51da5b75684b71eead8b7a19126a387a1bcfe733', id: subHdrId, class: "alert-sub-title" }, subHeader)), subHeader && header && (h("h3", { key: 'f628a2b3cd58ade872b8716c051b529d614e5b41', id: subHdrId, class: "alert-sub-title" }, subHeader))), this.renderAlertMessage(msgId), this.renderAlertInputs(), this.renderAlertButtons()), h("div", { key: '9fe6e598de6a7d79f84d5d1d4efad595c773e082', 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: '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" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {