@ionic/core 7.6.8-dev.11706715287.1950fa40 → 7.7.1-dev.11706736578.174d0727

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

@@ -2,17 +2,18 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, h, H as Host, f as getElement, d as createEvent, e as readTask, i as forceUpdate, w as writeTask } from './index-73881b51.js';
+import { shoudUseCloseWatcher } from './hardware-back-button-f42b9c80.js';
+import { p as printIonWarning } from './index-9b0d46f4.js';
 import { b as getIonMode, c as config, a as isPlatform } from './ionic-global-778b7863.js';
-import { m as hasLazyBuild, c as componentOnReady, l as clamp, i as inheritAriaAttributes, s as shallowEqualStringMap } from './helpers-ae653409.js';
+import { m as hasLazyBuild, c as componentOnReady, l as clamp, i as inheritAriaAttributes, s as shallowEqualStringMap } from './helpers-be245865.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-b9e742e5.js';
+import { a as findIonContent, p as printIonContentErrorMsg, g as getScrollElement } from './index-f3946ac1.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-bc1fd82a.js';
+import { a as attachComponent, d as detachComponent } from './framework-delegate-ed4ba327.js';
 import { c as createLockController } from './lock-controller-316928be.js';
-import { t as transition } from './index-8fac11d0.js';
-import './index-9b0d46f4.js';
+import { t as transition } from './index-22b42a9f.js';
 import './index-a5d50daf.js';
 import './keyboard-73175e24.js';
 import './capacitor-59395cbd.js';
