@ionic/core 8.8.20-dev.11787158518.168a2fea → 8.8.20-dev.11789504012.1a675914

package/dist/esm/{animation-CGFdmGk9.js → animation-BsVixxLP.js}

@@ -1,8 +1,8 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { j as printIonError } from './index-ChhhtsGZ.js';
-import { w as win } from './index-ZjP4CjeZ.js';
+import { j as printIonError } from './index-C0EQceqV.js';
+import { w as win } from './ionic-global-BJDU78B6.js';
 
 let animationPrefix;
 const getAnimationPrefix = (el) => {
@@ -142,7 +142,7 @@ const createAnimation = (animationId) => {
         return ani;
     };
     const onFinish = (callback, opts) => {
-        const callbacks = opts?.oneTimeCallback ? onFinishOneTimeCallbacks : onFinishCallbacks;
+        const callbacks = (opts === null || opts === void 0 ? void 0 : opts.oneTimeCallback) ? onFinishOneTimeCallbacks : onFinishCallbacks;
         callbacks.push({ c: callback, o: opts });
         return ani;
     };
@@ -175,7 +175,7 @@ const createAnimation = (animationId) => {
              * for another animation to have already
              * cleaned up a particular stylesheet
              */
-            if (stylesheet?.parentNode) {
+            if (stylesheet === null || stylesheet === void 0 ? void 0 : stylesheet.parentNode) {
                 stylesheet.parentNode.removeChild(stylesheet);
             }
         });
@@ -668,7 +668,7 @@ const createAnimation = (animationId) => {
     };
     const play = (opts) => {
         return new Promise((resolve) => {
-            if (opts?.sync) {
+            if (opts === null || opts === void 0 ? void 0 : opts.sync) {
                 shouldForceSyncPlayback = true;
                 onFinish(() => (shouldForceSyncPlayback = false), { oneTimeCallback: true });
             }

package/dist/esm/{app-globals-CYmMeGdU.js → app-globals-rPvWQFXp.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { i as initialize } from './ionic-global-BVB7BrLT.js';
+import { i as initialize } from './ionic-global-BJDU78B6.js';
 
 const appGlobalScript = initialize || (() => {});
 const globalScripts = appGlobalScript;

package/dist/esm/{button-active-BDOsVAiZ.js → button-active-BS8YgJRD.js}

@@ -1,9 +1,9 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { w as writeTask } from './index-ChhhtsGZ.js';
-import { h as hapticSelectionEnd, a as hapticSelectionChanged, b as hapticSelectionStart } from './haptic-Cq4UAeka.js';
-import { createGesture } from './index-DcPaH5uL.js';
+import { w as writeTask } from './index-C0EQceqV.js';
+import { h as hapticSelectionEnd, a as hapticSelectionChanged, b as hapticSelectionStart } from './haptic-ByW74Ow9.js';
+import { createGesture } from './index-Bck1OwMs.js';
 
 const createButtonActiveGesture = (el, isButton) => {
     let currentTouchedButton;

package/dist/esm/{capacitor-CFERIeaU.js → capacitor-BnXrCBvt.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { w as win } from './index-ZjP4CjeZ.js';
+import { w as win } from './ionic-global-BJDU78B6.js';
 
 const getCapacitor = () => {
     if (win !== undefined) {

package/dist/esm/clear-button-press-controller-Ci6Q_x5-.js

@@ -0,0 +1,43 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+import { d as doc } from './ionic-global-BJDU78B6.js';
+
+/**
+ * Tracks an in-flight press on a clear button so a blur landing mid-press can't
+ * hide or unmount the button before the press produces its click.
+ *
+ * Calling `preventDefault()` on `pointerdown` is meant to stop the field
+ * blurring, but not every browser honors it (iOS Safari blurs anyway). The
+ * press is released on `click` rather than `pointerup` because touch
+ * dispatches the click after the finger lifts.
+ *
+ * @internal
+ * @param onPressChange Receives the press state.
+ */
+const createClearButtonPressController = (onPressChange) => {
+    const release = () => {
+        doc === null || doc === void 0 ? void 0 : doc.removeEventListener('click', release);
+        onPressChange(false);
+    };
+    const onPointerDown = (ev) => {
+        ev.preventDefault();
+        // Only a primary press produces a click.
+        if (ev.button !== 0) {
+            return;
+        }
+        onPressChange(true);
+        doc === null || doc === void 0 ? void 0 : doc.addEventListener('click', release, { once: true });
+    };
+    // Teardown also clears the press, so a disconnect mid-press can't leave the button stuck visible.
+    const destroy = () => {
+        release();
+    };
+    return {
+        onPointerDown,
+        release,
+        destroy,
+    };
+};
+
+export { createClearButtonPressController as c };

package/dist/esm/{config-DWCzVL3Y.js → config-BwKpO3Is.js}

@@ -4,19 +4,18 @@
 const setupConfig = (config) => {
     const win = window;
     const Ionic = win.Ionic;
+    // eslint-disable-next-line @typescript-eslint/prefer-optional-chain
     if (Ionic && Ionic.config && Ionic.config.constructor.name !== 'Object') {
         return;
     }
     win.Ionic = win.Ionic || {};
-    win.Ionic.config = {
-        ...win.Ionic.config,
-        ...config,
-    };
+    win.Ionic.config = Object.assign(Object.assign({}, win.Ionic.config), config);
     return win.Ionic.config;
 };
 const getMode = () => {
+    var _a;
     const win = window;
-    const config = win?.Ionic?.config;
+    const config = (_a = win === null || win === void 0 ? void 0 : win.Ionic) === null || _a === void 0 ? void 0 : _a.config;
     if (config) {
         if (config.mode) {
             return config.mode;

package/dist/esm/{dir-Dojwmvde.js → dir-o8OKV5aD.js}

@@ -13,8 +13,9 @@
  * @param hostEl the element to resolve the direction for.
  */
 const isRTL = (hostEl) => {
+    var _a, _b;
     for (let el = hostEl; el; el = el.parentElement) {
-        const dir = el.getAttribute('dir')?.toLowerCase();
+        const dir = (_a = el.getAttribute('dir')) === null || _a === void 0 ? void 0 : _a.toLowerCase();
         if (dir === 'rtl') {
             return true;
         }
@@ -22,7 +23,7 @@ const isRTL = (hostEl) => {
             return false;
         }
     }
-    return document?.dir?.toLowerCase() === 'rtl';
+    return ((_b = document === null || document === void 0 ? void 0 : document.dir) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === 'rtl';
 };
 
 export { isRTL as i };

package/dist/esm/{focus-visible-BmVRXR1y.js → focus-visible-vXpMhGrs.js}

@@ -17,6 +17,28 @@ const FOCUS_KEYS = [
     'Home',
     'End',
 ];
+let focusVisibleUtility = null;
+const getOrInitFocusVisibleUtility = () => {
+    if (!focusVisibleUtility) {
+        focusVisibleUtility = startFocusVisible();
+    }
+    return focusVisibleUtility;
+};
+/**
+ * Used to set focus on an element that uses `ion-focusable`.
+ * Do not use this if focusing the element as a result of a keyboard
+ * event as the focus utility should handle this for us. This method
+ * should be used when we want to programmatically focus an element as
+ * a result of another user action. (Ex: We focus the first element
+ * inside of a popover when the user presents it, but the popover is not always
+ * presented as a result of keyboard action.)
+ *
+ * @param elements - The elements to set focus on.
+ */
+const focusElements = (elements) => {
+    const focusVisible = getOrInitFocusVisibleUtility();
+    focusVisible.setFocus(elements);
+};
 const startFocusVisible = (rootEl) => {
     let currentFocus = [];
     let keyboardMode = true;
@@ -72,4 +94,4 @@ const startFocusVisible = (rootEl) => {
     };
 };
 
-export { startFocusVisible };
+export { focusElements, getOrInitFocusVisibleUtility, startFocusVisible };

package/dist/esm/{format-Dcwga61t.js → format-2WlZcMvG.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { f as printIonWarning } from './index-ChhhtsGZ.js';
+import { f as printIonWarning } from './index-C0EQceqV.js';
 
 /**
  * Returns true if the selected day is equal to the reference day
@@ -311,19 +311,19 @@ const parseMaxParts = (max, todayParts) => {
      * so that the correct initial value can be selected. As a result,
      * we need to fill in any omitted data with the min or max values.
      */
-    const yearValue = year ?? todayParts.year;
-    const monthValue = month ?? 12;
+    const yearValue = year !== null && year !== void 0 ? year : todayParts.year;
+    const monthValue = month !== null && month !== void 0 ? month : 12;
     return {
         month: monthValue,
-        day: day ?? getNumDaysInMonth(monthValue, yearValue),
+        day: day !== null && day !== void 0 ? day : getNumDaysInMonth(monthValue, yearValue),
         /**
          * Passing in "HH:mm" is a valid ISO-8601
          * string, so we just default to the current year
          * in this case.
          */
         year: yearValue,
-        hour: hour ?? 23,
-        minute: minute ?? 59,
+        hour: hour !== null && hour !== void 0 ? hour : 23,
+        minute: minute !== null && minute !== void 0 ? minute : 59,
     };
 };
 /**
@@ -352,16 +352,16 @@ const parseMinParts = (min, todayParts) => {
      * we need to fill in any omitted data with the min or max values.
      */
     return {
-        month: month ?? 1,
-        day: day ?? 1,
+        month: month !== null && month !== void 0 ? month : 1,
+        day: day !== null && day !== void 0 ? day : 1,
         /**
          * Passing in "HH:mm" is a valid ISO-8601
          * string, so we just default to the current year
          * in this case.
          */
-        year: year ?? todayParts.year,
-        hour: hour ?? 0,
-        minute: minute ?? 0,
+        year: year !== null && year !== void 0 ? year : todayParts.year,
+        hour: hour !== null && hour !== void 0 ? hour : 0,
+        minute: minute !== null && minute !== void 0 ? minute : 0,
     };
 };
 
@@ -643,7 +643,7 @@ const calculateHourFromAMPM = (currentParts, newAMPM) => {
  */
 const validateParts = (parts, minParts, maxParts) => {
     const { month, day, year } = parts;
-    const partsCopy = clampDate({ ...parts }, minParts, maxParts);
+    const partsCopy = clampDate(Object.assign({}, parts), minParts, maxParts);
     const numDays = getNumDaysInMonth(month, year);
     /**
      * If the max number of days
@@ -719,7 +719,7 @@ const validateParts = (parts, minParts, maxParts) => {
  */
 const getClosestValidDate = ({ refParts, monthValues, dayValues, yearValues, hourValues, minuteValues, minParts, maxParts, }) => {
     const { hour, minute, day, month, year } = refParts;
-    const copyParts = { ...refParts, dayOfWeek: undefined };
+    const copyParts = Object.assign(Object.assign({}, refParts), { dayOfWeek: undefined });
     if (yearValues !== undefined) {
         // Filters out years that are out of the min/max bounds
         const filteredYears = yearValues.filter((year) => {
@@ -750,10 +750,10 @@ const getClosestValidDate = ({ refParts, monthValues, dayValues, yearValues, hou
     if (day !== null && dayValues !== undefined) {
         // Filters out days that are out of the min/max bounds
         const filteredDays = dayValues.filter((day) => {
-            if (minParts !== undefined && isBefore({ ...copyParts, day }, minParts)) {
+            if (minParts !== undefined && isBefore(Object.assign(Object.assign({}, copyParts), { day }), minParts)) {
                 return false;
             }
-            if (maxParts !== undefined && isAfter({ ...copyParts, day }, maxParts)) {
+            if (maxParts !== undefined && isAfter(Object.assign(Object.assign({}, copyParts), { day }), maxParts)) {
                 return false;
             }
             return true;
@@ -763,10 +763,10 @@ const getClosestValidDate = ({ refParts, monthValues, dayValues, yearValues, hou
     if (hour !== undefined && hourValues !== undefined) {
         // Filters out hours that are out of the min/max bounds
         const filteredHours = hourValues.filter((hour) => {
-            if (minParts?.hour !== undefined && isSameDay(copyParts, minParts) && hour < minParts.hour) {
+            if ((minParts === null || minParts === void 0 ? void 0 : minParts.hour) !== undefined && isSameDay(copyParts, minParts) && hour < minParts.hour) {
                 return false;
             }
-            if (maxParts?.hour !== undefined && isSameDay(copyParts, maxParts) && hour > maxParts.hour) {
+            if ((maxParts === null || maxParts === void 0 ? void 0 : maxParts.hour) !== undefined && isSameDay(copyParts, maxParts) && hour > maxParts.hour) {
                 return false;
             }
             return true;
@@ -777,13 +777,13 @@ const getClosestValidDate = ({ refParts, monthValues, dayValues, yearValues, hou
     if (minute !== undefined && minuteValues !== undefined) {
         // Filters out minutes that are out of the min/max bounds
         const filteredMinutes = minuteValues.filter((minute) => {
-            if (minParts?.minute !== undefined &&
+            if ((minParts === null || minParts === void 0 ? void 0 : minParts.minute) !== undefined &&
                 isSameDay(copyParts, minParts) &&
                 copyParts.hour === minParts.hour &&
                 minute < minParts.minute) {
                 return false;
             }
-            if (maxParts?.minute !== undefined &&
+            if ((maxParts === null || maxParts === void 0 ? void 0 : maxParts.minute) !== undefined &&
                 isSameDay(copyParts, maxParts) &&
                 copyParts.hour === maxParts.hour &&
                 minute > maxParts.minute) {
@@ -838,8 +838,7 @@ const getFormattedDayPeriod = (dayPeriod) => {
  * confusion.
  */
 const stripTimeZone = (formatOptions) => {
-    return {
-        ...formatOptions,
+    return Object.assign(Object.assign({}, formatOptions), {
         /**
          * Setting the time zone to UTC ensures that the value shown is always the
          * same as what was selected and safeguards against older Safari bugs with
@@ -849,8 +848,8 @@ const stripTimeZone = (formatOptions) => {
         /**
          * We do not want to display the time zone name
          */
-        timeZoneName: undefined,
-    };
+        timeZoneName: undefined
+    });
 };
 const getLocalizedTime = (locale, refParts, hourCycle, formatOptions = { hour: 'numeric', minute: 'numeric' }) => {
     const timeParts = {
@@ -860,20 +859,13 @@ const getLocalizedTime = (locale, refParts, hourCycle, formatOptions = { hour: '
     if (timeParts.hour === undefined || timeParts.minute === undefined) {
         return 'Invalid Time';
     }
-    return new Intl.DateTimeFormat(locale, {
-        ...stripTimeZone(formatOptions),
+    return new Intl.DateTimeFormat(locale, Object.assign(Object.assign({}, stripTimeZone(formatOptions)), {
         /**
          * We use hourCycle here instead of hour12 due to:
          * https://bugs.chromium.org/p/chromium/issues/detail?id=1347316&q=hour12&can=2
          */
-        hourCycle,
-        /**
-         * Setting Z at the end indicates that this
-         * date string is in the UTC time zone. This
-         * prevents new Date from adding the time zone
-         * offset when getting the ISO string.
-         */
-    }).format(new Date(convertDataToISO({
+        hourCycle
+    })).format(new Date(convertDataToISO(Object.assign({
         /**
          * JS uses a simplified ISO 8601 format which allows for
          * date-only formats and date-time formats, but not
@@ -885,11 +877,8 @@ const getLocalizedTime = (locale, refParts, hourCycle, formatOptions = { hour: '
          * values, so passing these date values should have no impact
          * on the time output.
          */
-        year: 2023,
-        day: 1,
-        month: 1,
-        ...timeParts,
-    }) + 'Z'));
+        year: 2023, day: 1, month: 1
+    }, timeParts)) + 'Z'));
 };
 /**
  * Adds padding to a time value so
@@ -998,6 +987,7 @@ const getYear = (locale, refParts) => {
  * with a normalized time.
  */
 const getNormalizedDate = (refParts) => {
+    var _a, _b, _c;
     const timeString = refParts.hour !== undefined && refParts.minute !== undefined ? ` ${refParts.hour}:${refParts.minute}` : '';
     /**
      * We use / notation here for the date
@@ -1009,7 +999,7 @@ const getNormalizedDate = (refParts) => {
      * account for this and still return a valid date. However,
      * this is not a consistent behavior across all browsers.
      */
-    return new Date(`${refParts.month ?? 1}/${refParts.day ?? 1}/${refParts.year ?? 2023}${timeString} GMT+0000`);
+    return new Date(`${(_a = refParts.month) !== null && _a !== void 0 ? _a : 1}/${(_b = refParts.day) !== null && _b !== void 0 ? _b : 1}/${(_c = refParts.year) !== null && _c !== void 0 ? _c : 2023}${timeString} GMT+0000`);
 };
 /**
  * Given a locale, DatetimeParts, and options
@@ -1040,7 +1030,7 @@ const getLocalizedDateTimeParts = (locale, refParts, options) => {
  * with Intl.DateTimeFormat.
  */
 const getDateTimeFormat = (locale, options) => {
-    return new Intl.DateTimeFormat(locale, { ...options, timeZone: 'UTC' });
+    return new Intl.DateTimeFormat(locale, Object.assign(Object.assign({}, options), { timeZone: 'UTC' }));
 };
 /**
  * Gets a localized version of "Today"
@@ -1122,4 +1112,4 @@ const formatValue = (value) => {
     return Array.isArray(value) ? value.join(',') : value;
 };
 
-export { getNextDay as A, getPreviousWeek as B, getNextWeek as C, parseMinParts as D, parseMaxParts as E, parseDate as F, warnIfValueOutOfBounds as G, parseAmPm as H, clampDate as I, getClosestValidDate as J, isMonthFirstLocale as K, isLocaleDayPeriodRTL as L, calculateHourFromAMPM as M, getMonthAndYear as N, getLocalizedTime as O, getLocalizedDateTime as P, formatValue as Q, getPreviousMonth as a, getTodayLabel as b, getYear as c, getHourCycle as d, getInternalHourValue as e, getFormattedHour as f, getNextMonth as g, addTimePadding as h, getLocalizedDayPeriod as i, isBefore as j, isSameDay as k, isAfter as l, is24Hour as m, getNumDaysInMonth as n, getDay as o, generateDayAriaLabel as p, convertToArrayOfNumbers as q, removeDateTzOffset as r, convertDataToISO as s, getPartsFromCalendarDay as t, getNextYear as u, validateParts as v, getPreviousYear as w, getEndOfWeek as x, getStartOfWeek as y, getPreviousDay as z };
+export { getNextWeek as A, parseMinParts as B, parseMaxParts as C, parseDate as D, warnIfValueOutOfBounds as E, parseAmPm as F, clampDate as G, convertToArrayOfNumbers as H, convertDataToISO as I, getClosestValidDate as J, isMonthFirstLocale as K, isLocaleDayPeriodRTL as L, calculateHourFromAMPM as M, getMonthAndYear as N, getLocalizedTime as O, getLocalizedDateTime as P, formatValue as Q, getPreviousMonth as a, getTodayLabel as b, getYear as c, getHourCycle as d, getInternalHourValue as e, getFormattedHour as f, getNextMonth as g, addTimePadding as h, isSameDay as i, getLocalizedDayPeriod as j, isBefore as k, isAfter as l, is24Hour as m, getNumDaysInMonth as n, getDay as o, generateDayAriaLabel as p, getPartsFromCalendarDay as q, removeDateTzOffset as r, getNextYear as s, getPreviousYear as t, getEndOfWeek as u, validateParts as v, getStartOfWeek as w, getPreviousDay as x, getNextDay as y, getPreviousWeek as z };

package/dist/esm/{framework-delegate-BHTU2Ip9.js → framework-delegate-P5K_3uYw.js}

@@ -1,17 +1,19 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { c as componentOnReady } from './helpers-CAGf8Wgp.js';
+import { e as config } from './index-C0EQceqV.js';
+import { c as componentOnReady } from './helpers-ChPZH7zh.js';
 
 // TODO(FW-2832): types
 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));
     }
@@ -36,6 +38,7 @@ const CoreDelegate = () => {
     let BaseComponent;
     let Reference;
     const attachViewToDom = async (parentElement, userComponent, userComponentProps = {}, cssClasses = []) => {
+        var _a, _b;
         BaseComponent = parentElement;
         let ChildComponent;
         /**
@@ -48,7 +51,7 @@ 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.
@@ -80,7 +83,7 @@ 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));
@@ -100,7 +103,8 @@ 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
@@ -120,7 +124,7 @@ 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/esm/{gesture-controller-TXPDHL13.js → gesture-controller-BTEOs1at.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/esm/{haptic-Cq4UAeka.js → haptic-ByW74Ow9.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { g as getCapacitor } from './capacitor-CFERIeaU.js';
+import { g as getCapacitor } from './capacitor-BnXrCBvt.js';
 
 var ImpactStyle;
 (function (ImpactStyle) {
@@ -48,7 +48,7 @@ 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;
         }
@@ -69,7 +69,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/esm/{helpers-CAGf8Wgp.js → helpers-ChPZH7zh.js}

@@ -1,8 +1,9 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { j as printIonError } from './index-ChhhtsGZ.js';
-import { i as isRTL } from './dir-Dojwmvde.js';
+import { focusElements } from './focus-visible-vXpMhGrs.js';
+import { j as printIonError, e as config } from './index-C0EQceqV.js';
+import { i as isRTL } from './dir-o8OKV5aD.js';
 
 const transitionEndAsync = (el, expectedDuration = 0) => {
     return new Promise((resolve) => {
@@ -202,6 +203,17 @@ 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();
     /**
@@ -211,14 +223,68 @@ 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.
+ */
+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
@@ -314,8 +380,8 @@ const debounce = (func, wait = 0) => {
  * @returns whether the keys are the same and the values are shallow equal.
  */
 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;
     }
@@ -340,4 +406,4 @@ const isSafeNumber = (input) => {
     return typeof input === 'number' && !isNaN(input) && isFinite(input);
 };
 
-export { renderHiddenInput as a, inheritAttributes as b, componentOnReady as c, debounceEvent as d, clamp as e, addEventListener as f, getElementRoot as g, hasLazyBuild as h, inheritAriaAttributes as i, isSafeNumber as j, hasShadowDom as k, assert as l, removeEventListener as m, focusVisibleElement as n, isEndSide as o, debounce as p, pointerCoord as q, raf as r, shallowEqualStringMap as s, transitionEndAsync as t };
+export { renderHiddenInput as a, inheritAttributes as b, componentOnReady as c, debounceEvent as d, clamp as e, addEventListener as f, getElementRoot as g, hasLazyBuild as h, inheritAriaAttributes as i, isSafeNumber as j, hasShadowDom as k, assert as l, removeEventListener as m, debounce as n, focusVisibleElement as o, isEndSide as p, suppressFocusVisible as q, raf as r, shallowEqualStringMap as s, transitionEndAsync as t, pointerCoord as u };