@ionic/core 7.6.8-dev.11706715287.1950fa40 → 7.7.0

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

@@ -6,17 +6,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5a471146.js');
+const hardwareBackButton = require('./hardware-back-button-d23873bb.js');
+const index$1 = require('./index-5915f9b3.js');
 const ionicGlobal = require('./ionic-global-7358c23e.js');
-const helpers = require('./helpers-76bb7efb.js');
+const helpers = require('./helpers-2e1028fa.js');
 const dir = require('./dir-94c21456.js');
 const theme = require('./theme-d1c573d2.js');
-const index$1 = require('./index-da15e99c.js');
+const index$2 = require('./index-53d162b2.js');
 const keyboardController = require('./keyboard-controller-c05e747a.js');
 const cubicBezier = require('./cubic-bezier-f2dccc53.js');
-const frameworkDelegate = require('./framework-delegate-1c29b14a.js');
+const frameworkDelegate = require('./framework-delegate-a3e6d060.js');
 const lockController = require('./lock-controller-6585a42a.js');
-const index$2 = require('./index-fc6d268f.js');
-require('./index-5915f9b3.js');
+const index$3 = require('./index-84351d21.js');
 require('./index-c8d52405.js');
 require('./keyboard-0272231f.js');
 require('./capacitor-c04564bf.js');
