@ionic/core 8.8.20-dev.11787158518.168a2fea → 8.8.20-dev.11788449221.155f9f1e

package/dist/collection/utils/framework-delegate.js

@@ -1,16 +1,18 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
+import { config } from "../global/config";
 import { componentOnReady } from "./helpers";
 // TODO(FW-2832): types
 export const attachComponent = async (delegate, container, component, cssClasses, componentProps, inline) => {
+    var _a;
     if (delegate) {
         return delegate.attachViewToDom(container, component, componentProps, cssClasses);
     }
     if (!inline && typeof component !== 'string' && !(component instanceof HTMLElement)) {
         throw new Error('framework delegate is missing');
     }
-    const el = typeof component === 'string' ? container.ownerDocument?.createElement(component) : component;
+    const el = typeof component === 'string' ? (_a = container.ownerDocument) === null || _a === void 0 ? void 0 : _a.createElement(component) : component;
     if (cssClasses) {
         cssClasses.forEach((c) => el.classList.add(c));
     }
@@ -35,6 +37,7 @@ export const CoreDelegate = () => {
     let BaseComponent;
     let Reference;
     const attachViewToDom = async (parentElement, userComponent, userComponentProps = {}, cssClasses = []) => {
+        var _a, _b;
         BaseComponent = parentElement;
         let ChildComponent;
         /**
@@ -47,7 +50,7 @@ export const CoreDelegate = () => {
              * the element otherwise just get a reference
              * to the component.
              */
-            const el = typeof userComponent === 'string' ? BaseComponent.ownerDocument?.createElement(userComponent) : userComponent;
+            const el = typeof userComponent === 'string' ? (_a = BaseComponent.ownerDocument) === null || _a === void 0 ? void 0 : _a.createElement(userComponent) : userComponent;
             /**
              * Add any css classes passed in
              * via the cssClasses prop on the overlay.
@@ -79,7 +82,7 @@ export const CoreDelegate = () => {
                  * that the overlay has not been presented yet and we need
                  * to create the containing element with the specified classes.
                  */
-                const el = BaseComponent.ownerDocument?.createElement('div');
+                const el = (_b = BaseComponent.ownerDocument) === null || _b === void 0 ? void 0 : _b.createElement('div');
                 // Add a class to track if the root element was created by the delegate.
                 el.classList.add('ion-delegate-host');
                 cssClasses.forEach((c) => el.classList.add(c));
@@ -99,7 +102,8 @@ export const CoreDelegate = () => {
          * Get the root of the app and
          * add the overlay there.
          */
-        const app = document.querySelector('ion-app') || document.body;
+        const appRootSelector = config.get('appRootSelector', 'ion-app');
+        const app = document.querySelector(appRootSelector) || document.body;
         /**
          * Create a placeholder comment so that
          * we can return this component to where
@@ -119,7 +123,7 @@ export const CoreDelegate = () => {
          * in the event that a modal or popover is presented
          * with no child content.
          */
-        return ChildComponent ?? BaseComponent;
+        return ChildComponent !== null && ChildComponent !== void 0 ? ChildComponent : BaseComponent;
     };
     const removeViewFromDom = () => {
         /**

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

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

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

@@ -10,15 +10,7 @@ export const createGesture = (config) => {
     let hasStartedPan = false;
     let hasFiredStart = true;
     let isMoveQueued = false;
-    const finalConfig = {
-        disableScroll: false,
-        direction: 'x',
-        gesturePriority: 0,
-        passive: true,
-        maxAngle: 40,
-        threshold: 10,
-        ...config,
-    };
+    const finalConfig = Object.assign({ disableScroll: false, direction: 'x', gesturePriority: 0, passive: true, maxAngle: 40, threshold: 10 }, config);
     const canStart = finalConfig.canStart;
     const onWillStart = finalConfig.onWillStart;
     const onStart = finalConfig.onStart;
@@ -133,7 +125,7 @@ export const createGesture = (config) => {
     const blurActiveElement = () => {
         if (typeof document !== 'undefined') {
             const activeElement = document.activeElement;
-            if (activeElement?.blur) {
+            if (activeElement === null || activeElement === void 0 ? void 0 : activeElement.blur) {
                 activeElement.blur();
             }
         }

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', () => { });
+    document.addEventListener('backbutton', () => { }); // eslint-disable-line
 };
 export const startHardwareBackButton = () => {
     const doc = document;
@@ -48,9 +48,23 @@ 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?.handler) {
+                if (handlerRegister === null || handlerRegister === void 0 ? void 0 : handlerRegister.handler) {
                     const result = handlerRegister.handler(processHandlers);
                     if (result != null) {
                         await result;
@@ -89,7 +103,7 @@ export const startHardwareBackButton = () => {
     if (shouldUseCloseWatcher()) {
         let watcher;
         const configureWatcher = () => {
-            watcher?.destroy();
+            watcher === null || watcher === void 0 ? void 0 : watcher.destroy();
             watcher = new win.CloseWatcher();
             /**
              * Once a close request happens
@@ -111,3 +125,4 @@ 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,8 +1,10 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
+import { focusElements } from "./focus-visible";
 import { printIonError } from "./logging/index";
 import { isRTL } from "./rtl/index";
+import { config } from "../global/config";
 export const transitionEndAsync = (el, expectedDuration = 0) => {
     return new Promise((resolve) => {
         transitionEnd(el, expectedDuration, resolve);
@@ -204,6 +206,17 @@ 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();
     /**
@@ -213,14 +226,68 @@ 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.
      */
-    if (el.classList.contains('ion-focusable')) {
-        const app = el.closest('ion-app');
+    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 (app) {
-            app.setFocus([el]);
+            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]);
+                });
+            }
         }
     }
 };
+/**
+ * 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
@@ -322,8 +389,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 ??= {};
-    map2 ??= {};
+    map1 !== null && map1 !== void 0 ? map1 : (map1 = {});
+    map2 !== null && map2 !== void 0 ? map2 : (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?.removeEventListener('ionKeyboardDidShow', keyboardShow);
+        win === null || win === void 0 ? void 0 : 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?.addEventListener('ionKeyboardDidShow', keyboardShow);
+        win === null || win === void 0 ? void 0 : win.addEventListener('ionKeyboardDidShow', keyboardShow);
         componentEl.addEventListener('focusout', focusOut);
     };
     componentEl.addEventListener('focusin', focusIn);
     return () => {
         componentEl.removeEventListener('focusin', focusIn);
-        win?.removeEventListener('ionKeyboardDidShow', keyboardShow);
+        win === null || win === void 0 ? void 0 : win.removeEventListener('ionKeyboardDidShow', keyboardShow);
         componentEl.removeEventListener('focusout', focusOut);
     };
 };
@@ -129,6 +129,7 @@ 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
@@ -153,7 +154,7 @@ const setManualFocus = (el) => {
      */
     const inputId = el.getAttribute('id');
     const label = el.closest(`label[for="${inputId}"]`);
-    const activeElLabel = document.activeElement?.closest(`label[for="${inputId}"]`);
+    const activeElLabel = (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.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,7 +4,8 @@
 import { SCROLL_AMOUNT_PADDING } from "./common";
 const SCROLL_ASSIST_SPEED = 0.3;
 export const getScrollData = (componentEl, contentEl, keyboardHeight, platformHeight) => {
-    const itemEl = componentEl.closest('ion-item,[ion-item]') ?? componentEl;
+    var _a;
+    const itemEl = (_a = componentEl.closest('ion-item,[ion-item]')) !== null && _a !== void 0 ? _a : componentEl;
     return calcScrollData(itemEl.getBoundingClientRect(), contentEl.getBoundingClientRect(), keyboardHeight, platformHeight);
 };
 const calcScrollData = (inputRect, contentRect, keyboardHeight, platformHeight) => {

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

@@ -2,6 +2,7 @@
  * (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
@@ -25,8 +26,9 @@ const getResizeContainer = (resizeMode) => {
      * on that. In the event `ion-app` is not available then
      * we can fall back to `body`.
      */
-    const ionApp = doc.querySelector('ion-app');
-    return ionApp ?? doc.body;
+    const appRootSelector = config.get('appRootSelector', 'ion-app');
+    const ionApp = doc.querySelector(appRootSelector);
+    return ionApp !== null && ionApp !== void 0 ? ionApp : doc.body;
 };
 /**
  * Get the height of ion-app or body.
@@ -74,8 +76,8 @@ export const createKeyboardController = async (keyboardChangeCallback) => {
             keyboardVisible = false;
             fireChangeCallback(keyboardVisible, resizeMode);
         };
-        win?.addEventListener('keyboardWillShow', keyboardWillShowHandler);
-        win?.addEventListener('keyboardWillHide', keyboardWillHideHandler);
+        win === null || win === void 0 ? void 0 : win.addEventListener('keyboardWillShow', keyboardWillShowHandler);
+        win === null || win === void 0 ? void 0 : win.addEventListener('keyboardWillHide', keyboardWillHideHandler);
     };
     const fireChangeCallback = (state, resizeMode) => {
         if (keyboardChangeCallback) {
@@ -152,8 +154,8 @@ export const createKeyboardController = async (keyboardChangeCallback) => {
         });
     };
     const destroy = () => {
-        win?.removeEventListener('keyboardWillShow', keyboardWillShowHandler);
-        win?.removeEventListener('keyboardWillHide', keyboardWillHideHandler);
+        win === null || win === void 0 ? void 0 : win.removeEventListener('keyboardWillShow', keyboardWillShowHandler);
+        win === null || win === void 0 ? void 0 : 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 = { ...currentVisualViewport };
+    previousVisualViewport = Object.assign({}, currentVisualViewport);
     currentVisualViewport = copyVisualViewport(win.visualViewport);
 };
 /**

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

@@ -7,28 +7,7 @@ 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.
@@ -36,7 +15,8 @@ const isLogLevelEnabled = (minimum) => {
  * @param message - The string message to be logged to the console.
  */
 export const printIonWarning = (message, ...params) => {
-    if (isLogLevelEnabled(LogLevel.WARN)) {
+    const logLevel = config.get('logLevel', LogLevel.WARN);
+    if ([LogLevel.WARN].includes(logLevel)) {
         return console.warn(`[Ionic Warning]: ${message}`, ...params);
     }
 };
@@ -48,7 +28,8 @@ export const printIonWarning = (message, ...params) => {
  * @param params - Additional arguments to supply to the console.error.
  */
 export const printIonError = (message, ...params) => {
-    if (isLogLevelEnabled(LogLevel.ERROR)) {
+    const logLevel = config.get('logLevel', LogLevel.ERROR);
+    if ([LogLevel.ERROR, LogLevel.WARN].includes(logLevel)) {
         return console.error(`[Ionic Error]: ${message}`, ...params);
     }
 };

package/dist/collection/utils/media.js

@@ -1,6 +1,7 @@
 /*!
  * (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,6 +14,7 @@ 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';
@@ -29,5 +30,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(mode === 'ios').addAnimation([menuAnimation, contentAnimation, backdropAnimation]);
+    return baseAnimation(isIOS).addAnimation([menuAnimation, contentAnimation, backdropAnimation]);
 };

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

@@ -11,9 +11,10 @@ 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(mode === 'ios').addAnimation(contentOpen);
+    return baseAnimation(isIOS).addAnimation(contentOpen);
 };

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

@@ -49,6 +49,7 @@ 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 {
@@ -184,7 +185,7 @@ const createMenuController = () => {
     registerAnimation('reveal', menuRevealAnimation);
     registerAnimation('push', menuPushAnimation);
     registerAnimation('overlay', menuOverlayAnimation);
-    doc?.addEventListener('ionBackButton', (ev) => {
+    doc === null || doc === void 0 ? void 0 : 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?.isPluginAvailable('Haptics')) {
+        if (capacitor === null || capacitor === void 0 ? void 0 : capacitor.isPluginAvailable('Haptics')) {
             // Capacitor
             return capacitor.Plugins.Haptics;
         }
@@ -68,7 +68,8 @@ const HapticEngine = {
          * the Vibrate API. This check avoids that error
          * if the browser does not support the Vibrate API.
          */
-        if (capacitor?.getPlatform() === 'web') {
+        if ((capacitor === null || capacitor === void 0 ? void 0 : capacitor.getPlatform()) === 'web') {
+            // eslint-disable-next-line @typescript-eslint/prefer-optional-chain
             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?.isPluginAvailable('Keyboard')) {
+        if (capacitor === null || capacitor === void 0 ? void 0 : capacitor.isPluginAvailable('Keyboard')) {
             return capacitor.Plugins.Keyboard;
         }
         return undefined;
     },
     getResizeMode() {
         const engine = this.getEngine();
-        if (!engine?.getResizeMode) {
+        if (!(engine === null || engine === void 0 ? void 0 : 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?.isPluginAvailable('StatusBar')) {
+        if (capacitor === null || capacitor === void 0 ? void 0 : capacitor.isPluginAvailable('StatusBar')) {
             return capacitor.Plugins.StatusBar;
         }
         return undefined;

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

@@ -1,11 +1,12 @@
 /*!
  * (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 mode, 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 theme, 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 mode's established
+ * rendered inside an overlay. Defaults follow each theme'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.
@@ -14,18 +15,19 @@
  * `interfaceType` is optional; only `"modal"` changes the result, so
  * callers that aren't a modal can omit it.
  *
- * Used by `select-popover` and `select-modal` as the fallback when an
- * option doesn't explicitly set `labelPlacement`.
+ * Used by `alert`, `select-popover`, and `select-modal` as the fallback
+ * when an option doesn't explicitly set `labelPlacement`.
  */
-export const getOverlayLabelPlacement = (mode, control, interfaceType) => {
-    if (mode === 'ios' && control === 'radio' && interfaceType !== 'modal') {
+export const getOverlayLabelPlacement = (theme, control, interfaceType) => {
+    if (theme === 'ionic' || (theme === '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 mode's option-row layout:
+ * inside an overlay. Defaults follow each theme's option-row layout:
+ * - `ionic`: always `"space-between"`.
  * - `ios`: `"space-between"` for radio in `alert` and `popover`. The
  *   `modal` interface falls back to `"start"`. Checkbox is always `"start"`
  *   on iOS.
@@ -34,11 +36,11 @@ export const getOverlayLabelPlacement = (mode, control, interfaceType) => {
  * `interfaceType` is optional; only `"modal"` changes the result, so
  * callers that aren't a modal can omit it.
  *
- * Used by `select-popover` and `select-modal` as the fallback when an
- * option doesn't explicitly set `justify`.
+ * Used by `alert`, `select-popover`, and `select-modal` as the fallback when
+ * an option doesn't explicitly set `justify`.
  */
-export const getOverlayLabelJustify = (mode, control, interfaceType) => {
-    if (mode === 'ios' && control === 'radio' && interfaceType !== 'modal') {
+export const getOverlayLabelJustify = (theme, control, interfaceType) => {
+    if (theme === 'ionic' || (theme === 'ios' && control === 'radio' && interfaceType !== 'modal')) {
         return 'space-between';
     }
     return 'start';