@ionic/core 8.4.4-dev.11741136034.11909e03 → 8.4.4-dev.11741193800.14916f6f

package/components/alert.js

@@ -167,7 +167,6 @@ const Alert = /*@__PURE__*/ proxyCustomElement(class Alert extends HTMLElement {
         }
     }
     onKeydown(ev) {
-        var _a;
         const inputTypes = new Set(this.processedInputs.map((i) => i.type));
         /**
          * Based on keyboard navigation requirements, the
@@ -177,17 +176,6 @@ const Alert = /*@__PURE__*/ proxyCustomElement(class Alert extends HTMLElement {
             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') ||
@@ -319,16 +307,7 @@ const Alert = /*@__PURE__*/ proxyCustomElement(class Alert extends HTMLElement {
     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();
     }
     /**
@@ -502,8 +481,8 @@ const Alert = /*@__PURE__*/ proxyCustomElement(class Alert extends HTMLElement {
         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';
         /**
          * Use both the header and subHeader ids if they are defined.
@@ -512,9 +491,9 @@ const Alert = /*@__PURE__*/ proxyCustomElement(class Alert extends HTMLElement {
          * If neither are defined, do not set aria-labelledby.
          */
         const ariaLabelledBy = header && subHeader ? `${hdrId} ${subHdrId}` : header ? hdrId : subHeader ? subHdrId : null;
-        return (h(Host, { key: 'cf4106a77213c7a9ca510a2b9fda47a179c03844', tabindex: "-1", style: {
+        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: '8bd13553c3bc548367a84dba8955940b2a43d782', tappable: this.backdropDismiss }), h("div", { key: '4a89918ab6f0f4eb8be3da4703cffe1469b765c0', tabindex: "0", "aria-hidden": "true" }), h("div", Object.assign({ key: '28fee816801cb7f08d1f0ff7e8f277732cadfd2b', 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: 'e0f4a19b352fbea1db65ff28fbb9ebfdd8600583', class: "alert-head" }, header && (h("h2", { key: 'e47f9b036c9179d4cea955d97770fed1e58a2ad3', id: hdrId, class: "alert-title" }, header)), subHeader && !header && (h("h2", { key: '95f90fb025f4e29d5e5d78f787733d2321300787', id: subHdrId, class: "alert-sub-title" }, subHeader)), subHeader && header && (h("h3", { key: '73488f2d301d1579e4457fcc8d01e8b6f133b849', id: subHdrId, class: "alert-sub-title" }, subHeader))), this.renderAlertMessage(msgId), this.renderAlertInputs(), this.renderAlertButtons()), h("div", { key: '8c6767195aeadf99da422f6e55d5c47b1d64562a', 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 this; }
     static get watchers() { return {

package/components/helpers.js

@@ -169,37 +169,9 @@ const inheritAriaAttributes = (el, ignoreList) => {
     return inheritAttributes(el, attributesToInherit);
 };
 const addEventListener = (el, eventName, callback, opts) => {
-    var _a;
-    if (typeof window !== 'undefined') {
-        const win = window;
-        const config = (_a = win === null || win === void 0 ? void 0 : win.Ionic) === null || _a === void 0 ? void 0 : _a.config;
-        if (config) {
-            const ael = config.get('_ael');
-            if (ael) {
-                return ael(el, eventName, callback, opts);
-            }
-            else if (config._ael) {
-                return config._ael(el, eventName, callback, opts);
-            }
-        }
-    }
     return el.addEventListener(eventName, callback, opts);
 };
 const removeEventListener = (el, eventName, callback, opts) => {
-    var _a;
-    if (typeof window !== 'undefined') {
-        const win = window;
-        const config = (_a = win === null || win === void 0 ? void 0 : win.Ionic) === null || _a === void 0 ? void 0 : _a.config;
-        if (config) {
-            const rel = config.get('_rel');
-            if (rel) {
-                return rel(el, eventName, callback, opts);
-            }
-            else if (config._rel) {
-                return config._rel(el, eventName, callback, opts);
-            }
-        }
-    }
     return el.removeEventListener(eventName, callback, opts);
 };
 /**

package/components/ion-select.js

@@ -4,7 +4,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host, forceUpdate } from '@stencil/core/internal/client';
 import { c as createNotchController } from './notch-controller.js';
 import { i as isOptionSelected, c as compareOptions, d as defineCustomElement$8 } from './radio.js';
-import { d as inheritAttributes, f as focusVisibleElement, e as renderHiddenInput } from './helpers.js';
+import { d as inheritAttributes, e as renderHiddenInput, f as focusVisibleElement } from './helpers.js';
 import { c as popoverController, b as actionSheetController, a as alertController, m as modalController } from './overlays.js';
 import { i as isRTL } from './dir.js';
 import { h as hostContext, c as createColorClasses } from './theme.js';
@@ -177,15 +177,8 @@ const Select = /*@__PURE__*/ proxyCustomElement(class Select extends HTMLElement
         }
         this.isExpanded = true;
         const overlay = (this.overlay = await this.createOverlay(event));
-        overlay.onDidDismiss().then(() => {
-            this.overlay = undefined;
-            this.isExpanded = false;
-            this.ionDismiss.emit();
-            this.setFocus();
-        });
-        await overlay.present();
-        // focus selected option for popovers and modals
-        if (this.interface === 'popover' || this.interface === 'modal') {
+        // Add logic to scroll selected item into view before presenting
+        const scrollSelectedIntoView = () => {
             const indexOfSelected = this.childOpts.findIndex((o) => o.value === this.value);
             if (indexOfSelected > -1) {
                 const selectedItem = overlay.querySelector(`.select-interface-option:nth-child(${indexOfSelected + 1})`);
@@ -203,6 +196,7 @@ const Select = /*@__PURE__*/ proxyCustomElement(class Select extends HTMLElement
                      */
                     const interactiveEl = selectedItem.querySelector('ion-radio, ion-checkbox');
                     if (interactiveEl) {
+                        selectedItem.scrollIntoView({ block: 'nearest' });
                         // Needs to be called before `focusVisibleElement` to prevent issue with focus event bubbling
                         // and removing `ion-focused` style
                         interactiveEl.setFocus();
@@ -226,7 +220,40 @@ const Select = /*@__PURE__*/ proxyCustomElement(class Select extends HTMLElement
                     focusVisibleElement(firstEnabledOption.closest('ion-item'));
                 }
             }
+        };
+        // For modals and popovers, we can scroll before they're visible
+        if (this.interface === 'modal') {
+            overlay.addEventListener('ionModalWillPresent', scrollSelectedIntoView, { once: true });
+        }
+        else if (this.interface === 'popover') {
+            overlay.addEventListener('ionPopoverWillPresent', scrollSelectedIntoView, { once: true });
         }
+        else {
+            /**
+             * For alerts and action sheets, we need to wait a frame after willPresent
+             * because these overlays don't have their content in the DOM immediately
+             * when willPresent fires. By waiting a frame, we ensure the content is
+             * rendered and can be properly scrolled into view.
+             */
+            const scrollAfterRender = () => {
+                requestAnimationFrame(() => {
+                    scrollSelectedIntoView();
+                });
+            };
+            if (this.interface === 'alert') {
+                overlay.addEventListener('ionAlertWillPresent', scrollAfterRender, { once: true });
+            }
+            else if (this.interface === 'action-sheet') {
+                overlay.addEventListener('ionActionSheetWillPresent', scrollAfterRender, { once: true });
+            }
+        }
+        overlay.onDidDismiss().then(() => {
+            this.overlay = undefined;
+            this.isExpanded = false;
+            this.ionDismiss.emit();
+            this.setFocus();
+        });
+        await overlay.present();
         return overlay;
     }
     createOverlay(ev) {
@@ -638,7 +665,7 @@ const Select = /*@__PURE__*/ proxyCustomElement(class Select extends HTMLElement
          * TODO(FW-5592): Remove hasStartEndSlots condition
          */
         const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || isExpanded || hasStartEndSlots));
-        return (h(Host, { key: '144dfa5c49549a74fe516c65b9b8104a477ac789', onClick: this.onClick, class: createColorClasses(this.color, {
+        return (h(Host, { key: 'b2dca9ae25d88e4d9fdb55003041a66be5668fcf', onClick: this.onClick, class: createColorClasses(this.color, {
                 [mode]: true,
                 'in-item': inItem,
                 'in-item-color': hostContext('ion-item.ion-color', el),
@@ -654,7 +681,7 @@ const Select = /*@__PURE__*/ proxyCustomElement(class Select extends HTMLElement
                 [`select-justify-${justify}`]: justifyEnabled,
                 [`select-shape-${shape}`]: shape !== undefined,
                 [`select-label-placement-${labelPlacement}`]: true,
-            }) }, h("label", { key: '0edcfcbac575a9dccc77991531b6980d1caebf42', class: "select-wrapper", id: "select-label" }, this.renderLabelContainer(), h("div", { key: '348151d90cb093f5d21c7d4a834264ac4a312c40', class: "select-wrapper-inner" }, h("slot", { key: '8b7708c7f81217435c58276da0c08bba766d9500', name: "start" }), h("div", { key: '10c520a335da0a0d1cf40f9365597beb244d3b48', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), h("slot", { key: '0f15c40a5495e98e29d2a21ba21e0bc6f1c0125a', name: "end" }), !hasFloatingOrStackedLabel && this.renderSelectIcon()), hasFloatingOrStackedLabel && this.renderSelectIcon(), shouldRenderHighlight && h("div", { key: 'c87faad2e5ebf7f9453397d7ede43abd64d21294', class: "select-highlight" }))));
+            }) }, h("label", { key: 'c22fe9aee8cd448223497ef143e89529fcef8af6', class: "select-wrapper", id: "select-label" }, this.renderLabelContainer(), h("div", { key: '601972df4579f4fa6a9c2c12865593e807decb72', class: "select-wrapper-inner" }, h("slot", { key: '5f7b1261862f74b978b26f026533e3fd1cc666ba', name: "start" }), h("div", { key: '39616da89f4b4b78432f6da85116a7de2ca589e7', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), h("slot", { key: '1d7b3601b73af7c05b3627cfc8e5147ea379bb03', name: "end" }), !hasFloatingOrStackedLabel && this.renderSelectIcon()), hasFloatingOrStackedLabel && this.renderSelectIcon(), shouldRenderHighlight && h("div", { key: 'b0344f0ac15003e22fee66d3d7ed03a07da7e8b7', class: "select-highlight" }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/components/ionic-global.js

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { setPlatformHelpers, setMode, getMode } from '@stencil/core/internal/client';
+import { setMode, getMode } from '@stencil/core/internal/client';
 
 // TODO(FW-2832): types
 class Config {
@@ -178,17 +178,6 @@ const initialize = (userConfig = {}) => {
     const doc = window.document;
     const win = window;
     const Ionic = (win.Ionic = win.Ionic || {});
-    const platformHelpers = {};
-    if (userConfig._ael) {
-        platformHelpers.ael = userConfig._ael;
-    }
-    if (userConfig._rel) {
-        platformHelpers.rel = userConfig._rel;
-    }
-    if (userConfig._ce) {
-        platformHelpers.ce = userConfig._ce;
-    }
-    setPlatformHelpers(platformHelpers);
     // create the Ionic.config from raw config object (if it exists)
     // and convert Ionic.config into a ConfigApi that has a get() fn
     const configObj = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, configFromSession(win)), { persistConfig: false }), Ionic.config), configFromURL(win)), userConfig);

package/dist/cjs/{app-globals-21afee77.js → app-globals-247c7281.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-const ionicGlobal = require('./ionic-global-d9a8bb5b.js');
+const ionicGlobal = require('./ionic-global-20cee824.js');
 
 const globalScripts = ionicGlobal.initialize;
 

package/dist/cjs/{button-active-3f2f60b4.js → button-active-43e2b419.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-const index$1 = require('./index-73f75efb.js');
+const index$1 = require('./index-2e236a04.js');
 const haptic = require('./haptic-f6b37aa3.js');
 const index = require('./index-ee07ed59.js');
 

package/dist/cjs/{framework-delegate-05579976.js → framework-delegate-2a11ff27.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-const helpers = require('./helpers-4be3f90d.js');
+const helpers = require('./helpers-06f744d7.js');
 
 // TODO(FW-2832): types
 const attachComponent = async (delegate, container, component, cssClasses, componentProps, inline) => {

package/dist/cjs/{hardware-back-button-9e8a2c4f.js → hardware-back-button-25324112.js}

@@ -4,8 +4,8 @@
 'use strict';
 
 const index = require('./index-c8d52405.js');
-const ionicGlobal = require('./ionic-global-d9a8bb5b.js');
-require('./index-73f75efb.js');
+const ionicGlobal = require('./ionic-global-20cee824.js');
+require('./index-2e236a04.js');
 
 /**
  * CloseWatcher is a newer API that lets

package/dist/cjs/{helpers-4be3f90d.js → helpers-06f744d7.js}

@@ -171,37 +171,9 @@ const inheritAriaAttributes = (el, ignoreList) => {
     return inheritAttributes(el, attributesToInherit);
 };
 const addEventListener = (el, eventName, callback, opts) => {
-    var _a;
-    if (typeof window !== 'undefined') {
-        const win = window;
-        const config = (_a = win === null || win === void 0 ? void 0 : win.Ionic) === null || _a === void 0 ? void 0 : _a.config;
-        if (config) {
-            const ael = config.get('_ael');
-            if (ael) {
-                return ael(el, eventName, callback, opts);
-            }
-            else if (config._ael) {
-                return config._ael(el, eventName, callback, opts);
-            }
-        }
-    }
     return el.addEventListener(eventName, callback, opts);
 };
 const removeEventListener = (el, eventName, callback, opts) => {
-    var _a;
-    if (typeof window !== 'undefined') {
-        const win = window;
-        const config = (_a = win === null || win === void 0 ? void 0 : win.Ionic) === null || _a === void 0 ? void 0 : _a.config;
-        if (config) {
-            const rel = config.get('_rel');
-            if (rel) {
-                return rel(el, eventName, callback, opts);
-            }
-            else if (config._rel) {
-                return config._rel(el, eventName, callback, opts);
-            }
-        }
-    }
     return el.removeEventListener(eventName, callback, opts);
 };
 /**

package/dist/cjs/{index-1ae3f40a.js → index-17772b90.js}

@@ -4,10 +4,10 @@
 'use strict';
 
 const index$1 = require('./index-c8d52405.js');
-const hardwareBackButton = require('./hardware-back-button-9e8a2c4f.js');
+const hardwareBackButton = require('./hardware-back-button-25324112.js');
 const index = require('./index-5915f9b3.js');
-const helpers = require('./helpers-4be3f90d.js');
-const ionicGlobal = require('./ionic-global-d9a8bb5b.js');
+const helpers = require('./helpers-06f744d7.js');
+const ionicGlobal = require('./ionic-global-20cee824.js');
 const animation = require('./animation-b4fdf128.js');
 
 /**

package/dist/cjs/{index-73f75efb.js → index-2e236a04.js}

@@ -118,9 +118,6 @@ var plt = {
   rel: (el, eventName, listener, opts) => el.removeEventListener(eventName, listener, opts),
   ce: (eventName, opts) => new CustomEvent(eventName, opts)
 };
-var setPlatformHelpers = (helpers) => {
-  Object.assign(plt, helpers);
-};
 var supportsShadow = BUILD.shadowDom;
 var supportsListenerOptions = /* @__PURE__ */ (() => {
   let supportsListenerOptions2 = false;
@@ -2322,5 +2319,4 @@ exports.readTask = readTask;
 exports.registerInstance = registerInstance;
 exports.setMode = setMode;
 exports.setNonce = setNonce;
-exports.setPlatformHelpers = setPlatformHelpers;
 exports.writeTask = writeTask;

package/dist/cjs/{index-c441c903.js → index-5235cd7a.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-const helpers = require('./helpers-4be3f90d.js');
+const helpers = require('./helpers-06f744d7.js');
 const index = require('./index-5915f9b3.js');
 
 const ION_CONTENT_TAG_NAME = 'ION-CONTENT';

package/dist/cjs/{index-4e14a46e.js → index-a9253094.js}

@@ -3,10 +3,10 @@
  */
 'use strict';
 
-const ionicGlobal = require('./ionic-global-d9a8bb5b.js');
-const index$1 = require('./index-73f75efb.js');
+const ionicGlobal = require('./ionic-global-20cee824.js');
+const index$1 = require('./index-2e236a04.js');
 const index = require('./index-5915f9b3.js');
-const helpers = require('./helpers-4be3f90d.js');
+const helpers = require('./helpers-06f744d7.js');
 
 const LIFECYCLE_WILL_ENTER = 'ionViewWillEnter';
 const LIFECYCLE_DID_ENTER = 'ionViewDidEnter';
@@ -122,8 +122,8 @@ const createFocusController = () => {
 };
 const LAST_FOCUS = 'ion-last-focus';
 
-const iosTransitionAnimation = () => Promise.resolve().then(function () { return require('./ios.transition-afdec89f.js'); });
-const mdTransitionAnimation = () => Promise.resolve().then(function () { return require('./md.transition-9f0d3db5.js'); });
+const iosTransitionAnimation = () => Promise.resolve().then(function () { return require('./ios.transition-c3e3b768.js'); });
+const mdTransitionAnimation = () => Promise.resolve().then(function () { return require('./md.transition-91d9b2db.js'); });
 const focusController = createFocusController();
 // TODO(FW-2832): types
 const transition = (opts) => {

package/dist/cjs/{index-ad7a712e.js → index-d36529a6.js}

@@ -4,7 +4,7 @@
 'use strict';
 
 const index = require('./index-c8d52405.js');
-const helpers = require('./helpers-4be3f90d.js');
+const helpers = require('./helpers-06f744d7.js');
 
 const startTapClick = (config) => {
     if (index.doc === undefined) {

package/dist/cjs/index.cjs.js

@@ -6,23 +6,23 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const animation = require('./animation-b4fdf128.js');
-const index = require('./index-4e14a46e.js');
-const ios_transition = require('./ios.transition-afdec89f.js');
-const md_transition = require('./md.transition-9f0d3db5.js');
+const index = require('./index-a9253094.js');
+const ios_transition = require('./ios.transition-c3e3b768.js');
+const md_transition = require('./md.transition-91d9b2db.js');
 const cubicBezier = require('./cubic-bezier-f2dccc53.js');
 const index$1 = require('./index-ee07ed59.js');
-const ionicGlobal = require('./ionic-global-d9a8bb5b.js');
-const helpers = require('./helpers-4be3f90d.js');
+const ionicGlobal = require('./ionic-global-20cee824.js');
+const helpers = require('./helpers-06f744d7.js');
 const config = require('./config-4f60b98a.js');
 const theme = require('./theme-d1c573d2.js');
-const index$2 = require('./index-1ae3f40a.js');
-const overlays = require('./overlays-76b29cd4.js');
+const index$2 = require('./index-17772b90.js');
+const overlays = require('./overlays-93c1a579.js');
 require('./index-c8d52405.js');
-require('./index-73f75efb.js');
+require('./index-2e236a04.js');
 require('./index-5915f9b3.js');
 require('./gesture-controller-9436f482.js');
-require('./hardware-back-button-9e8a2c4f.js');
-require('./framework-delegate-05579976.js');
+require('./hardware-back-button-25324112.js');
+require('./framework-delegate-2a11ff27.js');
 
 const IonicSlides = (opts) => {
     const { swiper, extendParams } = opts;

package/dist/cjs/{input-shims-e748a364.js → input-shims-a1181384.js}

@@ -4,8 +4,8 @@
 'use strict';
 
 const index = require('./index-c8d52405.js');
-const index$1 = require('./index-c441c903.js');
-const helpers = require('./helpers-4be3f90d.js');
+const index$1 = require('./index-5235cd7a.js');
+const helpers = require('./helpers-06f744d7.js');
 const keyboard = require('./keyboard-0272231f.js');
 require('./index-5915f9b3.js');
 require('./capacitor-c04564bf.js');

package/dist/cjs/{input.utils-74e4ec28.js → input.utils-693b953e.js}

@@ -4,7 +4,7 @@
 'use strict';
 
 const index = require('./index-c8d52405.js');
-const helpers = require('./helpers-4be3f90d.js');
+const helpers = require('./helpers-06f744d7.js');
 const index$1 = require('./index-5915f9b3.js');
 
 /**

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

@@ -5,10 +5,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-73f75efb.js');
-const helpers = require('./helpers-4be3f90d.js');
+const index = require('./index-2e236a04.js');
+const helpers = require('./helpers-06f744d7.js');
 const index$1 = require('./index-073c7cdc.js');
-const ionicGlobal = require('./ionic-global-d9a8bb5b.js');
+const ionicGlobal = require('./ionic-global-20cee824.js');
 const index$2 = require('./index-5915f9b3.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}";

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

@@ -5,21 +5,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-73f75efb.js');
-const buttonActive = require('./button-active-3f2f60b4.js');
-const helpers = require('./helpers-4be3f90d.js');
+const index = require('./index-2e236a04.js');
+const buttonActive = require('./button-active-43e2b419.js');
+const helpers = require('./helpers-06f744d7.js');
 const lockController = require('./lock-controller-6585a42a.js');
-const overlays = require('./overlays-76b29cd4.js');
+const overlays = require('./overlays-93c1a579.js');
 const theme = require('./theme-d1c573d2.js');
-const ionicGlobal = require('./ionic-global-d9a8bb5b.js');
+const ionicGlobal = require('./ionic-global-20cee824.js');
 const animation = require('./animation-b4fdf128.js');
 require('./haptic-f6b37aa3.js');
 require('./capacitor-c04564bf.js');
 require('./index-c8d52405.js');
 require('./index-ee07ed59.js');
 require('./gesture-controller-9436f482.js');
-require('./hardware-back-button-9e8a2c4f.js');
-require('./framework-delegate-05579976.js');
+require('./hardware-back-button-25324112.js');
+require('./framework-delegate-2a11ff27.js');
 require('./index-5915f9b3.js');
 
 /**

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

@@ -5,22 +5,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-73f75efb.js');
+const index = require('./index-2e236a04.js');
 const config = require('./config-4f60b98a.js');
-const buttonActive = require('./button-active-3f2f60b4.js');
-const helpers = require('./helpers-4be3f90d.js');
+const buttonActive = require('./button-active-43e2b419.js');
+const helpers = require('./helpers-06f744d7.js');
 const lockController = require('./lock-controller-6585a42a.js');
-const overlays = require('./overlays-76b29cd4.js');
+const overlays = require('./overlays-93c1a579.js');
 const theme = require('./theme-d1c573d2.js');
-const ionicGlobal = require('./ionic-global-d9a8bb5b.js');
+const ionicGlobal = require('./ionic-global-20cee824.js');
 const animation = require('./animation-b4fdf128.js');
 require('./haptic-f6b37aa3.js');
 require('./capacitor-c04564bf.js');
 require('./index-c8d52405.js');
 require('./index-ee07ed59.js');
 require('./gesture-controller-9436f482.js');
-require('./hardware-back-button-9e8a2c4f.js');
-require('./framework-delegate-05579976.js');
+require('./hardware-back-button-25324112.js');
+require('./framework-delegate-2a11ff27.js');
 require('./index-5915f9b3.js');
 
 /**
@@ -176,7 +176,6 @@ const Alert = class {
         }
     }
     onKeydown(ev) {
-        var _a;
         const inputTypes = new Set(this.processedInputs.map((i) => i.type));
         /**
          * Based on keyboard navigation requirements, the
@@ -186,17 +185,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') ||
@@ -328,16 +316,7 @@ const Alert = class {
     async present() {
         const unlock = await this.lockController.lock();
         await this.delegateController.attachViewToDom();
-        await overlays.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 overlays.present(this, 'alertEnter', iosEnterAnimation, mdEnterAnimation);
         unlock();
     }
     /**
@@ -511,8 +490,8 @@ const Alert = class {
         const { overlayIndex, header, subHeader, message, htmlAttributes } = this;
         const mode = ionicGlobal.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';
         /**
          * Use both the header and subHeader ids if they are defined.
@@ -521,9 +500,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 (index.h(index.Host, { key: 'cf4106a77213c7a9ca510a2b9fda47a179c03844', tabindex: "-1", style: {
+        return (index.h(index.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({}, theme.getClassMap(this.cssClass)), { [mode]: true, 'overlay-hidden': true, 'alert-translucent': this.translucent }), onIonAlertWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }, index.h("ion-backdrop", { key: '8bd13553c3bc548367a84dba8955940b2a43d782', tappable: this.backdropDismiss }), index.h("div", { key: '4a89918ab6f0f4eb8be3da4703cffe1469b765c0', tabindex: "0", "aria-hidden": "true" }), index.h("div", Object.assign({ key: '28fee816801cb7f08d1f0ff7e8f277732cadfd2b', 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), index.h("div", { key: 'e0f4a19b352fbea1db65ff28fbb9ebfdd8600583', class: "alert-head" }, header && (index.h("h2", { key: 'e47f9b036c9179d4cea955d97770fed1e58a2ad3', id: hdrId, class: "alert-title" }, header)), subHeader && !header && (index.h("h2", { key: '95f90fb025f4e29d5e5d78f787733d2321300787', id: subHdrId, class: "alert-sub-title" }, subHeader)), subHeader && header && (index.h("h3", { key: '73488f2d301d1579e4457fcc8d01e8b6f133b849', id: subHdrId, class: "alert-sub-title" }, subHeader))), this.renderAlertMessage(msgId), this.renderAlertInputs(), this.renderAlertButtons()), index.h("div", { key: '8c6767195aeadf99da422f6e55d5c47b1d64562a', tabindex: "0", "aria-hidden": "true" })));
+            }, class: Object.assign(Object.assign({}, theme.getClassMap(this.cssClass)), { [mode]: true, 'overlay-hidden': true, 'alert-translucent': this.translucent }), onIonAlertWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }), index.h("ion-backdrop", { key: '4b4693dca3c910aa9a61c4d90295d785ec6cbe3d', tappable: this.backdropDismiss }), index.h("div", { key: '64fd19b8f1d8246dcc869053f858bc33506def4b', tabindex: "0", "aria-hidden": "true" }), index.h("div", { key: 'e61ba6f339c3a02cecd37d8b641ee5043018eb29', class: "alert-wrapper ion-overlay-wrapper", ref: (el) => (this.wrapperEl = el) }, index.h("div", { key: '044e00667ffcb74aa2c5e0d0b42669c4004dbb4f', class: "alert-head" }, header && (index.h("h2", { key: '1aaae8d58722c4cf5debb1f00415ab7ed0a52bbd', id: hdrId, class: "alert-title" }, header)), subHeader && !header && (index.h("h2", { key: '9c9854dc3b0ad40f1861a49b76d5636afcae9c74', id: subHdrId, class: "alert-sub-title" }, subHeader)), subHeader && header && (index.h("h3", { key: '19aaca9912f77cde4ae8079be210eda697ed8de1', id: subHdrId, class: "alert-sub-title" }, subHeader))), this.renderAlertMessage(msgId), this.renderAlertInputs(), this.renderAlertButtons()), index.h("div", { key: 'a85d27c516f7cdbc85b19f40d2f0bd865490b6a7', tabindex: "0", "aria-hidden": "true" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {