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

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

@@ -28,7 +28,7 @@ export const shouldUseCloseWatcher = () => config.get('experimentalCloseWatcher'
  * will still happen.
  */
 export const blockHardwareBackButton = () => {
-    document.addEventListener('backbutton', () => { }); // eslint-disable-line
+    document.addEventListener('backbutton', () => { });
 };
 export const startHardwareBackButton = () => {
     const doc = document;
@@ -48,23 +48,9 @@ export const startHardwareBackButton = () => {
             },
         });
         doc.dispatchEvent(ev);
-        /**
-         * If no handlers have been registered, fall back to the default
-         * behavior of navigating back in history. This ensures the hardware
-         * back button works even when no router or custom handler is present.
-         */
-        if (handlers.length === 0) {
-            handlers.push({
-                priority: FALLBACK_BACK_BUTTON_PRIORITY,
-                handler: () => {
-                    win === null || win === void 0 ? void 0 : win.history.back();
-                },
-                id: index++,
-            });
-        }
         const executeAction = async (handlerRegister) => {
             try {
-                if (handlerRegister === null || handlerRegister === void 0 ? void 0 : handlerRegister.handler) {
+                if (handlerRegister?.handler) {
                     const result = handlerRegister.handler(processHandlers);
                     if (result != null) {
                         await result;
@@ -103,7 +89,7 @@ export const startHardwareBackButton = () => {
     if (shouldUseCloseWatcher()) {
         let watcher;
         const configureWatcher = () => {
-            watcher === null || watcher === void 0 ? void 0 : watcher.destroy();
+            watcher?.destroy();
             watcher = new win.CloseWatcher();
             /**
              * Once a close request happens
@@ -125,4 +111,3 @@ export const startHardwareBackButton = () => {
 };
 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
-const FALLBACK_BACK_BUTTON_PRIORITY = -1; // Fallback when no other handlers are registered

package/dist/collection/utils/helpers.js

@@ -1,9 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { focusElements } from "./focus-visible";
 import { printIonError } from "./logging/index";
-import { config } from "../global/config";
 export const transitionEndAsync = (el, expectedDuration = 0) => {
     return new Promise((resolve) => {
         transitionEnd(el, expectedDuration, resolve);
@@ -205,17 +203,6 @@ export const raf = (h) => {
 export 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.
- */
 export const focusVisibleElement = (el) => {
     el.focus();
     /**
@@ -225,68 +212,14 @@ export 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 = 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`.
-                     */
-                    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.
- */
-export const suppressFocusVisible = () => {
-    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
@@ -385,8 +318,8 @@ export const debounce = (func, wait = 0) => {
  * @returns whether the keys are the same and the values are shallow equal.
  */
 export 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;
     }

package/dist/collection/utils/input-shims/hacks/scroll-assist.js

@@ -94,7 +94,7 @@ export const enableScrollAssist = (componentEl, inputEl, contentEl, footerEl, ke
      */
     const focusOut = () => {
         hasKeyboardBeenPresentedForTextField = false;
-        win === null || win === void 0 ? void 0 : win.removeEventListener('ionKeyboardDidShow', keyboardShow);
+        win?.removeEventListener('ionKeyboardDidShow', keyboardShow);
         componentEl.removeEventListener('focusout', focusOut);
     };
     /**
@@ -114,13 +114,13 @@ export const enableScrollAssist = (componentEl, inputEl, contentEl, footerEl, ke
             return;
         }
         jsSetFocus(componentEl, inputEl, contentEl, footerEl, keyboardHeight, addScrollPadding, disableClonedInput, platformHeight);
-        win === null || win === void 0 ? void 0 : win.addEventListener('ionKeyboardDidShow', keyboardShow);
+        win?.addEventListener('ionKeyboardDidShow', keyboardShow);
         componentEl.addEventListener('focusout', focusOut);
     };
     componentEl.addEventListener('focusin', focusIn);
     return () => {
         componentEl.removeEventListener('focusin', focusIn);
-        win === null || win === void 0 ? void 0 : win.removeEventListener('ionKeyboardDidShow', keyboardShow);
+        win?.removeEventListener('ionKeyboardDidShow', keyboardShow);
         componentEl.removeEventListener('focusout', focusOut);
     };
 };
@@ -129,7 +129,6 @@ export const enableScrollAssist = (componentEl, inputEl, contentEl, footerEl, ke
  * focus an input but not have scroll assist run again.
  */
 const setManualFocus = (el) => {
-    var _a;
     /**
      * If element is already focused then
      * a new focusin event will not be dispatched
@@ -154,7 +153,7 @@ const setManualFocus = (el) => {
      */
     const inputId = el.getAttribute('id');
     const label = el.closest(`label[for="${inputId}"]`);
-    const activeElLabel = (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.closest(`label[for="${inputId}"]`);
+    const activeElLabel = document.activeElement?.closest(`label[for="${inputId}"]`);
     if (label !== null && label === activeElLabel) {
         // If the label is the same as the active element label, then
         // we don't need to set the `SKIP_SCROLL_ASSIST` and reset focus.

package/dist/collection/utils/input-shims/hacks/scroll-data.js

@@ -4,8 +4,7 @@
 import { SCROLL_AMOUNT_PADDING } from "./common";
 const SCROLL_ASSIST_SPEED = 0.3;
 export const getScrollData = (componentEl, contentEl, keyboardHeight, platformHeight) => {
-    var _a;
-    const itemEl = (_a = componentEl.closest('ion-item,[ion-item]')) !== null && _a !== void 0 ? _a : componentEl;
+    const itemEl = componentEl.closest('ion-item,[ion-item]') ?? componentEl;
     return calcScrollData(itemEl.getBoundingClientRect(), contentEl.getBoundingClientRect(), keyboardHeight, platformHeight);
 };
 const calcScrollData = (inputRect, contentRect, keyboardHeight, platformHeight) => {

package/dist/collection/utils/keyboard/keyboard-controller.js

@@ -2,7 +2,6 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { doc, win } from "../browser/index";
-import { config } from "../../global/config";
 import { Keyboard, KeyboardResize } from "../native/keyboard";
 /**
  * The element that resizes when the keyboard opens
@@ -26,9 +25,8 @@ const getResizeContainer = (resizeMode) => {
      * on that. In the event `ion-app` is not available then
      * we can fall back to `body`.
      */
-    const appRootSelector = config.get('appRootSelector', 'ion-app');
-    const ionApp = doc.querySelector(appRootSelector);
-    return ionApp !== null && ionApp !== void 0 ? ionApp : doc.body;
+    const ionApp = doc.querySelector('ion-app');
+    return ionApp ?? doc.body;
 };
 /**
  * Get the height of ion-app or body.
@@ -76,8 +74,8 @@ export const createKeyboardController = async (keyboardChangeCallback) => {
             keyboardVisible = false;
             fireChangeCallback(keyboardVisible, resizeMode);
         };
-        win === null || win === void 0 ? void 0 : win.addEventListener('keyboardWillShow', keyboardWillShowHandler);
-        win === null || win === void 0 ? void 0 : win.addEventListener('keyboardWillHide', keyboardWillHideHandler);
+        win?.addEventListener('keyboardWillShow', keyboardWillShowHandler);
+        win?.addEventListener('keyboardWillHide', keyboardWillHideHandler);
     };
     const fireChangeCallback = (state, resizeMode) => {
         if (keyboardChangeCallback) {
@@ -154,8 +152,8 @@ export const createKeyboardController = async (keyboardChangeCallback) => {
         });
     };
     const destroy = () => {
-        win === null || win === void 0 ? void 0 : win.removeEventListener('keyboardWillShow', keyboardWillShowHandler);
-        win === null || win === void 0 ? void 0 : win.removeEventListener('keyboardWillHide', keyboardWillHideHandler);
+        win?.removeEventListener('keyboardWillShow', keyboardWillShowHandler);
+        win?.removeEventListener('keyboardWillHide', keyboardWillHideHandler);
         keyboardWillShowHandler = keyboardWillHideHandler = undefined;
     };
     const isKeyboardVisible = () => keyboardVisible;

package/dist/collection/utils/keyboard/keyboard.js

@@ -121,7 +121,7 @@ const fireKeyboardCloseEvent = (win) => {
  * layout viewport states
  */
 export const trackViewportChanges = (win) => {
-    previousVisualViewport = Object.assign({}, currentVisualViewport);
+    previousVisualViewport = { ...currentVisualViewport };
     currentVisualViewport = copyVisualViewport(win.visualViewport);
 };
 /**

package/dist/collection/utils/logging/index.js

@@ -7,7 +7,28 @@ export var LogLevel;
     LogLevel["OFF"] = "OFF";
     LogLevel["ERROR"] = "ERROR";
     LogLevel["WARN"] = "WARN";
+    LogLevel["DEBUG"] = "DEBUG";
 })(LogLevel || (LogLevel = {}));
+/**
+ * Ranks each level so an enabled check is a numeric comparison. A configured
+ * level logs anything whose rank is less than or equal to its own: `OFF` (0)
+ * logs nothing, `ERROR` (1) logs errors, `WARN` (2) logs errors and warnings,
+ * `DEBUG` (3) logs all of the above plus internal diagnostics.
+ */
+const LOG_LEVEL_RANK = {
+    [LogLevel.OFF]: 0,
+    [LogLevel.ERROR]: 1,
+    [LogLevel.WARN]: 2,
+    [LogLevel.DEBUG]: 3,
+};
+/**
+ * Whether the configured level is verbose enough to log `minimum`. Levels set
+ * through a query parameter arrive as raw strings, hence the uppercasing.
+ */
+const isLogLevelEnabled = (minimum) => {
+    const configured = String(config.get('logLevel', LogLevel.WARN)).toUpperCase();
+    return LOG_LEVEL_RANK[configured] >= LOG_LEVEL_RANK[minimum];
+};
 /**
  * Logs a warning to the console with an Ionic prefix
  * to indicate the library that is warning the developer.
@@ -15,8 +36,7 @@ export var LogLevel;
  * @param message - The string message to be logged to the console.
  */
 export const printIonWarning = (message, ...params) => {
-    const logLevel = config.get('logLevel', LogLevel.WARN);
-    if ([LogLevel.WARN].includes(logLevel)) {
+    if (isLogLevelEnabled(LogLevel.WARN)) {
         return console.warn(`[Ionic Warning]: ${message}`, ...params);
     }
 };
@@ -28,8 +48,7 @@ export const printIonWarning = (message, ...params) => {
  * @param params - Additional arguments to supply to the console.error.
  */
 export const printIonError = (message, ...params) => {
-    const logLevel = config.get('logLevel', LogLevel.ERROR);
-    if ([LogLevel.ERROR, LogLevel.WARN].includes(logLevel)) {
+    if (isLogLevelEnabled(LogLevel.ERROR)) {
         return console.error(`[Ionic Error]: ${message}`, ...params);
     }
 };

package/dist/collection/utils/media.js

@@ -1,7 +1,6 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-// TODO(FW-7285): Replace with global breakpoints
 export const SIZE_TO_MEDIA = {
     xs: '(min-width: 0px)',
     sm: '(min-width: 576px)',

package/dist/collection/utils/menu-controller/animations/overlay.js

@@ -27,8 +27,8 @@ export const menuOverlayAnimation = (menu) => {
     }
     menuAnimation.addElement(menu.menuInnerEl).fromTo('transform', `translateX(${closedX})`, `translateX(${openedX})`);
     const mode = 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]);
 };

package/dist/collection/utils/menu-controller/animations/push.js

@@ -14,7 +14,6 @@ export const menuPushAnimation = (menu) => {
     let menuClosedX;
     const mode = getIonMode(menu);
     const width = menu.width;
-    const isIOS = mode === 'ios';
     if (menu.isEndSide) {
         contentOpenedX = -width + 'px';
         menuClosedX = width + 'px';
@@ -30,5 +29,5 @@ export const menuPushAnimation = (menu) => {
         .addElement(menu.contentEl)
         .fromTo('transform', 'translateX(0px)', `translateX(${contentOpenedX})`);
     const backdropAnimation = 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]);
 };

package/dist/collection/utils/menu-controller/animations/reveal.js

@@ -11,10 +11,9 @@ import { baseAnimation } from "./base";
  */
 export const menuRevealAnimation = (menu) => {
     const mode = getIonMode(menu);
-    const isIOS = mode === 'ios';
     const openedX = menu.width * (menu.isEndSide ? -1 : 1) + 'px';
     const contentOpen = createAnimation()
         .addElement(menu.contentEl) // REVIEW
         .fromTo('transform', 'translateX(0px)', `translateX(${openedX})`);
-    return baseAnimation(isIOS).addAnimation(contentOpen);
+    return baseAnimation(mode === 'ios').addAnimation(contentOpen);
 };

package/dist/collection/utils/menu-controller/index.js

@@ -49,7 +49,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 {
@@ -185,7 +184,7 @@ const createMenuController = () => {
     registerAnimation('reveal', menuRevealAnimation);
     registerAnimation('push', menuPushAnimation);
     registerAnimation('overlay', menuOverlayAnimation);
-    doc === null || doc === void 0 ? void 0 : doc.addEventListener('ionBackButton', (ev) => {
+    doc?.addEventListener('ionBackButton', (ev) => {
         const openMenu = _getOpenSync();
         if (openMenu) {
             ev.detail.register(MENU_BACK_BUTTON_PRIORITY, () => {

package/dist/collection/utils/native/haptic.js

@@ -47,7 +47,7 @@ export var NotificationType;
 const HapticEngine = {
     getEngine() {
         const capacitor = getCapacitor();
-        if (capacitor === null || capacitor === void 0 ? void 0 : capacitor.isPluginAvailable('Haptics')) {
+        if (capacitor?.isPluginAvailable('Haptics')) {
             // Capacitor
             return capacitor.Plugins.Haptics;
         }
@@ -68,8 +68,7 @@ const HapticEngine = {
          * the Vibrate API. This check avoids that error
          * if the browser does not support the Vibrate API.
          */
-        if ((capacitor === null || capacitor === void 0 ? void 0 : capacitor.getPlatform()) === 'web') {
-            // eslint-disable-next-line @typescript-eslint/prefer-optional-chain
+        if (capacitor?.getPlatform() === 'web') {
             return typeof navigator !== 'undefined' && navigator.vibrate !== undefined;
         }
         return true;

package/dist/collection/utils/native/keyboard.js

@@ -36,14 +36,14 @@ export var KeyboardResize;
 export const Keyboard = {
     getEngine() {
         const capacitor = getCapacitor();
-        if (capacitor === null || capacitor === void 0 ? void 0 : capacitor.isPluginAvailable('Keyboard')) {
+        if (capacitor?.isPluginAvailable('Keyboard')) {
             return capacitor.Plugins.Keyboard;
         }
         return undefined;
     },
     getResizeMode() {
         const engine = this.getEngine();
-        if (!(engine === null || engine === void 0 ? void 0 : engine.getResizeMode)) {
+        if (!engine?.getResizeMode) {
             return Promise.resolve(undefined);
         }
         return engine.getResizeMode().catch((e) => {

package/dist/collection/utils/native/status-bar.js

@@ -11,7 +11,7 @@ export var Style;
 export const StatusBar = {
     getEngine() {
         const capacitor = getCapacitor();
-        if (capacitor === null || capacitor === void 0 ? void 0 : capacitor.isPluginAvailable('StatusBar')) {
+        if (capacitor?.isPluginAvailable('StatusBar')) {
             return capacitor.Plugins.StatusBar;
         }
         return undefined;

package/dist/collection/utils/overlay-control-label.js

@@ -1,12 +1,11 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-// TODO(FW-6886, FW-6892, FW-6891): Remove this file in favor of the Modular Ionic component config. Each overlay will be able to select its own defaults for label placement and justify based on the interface and theme, so this utility will no longer be necessary.
+// TODO(FW-6886, FW-6892, FW-6891): Remove this file in favor of the Modular Ionic component config. Each overlay will be able to select its own defaults for label placement and justify based on the interface and mode, so this utility will no longer be necessary.
 /**
  * Returns the default `labelPlacement` for a radio or checkbox option
- * rendered inside an overlay. Defaults follow each theme's established
+ * rendered inside an overlay. Defaults follow each mode's established
  * option-row layout:
- * - `ionic`: always `"start"`.
  * - `ios`: `"start"` for radio in `alert` and `popover`. The `modal`
  *   interface flips iOS radio back to `"end"`. Checkbox is always
  *   `"end"` on iOS.
@@ -15,19 +14,18 @@
  * `interfaceType` is optional; only `"modal"` changes the result, so
  * callers that aren't a modal can omit it.
  *
- * Used by `alert`, `select-popover`, and `select-modal` as the fallback
- * when an option doesn't explicitly set `labelPlacement`.
+ * Used by `select-popover` and `select-modal` as the fallback when an
+ * option doesn't explicitly set `labelPlacement`.
  */
-export const getOverlayLabelPlacement = (theme, control, interfaceType) => {
-    if (theme === 'ionic' || (theme === 'ios' && control === 'radio' && interfaceType !== 'modal')) {
+export const getOverlayLabelPlacement = (mode, control, interfaceType) => {
+    if (mode === 'ios' && control === 'radio' && interfaceType !== 'modal') {
         return 'start';
     }
     return 'end';
 };
 /**
  * Returns the default `justify` for a radio or checkbox option rendered
- * inside an overlay. Defaults follow each theme's option-row layout:
- * - `ionic`: always `"space-between"`.
+ * inside an overlay. Defaults follow each mode's option-row layout:
  * - `ios`: `"space-between"` for radio in `alert` and `popover`. The
  *   `modal` interface falls back to `"start"`. Checkbox is always `"start"`
  *   on iOS.
@@ -36,11 +34,11 @@ export const getOverlayLabelPlacement = (theme, control, interfaceType) => {
  * `interfaceType` is optional; only `"modal"` changes the result, so
  * callers that aren't a modal can omit it.
  *
- * Used by `alert`, `select-popover`, and `select-modal` as the fallback when
- * an option doesn't explicitly set `justify`.
+ * Used by `select-popover` and `select-modal` as the fallback when an
+ * option doesn't explicitly set `justify`.
  */
-export const getOverlayLabelJustify = (theme, control, interfaceType) => {
-    if (theme === 'ionic' || (theme === 'ios' && control === 'radio' && interfaceType !== 'modal')) {
+export const getOverlayLabelJustify = (mode, control, interfaceType) => {
+    if (mode === 'ios' && control === 'radio' && interfaceType !== 'modal') {
         return 'space-between';
     }
     return 'start';