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

package/dist/cjs/{overlays-62679ec5.js → overlays-c50bf3c1.js}

@@ -4,10 +4,10 @@
 'use strict';
 
 const index = require('./index-c8d52405.js');
+const hardwareBackButton = require('./hardware-back-button-d23873bb.js');
 const ionicGlobal = require('./ionic-global-7358c23e.js');
-const frameworkDelegate = require('./framework-delegate-1c29b14a.js');
-const hardwareBackButton = require('./hardware-back-button-76833cac.js');
-const helpers = require('./helpers-76bb7efb.js');
+const frameworkDelegate = require('./framework-delegate-a3e6d060.js');
+const helpers = require('./helpers-2e1028fa.js');
 const index$1 = require('./index-5915f9b3.js');
 
 let lastOverlayIndex = 0;
@@ -298,19 +298,38 @@ const connectListeners = (doc) => {
             const lastOverlay = getPresentedOverlay(doc);
             if (lastOverlay === null || lastOverlay === void 0 ? void 0 : lastOverlay.backdropDismiss) {
                 ev.detail.register(hardwareBackButton.OVERLAY_BACK_BUTTON_PRIORITY, () => {
-                    return lastOverlay.dismiss(undefined, BACKDROP);
+                    /**
+                     * Do not return this promise otherwise
+                     * the hardware back button utility will
+                     * be blocked until the overlay dismisses.
+                     * This is important for a modal with canDismiss.
+                     * If the application presents a confirmation alert
+                     * in the "canDismiss" callback, then it will be impossible
+                     * to use the hardware back button to dismiss the alert
+                     * dialog because the hardware back button utility
+                     * is blocked on waiting for the modal to dismiss.
+                     */
+                    lastOverlay.dismiss(undefined, BACKDROP);
                 });
             }
         });
