@ionic/core 8.8.19-dev.11786610762.137bbb21 → 8.8.19-dev.11786730389.1a1927bf

package/dist/cjs/{gesture-controller-dtqlP_q4.js → gesture-controller-BDUH7687.js}

@@ -4,18 +4,16 @@
 'use strict';
 
 class GestureController {
-    constructor() {
-        this.gestureId = 0;
-        this.requestedStart = new Map();
-        this.disabledGestures = new Map();
-        this.disabledScroll = new Set();
-    }
+    gestureId = 0;
+    requestedStart = new Map();
+    disabledGestures = new Map();
+    disabledScroll = new Set();
+    capturedId;
     /**
      * Creates a gesture delegate based on the GestureConfig passed
      */
     createGesture(config) {
-        var _a;
-        return new GestureDelegate(this, this.newID(), config.name, (_a = config.priority) !== null && _a !== void 0 ? _a : 0, !!config.disableScroll);
+        return new GestureDelegate(this, this.newID(), config.name, config.priority ?? 0, !!config.disableScroll);
     }
     /**
      * Creates a blocker that will block any other gesture events from firing. Set in the ion-gesture component.
@@ -111,6 +109,11 @@ class GestureController {
     }
 }
 class GestureDelegate {
+    id;
+    name;
+    disableScroll;
+    ctrl;
+    priority;
     constructor(ctrl, id, name, priority, disableScroll) {
         this.id = id;
         this.name = name;
@@ -154,6 +157,10 @@ class GestureDelegate {
     }
 }
 class BlockerDelegate {
+    id;
+    disable;
+    disableScroll;
+    ctrl;
     constructor(ctrl, id, disable, disableScroll) {
         this.id = id;
         this.disable = disable;

package/dist/cjs/{haptic-BFgF-QCg.js → haptic-Ch-X4gRx.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var capacitor = require('./capacitor-BixsAzyb.js');
+var capacitor = require('./capacitor-DmA66EwP.js');
 
 exports.ImpactStyle = void 0;
 (function (ImpactStyle) {
@@ -50,7 +50,7 @@ var NotificationType;
 const HapticEngine = {
     getEngine() {
         const capacitor$1 = capacitor.getCapacitor();
-        if (capacitor$1 === null || capacitor$1 === void 0 ? void 0 : capacitor$1.isPluginAvailable('Haptics')) {
+        if (capacitor$1?.isPluginAvailable('Haptics')) {
             // Capacitor
             return capacitor$1.Plugins.Haptics;
         }
@@ -71,8 +71,7 @@ const HapticEngine = {
          * the Vibrate API. This check avoids that error
          * if the browser does not support the Vibrate API.
          */
-        if ((capacitor$1 === null || capacitor$1 === void 0 ? void 0 : capacitor$1.getPlatform()) === 'web') {
-            // eslint-disable-next-line @typescript-eslint/prefer-optional-chain
+        if (capacitor$1?.getPlatform() === 'web') {
             return typeof navigator !== 'undefined' && navigator.vibrate !== undefined;
         }
         return true;

package/dist/cjs/hardware-back-button-fqpYh-kd.js

@@ -0,0 +1,121 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+'use strict';
+
+var index$1 = require('./index-DkNv4J_i.js');
+var index = require('./index-uvry__L4.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 shouldUseCloseWatcher = () => index.config.get('experimentalCloseWatcher', false) && index$1.win !== undefined && 'CloseWatcher' in index$1.win;
+/**
+ * When hardwareBackButton: false in config,
+ * we need to make sure we also block the default
+ * webview behavior. If we don't then it will be
+ * possible for users to navigate backward while
+ * an overlay is still open. Additionally, it will
+ * give the appearance that the hardwareBackButton
+ * config is not working as the page transition
+ * will still happen.
+ */
+const blockHardwareBackButton = () => {
+    document.addEventListener('backbutton', () => { });
+};
+const startHardwareBackButton = () => {
+    const doc = document;
+    let busy = false;
+    const backButtonCallback = () => {
+        if (busy) {
+            return;
+        }
+        let index$1 = 0;
+        let handlers = [];
+        const ev = new CustomEvent('ionBackButton', {
+            bubbles: false,
+            detail: {
+                register(priority, handler) {
+                    handlers.push({ priority, handler, id: index$1++ });
+                },
+            },
+        });
+        doc.dispatchEvent(ev);
+        const executeAction = async (handlerRegister) => {
+            try {
+                if (handlerRegister?.handler) {
+                    const result = handlerRegister.handler(processHandlers);
+                    if (result != null) {
+                        await result;
+                    }
+                }
+            }
+            catch (e) {
+                index.printIonError('[ion-app] - Exception in startHardwareBackButton:', e);
+            }
+        };
+        const processHandlers = () => {
+            if (handlers.length > 0) {
+                let selectedHandler = {
+                    priority: Number.MIN_SAFE_INTEGER,
+                    handler: () => undefined,
+                    id: -1,
+                };
+                handlers.forEach((handler) => {
+                    if (handler.priority >= selectedHandler.priority) {
+                        selectedHandler = handler;
+                    }
+                });
+                busy = true;
+                handlers = handlers.filter((handler) => handler.id !== selectedHandler.id);
+                executeAction(selectedHandler).then(() => (busy = false));
+            }
+        };
+        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 (shouldUseCloseWatcher()) {
+        let watcher;
+        const configureWatcher = () => {
+            watcher?.destroy();
+            watcher = new index$1.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
+
+exports.MENU_BACK_BUTTON_PRIORITY = MENU_BACK_BUTTON_PRIORITY;
+exports.OVERLAY_BACK_BUTTON_PRIORITY = OVERLAY_BACK_BUTTON_PRIORITY;
+exports.blockHardwareBackButton = blockHardwareBackButton;
+exports.shouldUseCloseWatcher = shouldUseCloseWatcher;
+exports.startHardwareBackButton = startHardwareBackButton;

package/dist/cjs/{helpers-Fh1iXsX9.js → helpers-CaLhEmTE.js}

@@ -3,8 +3,7 @@
  */
 'use strict';
 
-var focusVisible = require('./focus-visible-BIj-I3-C.js');
-var index = require('./index-C1knGA9x.js');
+var index = require('./index-uvry__L4.js');
 
 const transitionEndAsync = (el, expectedDuration = 0) => {
     return new Promise((resolve) => {
@@ -204,17 +203,6 @@ const raf = (h) => {
 const hasShadowDom = (el) => {
     return !!el.shadowRoot && !!el.attachShadow;
 };
-/**
- * Focuses a given element while ensuring proper focus management
- * within the Ionic framework. If the element is marked as `ion-focusable`,
- * this function will delegate focus handling to `ion-app` or manually
- * apply focus when a custom app root is used.
- *
- * This function helps maintain accessibility and expected focus behavior
- * in both standard and custom root environments.
- *
- * @param el - The element to focus.
- */
 const focusVisibleElement = (el) => {
     el.focus();
     /**
@@ -224,68 +212,14 @@ const focusVisibleElement = (el) => {
      * however, there are times when we need to manually control
      * this behavior so we call the `setFocus` method on ion-app
      * which will let us explicitly set the elements to focus.
-     *
-     * Note: The element passed to this function might be an inner
-     * focusable element (e.g., a native <button> inside ion-button's
-     * shadow root). If so, we need to find the host element that has
-     * the ion-focusable class to pass to setFocus.
      */
-    let elToFocus = el;
-    // If the element doesn't have ion-focusable, check if it's inside
-    // a shadow root and use the host element instead
-    if (!el.classList.contains('ion-focusable')) {
-        const rootNode = el.getRootNode();
-        if (rootNode instanceof ShadowRoot && rootNode.host instanceof HTMLElement) {
-            elToFocus = rootNode.host;
-        }
-    }
-    if (elToFocus.classList.contains('ion-focusable')) {
-        const appRootSelector = index.config.get('appRootSelector', 'ion-app');
-        const app = elToFocus.closest(appRootSelector);
+    if (el.classList.contains('ion-focusable')) {
+        const app = el.closest('ion-app');
         if (app) {
-            if (appRootSelector === 'ion-app') {
-                /**
-                 * If the app root is the default, then it will be
-                 * in charge of setting focus. This is because the
-                 * focus-visible utility is attached to the app root
-                 * and will handle setting focus on the correct element.
-                 */
-                app.setFocus([elToFocus]);
-            }
-            else {
-                /**
-                 * When using a custom app root selector, the focus-visible
-                 * utility is not available to manage focus automatically.
-                 * If we set focus immediately, the element may not be fully
-                 * rendered or interactive, especially if it was just added
-                 * to the DOM. Using requestAnimationFrame ensures that focus
-                 * is applied on the next frame, allowing the DOM to settle
-                 * before changing focus.
-                 */
-                requestAnimationFrame(() => {
-                    /**
-                     * The focus-visible utility is used to set focus on an
-                     * element that uses `ion-focusable`.
-                     */
-                    focusVisible.focusElements([elToFocus]);
-                });
-            }
+            app.setFocus([el]);
         }
     }
 };
-/**
- * Clears the keyboard focus ring (`ion-focused`) that the focus-visible
- * utility may have applied to elements during a programmatic focus.
- *
- * Use this after moving DOM focus to an element for assistive technologies
- * (e.g. when an overlay opens) where the option should be focused so screen
- * readers announce it, but the focus ring should not be shown until the user
- * navigates with the keyboard (Tab/Arrow). The focus-visible utility will add
- * `ion-focused` again on the next keyboard-driven focus change.
- */
-const suppressFocusVisible = () => {
-    focusVisible.focusElements([]);
-};
 /**
  * This method is used to add a hidden input to a host element that contains
  * a Shadow DOM. It does not add the input inside of the Shadow root which
@@ -378,8 +312,8 @@ const debounce = (func, wait = 0) => {
  * @returns whether the keys are the same and the values are shallow equal.
  */
 const shallowEqualStringMap = (map1, map2) => {
-    map1 !== null && map1 !== void 0 ? map1 : (map1 = {});
-    map2 !== null && map2 !== void 0 ? map2 : (map2 = {});
+    map1 ??= {};
+    map2 ??= {};
     if (map1 === map2) {
         return true;
     }
@@ -423,5 +357,4 @@ exports.raf = raf;
 exports.removeEventListener = removeEventListener;
 exports.renderHiddenInput = renderHiddenInput;
 exports.shallowEqualStringMap = shallowEqualStringMap;
-exports.suppressFocusVisible = suppressFocusVisible;
 exports.transitionEndAsync = transitionEndAsync;

package/dist/cjs/{index-YYUVCfP-.js → index-B7zJsYWS.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-C1knGA9x.js');
+var index = require('./index-uvry__L4.js');
 
 /**
  * Sanitize an untrusted HTML string.
@@ -225,9 +225,8 @@ const getElementChildren = (el) => {
     return el.children != null ? el.children : el.childNodes;
 };
 const isSanitizerEnabled = () => {
-    var _a;
     const win = window;
-    const config = (_a = win === null || win === void 0 ? void 0 : win.Ionic) === null || _a === void 0 ? void 0 : _a.config;
+    const config = win?.Ionic?.config;
     if (config) {
         if (config.get) {
             return config.get('sanitizerEnabled', true);
@@ -418,6 +417,7 @@ const elementPropsToReflect = {
     'ION-ICON': ['icon', 'name', 'src', 'ios', 'md'],
 };
 class IonicSafeString {
+    value;
     constructor(value) {
         this.value = value;
     }

package/dist/cjs/{index-CNicxECl.js → index-BlshL9ib.js}

@@ -3,13 +3,12 @@
  */
 'use strict';
 
-var ionicGlobal = require('./ionic-global-DvEcO0tQ.js');
-var helpers = require('./helpers-Fh1iXsX9.js');
-require('./index-C1knGA9x.js');
-require('./focus-visible-BIj-I3-C.js');
+var index = require('./index-DkNv4J_i.js');
+var helpers = require('./helpers-CaLhEmTE.js');
+require('./index-uvry__L4.js');
 
 const startTapClick = (config) => {
-    if (ionicGlobal.doc === undefined) {
+    if (index.doc === undefined) {
         return;
     }
     let lastActivated = 0;
@@ -112,9 +111,9 @@ const startTapClick = (config) => {
             active.classList.remove(ACTIVATED);
         }
     };
-    ionicGlobal.doc.addEventListener('ionGestureCaptured', cancelActive);
-    ionicGlobal.doc.addEventListener('pointerdown', pointerDown, true);
-    ionicGlobal.doc.addEventListener('pointerup', pointerUp, true);
+    index.doc.addEventListener('ionGestureCaptured', cancelActive);
+    index.doc.addEventListener('pointerdown', pointerDown, true);
+    index.doc.addEventListener('pointerup', pointerUp, true);
     /**
      * Tap click effects such as the ripple effect should
      * not happen when scrolling. For example, if a user scrolls
@@ -127,7 +126,7 @@ const startTapClick = (config) => {
      * starts, so this lets us avoid having to listen for
      * ion-content's scroll events.
      */
-    ionicGlobal.doc.addEventListener('pointercancel', cancelActive, true);
+    index.doc.addEventListener('pointercancel', cancelActive, true);
 };
 // TODO(FW-2832): type
 const getActivatableTarget = (ev) => {

package/dist/cjs/{index-D94mERjz.js → index-Ck9advCT.js}

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-C1knGA9x.js');
-var helpers = require('./helpers-Fh1iXsX9.js');
+var index = require('./index-uvry__L4.js');
+var helpers = require('./helpers-CaLhEmTE.js');
 
 const LIFECYCLE_WILL_ENTER = 'ionViewWillEnter';
 const LIFECYCLE_DID_ENTER = 'ionViewDidEnter';
@@ -45,7 +45,7 @@ const createFocusController = () => {
          */
         if (focusManagerEnabled) {
             const activeEl = document.activeElement;
-            if (activeEl !== null && (referenceEl === null || referenceEl === void 0 ? void 0 : referenceEl.contains(activeEl))) {
+            if (activeEl !== null && referenceEl?.contains(activeEl)) {
                 activeEl.setAttribute(LAST_FOCUS, 'true');
             }
         }
@@ -120,8 +120,8 @@ const createFocusController = () => {
 };
 const LAST_FOCUS = 'ion-last-focus';
 
-const iosTransitionAnimation = () => Promise.resolve().then(function () { return require('./ios.transition-BgDCUY4Y.js'); });
-const mdTransitionAnimation = () => Promise.resolve().then(function () { return require('./md.transition-Debf4tYr.js'); });
+const iosTransitionAnimation = () => Promise.resolve().then(function () { return require('./ios.transition-KvuRAe2W.js'); });
+const mdTransitionAnimation = () => Promise.resolve().then(function () { return require('./md.transition-Bjl5Ozph.js'); });
 const focusController = createFocusController();
 // TODO(FW-2832): types
 /**

package/dist/cjs/{index-CM8iGvyx.js → index-D2X6b92x.js}

@@ -3,10 +3,12 @@
  */
 'use strict';
 
-var ionicGlobal = require('./ionic-global-DvEcO0tQ.js');
-var index = require('./index-C1knGA9x.js');
-var helpers = require('./helpers-Fh1iXsX9.js');
-var animation = require('./animation-qlGmEn5Y.js');
+var index = require('./index-DkNv4J_i.js');
+var hardwareBackButton = require('./hardware-back-button-fqpYh-kd.js');
+var index$1 = require('./index-uvry__L4.js');
+var helpers = require('./helpers-CaLhEmTE.js');
+var ionicGlobal = require('./ionic-global-k6hOWWpn.js');
+var animation = require('./animation-C0mOHzej.js');
 
 /**
  * baseAnimation
@@ -48,10 +50,10 @@ const menuOverlayAnimation = (menu) => {
     }
     menuAnimation.addElement(menu.menuInnerEl).fromTo('transform', `translateX(${closedX})`, `translateX(${openedX})`);
     const mode = ionicGlobal.getIonMode(menu);
-    const isIOS = mode === 'ios';
-    const opacity = isIOS ? 0.2 : 0.25;
+    const isIos = mode === 'ios';
+    const opacity = isIos ? 0.2 : 0.25;
     backdropAnimation.addElement(menu.backdropEl).fromTo('opacity', 0.01, opacity);
-    return baseAnimation(isIOS).addAnimation([menuAnimation, backdropAnimation]);
+    return baseAnimation(isIos).addAnimation([menuAnimation, backdropAnimation]);
 };
 
 /**
@@ -64,7 +66,6 @@ const menuPushAnimation = (menu) => {
     let menuClosedX;
     const mode = ionicGlobal.getIonMode(menu);
     const width = menu.width;
-    const isIOS = mode === 'ios';
     if (menu.isEndSide) {
         contentOpenedX = -width + 'px';
         menuClosedX = width + 'px';
@@ -80,7 +81,7 @@ const menuPushAnimation = (menu) => {
         .addElement(menu.contentEl)
         .fromTo('transform', 'translateX(0px)', `translateX(${contentOpenedX})`);
     const backdropAnimation = animation.createAnimation().addElement(menu.backdropEl).fromTo('opacity', 0.01, 0.32);
-    return baseAnimation(isIOS).addAnimation([menuAnimation, contentAnimation, backdropAnimation]);
+    return baseAnimation(mode === 'ios').addAnimation([menuAnimation, contentAnimation, backdropAnimation]);
 };
 
 /**
@@ -90,12 +91,11 @@ const menuPushAnimation = (menu) => {
  */
 const menuRevealAnimation = (menu) => {
     const mode = ionicGlobal.getIonMode(menu);
-    const isIOS = mode === 'ios';
     const openedX = menu.width * (menu.isEndSide ? -1 : 1) + 'px';
     const contentOpen = animation.createAnimation()
         .addElement(menu.contentEl) // REVIEW
         .fromTo('transform', 'translateX(0px)', `translateX(${openedX})`);
-    return baseAnimation(isIOS).addAnimation(contentOpen);
+    return baseAnimation(mode === 'ios').addAnimation(contentOpen);
 };
 
 const createMenuController = () => {
@@ -139,7 +139,6 @@ const createMenuController = () => {
     const isOpen = async (menu) => {
         if (menu != null) {
             const menuEl = await get(menu);
-            // eslint-disable-next-line @typescript-eslint/prefer-optional-chain
             return menuEl !== undefined && menuEl.isOpen();
         }
         else {
@@ -170,7 +169,7 @@ const createMenuController = () => {
             const menuRefs = menus.filter((m) => m.side === menu && !m.disabled);
             if (menuRefs.length >= 1) {
                 if (menuRefs.length > 1 && logOnMultipleSideMenus) {
-                    index.printIonWarning(`menuController queried for a menu on the "${menu}" side, but ${menuRefs.length} menus were found. The first menu reference will be used. If this is not the behavior you want then pass the ID of the menu instead of its side.`, menuRefs.map((m) => m.el));
+                    index$1.printIonWarning(`menuController queried for a menu on the "${menu}" side, but ${menuRefs.length} menus were found. The first menu reference will be used. If this is not the behavior you want then pass the ID of the menu instead of its side.`, menuRefs.map((m) => m.el));
                 }
                 return menuRefs[0].el;
             }
@@ -179,7 +178,7 @@ const createMenuController = () => {
             const sideMenuRefs = menus.filter((m) => m.side === menu);
             if (sideMenuRefs.length >= 1) {
                 if (sideMenuRefs.length > 1 && logOnMultipleSideMenus) {
-                    index.printIonWarning(`menuController queried for a menu on the "${menu}" side, but ${sideMenuRefs.length} menus were found. The first menu reference will be used. If this is not the behavior you want then pass the ID of the menu instead of its side.`, sideMenuRefs.map((m) => m.el));
+                    index$1.printIonWarning(`menuController queried for a menu on the "${menu}" side, but ${sideMenuRefs.length} menus were found. The first menu reference will be used. If this is not the behavior you want then pass the ID of the menu instead of its side.`, sideMenuRefs.map((m) => m.el));
                 }
                 return sideMenuRefs[0].el;
             }
@@ -275,10 +274,10 @@ const createMenuController = () => {
     registerAnimation('reveal', menuRevealAnimation);
     registerAnimation('push', menuPushAnimation);
     registerAnimation('overlay', menuOverlayAnimation);
-    ionicGlobal.doc === null || ionicGlobal.doc === void 0 ? void 0 : ionicGlobal.doc.addEventListener('ionBackButton', (ev) => {
+    index.doc?.addEventListener('ionBackButton', (ev) => {
         const openMenu = _getOpenSync();
         if (openMenu) {
-            ev.detail.register(ionicGlobal.MENU_BACK_BUTTON_PRIORITY, () => {
+            ev.detail.register(hardwareBackButton.MENU_BACK_BUTTON_PRIORITY, () => {
                 return openMenu.close();
             });
         }

package/dist/cjs/{index-DRFkZu3V.js → index-D48vawBq.js}

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var helpers = require('./helpers-Fh1iXsX9.js');
-var index = require('./index-C1knGA9x.js');
+var helpers = require('./helpers-CaLhEmTE.js');
+var index = require('./index-uvry__L4.js');
 
 const ION_CONTENT_TAG_NAME = 'ION-CONTENT';
 const ION_CONTENT_ELEMENT_SELECTOR = 'ion-content';

package/dist/cjs/index-DkNv4J_i.js

@@ -0,0 +1,10 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+'use strict';
+
+const win = typeof window !== 'undefined' ? window : undefined;
+const doc = typeof document !== 'undefined' ? document : undefined;
+
+exports.doc = doc;
+exports.win = win;

package/dist/cjs/{index-CAvQ7Tka.js → index-P1nQxrpZ.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var gestureController = require('./gesture-controller-dtqlP_q4.js');
+var gestureController = require('./gesture-controller-BDUH7687.js');
 
 const addEventListener = (el, // TODO(FW-2832): type
 eventName, callback, opts) => {
@@ -42,7 +42,7 @@ const supportsPassive = (node) => {
                 return;
             }, opts);
         }
-        catch (e) {
+        catch {
             _sPassive = false;
         }
     }
@@ -225,7 +225,13 @@ const createGesture = (config) => {
     let hasStartedPan = false;
     let hasFiredStart = true;
     let isMoveQueued = false;
-    const finalConfig = Object.assign({ disableScroll: false, direction: 'x', gesturePriority: 0, passive: true, maxAngle: 40, threshold: 10 }, config);
+    const finalConfig = {
+        direction: 'x',
+        passive: true,
+        maxAngle: 40,
+        threshold: 10,
+        ...config,
+    };
     const canStart = finalConfig.canStart;
     const onWillStart = finalConfig.onWillStart;
     const onStart = finalConfig.onStart;
@@ -340,7 +346,7 @@ const createGesture = (config) => {
     const blurActiveElement = () => {
         if (typeof document !== 'undefined') {
             const activeElement = document.activeElement;
-            if (activeElement === null || activeElement === void 0 ? void 0 : activeElement.blur) {
+            if (activeElement?.blur) {
                 activeElement.blur();
             }
         }