@@ -33,10 +34,10 @@ const App = class {
             rIC(async () => {
                 const isHybrid = ionicGlobal.isPlatform(window, 'hybrid');
                 if (!ionicGlobal.config.getBoolean('_testing')) {
-                    Promise.resolve().then(function () { return require('./index-b4f986cd.js'); }).then((module) => module.startTapClick(ionicGlobal.config));
+                    Promise.resolve().then(function () { return require('./index-10da82ce.js'); }).then((module) => module.startTapClick(ionicGlobal.config));
                 }
                 if (ionicGlobal.config.getBoolean('statusTap', isHybrid)) {
-                    Promise.resolve().then(function () { return require('./status-tap-5fa2bab5.js'); }).then((module) => module.startStatusTap());
+                    Promise.resolve().then(function () { return require('./status-tap-b0bfea34.js'); }).then((module) => module.startStatusTap());
                 }
                 if (ionicGlobal.config.getBoolean('inputShims', needInputShims())) {
                     /**
@@ -44,13 +45,21 @@ const App = class {
                      * platforms proceed into this block.
                      */
                     const platform = ionicGlobal.isPlatform(window, 'ios') ? 'ios' : 'android';
-                    Promise.resolve().then(function () { return require('./input-shims-a23bb0f4.js'); }).then((module) => module.startInputShims(ionicGlobal.config, platform));
+                    Promise.resolve().then(function () { return require('./input-shims-6f804705.js'); }).then((module) => module.startInputShims(ionicGlobal.config, platform));
                 }
-                const hardwareBackButtonModule = await Promise.resolve().then(function () { return require('./hardware-back-button-76833cac.js'); });
-                if (ionicGlobal.config.getBoolean('hardwareBackButton', isHybrid)) {
+                const hardwareBackButtonModule = await Promise.resolve().then(function () { return require('./hardware-back-button-d23873bb.js'); });
+                const supportsHardwareBackButtonEvents = isHybrid || hardwareBackButton.shoudUseCloseWatcher();
+                if (ionicGlobal.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 (hardwareBackButton.shoudUseCloseWatcher()) {
+                        index$1.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') {
@@ -77,7 +86,7 @@ const App = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '56c81f5d59b568ffd4a6de2f9b1c48c9a9456e8b', class: {
+        return (index.h(index.Host, { key: '3535eb5c0dab78a78011e552524a98599b2b650f', class: {
                 [mode]: true,
                 'ion-page': true,
                 'force-statusbar-padding': ionicGlobal.config.getBoolean('_forceStatusbarPadding'),
@@ -590,16 +599,16 @@ const Footer = class {
             this.destroyCollapsibleFooter();
             if (hasFade) {
                 const pageEl = this.el.closest('ion-app,ion-page,.ion-page,page-inner');
-                const contentEl = pageEl ? index$1.findIonContent(pageEl) : null;
+                const contentEl = pageEl ? index$2.findIonContent(pageEl) : null;
                 if (!contentEl) {
-                    index$1.printIonContentErrorMsg(this.el);
+                    index$2.printIonContentErrorMsg(this.el);
                     return;
                 }
                 this.setupFadeFooter(contentEl);
             }
         };
         this.setupFadeFooter = async (contentEl) => {
-            const scrollEl = (this.scrollEl = await index$1.getScrollElement(contentEl));
+            const scrollEl = (this.scrollEl = await index$2.getScrollElement(contentEl));
             /**
              * Handle fading of toolbars on scroll
              */
@@ -852,7 +861,7 @@ const Header = class {
         index.registerInstance(this, hostRef);
         this.inheritedAttributes = {};
         this.setupFadeHeader = async (contentEl, condenseHeader) => {
-            const scrollEl = (this.scrollEl = await index$1.getScrollElement(contentEl));
+            const scrollEl = (this.scrollEl = await index$2.getScrollElement(contentEl));
             /**
              * Handle fading of toolbars on scroll
              */
@@ -888,7 +897,7 @@ const Header = class {
         this.destroyCollapsibleHeader();
         if (hasCondense) {
             const pageEl = this.el.closest('ion-app,ion-page,.ion-page,page-inner');
-            const contentEl = pageEl ? index$1.findIonContent(pageEl) : null;
+            const contentEl = pageEl ? index$2.findIonContent(pageEl) : null;
             // Cloned elements are always needed in iOS transition
             index.writeTask(() => {
                 const title = cloneElement('ion-title');
@@ -899,9 +908,9 @@ const Header = class {
         }
         else if (hasFade) {
             const pageEl = this.el.closest('ion-app,ion-page,.ion-page,page-inner');
-            const contentEl = pageEl ? index$1.findIonContent(pageEl) : null;
+            const contentEl = pageEl ? index$2.findIonContent(pageEl) : null;
             if (!contentEl) {
-                index$1.printIonContentErrorMsg(this.el);
+                index$2.printIonContentErrorMsg(this.el);
                 return;
             }
             const condenseHeader = contentEl.querySelector('ion-header[collapse="condense"]');
@@ -924,13 +933,13 @@ const Header = class {
     }
     async setupCondenseHeader(contentEl, pageEl) {
         if (!contentEl || !pageEl) {
-            index$1.printIonContentErrorMsg(this.el);
+            index$2.printIonContentErrorMsg(this.el);
             return;
         }
         if (typeof IntersectionObserver === 'undefined') {
             return;
         }
-        this.scrollEl = await index$1.getScrollElement(contentEl);
+        this.scrollEl = await index$2.getScrollElement(contentEl);
         const headers = pageEl.querySelectorAll('ion-header');
         this.collapsibleMainHeader = Array.from(headers).find((header) => header.collapse !== 'condense');
         if (!this.collapsibleMainHeader) {
@@ -1023,7 +1032,7 @@ const RouterOutlet = class {
                 this.swipeHandler.onStart();
             }
         };
-        this.gesture = (await Promise.resolve().then(function () { return require('./swipe-back-2a858bbd.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 Promise.resolve().then(function () { return require('./swipe-back-8411f044.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;
@@ -1125,7 +1134,7 @@ const RouterOutlet = class {
         const { el, mode } = this;
         const animated = this.animated && ionicGlobal.config.getBoolean('animated', true);
         const animationBuilder = opts.animationBuilder || this.animation || ionicGlobal.config.get('navAnimation');
-        await index$2.transition(Object.assign(Object.assign({ mode,
+        await index$3.transition(Object.assign(Object.assign({ mode,
             animated,
             enteringEl,
             leavingEl, baseEl: el,

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

@@ -6,7 +6,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5a471146.js');
-const helpers = require('./helpers-76bb7efb.js');
+const helpers = require('./helpers-2e1028fa.js');
 const theme = require('./theme-d1c573d2.js');
 const index$1 = require('./index-f52c6d38.js');
 const ionicGlobal = require('./ionic-global-7358c23e.js');

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

@@ -6,7 +6,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5a471146.js');
-const helpers = require('./helpers-76bb7efb.js');
+const helpers = require('./helpers-2e1028fa.js');
 const theme = require('./theme-d1c573d2.js');
 const index$1 = require('./index-f52c6d38.js');
 const ionicGlobal = require('./ionic-global-7358c23e.js');

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

@@ -6,7 +6,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5a471146.js');
-const helpers = require('./helpers-76bb7efb.js');
+const helpers = require('./helpers-2e1028fa.js');
 const index$1 = require('./index-5915f9b3.js');
 const theme = require('./theme-d1c573d2.js');
 const ionicGlobal = require('./ionic-global-7358c23e.js');

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

@@ -6,7 +6,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5a471146.js');
-const helpers = require('./helpers-76bb7efb.js');
+const helpers = require('./helpers-2e1028fa.js');
 const theme = require('./theme-d1c573d2.js');
 const ionicGlobal = require('./ionic-global-7358c23e.js');
 

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

@@ -6,8 +6,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5a471146.js');
-const formController = require('./form-controller-7d42a722.js');
-const helpers = require('./helpers-76bb7efb.js');
+const formController = require('./form-controller-7b90d7b7.js');
+const helpers = require('./helpers-2e1028fa.js');
 const index$1 = require('./index-5915f9b3.js');
 const theme = require('./theme-d1c573d2.js');
 const ionicGlobal = require('./ionic-global-7358c23e.js');

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

@@ -6,7 +6,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5a471146.js');
-const helpers = require('./helpers-76bb7efb.js');
+const helpers = require('./helpers-2e1028fa.js');
 const index$1 = require('./index-5915f9b3.js');
 const theme = require('./theme-d1c573d2.js');
 const ionicGlobal = require('./ionic-global-7358c23e.js');

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-5a471146.js');
 const focusVisible = require('./focus-visible-7a0ce04f.js');
-const helpers = require('./helpers-76bb7efb.js');
+const helpers = require('./helpers-2e1028fa.js');
 const index = require('./index-5915f9b3.js');
 const dir = require('./dir-94c21456.js');
 const theme = require('./theme-d1c573d2.js');
@@ -15,12 +15,12 @@ const index$2 = require('./index-f52c6d38.js');
 const ionicGlobal = require('./ionic-global-7358c23e.js');
 const data = require('./data-a5109f09.js');
 const lockController = require('./lock-controller-6585a42a.js');
-const overlays = require('./overlays-62679ec5.js');
-const animation = require('./animation-9b401d39.js');
+const overlays = require('./overlays-c50bf3c1.js');
+const animation = require('./animation-fdab9de5.js');
 const haptic = require('./haptic-b882e0bb.js');
 require('./index-c8d52405.js');
-require('./framework-delegate-1c29b14a.js');
-require('./hardware-back-button-76833cac.js');
+require('./hardware-back-button-d23873bb.js');
+require('./framework-delegate-a3e6d060.js');
 require('./capacitor-c04564bf.js');
 
 const isYearDisabled = (refYear, minParts, maxParts) => {

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5a471146.js');
 const ionicGlobal = require('./ionic-global-7358c23e.js');
-const helpers = require('./helpers-76bb7efb.js');
+const helpers = require('./helpers-2e1028fa.js');
 const theme = require('./theme-d1c573d2.js');
 const index$1 = require('./index-f52c6d38.js');
 

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

@@ -6,7 +6,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5a471146.js');
-const helpers = require('./helpers-76bb7efb.js');
+const helpers = require('./helpers-2e1028fa.js');
 const ionicGlobal = require('./ionic-global-7358c23e.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/cjs/ion-infinite-scroll_2.cjs.entry.js

@@ -6,10 +6,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5a471146.js');
-const index$1 = require('./index-da15e99c.js');
+const index$1 = require('./index-53d162b2.js');
 const ionicGlobal = require('./ionic-global-7358c23e.js');
 const config = require('./config-4f60b98a.js');
-require('./helpers-76bb7efb.js');
+require('./helpers-2e1028fa.js');
 require('./index-5915f9b3.js');
 
 const infiniteScrollCss = "ion-infinite-scroll{display:none;width:100%}.infinite-scroll-enabled{display:block}";

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

@@ -6,11 +6,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5a471146.js');
-const formController = require('./form-controller-7d42a722.js');
-const notchController = require('./notch-controller-9735e7ac.js');
-const helpers = require('./helpers-76bb7efb.js');
+const formController = require('./form-controller-7b90d7b7.js');
+const notchController = require('./notch-controller-db0127c4.js');
+const helpers = require('./helpers-2e1028fa.js');
 const index$2 = require('./index-5915f9b3.js');
-const input_utils = require('./input.utils-3d0166a2.js');
+const input_utils = require('./input.utils-d693d18a.js');
 const theme = require('./theme-d1c573d2.js');
 const index$1 = require('./index-f52c6d38.js');
 const ionicGlobal = require('./ionic-global-7358c23e.js');

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

@@ -8,8 +8,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-5a471146.js');
 const theme = require('./theme-d1c573d2.js');
 const ionicGlobal = require('./ionic-global-7358c23e.js');
-const helpers = require('./helpers-76bb7efb.js');
-const index$1 = require('./index-da15e99c.js');
+const helpers = require('./helpers-2e1028fa.js');
+const index$1 = require('./index-53d162b2.js');
 const watchOptions = require('./watch-options-f5f3e158.js');
 require('./index-5915f9b3.js');
 

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

@@ -6,7 +6,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5a471146.js');
-const helpers = require('./helpers-76bb7efb.js');
+const helpers = require('./helpers-2e1028fa.js');
 const index$2 = require('./index-5915f9b3.js');
 const theme = require('./theme-d1c573d2.js');
 const index$1 = require('./index-f52c6d38.js');

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

@@ -7,15 +7,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5a471146.js');
 const config = require('./config-4f60b98a.js');
-const helpers = require('./helpers-76bb7efb.js');
+const helpers = require('./helpers-2e1028fa.js');
 const lockController = require('./lock-controller-6585a42a.js');
-const overlays = require('./overlays-62679ec5.js');
+const overlays = require('./overlays-c50bf3c1.js');
 const theme = require('./theme-d1c573d2.js');
 const ionicGlobal = require('./ionic-global-7358c23e.js');
-const animation = require('./animation-9b401d39.js');
+const animation = require('./animation-fdab9de5.js');
 require('./index-c8d52405.js');
-require('./framework-delegate-1c29b14a.js');
-require('./hardware-back-button-76833cac.js');
+require('./hardware-back-button-d23873bb.js');
+require('./framework-delegate-a3e6d060.js');
 require('./index-5915f9b3.js');
 
 /**

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

@@ -8,17 +8,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-5a471146.js');
 const cubicBezier = require('./cubic-bezier-f2dccc53.js');
 const gestureController = require('./gesture-controller-c40c045a.js');
-const helpers = require('./helpers-76bb7efb.js');
-const index$1 = require('./index-8aef188d.js');
-const overlays = require('./overlays-62679ec5.js');
+const hardwareBackButton = require('./hardware-back-button-d23873bb.js');
+const helpers = require('./helpers-2e1028fa.js');
+const index$1 = require('./index-8c679cbf.js');
+const overlays = require('./overlays-c50bf3c1.js');
 const ionicGlobal = require('./ionic-global-7358c23e.js');
 const theme = require('./theme-d1c573d2.js');
 const index$2 = require('./index-f52c6d38.js');
 require('./index-c8d52405.js');
-require('./hardware-back-button-76833cac.js');
 require('./index-5915f9b3.js');
-require('./animation-9b401d39.js');
-require('./framework-delegate-1c29b14a.js');
+require('./animation-fdab9de5.js');
+require('./framework-delegate-a3e6d060.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;
@@ -611,13 +611,18 @@ const Menu = class {
     render() {
         const { type, disabled, isPaneVisible, inheritedAttributes, side } = this;
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.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 (index.h(index.Host, { key: 'be7145625a30951e5cc26646f6121ee4fa4c910f', onKeyDown: hardwareBackButton.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,
-            } }, index.h("div", { key: '37f5797a28f2809cb979272525ef64074b2c9730', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, index.h("slot", { key: '718a506b80373deecb1ea5205384839ac222c74e' })), index.h("ion-backdrop", { key: 'a499b8f60a8aef2ec125a1814b491e8e1a863825', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
+            } }, index.h("div", { key: 'ecd6e0641ed67691db270190801f7be365a2d121', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, index.h("slot", { key: 'aea3780e259f2b3ea84697a509bb7f13fa9531e9' })), index.h("ion-backdrop", { key: 'be3253506a34c4c00eb1814621c674196b72db46', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -6,22 +6,22 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$3 = require('./index-5a471146.js');
-const index$2 = require('./index-da15e99c.js');
-const frameworkDelegate = require('./framework-delegate-1c29b14a.js');
-const helpers = require('./helpers-76bb7efb.js');
+const index$2 = require('./index-53d162b2.js');
+const frameworkDelegate = require('./framework-delegate-a3e6d060.js');
+const helpers = require('./helpers-2e1028fa.js');
 const lockController = require('./lock-controller-6585a42a.js');
 const index$4 = require('./index-5915f9b3.js');
 const capacitor = require('./capacitor-c04564bf.js');
-const overlays = require('./overlays-62679ec5.js');
+const overlays = require('./overlays-c50bf3c1.js');
 const theme = require('./theme-d1c573d2.js');
-const index$5 = require('./index-fc6d268f.js');
+const index$5 = require('./index-84351d21.js');
 const ionicGlobal = require('./ionic-global-7358c23e.js');
 const keyboard = require('./keyboard-af1bb365.js');
-const animation = require('./animation-9b401d39.js');
+const animation = require('./animation-fdab9de5.js');
 const cubicBezier = require('./cubic-bezier-f2dccc53.js');
 const index$1 = require('./index-d1b59ffa.js');
 const index = require('./index-c8d52405.js');
-require('./hardware-back-button-76833cac.js');
+require('./hardware-back-button-d23873bb.js');
 require('./keyboard-0272231f.js');
 require('./gesture-controller-c40c045a.js');
 
@@ -1519,6 +1519,7 @@ const Modal = class {
             window.removeEventListener(keyboard.KEYBOARD_DID_OPEN, this.keyboardOpenCallback);
             this.keyboardOpenCallback = undefined;
         }
+        const enteringAnimation = overlays.activeAnimations.get(this) || [];
         const dismissed = await overlays.dismiss(this, data, role, 'modalLeave', iosLeaveAnimation, mdLeaveAnimation, {
             presentingEl: presentingElement,
             currentBreakpoint: (_a = this.currentBreakpoint) !== null && _a !== void 0 ? _a : this.initialBreakpoint,
@@ -1534,6 +1535,7 @@ const Modal = class {
             if (this.gesture) {
                 this.gesture.destroy();
             }
+            enteringAnimation.forEach((ani) => ani.destroy());
         }
         this.currentBreakpoint = undefined;
         this.animation = undefined;
@@ -1613,9 +1615,9 @@ const Modal = class {
         const mode = ionicGlobal.getIonMode(this);
         const isCardModal = presentingElement !== undefined && mode === 'ios';
         const isHandleCycle = handleBehavior === 'cycle';
-        return (index$3.h(index$3.Host, Object.assign({ key: '9a305d82f123283b6200c42d67393b378bb309a8', "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
+        return (index$3.h(index$3.Host, Object.assign({ key: '8c163f4f59429227cab3a1cafb5612994939a629', "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${20000 + this.overlayIndex}`,
-            }, class: Object.assign({ [mode]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, 'overlay-hidden': true }, theme.getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle }), index$3.h("ion-backdrop", { key: '85e8dc6f19b30fd95db518445929fb0c1d5cdef0', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), mode === 'ios' && index$3.h("div", { class: "modal-shadow" }), index$3.h("div", Object.assign({ key: '893a0202d91828e60099311442c2677bee5464e2',
+            }, class: Object.assign({ [mode]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, 'overlay-hidden': true }, theme.getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle }), index$3.h("ion-backdrop", { key: '6908bdf9462d940eff6607b626a499eedc66dc9c', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), mode === 'ios' && index$3.h("div", { class: "modal-shadow" }), index$3.h("div", Object.assign({ key: 'ac224394e19b9e8c7dd902f2836fa25787663455',
             /*
               role and aria-modal must be used on the
               same element. They must also be set inside the
@@ -1624,7 +1626,7 @@ const Modal = class {
             */
             role: "dialog" }, inheritedAttributes, { "aria-modal": "true", class: "modal-wrapper ion-overlay-wrapper", part: "content", ref: (el) => (this.wrapperEl = el) }), showHandle && (index$3.h("button", { class: "modal-handle",
             // Prevents the handle from receiving keyboard focus when it does not cycle
-            tabIndex: !isHandleCycle ? -1 : 0, "aria-label": "Activate to adjust the size of the dialog overlaying the screen", onClick: isHandleCycle ? this.onHandleClick : undefined, part: "handle" })), index$3.h("slot", { key: '25187bf4c69d9022930227b8b8748a294176be5f' }))));
+            tabIndex: !isHandleCycle ? -1 : 0, "aria-label": "Activate to adjust the size of the dialog overlaying the screen", onClick: isHandleCycle ? this.onHandleClick : undefined, part: "handle" })), index$3.h("slot", { key: '9c3c5ec797b6415110a3275c6ff33277291a6e21' }))));
     }
     get el() { return index$3.getElement(this); }
     static get watchers() { return {

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

@@ -7,10 +7,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5a471146.js');
 const cubicBezier = require('./cubic-bezier-f2dccc53.js');
-const helpers = require('./helpers-76bb7efb.js');
-const index$1 = require('./index-fc6d268f.js');
+const helpers = require('./helpers-2e1028fa.js');
+const index$1 = require('./index-84351d21.js');
 const ionicGlobal = require('./ionic-global-7358c23e.js');
-const frameworkDelegate = require('./framework-delegate-1c29b14a.js');
+const frameworkDelegate = require('./framework-delegate-a3e6d060.js');
 
 const VIEW_STATE_NEW = 1;
 const VIEW_STATE_ATTACHED = 2;
@@ -136,7 +136,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 Promise.resolve().then(function () { return require('./swipe-back-2a858bbd.js'); })).createSwipeBackGesture(this.el, this.canStart.bind(this), this.onStart.bind(this), this.onMove.bind(this), this.onEnd.bind(this));
+        this.gesture = (await Promise.resolve().then(function () { return require('./swipe-back-8411f044.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/cjs/ion-picker-column-internal.cjs.entry.js

@@ -6,7 +6,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5a471146.js');
-const helpers = require('./helpers-76bb7efb.js');
+const helpers = require('./helpers-2e1028fa.js');
 const haptic = require('./haptic-b882e0bb.js');
 const ionicGlobal = require('./ionic-global-7358c23e.js');
 const theme = require('./theme-d1c573d2.js');

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

@@ -6,7 +6,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5a471146.js');
-const helpers = require('./helpers-76bb7efb.js');
+const helpers = require('./helpers-2e1028fa.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/cjs/ion-popover.cjs.entry.js

@@ -6,17 +6,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5a471146.js');
-const frameworkDelegate = require('./framework-delegate-1c29b14a.js');
-const helpers = require('./helpers-76bb7efb.js');
+const frameworkDelegate = require('./framework-delegate-a3e6d060.js');
+const helpers = require('./helpers-2e1028fa.js');
 const lockController = require('./lock-controller-6585a42a.js');
 const index$1 = require('./index-5915f9b3.js');
-const overlays = require('./overlays-62679ec5.js');
+const overlays = require('./overlays-c50bf3c1.js');
 const ionicGlobal = require('./ionic-global-7358c23e.js');
 const theme = require('./theme-d1c573d2.js');
-const index$2 = require('./index-fc6d268f.js');
-const animation = require('./animation-9b401d39.js');
+const index$2 = require('./index-84351d21.js');
+const animation = require('./animation-fdab9de5.js');
 require('./index-c8d52405.js');
-require('./hardware-back-button-76833cac.js');
+require('./hardware-back-button-d23873bb.js');
 
 /**
  * Returns the dimensions of the popover

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

@@ -6,7 +6,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5a471146.js');
-const helpers = require('./helpers-76bb7efb.js');
+const helpers = require('./helpers-2e1028fa.js');
 const theme = require('./theme-d1c573d2.js');
 const ionicGlobal = require('./ionic-global-7358c23e.js');
 

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

@@ -6,8 +6,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5a471146.js');
-const formController = require('./form-controller-7d42a722.js');
-const helpers = require('./helpers-76bb7efb.js');
+const formController = require('./form-controller-7b90d7b7.js');
+const helpers = require('./helpers-2e1028fa.js');
 const compareWithUtils = require('./compare-with-utils-df1001d7.js');
 const index$1 = require('./index-5915f9b3.js');
 const theme = require('./theme-d1c573d2.js');

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

@@ -6,9 +6,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5a471146.js');
-const index$2 = require('./index-da15e99c.js');
-const formController = require('./form-controller-7d42a722.js');
-const helpers = require('./helpers-76bb7efb.js');
+const index$2 = require('./index-53d162b2.js');
+const formController = require('./form-controller-7b90d7b7.js');
+const helpers = require('./helpers-2e1028fa.js');
 const index$1 = require('./index-5915f9b3.js');
 const dir = require('./dir-94c21456.js');
 const theme = require('./theme-d1c573d2.js');

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

@@ -7,11 +7,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5a471146.js');
 const cubicBezier = require('./cubic-bezier-f2dccc53.js');
-const index$1 = require('./index-da15e99c.js');
-const helpers = require('./helpers-76bb7efb.js');
+const index$1 = require('./index-53d162b2.js');
+const helpers = require('./helpers-2e1028fa.js');
 const haptic = require('./haptic-b882e0bb.js');
 const ionicGlobal = require('./ionic-global-7358c23e.js');
-const animation = require('./animation-9b401d39.js');
+const animation = require('./animation-fdab9de5.js');
 const config = require('./config-4f60b98a.js');
 const index$2 = require('./index-f52c6d38.js');
 const spinnerConfigs = require('./spinner-configs-282fd50a.js');

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

@@ -8,8 +8,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-5a471146.js');
 const index$1 = require('./index-f52c6d38.js');
 const ionicGlobal = require('./ionic-global-7358c23e.js');
-const index$2 = require('./index-da15e99c.js');
-const helpers = require('./helpers-76bb7efb.js');
+const index$2 = require('./index-53d162b2.js');
+const helpers = require('./helpers-2e1028fa.js');
 const haptic = require('./haptic-b882e0bb.js');
 require('./index-5915f9b3.js');
 require('./capacitor-c04564bf.js');

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

@@ -6,7 +6,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5a471146.js');
-const helpers = require('./helpers-76bb7efb.js');
+const helpers = require('./helpers-2e1028fa.js');
 const theme = require('./theme-d1c573d2.js');
 const ionicGlobal = require('./ionic-global-7358c23e.js');