-        // handle ESC to close overlay
-        doc.addEventListener('keydown', (ev) => {
-            if (ev.key === 'Escape') {
-                const lastOverlay = getPresentedOverlay(doc);
-                if (lastOverlay === null || lastOverlay === void 0 ? void 0 : lastOverlay.backdropDismiss) {
-                    lastOverlay.dismiss(undefined, BACKDROP);
+        /**
+         * Handle ESC to close overlay.
+         * CloseWatcher also handles pressing the Esc
+         * key, so if a browser supports CloseWatcher then
+         * this behavior will be handled via the ionBackButton
+         * event.
+         */
+        if (!hardwareBackButton.shoudUseCloseWatcher()) {
+            doc.addEventListener('keydown', (ev) => {
+                if (ev.key === 'Escape') {
+                    const lastOverlay = getPresentedOverlay(doc);
+                    if (lastOverlay === null || lastOverlay === void 0 ? void 0 : lastOverlay.backdropDismiss) {
+                        lastOverlay.dismiss(undefined, BACKDROP);
+                    }
                 }
-            }
-        });
+            });
+        }
     }
 };
 const dismissOverlay = (doc, data, role, overlayTag, id) => {
@@ -476,10 +495,6 @@ const dismiss = async (overlay, data, role, name, iosLeaveAnimation, mdLeaveAnim
         }
         overlay.didDismiss.emit({ data, role });
         (_b = overlay.didDismissShorthand) === null || _b === void 0 ? void 0 : _b.emit({ data, role });
-        // Get a reference to all animations currently assigned to this overlay
-        // Then tear them down to return the overlay to its initial visual state
-        const animations = activeAnimations.get(overlay) || [];
-        animations.forEach((ani) => ani.destroy());
         activeAnimations.delete(overlay);
         /**
          * Make overlay hidden again in case it is being reused.
@@ -700,6 +715,7 @@ exports.BACKDROP = BACKDROP;
 exports.GESTURE = GESTURE;
 exports.OVERLAY_GESTURE_PRIORITY = OVERLAY_GESTURE_PRIORITY;
 exports.actionSheetController = actionSheetController;
+exports.activeAnimations = activeAnimations;
 exports.alertController = alertController;
 exports.createDelegateController = createDelegateController;
 exports.createTriggerController = createTriggerController;

package/dist/cjs/{status-tap-5fa2bab5.js → status-tap-b0bfea34.js}

@@ -4,8 +4,8 @@
 'use strict';
 
 const index = require('./index-5a471146.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');
 require('./index-5915f9b3.js');
 
 const startStatusTap = () => {

package/dist/cjs/{swipe-back-2a858bbd.js → swipe-back-8411f044.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-const helpers = require('./helpers-76bb7efb.js');
+const helpers = require('./helpers-2e1028fa.js');
 const dir = require('./dir-94c21456.js');
 const index = require('./index-d1b59ffa.js');
 require('./gesture-controller-c40c045a.js');

package/dist/collection/components/app/app.js

@@ -2,6 +2,8 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { Build, Host, h } from "@stencil/core";
+import { shoudUseCloseWatcher } from "../../utils/hardware-back-button";
+import { printIonWarning } from "../../utils/logging/index";
 import { isPlatform } from "../../utils/platform";
 import { config } from "../../global/config";
 import { getIonMode } from "../../global/ionic-global";
@@ -25,10 +27,18 @@ export class App {
                     import('../../utils/input-shims/input-shims').then((module) => module.startInputShims(config, platform));
                 }
                 const hardwareBackButtonModule = await import('../../utils/hardware-back-button');
-                if (config.getBoolean('hardwareBackButton', isHybrid)) {
+                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') {
@@ -55,7 +65,7 @@ export class App {
     }
     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'),

package/dist/collection/components/menu/menu.js

@@ -4,6 +4,7 @@
 import { Build, Host, h } from "@stencil/core";
 import { getTimeGivenProgression } from "../../utils/animation/cubic-bezier";
 import { GESTURE_CONTROLLER } from "../../utils/gesture/index";
+import { shoudUseCloseWatcher } from "../../utils/hardware-back-button";
 import { inheritAriaAttributes, assert, clamp, isEndSide as isEnd } from "../../utils/helpers";
 import { menuController } from "../../utils/menu-controller/index";
 import { getPresentedOverlay } from "../../utils/overlays";
@@ -595,13 +596,18 @@ export class Menu {
     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" })));
     }
     static get is() { return "ion-menu"; }
     static get encapsulation() { return "shadow"; }
@@ -998,12 +1004,6 @@ export class Menu {
                 "target": undefined,
                 "capture": true,
                 "passive": false
-            }, {
-                "name": "keydown",
-                "method": "onKeydown",
-                "target": undefined,
-                "capture": false,
-                "passive": false
             }];
     }
 }

package/dist/collection/components/modal/modal.js

@@ -8,7 +8,7 @@ import { raf, inheritAttributes, hasLazyBuild } from "../../utils/helpers";
 import { createLockController } from "../../utils/lock-controller";
 import { printIonWarning } from "../../utils/logging/index";
 import { Style as StatusBarStyle, StatusBar } from "../../utils/native/status-bar";
-import { GESTURE, BACKDROP, dismiss, eventMethod, prepareOverlay, present, createTriggerController, setOverlayId, } from "../../utils/overlays";
+import { GESTURE, BACKDROP, activeAnimations, dismiss, eventMethod, prepareOverlay, present, createTriggerController, setOverlayId, } from "../../utils/overlays";
 import { getClassMap } from "../../utils/theme";
 import { deepReady, waitForMount } from "../../utils/transition/index";
 import { config } from "../../global/config";
@@ -432,6 +432,7 @@ export class Modal {
             window.removeEventListener(KEYBOARD_DID_OPEN, this.keyboardOpenCallback);
             this.keyboardOpenCallback = undefined;
         }
+        const enteringAnimation = activeAnimations.get(this) || [];
         const dismissed = await dismiss(this, data, role, 'modalLeave', iosLeaveAnimation, mdLeaveAnimation, {
             presentingEl: presentingElement,
             currentBreakpoint: (_a = this.currentBreakpoint) !== null && _a !== void 0 ? _a : this.initialBreakpoint,
@@ -447,6 +448,7 @@ export class Modal {
             if (this.gesture) {
                 this.gesture.destroy();
             }
+            enteringAnimation.forEach((ani) => ani.destroy());
         }
         this.currentBreakpoint = undefined;
         this.animation = undefined;
@@ -526,9 +528,9 @@ export class Modal {
         const mode = getIonMode(this);
         const isCardModal = presentingElement !== undefined && mode === 'ios';
         const isHandleCycle = handleBehavior === 'cycle';
-        return (h(Host, Object.assign({ key: '9a305d82f123283b6200c42d67393b378bb309a8', "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
+        return (h(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 }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle }), h("ion-backdrop", { key: '85e8dc6f19b30fd95db518445929fb0c1d5cdef0', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), mode === 'ios' && h("div", { class: "modal-shadow" }), h("div", Object.assign({ key: '893a0202d91828e60099311442c2677bee5464e2',
+            }, class: Object.assign({ [mode]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, 'overlay-hidden': true }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle }), h("ion-backdrop", { key: '6908bdf9462d940eff6607b626a499eedc66dc9c', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), mode === 'ios' && h("div", { class: "modal-shadow" }), h("div", Object.assign({ key: 'ac224394e19b9e8c7dd902f2836fa25787663455',
             /*
               role and aria-modal must be used on the
               same element. They must also be set inside the
@@ -537,7 +539,7 @@ export class Modal {
             */
             role: "dialog" }, inheritedAttributes, { "aria-modal": "true", class: "modal-wrapper ion-overlay-wrapper", part: "content", ref: (el) => (this.wrapperEl = el) }), showHandle && (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" })), 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" })), h("slot", { key: '9c3c5ec797b6415110a3275c6ff33277291a6e21' }))));
     }
     static get is() { return "ion-modal"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/split-pane/split-pane.js

@@ -66,16 +66,15 @@ export class SplitPane {
             this.visible = false;
             return;
         }
-        if (window.matchMedia) {
-            // Listen on media query
-            const callback = (q) => {
-                this.visible = q.matches;
-            };
-            const mediaList = window.matchMedia(mediaQuery);
-            mediaList.addListener(callback);
-            this.rmL = () => mediaList.removeListener(callback);
-            this.visible = mediaList.matches;
-        }
+        // Listen on media query
+        const callback = (q) => {
+            this.visible = q.matches;
+        };
+        const mediaList = window.matchMedia(mediaQuery);
+        // TODO FW-5869
+        mediaList.addListener(callback);
+        this.rmL = () => mediaList.removeListener(callback);
+        this.visible = mediaList.matches;
     }
     isPane(element) {
         if (!this.visible) {
@@ -109,12 +108,12 @@ export class SplitPane {
     }
     render() {
         const mode = getIonMode(this);
-        return (h(Host, { key: '68f375658524c6b2ecc95f51125f496e76291b99', class: {
+        return (h(Host, { key: '3efe241375d23ae12c47927aa1fc1f3f4b4e5807', class: {
                 [mode]: true,
                 // Used internally for styling
                 [`split-pane-${mode}`]: true,
                 'split-pane-visible': this.visible,
-            } }, h("slot", { key: '606277cb63a5772e421c0dad9d0b4568276d8a7a' })));
+            } }, h("slot", { key: 'd5c94319658e2291dcc356e6ed7a9abc1a48a8b9' })));
     }
     static get is() { return "ion-split-pane"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/utils/hardware-back-button.js

@@ -1,6 +1,21 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
+import { win } from "./browser/index";
+import { config } from "../global/config";
+/**
+ * CloseWatcher is a newer API that lets
+ * use detect the hardware back button event
+ * in a web browser: https://caniuse.com/?search=closewatcher
+ * However, not every browser supports it yet.
+ *
+ * This needs to be a function so that we can
+ * check the config once it has been set.
+ * Otherwise, this code would be evaluated the
+ * moment this file is evaluated which could be
+ * before the config is set.
+ */
+export const shoudUseCloseWatcher = () => config.get('experimentalCloseWatcher', false) && win !== undefined && 'CloseWatcher' in win;
 /**
  * When hardwareBackButton: false in config,
  * we need to make sure we also block the default
@@ -17,7 +32,7 @@ export const blockHardwareBackButton = () => {
 export const startHardwareBackButton = () => {
     const doc = document;
     let busy = false;
-    doc.addEventListener('backbutton', () => {
+    const backButtonCallback = () => {
         if (busy) {
             return;
         }
@@ -63,7 +78,35 @@ export const startHardwareBackButton = () => {
             }
         };
         processHandlers();
-    });
+    };
+    /**
+     * If the CloseWatcher is defined then
+     * we don't want to also listen for the native
+     * backbutton event otherwise we may get duplicate
+     * events firing.
+     */
+    if (shoudUseCloseWatcher()) {
+        let watcher;
+        const configureWatcher = () => {
+            watcher === null || watcher === void 0 ? void 0 : watcher.destroy();
+            watcher = new win.CloseWatcher();
+            /**
+             * Once a close request happens
+             * the watcher gets destroyed.
+             * As a result, we need to re-configure
+             * the watcher so we can respond to other
+             * close requests.
+             */
+            watcher.onclose = () => {
+                backButtonCallback();
+                configureWatcher();
+            };
+        };
+        configureWatcher();
+    }
+    else {
+        doc.addEventListener('backbutton', backButtonCallback);
+    }
 };
 export const OVERLAY_BACK_BUTTON_PRIORITY = 100;
 export const MENU_BACK_BUTTON_PRIORITY = 99; // 1 less than overlay priority since menu is displayed behind overlays

package/dist/collection/utils/helpers.js

@@ -34,7 +34,7 @@ const transitionEnd = (el, expectedDuration = 0, callback) => {
         el.addEventListener('transitionend', onTransitionEnd, opts);
         animationTimeout = setTimeout(onTransitionEnd, expectedDuration + ANIMATION_FALLBACK_TIMEOUT);
         unRegTrans = () => {
-            if (animationTimeout) {
+            if (animationTimeout !== undefined) {
                 clearTimeout(animationTimeout);
                 animationTimeout = undefined;
             }

package/dist/collection/utils/overlays.js

@@ -2,6 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { doc } from "./browser/index";
+import { shoudUseCloseWatcher } from "./hardware-back-button";
 import { config } from "../global/config";
 import { getIonMode } from "../global/ionic-global";
 import { CoreDelegate } from "./framework-delegate";
@@ -296,19 +297,38 @@ const connectListeners = (doc) => {
             const lastOverlay = getPresentedOverlay(doc);
             if (lastOverlay === null || lastOverlay === void 0 ? void 0 : lastOverlay.backdropDismiss) {
                 ev.detail.register(OVERLAY_BACK_BUTTON_PRIORITY, () => {
-                    return lastOverlay.dismiss(undefined, BACKDROP);
+                    /**
+                     * Do not return this promise otherwise
+                     * the hardware back button utility will
+                     * be blocked until the overlay dismisses.
+                     * This is important for a modal with canDismiss.
+                     * If the application presents a confirmation alert
+                     * in the "canDismiss" callback, then it will be impossible
+                     * to use the hardware back button to dismiss the alert
+                     * dialog because the hardware back button utility
+                     * is blocked on waiting for the modal to dismiss.
+                     */
+                    lastOverlay.dismiss(undefined, BACKDROP);
                 });
             }
         });
-        // handle ESC to close overlay
-        doc.addEventListener('keydown', (ev) => {
-            if (ev.key === 'Escape') {
-                const lastOverlay = getPresentedOverlay(doc);
-                if (lastOverlay === null || lastOverlay === void 0 ? void 0 : lastOverlay.backdropDismiss) {
-                    lastOverlay.dismiss(undefined, BACKDROP);
+        /**
+         * Handle ESC to close overlay.
+         * CloseWatcher also handles pressing the Esc
+         * key, so if a browser supports CloseWatcher then
+         * this behavior will be handled via the ionBackButton
+         * event.
+         */
+        if (!shoudUseCloseWatcher()) {
+            doc.addEventListener('keydown', (ev) => {
+                if (ev.key === 'Escape') {
+                    const lastOverlay = getPresentedOverlay(doc);
+                    if (lastOverlay === null || lastOverlay === void 0 ? void 0 : lastOverlay.backdropDismiss) {
+                        lastOverlay.dismiss(undefined, BACKDROP);
+                    }
                 }
-            }
-        });
+            });
+        }
     }
 };
 export const dismissOverlay = (doc, data, role, overlayTag, id) => {
@@ -474,10 +494,6 @@ export const dismiss = async (overlay, data, role, name, iosLeaveAnimation, mdLe
         }
         overlay.didDismiss.emit({ data, role });
         (_b = overlay.didDismissShorthand) === null || _b === void 0 ? void 0 : _b.emit({ data, role });
-        // Get a reference to all animations currently assigned to this overlay
-        // Then tear them down to return the overlay to its initial visual state
-        const animations = activeAnimations.get(overlay) || [];
-        animations.forEach((ani) => ani.destroy());
         activeAnimations.delete(overlay);
         /**
          * Make overlay hidden again in case it is being reused.

package/dist/collection/utils/test/hardware-back-button.spec.js

@@ -2,6 +2,8 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { startHardwareBackButton } from "../hardware-back-button";
+import { config } from "../../global/config";
+import { win } from "../browser/index";
 describe('Hardware Back Button', () => {
     beforeEach(() => startHardwareBackButton());
     it('should call handler', () => {
@@ -47,6 +49,42 @@ describe('Hardware Back Button', () => {
         expect(cbSpyTwo).toHaveBeenCalled();
     });
 });
+describe('Experimental Close Watcher', () => {
+    test('should not use the Close Watcher API when available', () => {
+        const mockAPI = mockCloseWatcher();
+        config.reset({ experimentalCloseWatcher: false });
+        startHardwareBackButton();
+        expect(mockAPI.mock.calls).toHaveLength(0);
+    });
+    test('should use the Close Watcher API when available', () => {
+        const mockAPI = mockCloseWatcher();
+        config.reset({ experimentalCloseWatcher: true });
+        startHardwareBackButton();
+        expect(mockAPI.mock.calls).toHaveLength(1);
+    });
+    test('Close Watcher should dispatch ionBackButton events', () => {
+        const mockAPI = mockCloseWatcher();
+        config.reset({ experimentalCloseWatcher: true });
+        startHardwareBackButton();
+        const cbSpy = jest.fn();
+        document.addEventListener('ionBackButton', cbSpy);
+        // Call onclose on Ionic's instance of CloseWatcher
+        mockAPI.getMockImplementation()().onclose();
+        expect(cbSpy).toHaveBeenCalled();
+    });
+});
+const mockCloseWatcher = () => {
+    const mockCloseWatcher = jest.fn();
+    mockCloseWatcher.mockReturnValue({
+        requestClose: () => null,
+        close: () => null,
+        destroy: () => null,
+        oncancel: () => null,
+        onclose: () => null,
+    });
+    win.CloseWatcher = mockCloseWatcher;
+    return mockCloseWatcher;
+};
 const dispatchBackButtonEvent = () => {
     const ev = new Event('backbutton');
     document.dispatchEvent(ev);

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-01-31T15:36:35",
+  "timestamp": "2024-01-31T15:13:30",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.12.0",
@@ -14568,11 +14568,6 @@
           "event": "click",
           "capture": true,
           "passive": false
-        },
-        {
-          "event": "keydown",
-          "capture": false,
-          "passive": false
         }
       ],
       "styles": [

package/dist/esm/{animation-dde8cc0d.js → animation-60dbdd13.js}

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { w as win } from './index-a5d50daf.js';
-import { r as raf } from './helpers-ae653409.js';
+import { r as raf } from './helpers-c0b9ca37.js';
 
 let animationPrefix;
 /**

package/dist/esm/{form-controller-548aa79c.js → form-controller-014aa89f.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { h as findItemLabel } from './helpers-ae653409.js';
+import { h as findItemLabel } from './helpers-c0b9ca37.js';
 
 /**
  * Creates a controller that tracks whether a form control is using the legacy or modern syntax. This should be removed when the legacy form control syntax is removed.

package/dist/esm/{framework-delegate-bc1fd82a.js → framework-delegate-fed7fe7c.js}

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

package/dist/esm/{hardware-back-button-b2bc76db.js → hardware-back-button-f42b9c80.js}

@@ -1,6 +1,23 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
+import { w as win } from './index-a5d50daf.js';
+import { c as config } from './ionic-global-778b7863.js';
+import './index-73881b51.js';
+
+/**
+ * CloseWatcher is a newer API that lets
+ * use detect the hardware back button event
+ * in a web browser: https://caniuse.com/?search=closewatcher
+ * However, not every browser supports it yet.
+ *
+ * This needs to be a function so that we can
+ * check the config once it has been set.
+ * Otherwise, this code would be evaluated the
+ * moment this file is evaluated which could be
+ * before the config is set.
+ */
+const shoudUseCloseWatcher = () => config.get('experimentalCloseWatcher', false) && win !== undefined && 'CloseWatcher' in win;
 /**
  * When hardwareBackButton: false in config,
  * we need to make sure we also block the default
@@ -17,7 +34,7 @@ const blockHardwareBackButton = () => {
 const startHardwareBackButton = () => {
     const doc = document;
     let busy = false;
-    doc.addEventListener('backbutton', () => {
+    const backButtonCallback = () => {
         if (busy) {
             return;
         }
@@ -63,9 +80,37 @@ const startHardwareBackButton = () => {
             }
         };
         processHandlers();
-    });
+    };
+    /**
+     * If the CloseWatcher is defined then
+     * we don't want to also listen for the native
+     * backbutton event otherwise we may get duplicate
+     * events firing.
+     */
+    if (shoudUseCloseWatcher()) {
+        let watcher;
+        const configureWatcher = () => {
+            watcher === null || watcher === void 0 ? void 0 : watcher.destroy();
+            watcher = new win.CloseWatcher();
+            /**
+             * Once a close request happens
+             * the watcher gets destroyed.
+             * As a result, we need to re-configure
+             * the watcher so we can respond to other
+             * close requests.
+             */
+            watcher.onclose = () => {
+                backButtonCallback();
+                configureWatcher();
+            };
+        };
+        configureWatcher();
+    }
+    else {
+        doc.addEventListener('backbutton', backButtonCallback);
+    }
 };
 const OVERLAY_BACK_BUTTON_PRIORITY = 100;
 const MENU_BACK_BUTTON_PRIORITY = 99; // 1 less than overlay priority since menu is displayed behind overlays
 
-export { MENU_BACK_BUTTON_PRIORITY, OVERLAY_BACK_BUTTON_PRIORITY, blockHardwareBackButton, startHardwareBackButton };
+export { MENU_BACK_BUTTON_PRIORITY, OVERLAY_BACK_BUTTON_PRIORITY, blockHardwareBackButton, shoudUseCloseWatcher, startHardwareBackButton };

package/dist/esm/{helpers-ae653409.js → helpers-c0b9ca37.js}

@@ -34,7 +34,7 @@ const transitionEnd = (el, expectedDuration = 0, callback) => {
         el.addEventListener('transitionend', onTransitionEnd, opts);
         animationTimeout = setTimeout(onTransitionEnd, expectedDuration + ANIMATION_FALLBACK_TIMEOUT);
         unRegTrans = () => {
-            if (animationTimeout) {
+            if (animationTimeout !== undefined) {
                 clearTimeout(animationTimeout);
                 animationTimeout = undefined;
             }

package/dist/esm/{index-6546f0dd.js → index-48209844.js}

@@ -2,11 +2,11 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { d as doc } from './index-a5d50daf.js';
-import { MENU_BACK_BUTTON_PRIORITY } from './hardware-back-button-b2bc76db.js';
+import { MENU_BACK_BUTTON_PRIORITY } from './hardware-back-button-f42b9c80.js';
 import { p as printIonWarning } from './index-9b0d46f4.js';
-import { c as componentOnReady } from './helpers-ae653409.js';
+import { c as componentOnReady } from './helpers-c0b9ca37.js';
 import { b as getIonMode } from './ionic-global-778b7863.js';
-import { c as createAnimation } from './animation-dde8cc0d.js';
+import { c as createAnimation } from './animation-60dbdd13.js';
 
 /**
  * baseAnimation

package/dist/esm/{index-8fac11d0.js → index-4b98143d.js}

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { w as writeTask, B as Build } from './index-73881b51.js';
-import { r as raf } from './helpers-ae653409.js';
+import { r as raf } from './helpers-c0b9ca37.js';
 
 const LIFECYCLE_WILL_ENTER = 'ionViewWillEnter';
 const LIFECYCLE_DID_ENTER = 'ionViewDidEnter';
@@ -10,8 +10,8 @@ const LIFECYCLE_WILL_LEAVE = 'ionViewWillLeave';
 const LIFECYCLE_DID_LEAVE = 'ionViewDidLeave';
 const LIFECYCLE_WILL_UNLOAD = 'ionViewWillUnload';
 
-const iosTransitionAnimation = () => import('./ios.transition-968faaad.js');
-const mdTransitionAnimation = () => import('./md.transition-498898ac.js');
+const iosTransitionAnimation = () => import('./ios.transition-7ff7381d.js');
+const mdTransitionAnimation = () => import('./md.transition-28a9a26b.js');
 // TODO(FW-2832): types
 const transition = (opts) => {
     return new Promise((resolve, reject) => {