@@ -29,10 +30,10 @@ const App = class {
             rIC(async () => {
                 const isHybrid = isPlatform(window, 'hybrid');
                 if (!config.getBoolean('_testing')) {
-                    import('./index-82eeb47f.js').then((module) => module.startTapClick(config));
+                    import('./index-020f5464.js').then((module) => module.startTapClick(config));
                 }
                 if (config.getBoolean('statusTap', isHybrid)) {
-                    import('./status-tap-06b37f21.js').then((module) => module.startStatusTap());
+                    import('./status-tap-d8a80d95.js').then((module) => module.startStatusTap());
                 }
                 if (config.getBoolean('inputShims', needInputShims())) {
                     /**
@@ -40,13 +41,21 @@ const App = class {
                      * platforms proceed into this block.
                      */
                     const platform = isPlatform(window, 'ios') ? 'ios' : 'android';
-                    import('./input-shims-6539ce13.js').then((module) => module.startInputShims(config, platform));
+                    import('./input-shims-5329bbe8.js').then((module) => module.startInputShims(config, platform));
                 }
-                const hardwareBackButtonModule = await import('./hardware-back-button-b2bc76db.js');
-                if (config.getBoolean('hardwareBackButton', isHybrid)) {
+                const hardwareBackButtonModule = await import('./hardware-back-button-f42b9c80.js');
+                const supportsHardwareBackButtonEvents = isHybrid || shoudUseCloseWatcher();
+                if (config.getBoolean('hardwareBackButton', supportsHardwareBackButtonEvents)) {
                     hardwareBackButtonModule.startHardwareBackButton();
                 }
                 else {
+                    /**
+                     * If an app sets hardwareBackButton: false and experimentalCloseWatcher: true
+                     * then the close watcher will not be used.
+                     */
+                    if (shoudUseCloseWatcher()) {
+                        printIonWarning('experimentalCloseWatcher was set to `true`, but hardwareBackButton was set to `false`. Both config options must be `true` for the Close Watcher API to be used.');
+                    }
                     hardwareBackButtonModule.blockHardwareBackButton();
                 }
                 if (typeof window !== 'undefined') {
@@ -73,7 +82,7 @@ const App = class {
     }
     render() {
         const mode = getIonMode(this);
-        return (h(Host, { key: '56c81f5d59b568ffd4a6de2f9b1c48c9a9456e8b', class: {
+        return (h(Host, { key: '3535eb5c0dab78a78011e552524a98599b2b650f', class: {
                 [mode]: true,
                 'ion-page': true,
                 'force-statusbar-padding': config.getBoolean('_forceStatusbarPadding'),
@@ -1019,7 +1028,7 @@ const RouterOutlet = class {
                 this.swipeHandler.onStart();
             }
         };
-        this.gesture = (await import('./swipe-back-a6f386fc.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-37a22d34.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, H as Host, f as getElement } from './index-73881b51.js';
-import { i as inheritAriaAttributes } from './helpers-ae653409.js';
+import { i as inheritAriaAttributes } from './helpers-be245865.js';
 import { o as openURL, c as createColorClasses, h as hostContext } from './theme-01f3f29c.js';
 import { c as chevronBack, a as arrowBackSharp } from './index-f7dc70ba.js';
 import { c as config, b as getIonMode } from './ionic-global-778b7863.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, H as Host, f as getElement } from './index-73881b51.js';
-import { i as inheritAriaAttributes } from './helpers-ae653409.js';
+import { i as inheritAriaAttributes } from './helpers-be245865.js';
 import { o as openURL, c as createColorClasses, h as hostContext } from './theme-01f3f29c.js';
 import { m as chevronForwardOutline, n as ellipsisHorizontal } from './index-f7dc70ba.js';
 import { b as getIonMode } from './ionic-global-778b7863.js';

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

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { j as getAssetPath, r as registerInstance, d as createEvent, h, H as Host, f as getElement } from './index-73881b51.js';
-import { n as hasShadowDom, i as inheritAriaAttributes } from './helpers-ae653409.js';
+import { n as hasShadowDom, i as inheritAriaAttributes } from './helpers-be245865.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-778b7863.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, H as Host, f as getElement } from './index-73881b51.js';
-import { k as inheritAttributes } from './helpers-ae653409.js';
+import { k as inheritAttributes } from './helpers-be245865.js';
 import { o as openURL, c as createColorClasses } from './theme-01f3f29c.js';
 import { b as getIonMode } from './ionic-global-778b7863.js';
 

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

@@ -2,8 +2,8 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, d as createEvent, h, H as Host, f as getElement } from './index-73881b51.js';
-import { c as createLegacyFormController } from './form-controller-548aa79c.js';
-import { i as inheritAriaAttributes, d as renderHiddenInput, e as getAriaLabel } from './helpers-ae653409.js';
+import { c as createLegacyFormController } from './form-controller-21dd62b1.js';
+import { i as inheritAriaAttributes, d as renderHiddenInput, e as getAriaLabel } from './helpers-be245865.js';
 import { p as printIonWarning } from './index-9b0d46f4.js';
 import { c as createColorClasses, h as hostContext } from './theme-01f3f29c.js';
 import { b as getIonMode } from './ionic-global-778b7863.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, H as Host, f as getElement } from './index-73881b51.js';
-import { a as addEventListener, c as componentOnReady } from './helpers-ae653409.js';
+import { a as addEventListener, c as componentOnReady } from './helpers-be245865.js';
 import { a as printIonError } from './index-9b0d46f4.js';
 import { c as createColorClasses } from './theme-01f3f29c.js';
 import { b as getIonMode } from './ionic-global-778b7863.js';

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

@@ -3,7 +3,7 @@
  */
 import { r as registerInstance, d as createEvent, w as writeTask, h, H as Host, f as getElement } from './index-73881b51.js';
 import { startFocusVisible } from './focus-visible-dd40d69f.js';
-import { r as raf, d as renderHiddenInput, g as getElementRoot, l as clamp } from './helpers-ae653409.js';
+import { r as raf, d as renderHiddenInput, g as getElementRoot, l as clamp } from './helpers-be245865.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-778b7863.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 getMonthAndDay, O as formatValue, P as clampDate, Q as parseAmPm, R as calculateHourFromAMPM } from './data-0f3ab200.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-4bb86b9c.js';
-import { c as createAnimation } from './animation-dde8cc0d.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-7199c581.js';
+import { c as createAnimation } from './animation-6a0c5338.js';
 import { b as hapticSelectionChanged, h as hapticSelectionEnd, a as hapticSelectionStart } from './haptic-554688a5.js';
 import './index-a5d50daf.js';
-import './framework-delegate-bc1fd82a.js';
-import './hardware-back-button-b2bc76db.js';
+import './hardware-back-button-f42b9c80.js';
+import './framework-delegate-ed4ba327.js';
 import './capacitor-59395cbd.js';
 
 const isYearDisabled = (refYear, minParts, maxParts) => {

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

@@ -3,7 +3,7 @@
  */
 import { r as registerInstance, h, H as Host, f as getElement, d as createEvent } from './index-73881b51.js';
 import { b as getIonMode } from './ionic-global-778b7863.js';
-import { i as inheritAriaAttributes } from './helpers-ae653409.js';
+import { i as inheritAriaAttributes } from './helpers-be245865.js';
 import { h as hostContext, o as openURL, c as createColorClasses } from './theme-01f3f29c.js';
 import { t as close } from './index-f7dc70ba.js';
 

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

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, d as createEvent, h, H as Host, f as getElement } from './index-73881b51.js';
-import { k as inheritAttributes } from './helpers-ae653409.js';
+import { k as inheritAttributes } from './helpers-be245865.js';
 import { b as getIonMode } from './ionic-global-778b7863.js';
 
 const imgCss = ":host{display:block;-o-object-fit:contain;object-fit:contain}img{display:block;width:100%;height:100%;-o-object-fit:inherit;object-fit:inherit;-o-object-position:inherit;object-position:inherit}";

package/dist/esm/ion-infinite-scroll_2.entry.js

@@ -2,10 +2,10 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, d as createEvent, w as writeTask, e as readTask, h, f as getElement, H as Host } from './index-73881b51.js';
-import { f as findClosestIonContent, p as printIonContentErrorMsg, g as getScrollElement } from './index-b9e742e5.js';
+import { f as findClosestIonContent, p as printIonContentErrorMsg, g as getScrollElement } from './index-f3946ac1.js';
 import { b as getIonMode, c as config } from './ionic-global-778b7863.js';
 import { E as ENABLE_HTML_CONTENT_DEFAULT, a as sanitizeDOMString } from './config-49c88215.js';
-import './helpers-ae653409.js';
+import './helpers-be245865.js';
 import './index-9b0d46f4.js';
 
 const infiniteScrollCss = "ion-infinite-scroll{display:none;width:100%}.infinite-scroll-enabled{display:block}";

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

@@ -2,11 +2,11 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, d as createEvent, h, H as Host, f as getElement, i as forceUpdate } from './index-73881b51.js';
-import { c as createLegacyFormController } from './form-controller-548aa79c.js';
-import { c as createNotchController } from './notch-controller-fea7f9c5.js';
-import { j as debounceEvent, i as inheritAriaAttributes, k as inheritAttributes, c as componentOnReady, h as findItemLabel } from './helpers-ae653409.js';
+import { c as createLegacyFormController } from './form-controller-21dd62b1.js';
+import { c as createNotchController } from './notch-controller-6bd3e0f9.js';
+import { j as debounceEvent, i as inheritAriaAttributes, k as inheritAttributes, c as componentOnReady, h as findItemLabel } from './helpers-be245865.js';
 import { p as printIonWarning } from './index-9b0d46f4.js';
-import { c as createSlotMutationController, g as getCounterText } from './input.utils-a5a2d164.js';
+import { c as createSlotMutationController, g as getCounterText } from './input.utils-a445f677.js';
 import { h as hostContext, c as createColorClasses } from './theme-01f3f29c.js';
 import { b as closeCircle, d as closeSharp } from './index-f7dc70ba.js';
 import { b as getIonMode } from './ionic-global-778b7863.js';

package/dist/esm/ion-item-option_3.entry.js

@@ -4,8 +4,8 @@
 import { r as registerInstance, h, H as Host, f as getElement, d as createEvent } from './index-73881b51.js';
 import { c as createColorClasses } from './theme-01f3f29c.js';
 import { b as getIonMode } from './ionic-global-778b7863.js';
-import { p as isEndSide } from './helpers-ae653409.js';
-import { f as findClosestIonContent, d as disableContentScrollY, r as resetContentScrollY } from './index-b9e742e5.js';
+import { p as isEndSide } from './helpers-be245865.js';
+import { f as findClosestIonContent, d as disableContentScrollY, r as resetContentScrollY } from './index-f3946ac1.js';
 import { w as watchForOptions } from './watch-options-c2911ace.js';
 import './index-9b0d46f4.js';
 

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

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, i as forceUpdate, h, H as Host, f as getElement, d as createEvent } from './index-73881b51.js';
-import { k as inheritAttributes, r as raf } from './helpers-ae653409.js';
+import { k as inheritAttributes, r as raf } from './helpers-be245865.js';
 import { p as printIonWarning, a as printIonError } from './index-9b0d46f4.js';
 import { h as hostContext, c as createColorClasses, o as openURL } from './theme-01f3f29c.js';
 import { o as chevronForward } from './index-f7dc70ba.js';

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

@@ -3,15 +3,15 @@
  */
 import { r as registerInstance, d as createEvent, h, H as Host, f as getElement } from './index-73881b51.js';
 import { E as ENABLE_HTML_CONTENT_DEFAULT, a as sanitizeDOMString } from './config-49c88215.js';
-import { r as raf } from './helpers-ae653409.js';
+import { r as raf } from './helpers-be245865.js';
 import { c as createLockController } from './lock-controller-316928be.js';
-import { d as createDelegateController, e as createTriggerController, B as BACKDROP, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod } from './overlays-4bb86b9c.js';
+import { d as createDelegateController, e as createTriggerController, B as BACKDROP, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod } from './overlays-7199c581.js';
 import { g as getClassMap } from './theme-01f3f29c.js';
 import { c as config, b as getIonMode } from './ionic-global-778b7863.js';
-import { c as createAnimation } from './animation-dde8cc0d.js';
+import { c as createAnimation } from './animation-6a0c5338.js';
 import './index-a5d50daf.js';
-import './framework-delegate-bc1fd82a.js';
-import './hardware-back-button-b2bc76db.js';
+import './hardware-back-button-f42b9c80.js';
+import './framework-delegate-ed4ba327.js';
 import './index-9b0d46f4.js';
 
 /**

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

@@ -4,17 +4,17 @@
 import { r as registerInstance, d as createEvent, h, H as Host, f as getElement } from './index-73881b51.js';
 import { g as getTimeGivenProgression } from './cubic-bezier-fe2083dc.js';
 import { G as GESTURE_CONTROLLER } from './gesture-controller-1bf57181.js';
-import { p as isEndSide, i as inheritAriaAttributes, o as assert, l as clamp } from './helpers-ae653409.js';
-import { m as menuController } from './index-6546f0dd.js';
-import { o as getPresentedOverlay } from './overlays-4bb86b9c.js';
+import { shoudUseCloseWatcher } from './hardware-back-button-f42b9c80.js';
+import { p as isEndSide, i as inheritAriaAttributes, o as assert, l as clamp } from './helpers-be245865.js';
+import { m as menuController } from './index-aa29e8bf.js';
+import { o as getPresentedOverlay } from './overlays-7199c581.js';
 import { c as config, b as getIonMode } from './ionic-global-778b7863.js';
 import { c as createColorClasses, h as hostContext } from './theme-01f3f29c.js';
 import { u as menuOutline, v as menuSharp } from './index-f7dc70ba.js';
 import './index-a5d50daf.js';
-import './hardware-back-button-b2bc76db.js';
 import './index-9b0d46f4.js';
-import './animation-dde8cc0d.js';
-import './framework-delegate-bc1fd82a.js';
+import './animation-6a0c5338.js';
+import './framework-delegate-ed4ba327.js';
 
 const menuIosCss = ":host{--width:304px;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--background:var(--ion-background-color, #fff);left:0;right:0;top:0;bottom:0;display:none;position:absolute;contain:strict}:host(.show-menu){display:block}.menu-inner{-webkit-transform:translateX(-9999px);transform:translateX(-9999px);display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);contain:strict}:host(.menu-side-start) .menu-inner{--ion-safe-area-right:0px;top:0;bottom:0}@supports (inset-inline-start: 0){:host(.menu-side-start) .menu-inner{inset-inline-start:0;inset-inline-end:auto}}@supports not (inset-inline-start: 0){:host(.menu-side-start) .menu-inner{left:0;right:auto}:host-context([dir=rtl]):host(.menu-side-start) .menu-inner,:host-context([dir=rtl]).menu-side-start .menu-inner{left:unset;right:unset;left:auto;right:0}@supports selector(:dir(rtl)){:host(.menu-side-start:dir(rtl)) .menu-inner{left:unset;right:unset;left:auto;right:0}}}:host-context([dir=rtl]):host(.menu-side-start) .menu-inner,:host-context([dir=rtl]).menu-side-start .menu-inner{--ion-safe-area-right:unset;--ion-safe-area-left:0px}@supports selector(:dir(rtl)){:host(.menu-side-start:dir(rtl)) .menu-inner{--ion-safe-area-right:unset;--ion-safe-area-left:0px}}:host(.menu-side-end) .menu-inner{--ion-safe-area-left:0px;top:0;bottom:0}@supports (inset-inline-start: 0){:host(.menu-side-end) .menu-inner{inset-inline-start:auto;inset-inline-end:0}}@supports not (inset-inline-start: 0){:host(.menu-side-end) .menu-inner{left:auto;right:0}:host-context([dir=rtl]):host(.menu-side-end) .menu-inner,:host-context([dir=rtl]).menu-side-end .menu-inner{left:unset;right:unset;left:0;right:auto}@supports selector(:dir(rtl)){:host(.menu-side-end:dir(rtl)) .menu-inner{left:unset;right:unset;left:0;right:auto}}}:host-context([dir=rtl]):host(.menu-side-end) .menu-inner,:host-context([dir=rtl]).menu-side-end .menu-inner{--ion-safe-area-left:unset;--ion-safe-area-right:0px}@supports selector(:dir(rtl)){:host(.menu-side-end:dir(rtl)) .menu-inner{--ion-safe-area-left:unset;--ion-safe-area-right:0px}}ion-backdrop{display:none;opacity:0.01;z-index:-1}@media (max-width: 340px){.menu-inner{--width:264px}}:host(.menu-type-reveal){z-index:0}:host(.menu-type-reveal.show-menu) .menu-inner{-webkit-transform:translate3d(0,  0,  0);transform:translate3d(0,  0,  0)}:host(.menu-type-overlay){z-index:1000}:host(.menu-type-overlay) .show-backdrop{display:block;cursor:pointer}:host(.menu-pane-visible){width:var(--width);min-width:var(--min-width);max-width:var(--max-width)}:host(.menu-pane-visible) .menu-inner{left:0;right:0;width:auto;-webkit-transform:none;transform:none;-webkit-box-shadow:none;box-shadow:none}:host(.menu-pane-visible) ion-backdrop{display:hidden !important}:host(.menu-type-push){z-index:1000}:host(.menu-type-push) .show-backdrop{display:block}";
 const IonMenuIosStyle0 = menuIosCss;
@@ -607,13 +607,18 @@ const Menu = class {
     render() {
         const { type, disabled, isPaneVisible, inheritedAttributes, side } = this;
         const mode = getIonMode(this);
-        return (h(Host, { key: '8665a4cec887bb6b0178d1df62e47c8575104ad1', role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
+        /**
+         * If the Close Watcher is enabled then
+         * the ionBackButton listener in the menu controller
+         * will handle closing the menu when Escape is pressed.
+         */
+        return (h(Host, { key: 'be7145625a30951e5cc26646f6121ee4fa4c910f', onKeyDown: shoudUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
                 [mode]: true,
                 [`menu-type-${type}`]: true,
                 'menu-enabled': !disabled,
                 [`menu-side-${side}`]: true,
                 'menu-pane-visible': isPaneVisible,
-            } }, h("div", { key: '37f5797a28f2809cb979272525ef64074b2c9730', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, h("slot", { key: '718a506b80373deecb1ea5205384839ac222c74e' })), h("ion-backdrop", { key: 'a499b8f60a8aef2ec125a1814b491e8e1a863825', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
+            } }, h("div", { key: 'ecd6e0641ed67691db270190801f7be365a2d121', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, h("slot", { key: 'aea3780e259f2b3ea84697a509bb7f13fa9531e9' })), h("ion-backdrop", { key: 'be3253506a34c4c00eb1814621c674196b72db46', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -2,22 +2,22 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, d as createEvent, w as writeTask, h, H as Host, f as getElement } from './index-73881b51.js';
-import { f as findClosestIonContent, i as isIonContent, d as disableContentScrollY, r as resetContentScrollY, a as findIonContent, p as printIonContentErrorMsg } from './index-b9e742e5.js';
-import { C as CoreDelegate, a as attachComponent, d as detachComponent } from './framework-delegate-bc1fd82a.js';
-import { g as getElementRoot, l as clamp, r as raf, k as inheritAttributes, m as hasLazyBuild } from './helpers-ae653409.js';
+import { f as findClosestIonContent, i as isIonContent, d as disableContentScrollY, r as resetContentScrollY, a as findIonContent, p as printIonContentErrorMsg } from './index-f3946ac1.js';
+import { C as CoreDelegate, a as attachComponent, d as detachComponent } from './framework-delegate-ed4ba327.js';
+import { g as getElementRoot, l as clamp, r as raf, k as inheritAttributes, m as hasLazyBuild } from './helpers-be245865.js';
 import { c as createLockController } from './lock-controller-316928be.js';
 import { p as printIonWarning } from './index-9b0d46f4.js';
 import { g as getCapacitor } from './capacitor-59395cbd.js';
-import { G as GESTURE, O as OVERLAY_GESTURE_PRIORITY, e as createTriggerController, B as BACKDROP, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod } from './overlays-4bb86b9c.js';
+import { G as GESTURE, O as OVERLAY_GESTURE_PRIORITY, e as createTriggerController, B as BACKDROP, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod } from './overlays-7199c581.js';
 import { g as getClassMap } from './theme-01f3f29c.js';
-import { e as deepReady, w as waitForMount } from './index-8fac11d0.js';
+import { e as deepReady, w as waitForMount } from './index-22b42a9f.js';
 import { b as getIonMode, c as config } from './ionic-global-778b7863.js';
 import { KEYBOARD_DID_OPEN } from './keyboard-52278bd7.js';
-import { c as createAnimation } from './animation-dde8cc0d.js';
+import { c as createAnimation } from './animation-6a0c5338.js';
 import { g as getTimeGivenProgression } from './cubic-bezier-fe2083dc.js';
 import { createGesture } from './index-2cf77112.js';
 import { w as win } from './index-a5d50daf.js';
-import './hardware-back-button-b2bc76db.js';
+import './hardware-back-button-f42b9c80.js';
 import './keyboard-73175e24.js';
 import './gesture-controller-1bf57181.js';
 

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

@@ -3,10 +3,10 @@
  */
 import { r as registerInstance, d as createEvent, h, f as getElement, H as Host } from './index-73881b51.js';
 import { g as getTimeGivenProgression } from './cubic-bezier-fe2083dc.js';
-import { o as assert, s as shallowEqualStringMap } from './helpers-ae653409.js';
-import { l as lifecycle, t as transition, s as setPageHidden, d as LIFECYCLE_WILL_UNLOAD, b as LIFECYCLE_WILL_LEAVE, c as LIFECYCLE_DID_LEAVE } from './index-8fac11d0.js';
+import { o as assert, s as shallowEqualStringMap } from './helpers-be245865.js';
+import { l as lifecycle, t as transition, s as setPageHidden, d as LIFECYCLE_WILL_UNLOAD, b as LIFECYCLE_WILL_LEAVE, c as LIFECYCLE_DID_LEAVE } from './index-22b42a9f.js';
 import { b as getIonMode, c as config } from './ionic-global-778b7863.js';
-import { a as attachComponent } from './framework-delegate-bc1fd82a.js';
+import { a as attachComponent } from './framework-delegate-ed4ba327.js';
 
 const VIEW_STATE_NEW = 1;
 const VIEW_STATE_ATTACHED = 2;
@@ -132,7 +132,7 @@ const Nav = class {
         // We want to set this flag before any watch callbacks are manually called
         this.didLoad = true;
         this.rootChanged();
-        this.gesture = (await import('./swipe-back-a6f386fc.js')).createSwipeBackGesture(this.el, this.canStart.bind(this), this.onStart.bind(this), this.onMove.bind(this), this.onEnd.bind(this));
+        this.gesture = (await import('./swipe-back-37a22d34.js')).createSwipeBackGesture(this.el, this.canStart.bind(this), this.onStart.bind(this), this.onMove.bind(this), this.onEnd.bind(this));
         this.swipeGestureChanged();
     }
     connectedCallback() {

package/dist/esm/ion-picker-column-internal.entry.js

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, d as createEvent, h, H as Host, f as getElement } from './index-73881b51.js';
-import { r as raf, g as getElementRoot } from './helpers-ae653409.js';
+import { r as raf, g as getElementRoot } from './helpers-be245865.js';
 import { a as hapticSelectionStart, b as hapticSelectionChanged, h as hapticSelectionEnd } from './haptic-554688a5.js';
 import { a as isPlatform, b as getIonMode } from './ionic-global-778b7863.js';
 import { c as createColorClasses } from './theme-01f3f29c.js';

package/dist/esm/ion-picker-internal.entry.js

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, d as createEvent, h, H as Host, f as getElement } from './index-73881b51.js';
-import { g as getElementRoot } from './helpers-ae653409.js';
+import { g as getElementRoot } from './helpers-be245865.js';
 
 const pickerInternalIosCss = ":host{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:200px;direction:ltr;z-index:0}:host .picker-before,:host .picker-after{position:absolute;width:100%;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:1;pointer-events:none}:host .picker-before{top:0;height:83px}@supports (inset-inline-start: 0){:host .picker-before{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host .picker-before{left:0}:host-context([dir=rtl]) .picker-before{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host(:dir(rtl)) .picker-before{left:unset;right:unset;right:0}}}:host .picker-after{top:116px;height:84px}@supports (inset-inline-start: 0){:host .picker-after{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host .picker-after{left:0}:host-context([dir=rtl]) .picker-after{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host(:dir(rtl)) .picker-after{left:unset;right:unset;right:0}}}:host .picker-highlight{border-radius:8px;left:0;right:0;top:50%;bottom:0;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;position:absolute;width:calc(100% - 16px);height:34px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:var(--wheel-highlight-background);z-index:-1}:host input{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}:host ::slotted(ion-picker-column-internal:first-of-type){text-align:start}:host ::slotted(ion-picker-column-internal:last-of-type){text-align:end}:host ::slotted(ion-picker-column-internal:only-child){text-align:center}:host .picker-before{background:-webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(var(--wheel-fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1)), to(rgba(var(--wheel-fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0.8)));background:linear-gradient(to bottom, rgba(var(--wheel-fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 20%, rgba(var(--wheel-fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0.8) 100%)}:host .picker-after{background:-webkit-gradient(linear, left bottom, left top, color-stop(20%, rgba(var(--wheel-fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1)), to(rgba(var(--wheel-fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0.8)));background:linear-gradient(to top, rgba(var(--wheel-fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 20%, rgba(var(--wheel-fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0.8) 100%)}:host .picker-highlight{background:var(--wheel-highlight-background, var(--ion-color-step-150, #eeeeef))}";
 const IonPickerInternalIosStyle0 = pickerInternalIosCss;

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

@@ -2,17 +2,17 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, d as createEvent, h, H as Host, f as getElement } from './index-73881b51.js';
-import { C as CoreDelegate, a as attachComponent, d as detachComponent } from './framework-delegate-bc1fd82a.js';
-import { r as raf, g as getElementRoot, a as addEventListener, m as hasLazyBuild } from './helpers-ae653409.js';
+import { C as CoreDelegate, a as attachComponent, d as detachComponent } from './framework-delegate-ed4ba327.js';
+import { r as raf, g as getElementRoot, a as addEventListener, m as hasLazyBuild } from './helpers-be245865.js';
 import { c as createLockController } from './lock-controller-316928be.js';
 import { p as printIonWarning } from './index-9b0d46f4.js';
-import { B as BACKDROP, j as prepareOverlay, k as setOverlayId, f as present, n as focusFirstDescendant, g as dismiss, h as eventMethod } from './overlays-4bb86b9c.js';
+import { B as BACKDROP, j as prepareOverlay, k as setOverlayId, f as present, n as focusFirstDescendant, g as dismiss, h as eventMethod } from './overlays-7199c581.js';
 import { b as getIonMode, a as isPlatform } from './ionic-global-778b7863.js';
 import { g as getClassMap } from './theme-01f3f29c.js';
-import { e as deepReady, w as waitForMount } from './index-8fac11d0.js';
-import { c as createAnimation } from './animation-dde8cc0d.js';
+import { e as deepReady, w as waitForMount } from './index-22b42a9f.js';
+import { c as createAnimation } from './animation-6a0c5338.js';
 import './index-a5d50daf.js';
-import './hardware-back-button-b2bc76db.js';
+import './hardware-back-button-f42b9c80.js';
 
 /**
  * Returns the dimensions of the popover

package/dist/esm/ion-progress-bar.entry.js

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, h, H as Host } from './index-73881b51.js';
-import { l as clamp } from './helpers-ae653409.js';
+import { l as clamp } from './helpers-be245865.js';
 import { c as createColorClasses } from './theme-01f3f29c.js';
 import { c as config, b as getIonMode } from './ionic-global-778b7863.js';
 

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

@@ -2,8 +2,8 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, d as createEvent, h, H as Host, f as getElement } from './index-73881b51.js';
-import { c as createLegacyFormController } from './form-controller-548aa79c.js';
-import { a as addEventListener, b as removeEventListener, e as getAriaLabel, d as renderHiddenInput } from './helpers-ae653409.js';
+import { c as createLegacyFormController } from './form-controller-21dd62b1.js';
+import { a as addEventListener, b as removeEventListener, e as getAriaLabel, d as renderHiddenInput } from './helpers-be245865.js';
 import { i as isOptionSelected } from './compare-with-utils-a96ff2ea.js';
 import { p as printIonWarning } from './index-9b0d46f4.js';
 import { h as hostContext, c as createColorClasses } from './theme-01f3f29c.js';

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

@@ -2,9 +2,9 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, d as createEvent, h, H as Host, f as getElement } from './index-73881b51.js';
-import { f as findClosestIonContent, d as disableContentScrollY, r as resetContentScrollY } from './index-b9e742e5.js';
-import { c as createLegacyFormController } from './form-controller-548aa79c.js';
-import { l as clamp, j as debounceEvent, i as inheritAriaAttributes, d as renderHiddenInput, e as getAriaLabel } from './helpers-ae653409.js';
+import { f as findClosestIonContent, d as disableContentScrollY, r as resetContentScrollY } from './index-f3946ac1.js';
+import { c as createLegacyFormController } from './form-controller-21dd62b1.js';
+import { l as clamp, j as debounceEvent, i as inheritAriaAttributes, d as renderHiddenInput, e as getAriaLabel } from './helpers-be245865.js';
 import { p as printIonWarning } from './index-9b0d46f4.js';
 import { i as isRTL } from './dir-babeabeb.js';
 import { c as createColorClasses, h as hostContext } from './theme-01f3f29c.js';

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

@@ -3,11 +3,11 @@
  */
 import { w as writeTask, r as registerInstance, d as createEvent, e as readTask, h, f as getElement, H as Host } from './index-73881b51.js';
 import { g as getTimeGivenProgression } from './cubic-bezier-fe2083dc.js';
-import { I as ION_CONTENT_CLASS_SELECTOR, b as ION_CONTENT_ELEMENT_SELECTOR, p as printIonContentErrorMsg, g as getScrollElement } from './index-b9e742e5.js';
-import { t as transitionEndAsync, c as componentOnReady, l as clamp, g as getElementRoot, r as raf } from './helpers-ae653409.js';
+import { I as ION_CONTENT_CLASS_SELECTOR, b as ION_CONTENT_ELEMENT_SELECTOR, p as printIonContentErrorMsg, g as getScrollElement } from './index-f3946ac1.js';
+import { t as transitionEndAsync, c as componentOnReady, l as clamp, g as getElementRoot, r as raf } from './helpers-be245865.js';
 import { d as hapticImpact, I as ImpactStyle } from './haptic-554688a5.js';
 import { b as getIonMode, c as config } from './ionic-global-778b7863.js';
-import { c as createAnimation } from './animation-dde8cc0d.js';
+import { c as createAnimation } from './animation-6a0c5338.js';
 import { E as ENABLE_HTML_CONTENT_DEFAULT, a as sanitizeDOMString } from './config-49c88215.js';
 import { h as caretBackSharp, i as arrowDown } from './index-f7dc70ba.js';
 import { S as SPINNERS } from './spinner-configs-964f7cf3.js';

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

@@ -4,8 +4,8 @@
 import { r as registerInstance, h, H as Host, f as getElement, d as createEvent } from './index-73881b51.js';
 import { j as reorderThreeOutline, k as reorderTwoSharp } from './index-f7dc70ba.js';
 import { b as getIonMode } from './ionic-global-778b7863.js';
-import { f as findClosestIonContent, g as getScrollElement } from './index-b9e742e5.js';
-import { r as raf } from './helpers-ae653409.js';
+import { f as findClosestIonContent, g as getScrollElement } from './index-f3946ac1.js';
+import { r as raf } from './helpers-be245865.js';
 import { a as hapticSelectionStart, b as hapticSelectionChanged, h as hapticSelectionEnd } from './haptic-554688a5.js';
 import './index-9b0d46f4.js';
 import './capacitor-59395cbd.js';

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

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, d as createEvent, f as getElement, h, H as Host } from './index-73881b51.js';
-import { c as componentOnReady, q as debounce } from './helpers-ae653409.js';
+import { c as componentOnReady, q as debounce } from './helpers-be245865.js';
 import { o as openURL, c as createColorClasses } from './theme-01f3f29c.js';
 import { b as getIonMode } from './ionic-global-778b7863.js';
 

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

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, d as createEvent, i as forceUpdate, h, H as Host, f as getElement } from './index-73881b51.js';
-import { j as debounceEvent, c as componentOnReady, r as raf } from './helpers-ae653409.js';
+import { j as debounceEvent, c as componentOnReady, r as raf } from './helpers-be245865.js';
 import { i as isRTL } from './dir-babeabeb.js';
 import { c as createColorClasses } from './theme-01f3f29c.js';
 import { a as arrowBackSharp, b as closeCircle, d as closeSharp, s as searchOutline, e as searchSharp } from './index-f7dc70ba.js';

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

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, d as createEvent, w as writeTask, h, H as Host, f as getElement, i as forceUpdate } from './index-73881b51.js';
-import { r as raf, a as addEventListener, b as removeEventListener, k as inheritAttributes } from './helpers-ae653409.js';
+import { r as raf, a as addEventListener, b as removeEventListener, k as inheritAttributes } from './helpers-be245865.js';
 import { i as isRTL } from './dir-babeabeb.js';
 import { c as createColorClasses, h as hostContext } from './theme-01f3f29c.js';
 import { b as getIonMode } from './ionic-global-778b7863.js';

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

@@ -2,20 +2,20 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, d as createEvent, h, H as Host, f as getElement, i as forceUpdate } from './index-73881b51.js';
-import { c as createLegacyFormController } from './form-controller-548aa79c.js';
-import { c as createNotchController } from './notch-controller-fea7f9c5.js';
+import { c as createLegacyFormController } from './form-controller-21dd62b1.js';
+import { c as createNotchController } from './notch-controller-6bd3e0f9.js';
 import { i as isOptionSelected, c as compareOptions } from './compare-with-utils-a96ff2ea.js';
-import { k as inheritAttributes, f as focusElement, h as findItemLabel, d as renderHiddenInput, e as getAriaLabel } from './helpers-ae653409.js';
+import { k as inheritAttributes, f as focusVisibleElement, h as findItemLabel, d as renderHiddenInput, e as getAriaLabel } from './helpers-be245865.js';
 import { p as printIonWarning } from './index-9b0d46f4.js';
-import { c as popoverController, b as actionSheetController, a as alertController, s as safeCall } from './overlays-4bb86b9c.js';
+import { c as popoverController, b as actionSheetController, a as alertController, s as safeCall } from './overlays-7199c581.js';
 import { i as isRTL } from './dir-babeabeb.js';
 import { h as hostContext, c as createColorClasses, g as getClassMap } from './theme-01f3f29c.js';
 import { w as watchForOptions } from './watch-options-c2911ace.js';
 import { w as chevronExpand, q as caretDownSharp } from './index-f7dc70ba.js';
 import { b as getIonMode } from './ionic-global-778b7863.js';
 import './index-a5d50daf.js';
-import './framework-delegate-bc1fd82a.js';
-import './hardware-back-button-b2bc76db.js';
+import './hardware-back-button-f42b9c80.js';
+import './framework-delegate-ed4ba327.js';
 
 const selectIosCss = ":host{--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--placeholder-color:currentColor;--placeholder-opacity:0.6;--background:transparent;--border-style:solid;--highlight-color-focused:var(--ion-color-primary, #3880ff);--highlight-color-valid:var(--ion-color-success, #2dd36f);--highlight-color-invalid:var(--ion-color-danger, #eb445a);--highlight-color:var(--highlight-color-focused);display:block;position:relative;font-family:var(--ion-font-family, inherit);white-space:nowrap;cursor:pointer;z-index:2}:host(:not(.legacy-select)){width:100%;min-height:44px}:host(.select-label-placement-floating),:host(.select-label-placement-stacked){min-height:56px}:host(.ion-color){--highlight-color-focused:var(--ion-color-base)}:host(.legacy-select){-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow:hidden}:host(.in-item:not(.legacy-select)){-ms-flex:1 1 0px;flex:1 1 0}:host(.in-item.legacy-select){position:static;max-width:45%}:host(.select-disabled){pointer-events:none}:host(.ion-focused) button{border:2px solid #5e9ed6}:host([slot=start]:not(.legacy-select)),:host([slot=end]:not(.legacy-select)){width:auto}.select-placeholder{color:var(--placeholder-color);opacity:var(--placeholder-opacity)}:host(.legacy-select) label{top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0}@supports (inset-inline-start: 0){:host(.legacy-select) label{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host(.legacy-select) label{left:0}:host-context([dir=rtl]):host(.legacy-select) label,:host-context([dir=rtl]).legacy-select label{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host(.legacy-select:dir(rtl)) label{left:unset;right:unset;right:0}}}:host(.legacy-select) label::-moz-focus-inner{border:0}button{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}.select-icon{-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0;position:relative;-ms-flex-negative:0;flex-shrink:0}:host(.in-item-color) .select-icon{color:inherit}:host(.select-label-placement-stacked) .select-icon,:host(.select-label-placement-floating) .select-icon{position:absolute;height:100%}:host(.select-ltr.select-label-placement-stacked) .select-icon,:host(.select-ltr.select-label-placement-floating) .select-icon{right:var(--padding-end, 0)}:host(.select-rtl.select-label-placement-stacked) .select-icon,:host(.select-rtl.select-label-placement-floating) .select-icon{left:var(--padding-start, 0)}.select-text{-ms-flex:1;flex:1;min-width:16px;font-size:inherit;text-overflow:ellipsis;white-space:inherit;overflow:hidden}.select-wrapper{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;height:inherit;min-height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;background:var(--background);line-height:normal;cursor:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}.select-wrapper .select-placeholder{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.select-wrapper-inner{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow:hidden}:host(.select-label-placement-stacked) .select-wrapper-inner,:host(.select-label-placement-floating) .select-wrapper-inner{-ms-flex-positive:1;flex-grow:1}:host(.ion-touched.ion-invalid){--highlight-color:var(--highlight-color-invalid)}:host(.ion-valid){--highlight-color:var(--highlight-color-valid)}.label-text-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:200px;-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none}.label-text,::slotted([slot=label]){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden,.select-outline-notch-hidden{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden}:host(.select-justify-space-between) .select-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.select-justify-start) .select-wrapper{-ms-flex-pack:start;justify-content:start}:host(.select-justify-end) .select-wrapper{-ms-flex-pack:end;justify-content:end}:host(.select-label-placement-start) .select-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.select-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.select-label-placement-end) .select-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.select-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}:host(.select-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.select-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.select-label-placement-stacked) .select-wrapper,:host(.select-label-placement-floating) .select-wrapper{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}:host(.select-label-placement-stacked) .label-text-wrapper,:host(.select-label-placement-floating) .label-text-wrapper{max-width:100%}:host(.select-ltr.select-label-placement-stacked) .label-text-wrapper,:host(.select-ltr.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host(.select-rtl.select-label-placement-stacked) .label-text-wrapper,:host(.select-rtl.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}:host(.select-label-placement-stacked) .native-wrapper,:host(.select-label-placement-floating) .native-wrapper{margin-left:0;margin-right:0;margin-top:1px;margin-bottom:0;-ms-flex-positive:1;flex-grow:1;width:100%}:host(.select-label-placement-floating) .label-text-wrapper{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}:host(.select-label-placement-floating:not(.label-floating)) .native-wrapper .select-placeholder{opacity:0}:host(.select-expanded.select-label-placement-floating) .native-wrapper .select-placeholder,:host(.ion-focused.select-label-placement-floating) .native-wrapper .select-placeholder,:host(.has-value.select-label-placement-floating) .native-wrapper .select-placeholder{opacity:1}:host(.label-floating) .label-text-wrapper{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}::slotted([slot=start]),::slotted([slot=end]){-ms-flex-negative:0;flex-shrink:0}::slotted([slot=start]){-webkit-margin-end:16px;margin-inline-end:16px;-webkit-margin-start:0;margin-inline-start:0}::slotted([slot=end]){-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}:host(.legacy-select){--padding-top:10px;--padding-end:8px;--padding-bottom:10px;--padding-start:16px}.select-icon{width:1.125rem;height:1.125rem;color:var(--ion-color-step-650, #595959)}:host(.select-label-placement-stacked) .select-wrapper-inner,:host(.select-label-placement-floating) .select-wrapper-inner{width:calc(100% - 1.125rem - 4px)}:host(.select-disabled){opacity:0.3}::slotted(ion-button[slot=start].button-has-icon-only),::slotted(ion-button[slot=end].button-has-icon-only){--border-radius:50%;--padding-start:0;--padding-end:0;--padding-top:0;--padding-bottom:0;aspect-ratio:1}";
 const IonSelectIosStyle0 = selectIosCss;
@@ -163,7 +163,7 @@ const Select = class {
             if (indexOfSelected > -1) {
                 const selectedItem = overlay.querySelector(`.select-interface-option:nth-child(${indexOfSelected + 1})`);
                 if (selectedItem) {
-                    focusElement(selectedItem);
+                    focusVisibleElement(selectedItem);
                     /**
                      * Browsers such as Firefox do not
                      * correctly delegate focus when manually
@@ -187,7 +187,7 @@ const Select = class {
                  */
                 const firstEnabledOption = overlay.querySelector('ion-radio:not(.radio-disabled), ion-checkbox:not(.checkbox-disabled)');
                 if (firstEnabledOption) {
-                    focusElement(firstEnabledOption.closest('ion-item'));
+                    focusVisibleElement(firstEnabledOption.closest('ion-item'));
                     /**
                      * Focus the option for the same reason as we do above.
                      */