@ionic/core 9.0.7-dev.11790871695.14a4111c → 9.0.7-dev.11791305593.188c8151

package/dist/collection/components/input-otp/input-otp.js

@@ -19,6 +19,11 @@ export class InputOTP {
          * focus behavior when an input box is focused.
          */
         this.isKeyboardNavigation = false;
+        /**
+         * The `length` watcher runs before new inputs render, so
+         * `componentDidRender` updates their tab indexes instead.
+         */
+        this.updateTabIndexesAfterRender = false;
         this.inputValues = [];
         this.hasFocus = false;
         this.previousInputValues = [];
@@ -378,6 +383,10 @@ export class InputOTP {
         this.initializeValues();
         this.updateTabIndexes();
     }
+    lengthChanged() {
+        this.initializeValues();
+        this.updateTabIndexesAfterRender = true;
+    }
     /**
      * Processes the separators prop into an array of numbers.
      *
@@ -434,6 +443,12 @@ export class InputOTP {
     componentDidLoad() {
         this.updateTabIndexes();
     }
+    componentDidRender() {
+        if (this.updateTabIndexesAfterRender) {
+            this.updateTabIndexesAfterRender = false;
+            this.updateTabIndexes();
+        }
+    }
     /**
      * Get the regex pattern for allowed characters.
      * If a pattern is provided, use it to create a regex pattern
@@ -611,7 +626,7 @@ export class InputOTP {
         const tabbableIndex = this.getTabbableIndex();
         const pattern = this.getPattern();
         const hasDescription = el.querySelector('.input-otp-description')?.textContent?.trim() !== '';
-        return (h(Host, { key: 'bd37661e13cde21feff30c663e6813ce3fff0d9a', class: createColorClasses(color, {
+        return (h(Host, { key: 'def9fbd4fa135e6f435380c6ea86ac1621b4a111', class: createColorClasses(color, {
                 [mode]: true,
                 'has-focus': hasFocus,
                 [`input-otp-size-${size}`]: true,
@@ -619,10 +634,18 @@ export class InputOTP {
                 [`input-otp-fill-${fill}`]: true,
                 'input-otp-disabled': disabled,
                 'input-otp-readonly': readonly,
-            }) }, h("div", { key: '5e206f870024f1ecfebda999ff31e6e815774deb', role: "group", "aria-label": "One-time password input", class: "input-otp-group", ...inheritedAttributes }, Array.from({ length }).map((_, index) => (h(Fragment, null, h("div", { class: "native-wrapper" }, h("input", { class: "native-input", id: `${inputId}-${index}`, "aria-label": `Input ${index + 1} of ${length}`, type: "text", autoCapitalize: autocapitalize, inputmode: inputmode, pattern: pattern, disabled: disabled, readOnly: readonly, tabIndex: index === tabbableIndex ? 0 : -1, value: inputValues[index] || '', autocomplete: "one-time-code", ref: (el) => (inputRefs[index] = el), onInput: this.onInput(index), onBlur: this.onBlur, onFocus: this.onFocus(index), onKeyDown: this.onKeyDown(index), onPaste: this.onPaste })), this.showSeparator(index) && h("div", { class: "input-otp-separator" }))))), h("div", { key: 'c268f838ddab2c8d6a612a11c7d38e6ca076436d', class: {
+            }) }, h("div", { key: '5d3d7646a3d4fc856b7b2e1f53d29fca47b10baf', role: "group", "aria-label": "One-time password input", class: "input-otp-group", ...inheritedAttributes }, Array.from({ length }).map((_, index) => (h(Fragment, null, h("div", { class: "native-wrapper" }, h("input", { class: "native-input", id: `${inputId}-${index}`, "aria-label": `Input ${index + 1} of ${length}`, type: "text", autoCapitalize: autocapitalize, inputmode: inputmode, pattern: pattern, disabled: disabled, readOnly: readonly, tabIndex: index === tabbableIndex ? 0 : -1, value: inputValues[index] || '', autocomplete: "one-time-code", ref: (el) => {
+                if (el) {
+                    inputRefs[index] = el;
+                }
+                else {
+                    // The input was removed, so drop its ref and any after it.
+                    inputRefs.splice(index);
+                }
+            }, onInput: this.onInput(index), onBlur: this.onBlur, onFocus: this.onFocus(index), onKeyDown: this.onKeyDown(index), onPaste: this.onPaste })), this.showSeparator(index) && h("div", { class: "input-otp-separator" }))))), h("div", { key: '9d72a4ab35b5fdd6bba9701050c385ed253b310f', class: {
                 'input-otp-description': true,
                 'input-otp-description-hidden': !hasDescription,
-            } }, h("slot", { key: 'c0736359b26f609b795e399fc1ad9b540632af18' }))));
+            } }, h("slot", { key: '7deb3373c0d4e5deac22fa51577d271b9bb3a6d2' }))));
     }
     static get is() { return "ion-input-otp"; }
     static get encapsulation() { return "scoped"; }
@@ -1054,6 +1077,9 @@ export class InputOTP {
         return [{
                 "propName": "value",
                 "methodName": "valueChanged"
+            }, {
+                "propName": "length",
+                "methodName": "lengthChanged"
             }, {
                 "propName": "separators",
                 "methodName": "processSeparators"

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

@@ -5,7 +5,7 @@ import { Build, Host, h } from "@stencil/core";
 import { getTimeGivenProgression } from "../../utils/animation/cubic-bezier";
 import { focusFirstDescendant, focusLastDescendant } from "../../utils/focus-trap";
 import { GESTURE_CONTROLLER } from "../../utils/gesture/index";
-import { shouldUseCloseWatcher } from "../../utils/hardware-back-button";
+import { shouldUseCloseWatcher, updateCloseWatcher } from "../../utils/hardware-back-button";
 import { inheritAriaAttributes, assert, clamp, isEndSide as isEnd } from "../../utils/helpers";
 import { printIonError } from "../../utils/logging/index";
 import { menuController } from "../../utils/menu-controller/index";
@@ -560,6 +560,7 @@ export class Menu {
         // emit opened/closed events
         this._isOpen = isOpen;
         this.isAnimating = false;
+        updateCloseWatcher();
         if (!this._isOpen) {
             this.blocker.unblock();
         }
@@ -656,14 +657,14 @@ export class Menu {
          * the ionBackButton listener in the menu controller
          * will handle closing the menu when Escape is pressed.
          */
-        return (h(Host, { key: '1208ba437fa58680325408d3d4c8580950da1d68', onKeyDown: shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
+        return (h(Host, { key: '5cf26df26d4e539860cbeaea98ec621b98c3fcfc', onKeyDown: shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
                 [mode]: true,
                 [`menu-type-${type}`]: true,
                 'menu-enabled': !disabled,
                 [`menu-side-${side}`]: true,
                 'menu-pane-visible': isPaneVisible,
                 'split-pane-side': hostContext('ion-split-pane', el),
-            } }, h("div", { key: 'c0ddc957b7a7956b41901d77ae02d91e73071c55', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, h("slot", { key: '6e44c56116431a024f114ab85ded1b822c942fac' })), h("ion-backdrop", { key: '5f4bbcf84444d96ec6b02bf567e1aaf95f59078d', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
+            } }, h("div", { key: 'f337016e293bb8665c99762e0c389dd6c372bb33', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, h("slot", { key: '4c3fe331aa42cd57d7ad9bd1f5910f8eeb62d7da' })), h("ion-backdrop", { key: '61af7ea876d81574841e1dd3e81e2352e555d096', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
     }
     static get is() { return "ion-menu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -30,6 +30,23 @@ export const shouldUseCloseWatcher = () => config.get('experimentalCloseWatcher'
 export const blockHardwareBackButton = () => {
     document.addEventListener('backbutton', () => { });
 };
+const closeWatcherConditions = [];
+let syncCloseWatcher;
+/**
+ * Registers a check for whether the back button
+ * has something to close. The CloseWatcher is only
+ * active while one of these checks passes.
+ */
+export const addCloseWatcherCondition = (condition) => {
+    closeWatcherConditions.push(condition);
+};
+/**
+ * Call this whenever something the back button
+ * can close opens or closes.
+ */
+export const updateCloseWatcher = () => {
+    syncCloseWatcher?.();
+};
 export const startHardwareBackButton = () => {
     const doc = document;
     let busy = false;
@@ -81,32 +98,44 @@ export const startHardwareBackButton = () => {
         processHandlers();
     };
     /**
-     * If the CloseWatcher is defined then
-     * we don't want to also listen for the native
-     * backbutton event otherwise we may get duplicate
-     * events firing.
+     * Android WebView never sends the hardware back
+     * button to a CloseWatcher, so hybrid apps still
+     * need this. Browsers never fire backbutton.
      */
+    doc.addEventListener('backbutton', backButtonCallback);
     if (shouldUseCloseWatcher()) {
         let watcher;
-        const configureWatcher = () => {
-            watcher?.destroy();
+        /**
+         * An active CloseWatcher stops the back button from
+         * navigating, so only keep one while there's something to close.
+         */
+        syncCloseWatcher = () => {
+            const canClose = closeWatcherConditions.some((condition) => condition());
+            if (!canClose) {
+                watcher?.destroy();
+                watcher = undefined;
+                return;
+            }
+            if (watcher !== undefined) {
+                return;
+            }
             watcher = new win.CloseWatcher();
             /**
              * Once a close request happens
              * the watcher gets destroyed.
              * As a result, we need to re-configure
              * the watcher so we can respond to other
-             * close requests.
+             * close requests, including after one that
+             * closed nothing, like a modal whose canDismiss
+             * returned false.
              */
             watcher.onclose = () => {
+                watcher = undefined;
                 backButtonCallback();
-                configureWatcher();
+                syncCloseWatcher?.();
             };
         };
-        configureWatcher();
-    }
-    else {
-        doc.addEventListener('backbutton', backButtonCallback);
+        syncCloseWatcher();
     }
 };
 export const OVERLAY_BACK_BUTTON_PRIORITY = 100;

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

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { doc } from "../browser/index";
-import { MENU_BACK_BUTTON_PRIORITY } from "../hardware-back-button";
+import { MENU_BACK_BUTTON_PRIORITY, addCloseWatcherCondition } from "../hardware-back-button";
 import { printIonWarning } from "../logging/index";
 import { componentOnReady } from "../helpers";
 import { menuOverlayAnimation } from "./animations/overlay";
@@ -184,6 +184,7 @@ const createMenuController = () => {
     registerAnimation('reveal', menuRevealAnimation);
     registerAnimation('push', menuPushAnimation);
     registerAnimation('overlay', menuOverlayAnimation);
+    addCloseWatcherCondition(() => _getOpenSync() !== undefined);
     doc?.addEventListener('ionBackButton', (ev) => {
         const openMenu = _getOpenSync();
         if (openMenu) {

package/dist/collection/utils/overlays.js

@@ -3,7 +3,7 @@
  */
 import { doc } from "./browser/index";
 import { focusFirstDescendant, focusLastDescendant, focusableQueryString } from "./focus-trap";
-import { shouldUseCloseWatcher } from "./hardware-back-button";
+import { addCloseWatcherCondition, shouldUseCloseWatcher, updateCloseWatcher } from "./hardware-back-button";
 import { printIonError, printIonWarning } from "./logging/index";
 import { config } from "../global/config";
 import { getIonMode } from "../global/ionic-global";
@@ -13,6 +13,11 @@ import { OVERLAY_BACK_BUTTON_PRIORITY } from "./hardware-back-button";
 import { addEventListener, componentOnReady, focusVisibleElement, getElementRoot, removeEventListener, } from "./helpers";
 let lastOverlayIndex = 0;
 let lastId = 0;
+/**
+ * Every overlay except toast, which doesn't trap
+ * focus or close on back.
+ */
+const NON_TOAST_OVERLAYS = 'ion-alert,ion-action-sheet,ion-loading,ion-modal,ion-popover';
 export const activeAnimations = new WeakMap();
 /**
  * Determines if the overlay's backdrop is always blocking (no background interaction).
@@ -139,7 +144,7 @@ const focusElementInOverlay = (hostToFocus, overlay) => {
  * Should NOT include: Toast
  */
 const trapKeyboardFocus = (ev, doc) => {
-    const lastOverlay = getPresentedOverlay(doc, 'ion-alert,ion-action-sheet,ion-loading,ion-modal,ion-popover');
+    const lastOverlay = getPresentedOverlay(doc, NON_TOAST_OVERLAYS);
     const target = ev.target;
     /**
      * If no active overlay, ignore this event.
@@ -322,6 +327,11 @@ const connectListeners = (doc) => {
         doc.addEventListener('focus', (ev) => {
             trapKeyboardFocus(ev, doc);
         }, true);
+        /**
+         * Whether the overlay actually dismisses is checked at press time,
+         * since `backdropDismiss` can change while it's open.
+         */
+        addCloseWatcherCondition(() => getPresentedOverlay(doc, NON_TOAST_OVERLAYS) !== undefined);
         // handle back-button click
         doc.addEventListener('ionBackButton', (ev) => {
             const lastOverlay = getPresentedOverlay(doc);
@@ -445,7 +455,8 @@ export const setRootAriaHidden = (hidden = false) => {
  * Cleans up root `aria-hidden` and `backdrop-no-scroll` when
  * an overlay is removed from the DOM without going through
  * the `dismiss()` flow (e.g., when a framework unmounts the
- * overlay during a route change).
+ * overlay during a route change). Also releases the
+ * CloseWatcher if nothing is left to close.
  *
  * Should be called from an overlay's `disconnectedCallback`
  * when the overlay was still presented at the time of removal.
@@ -454,6 +465,7 @@ export const cleanupRootFocusTrapAccessibility = () => {
     if (typeof document === 'undefined') {
         return;
     }
+    updateCloseWatcher();
     const remainingOverlays = getPresentedOverlays(document);
     const hasRemainingLocking = remainingOverlays.some((o) => locksAppRoot(o));
     if (!hasRemainingLocking) {
@@ -475,7 +487,9 @@ const applyRootLock = (el) => {
 };
 /**
  * Re-applies the root lock that `cleanupRootFocusTrapAccessibility()` released.
- * Call from `connectedCallback` when the overlay is still presented.
+ * Call from `connectedCallback` when the overlay is still presented. Also
+ * re-arms the CloseWatcher, which every overlay needs, so that happens
+ * before the `locksAppRoot` check.
  *
  * A synchronous move keeps the overlay connected, so the lock survives. A
  * detach with a re-insert in a later task releases it, which is the shape a
@@ -485,6 +499,7 @@ export const restoreRootFocusTrapAccessibility = (overlayEl) => {
     if (typeof document === 'undefined') {
         return;
     }
+    updateCloseWatcher();
     const el = overlayEl;
     if (!locksAppRoot(el)) {
         return;
@@ -698,6 +713,11 @@ export const dismiss = async (overlay, data, role, name, iosLeaveAnimation, mdLe
         printIonError(`[${overlay.el.tagName.toLowerCase()}] - `, err);
     }
     overlay.el.remove();
+    /**
+     * Release the back button if nothing
+     * else is left to close.
+     */
+    updateCloseWatcher();
     return true;
 };
 const getAppRoot = (doc) => {
@@ -706,6 +726,12 @@ const getAppRoot = (doc) => {
 const overlayAnimation = async (overlay, animationBuilder, baseEl, opts) => {
     // Make overlay visible in case it's hidden
     baseEl.classList.remove('overlay-hidden');
+    /**
+     * Removing `overlay-hidden` makes the overlay count
+     * as presented, so back can dismiss it while it
+     * animates in.
+     */
+    updateCloseWatcher();
     const aniRoot = overlay.el;
     const animation = animationBuilder(aniRoot, opts);
     if (!overlay.animated || !config.getBoolean('animated', true)) {

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-10-01T16:23:38",
+  "timestamp": "2026-10-06T16:55:16",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.45.1",

package/dist/esm/{index-B9jhwvmO.js → index-CzPyKjAQ.js}

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { n as doc, c as componentOnReady } from './helpers-B54ynME_.js';
-import { M as MENU_BACK_BUTTON_PRIORITY } from './overlays-BQnV0HAU.js';
+import { M as MENU_BACK_BUTTON_PRIORITY, q as addCloseWatcherCondition } from './overlays-D5W_ly69.js';
 import { a as printIonWarning } from './index-D9OR05yj.js';
 import { b as getIonMode } from './ionic-global-B-G43ddm.js';
 import { c as createAnimation } from './animation-CFd8Olt3.js';
@@ -271,6 +271,7 @@ const createMenuController = () => {
     registerAnimation('reveal', menuRevealAnimation);
     registerAnimation('push', menuPushAnimation);
     registerAnimation('overlay', menuOverlayAnimation);
+    addCloseWatcherCondition(() => _getOpenSync() !== undefined);
     doc?.addEventListener('ionBackButton', (ev) => {
         const openMenu = _getOpenSync();
         if (openMenu) {

package/dist/esm/index.js

@@ -13,8 +13,8 @@ export { L as LogLevel, c as printIonError, a as printIonWarning } from './index
 export { I as IonicSafeString } from './index-D4ZMZz_3.js';
 export { g as getMode, s as setupConfig } from './config-DWCzVL3Y.js';
 export { o as openURL } from './theme-byZM6qHV.js';
-export { m as menuController } from './index-B9jhwvmO.js';
-export { b as actionSheetController, a as alertController, l as loadingController, m as modalController, p as popoverController, t as toastController } from './overlays-BQnV0HAU.js';
+export { m as menuController } from './index-CzPyKjAQ.js';
+export { b as actionSheetController, a as alertController, l as loadingController, m as modalController, p as popoverController, t as toastController } from './overlays-D5W_ly69.js';
 import './gesture-controller-B_gJaBk0.js';
 import './dir-Dojwmvde.js';
 import './framework-delegate-DeT5pmPB.js';

package/dist/esm/ion-action-sheet.entry.js

@@ -5,7 +5,7 @@ import { r as registerInstance, d as createEvent, e as readTask, h, f as Host, g
 import { c as createButtonActiveGesture } from './button-active-DMuYeDQN.js';
 import { r as raf } from './helpers-B54ynME_.js';
 import { c as createLockController } from './lock-controller-B-hirT0v.js';
-import { c as createDelegateController, d as createTriggerController, B as BACKDROP, i as isCancel, e as present, f as dismiss, g as eventMethod, s as safeCall, h as prepareOverlay, r as restoreRootFocusTrapAccessibility, j as cleanupRootFocusTrapAccessibility, k as setOverlayId } from './overlays-BQnV0HAU.js';
+import { c as createDelegateController, d as createTriggerController, B as BACKDROP, i as isCancel, e as present, f as dismiss, g as eventMethod, s as safeCall, h as prepareOverlay, r as restoreRootFocusTrapAccessibility, j as cleanupRootFocusTrapAccessibility, k as setOverlayId } from './overlays-D5W_ly69.js';
 import { r as renderOptionLabel } from './select-option-render-CGxPejmz.js';
 import { g as getClassMap } from './theme-byZM6qHV.js';
 import { b as getIonMode } from './ionic-global-B-G43ddm.js';

package/dist/esm/ion-alert.entry.js

@@ -7,7 +7,7 @@ import { c as createButtonActiveGesture } from './button-active-DMuYeDQN.js';
 import { r as raf } from './helpers-B54ynME_.js';
 import { c as createLockController } from './lock-controller-B-hirT0v.js';
 import { g as getOverlayLabelJustify, a as getOverlayLabelPlacement } from './overlay-control-label-BSQPZ79H.js';
-import { c as createDelegateController, d as createTriggerController, B as BACKDROP, i as isCancel, h as prepareOverlay, r as restoreRootFocusTrapAccessibility, k as setOverlayId, j as cleanupRootFocusTrapAccessibility, e as present, f as dismiss, g as eventMethod, s as safeCall } from './overlays-BQnV0HAU.js';
+import { c as createDelegateController, d as createTriggerController, B as BACKDROP, i as isCancel, h as prepareOverlay, r as restoreRootFocusTrapAccessibility, k as setOverlayId, j as cleanupRootFocusTrapAccessibility, e as present, f as dismiss, g as eventMethod, s as safeCall } from './overlays-D5W_ly69.js';
 import { s as sanitizeDOMString } from './index-D4ZMZz_3.js';
 import { r as renderOptionLabel } from './select-option-render-CGxPejmz.js';
 import { g as getClassMap } from './theme-byZM6qHV.js';

package/dist/esm/ion-app_8.entry.js

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, i as config, a as printIonWarning, h, f as Host, g as getElement, d as createEvent, e as readTask, j as forceUpdate, w as writeTask, c as printIonError } from './index-D9OR05yj.js';
-import { v as shouldUseCloseWatcher, n as getOverlaySizeType } from './overlays-BQnV0HAU.js';
+import { w as shouldUseCloseWatcher, n as getOverlaySizeType } from './overlays-D5W_ly69.js';
 import { a as isPlatform, b as getIonMode } from './ionic-global-B-G43ddm.js';
 import { i as inheritAriaAttributes, h as hasLazyBuild, c as componentOnReady, e as clamp, v as shallowEqualStringMap } from './helpers-B54ynME_.js';
 import { i as isRTL } from './dir-Dojwmvde.js';
@@ -41,7 +41,7 @@ const App = class {
                     const platform = isPlatform(window, 'ios') ? 'ios' : 'android';
                     import('./input-shims-MCrhq67U.js').then((module) => module.startInputShims(config, platform));
                 }
-                const hardwareBackButtonModule = await import('./overlays-BQnV0HAU.js').then(function (n) { return n.w; });
+                const hardwareBackButtonModule = await import('./overlays-D5W_ly69.js').then(function (n) { return n.y; });
                 const supportsHardwareBackButtonEvents = isHybrid || shouldUseCloseWatcher();
                 if (config.getBoolean('hardwareBackButton', supportsHardwareBackButtonEvents)) {
                     hardwareBackButtonModule.startHardwareBackButton();

package/dist/esm/ion-datetime.entry.js

@@ -4,7 +4,7 @@
 import { c as printIonError, a as printIonWarning, r as registerInstance, d as createEvent, w as writeTask, i as config, h, f as Host, g as getElement } from './index-D9OR05yj.js';
 import { startFocusVisible } from './focus-visible-BmVRXR1y.js';
 import { r as raf, g as getElementRoot, a as renderHiddenInput } from './helpers-B54ynME_.js';
-import { F as FOCUS_TRAP_DISABLE_CLASS } from './overlays-BQnV0HAU.js';
+import { F as FOCUS_TRAP_DISABLE_CLASS } from './overlays-D5W_ly69.js';
 import { i as isRTL } from './dir-Dojwmvde.js';
 import { c as createColorClasses } from './theme-byZM6qHV.js';
 import { b as chevronDown, d as caretUpSharp, e as chevronForward, f as caretDownSharp, c as chevronBack } from './index-BvabGprD.js';

package/dist/esm/ion-input-otp.entry.js

@@ -29,6 +29,11 @@ const InputOTP = class {
          * focus behavior when an input box is focused.
          */
         this.isKeyboardNavigation = false;
+        /**
+         * The `length` watcher runs before new inputs render, so
+         * `componentDidRender` updates their tab indexes instead.
+         */
+        this.updateTabIndexesAfterRender = false;
         this.inputValues = [];
         this.hasFocus = false;
         this.previousInputValues = [];
@@ -388,6 +393,10 @@ const InputOTP = class {
         this.initializeValues();
         this.updateTabIndexes();
     }
+    lengthChanged() {
+        this.initializeValues();
+        this.updateTabIndexesAfterRender = true;
+    }
     /**
      * Processes the separators prop into an array of numbers.
      *
@@ -444,6 +453,12 @@ const InputOTP = class {
     componentDidLoad() {
         this.updateTabIndexes();
     }
+    componentDidRender() {
+        if (this.updateTabIndexesAfterRender) {
+            this.updateTabIndexesAfterRender = false;
+            this.updateTabIndexes();
+        }
+    }
     /**
      * Get the regex pattern for allowed characters.
      * If a pattern is provided, use it to create a regex pattern
@@ -621,7 +636,7 @@ const InputOTP = class {
         const tabbableIndex = this.getTabbableIndex();
         const pattern = this.getPattern();
         const hasDescription = el.querySelector('.input-otp-description')?.textContent?.trim() !== '';
-        return (h(Host, { key: 'bd37661e13cde21feff30c663e6813ce3fff0d9a', class: createColorClasses(color, {
+        return (h(Host, { key: 'def9fbd4fa135e6f435380c6ea86ac1621b4a111', class: createColorClasses(color, {
                 [mode]: true,
                 'has-focus': hasFocus,
                 [`input-otp-size-${size}`]: true,
@@ -629,20 +644,30 @@ const InputOTP = class {
                 [`input-otp-fill-${fill}`]: true,
                 'input-otp-disabled': disabled,
                 'input-otp-readonly': readonly,
-            }) }, h("div", { key: '5e206f870024f1ecfebda999ff31e6e815774deb', role: "group", "aria-label": "One-time password input", class: "input-otp-group", ...inheritedAttributes }, Array.from({ length }).map((_, index) => (h(Fragment, null, h("div", { class: "native-wrapper" }, h("input", { class: "native-input", id: `${inputId}-${index}`, "aria-label": `Input ${index + 1} of ${length}`, type: "text", autoCapitalize: autocapitalize, inputmode: inputmode, pattern: pattern, disabled: disabled, readOnly: readonly, tabIndex: index === tabbableIndex ? 0 : -1, value: inputValues[index] || '', autocomplete: "one-time-code", ref: (el) => (inputRefs[index] = el), onInput: this.onInput(index), onBlur: this.onBlur, onFocus: this.onFocus(index), onKeyDown: this.onKeyDown(index), onPaste: this.onPaste })), this.showSeparator(index) && h("div", { class: "input-otp-separator" }))))), h("div", { key: 'c268f838ddab2c8d6a612a11c7d38e6ca076436d', class: {
+            }) }, h("div", { key: '5d3d7646a3d4fc856b7b2e1f53d29fca47b10baf', role: "group", "aria-label": "One-time password input", class: "input-otp-group", ...inheritedAttributes }, Array.from({ length }).map((_, index) => (h(Fragment, null, h("div", { class: "native-wrapper" }, h("input", { class: "native-input", id: `${inputId}-${index}`, "aria-label": `Input ${index + 1} of ${length}`, type: "text", autoCapitalize: autocapitalize, inputmode: inputmode, pattern: pattern, disabled: disabled, readOnly: readonly, tabIndex: index === tabbableIndex ? 0 : -1, value: inputValues[index] || '', autocomplete: "one-time-code", ref: (el) => {
+                if (el) {
+                    inputRefs[index] = el;
+                }
+                else {
+                    // The input was removed, so drop its ref and any after it.
+                    inputRefs.splice(index);
+                }
+            }, onInput: this.onInput(index), onBlur: this.onBlur, onFocus: this.onFocus(index), onKeyDown: this.onKeyDown(index), onPaste: this.onPaste })), this.showSeparator(index) && h("div", { class: "input-otp-separator" }))))), h("div", { key: '9d72a4ab35b5fdd6bba9701050c385ed253b310f', class: {
                 'input-otp-description': true,
                 'input-otp-description-hidden': !hasDescription,
-            } }, h("slot", { key: 'c0736359b26f609b795e399fc1ad9b540632af18' }))));
+            } }, h("slot", { key: '7deb3373c0d4e5deac22fa51577d271b9bb3a6d2' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
         "value": [{
                 "valueChanged": 0
             }],
-        "separators": [{
+        "length": [{
+                "lengthChanged": 0
+            }, {
                 "processSeparators": 0
             }],
-        "length": [{
+        "separators": [{
                 "processSeparators": 0
             }]
     }; }

package/dist/esm/ion-loading.entry.js

@@ -5,7 +5,7 @@ import { r as registerInstance, d as createEvent, i as config, h, f as Host, g a
 import { E as ENABLE_HTML_CONTENT_DEFAULT } from './config-DWCzVL3Y.js';
 import { r as raf } from './helpers-B54ynME_.js';
 import { c as createLockController } from './lock-controller-B-hirT0v.js';
-import { c as createDelegateController, d as createTriggerController, B as BACKDROP, h as prepareOverlay, r as restoreRootFocusTrapAccessibility, k as setOverlayId, j as cleanupRootFocusTrapAccessibility, e as present, f as dismiss, g as eventMethod } from './overlays-BQnV0HAU.js';
+import { c as createDelegateController, d as createTriggerController, B as BACKDROP, h as prepareOverlay, r as restoreRootFocusTrapAccessibility, k as setOverlayId, j as cleanupRootFocusTrapAccessibility, e as present, f as dismiss, g as eventMethod } from './overlays-D5W_ly69.js';
 import { s as sanitizeDOMString } from './index-D4ZMZz_3.js';
 import { g as getClassMap } from './theme-byZM6qHV.js';
 import { b as getIonMode } from './ionic-global-B-G43ddm.js';

package/dist/esm/ion-menu_3.entry.js

@@ -3,10 +3,10 @@
  */
 import { r as registerInstance, d as createEvent, i as config, c as printIonError, h, f as Host, g as getElement } from './index-D9OR05yj.js';
 import { g as getTimeGivenProgression } from './cubic-bezier-hHmYLOfE.js';
-import { q as getPresentedOverlay, B as BACKDROP, o as focusFirstDescendant, u as focusLastDescendant, G as GESTURE, v as shouldUseCloseWatcher } from './overlays-BQnV0HAU.js';
+import { u as getPresentedOverlay, B as BACKDROP, o as focusFirstDescendant, v as focusLastDescendant, G as GESTURE, w as shouldUseCloseWatcher, x as updateCloseWatcher } from './overlays-D5W_ly69.js';
 import { G as GESTURE_CONTROLLER } from './gesture-controller-B_gJaBk0.js';
 import { s as isEndSide, i as inheritAriaAttributes, l as assert, e as clamp } from './helpers-B54ynME_.js';
-import { m as menuController } from './index-B9jhwvmO.js';
+import { m as menuController } from './index-CzPyKjAQ.js';
 import { b as getIonMode, a as isPlatform } from './ionic-global-B-G43ddm.js';
 import { h as hostContext, c as createColorClasses } from './theme-byZM6qHV.js';
 import { u as menuOutline, v as menuSharp } from './index-BvabGprD.js';
@@ -563,6 +563,7 @@ const Menu = class {
         // emit opened/closed events
         this._isOpen = isOpen;
         this.isAnimating = false;
+        updateCloseWatcher();
         if (!this._isOpen) {
             this.blocker.unblock();
         }
@@ -659,14 +660,14 @@ const Menu = class {
          * the ionBackButton listener in the menu controller
          * will handle closing the menu when Escape is pressed.
          */
-        return (h(Host, { key: '1208ba437fa58680325408d3d4c8580950da1d68', onKeyDown: shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
+        return (h(Host, { key: '5cf26df26d4e539860cbeaea98ec621b98c3fcfc', onKeyDown: shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
                 [mode]: true,
                 [`menu-type-${type}`]: true,
                 'menu-enabled': !disabled,
                 [`menu-side-${side}`]: true,
                 'menu-pane-visible': isPaneVisible,
                 'split-pane-side': hostContext('ion-split-pane', el),
-            } }, h("div", { key: 'c0ddc957b7a7956b41901d77ae02d91e73071c55', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, h("slot", { key: '6e44c56116431a024f114ab85ded1b822c942fac' })), h("ion-backdrop", { key: '5f4bbcf84444d96ec6b02bf567e1aaf95f59078d', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
+            } }, h("div", { key: 'f337016e293bb8665c99762e0c389dd6c372bb33', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, h("slot", { key: '4c3fe331aa42cd57d7ad9bd1f5910f8eeb62d7da' })), h("ion-backdrop", { key: '61af7ea876d81574841e1dd3e81e2352e555d096', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/ion-modal.entry.js

@@ -7,7 +7,7 @@ import { C as CoreDelegate, a as attachComponent, d as detachComponent } from '.
 import { w as win, o as onCustomPropertyChange, g as getElementRoot, e as clamp, r as raf, b as inheritAttributes, h as hasLazyBuild } from './helpers-B54ynME_.js';
 import { c as createLockController } from './lock-controller-B-hirT0v.js';
 import { g as getCapacitor } from './capacitor-CoEgIpR9.js';
-import { G as GESTURE, O as OVERLAY_GESTURE_PRIORITY, F as FOCUS_TRAP_DISABLE_CLASS, n as getOverlaySizeType, d as createTriggerController, B as BACKDROP, h as prepareOverlay, r as restoreRootFocusTrapAccessibility, j as cleanupRootFocusTrapAccessibility, k as setOverlayId, e as present, f as dismiss, g as eventMethod } from './overlays-BQnV0HAU.js';
+import { G as GESTURE, O as OVERLAY_GESTURE_PRIORITY, F as FOCUS_TRAP_DISABLE_CLASS, n as getOverlaySizeType, d as createTriggerController, B as BACKDROP, h as prepareOverlay, r as restoreRootFocusTrapAccessibility, j as cleanupRootFocusTrapAccessibility, k as setOverlayId, e as present, f as dismiss, g as eventMethod } from './overlays-D5W_ly69.js';
 import { g as getClassMap } from './theme-byZM6qHV.js';
 import { e as deepReady, w as waitForMount } from './index-B8iieOdw.js';
 import { b as getIonMode } from './ionic-global-B-G43ddm.js';

package/dist/esm/ion-popover.entry.js

@@ -2,7 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { r as registerInstance, d as createEvent, a as printIonWarning, h, f as Host, g as getElement } from './index-D9OR05yj.js';
-import { B as BACKDROP, h as prepareOverlay, r as restoreRootFocusTrapAccessibility, j as cleanupRootFocusTrapAccessibility, k as setOverlayId, e as present, o as focusFirstDescendant, f as dismiss, g as eventMethod, F as FOCUS_TRAP_DISABLE_CLASS } from './overlays-BQnV0HAU.js';
+import { B as BACKDROP, h as prepareOverlay, r as restoreRootFocusTrapAccessibility, j as cleanupRootFocusTrapAccessibility, k as setOverlayId, e as present, o as focusFirstDescendant, f as dismiss, g as eventMethod, F as FOCUS_TRAP_DISABLE_CLASS } from './overlays-D5W_ly69.js';
 import { C as CoreDelegate, a as attachComponent, d as detachComponent } from './framework-delegate-DeT5pmPB.js';
 import { g as getElementRoot, r as raf, f as addEventListener, h as hasLazyBuild } from './helpers-B54ynME_.js';
 import { c as createLockController } from './lock-controller-B-hirT0v.js';

package/dist/esm/ion-select-modal.entry.js

@@ -4,7 +4,7 @@
 import { r as registerInstance, h, j as forceUpdate, f as Host, g as getElement } from './index-D9OR05yj.js';
 import { b as getIonMode } from './ionic-global-B-G43ddm.js';
 import { a as getOverlayLabelPlacement, g as getOverlayLabelJustify } from './overlay-control-label-BSQPZ79H.js';
-import { s as safeCall } from './overlays-BQnV0HAU.js';
+import { s as safeCall } from './overlays-D5W_ly69.js';
 import { r as renderOptionLabel } from './select-option-render-CGxPejmz.js';
 import { g as getClassMap } from './theme-byZM6qHV.js';
 import './helpers-B54ynME_.js';

package/dist/esm/ion-select_3.entry.js

@@ -7,7 +7,7 @@ import { g as getSlottedClickContent, c as createSlotMutationController, a as cr
 import { c as compareOptions, i as isOptionSelected } from './compare-with-utils-sObYyvOy.js';
 import { c as checkInvalidState } from './validity-DJztqcrH.js';
 import { b as inheritAttributes, a as renderHiddenInput, p as focusVisibleElement } from './helpers-B54ynME_.js';
-import { p as popoverController, b as actionSheetController, a as alertController, m as modalController, s as safeCall } from './overlays-BQnV0HAU.js';
+import { p as popoverController, b as actionSheetController, a as alertController, m as modalController, s as safeCall } from './overlays-D5W_ly69.js';
 import { i as isRTL } from './dir-Dojwmvde.js';
 import { r as reflectPropertiesToAttributes, a as sanitizeDOMTree, b as blockedTags } from './index-D4ZMZz_3.js';
 import { h as hostContext, c as createColorClasses, g as getClassMap } from './theme-byZM6qHV.js';

package/dist/esm/ion-toast.entry.js

@@ -5,7 +5,7 @@ import { a as printIonWarning, r as registerInstance, d as createEvent, i as con
 import { E as ENABLE_HTML_CONTENT_DEFAULT } from './config-DWCzVL3Y.js';
 import { w as win, g as getElementRoot, r as raf } from './helpers-B54ynME_.js';
 import { c as createLockController } from './lock-controller-B-hirT0v.js';
-import { O as OVERLAY_GESTURE_PRIORITY, c as createDelegateController, d as createTriggerController, i as isCancel, h as prepareOverlay, k as setOverlayId, e as present, f as dismiss, g as eventMethod, s as safeCall, G as GESTURE } from './overlays-BQnV0HAU.js';
+import { O as OVERLAY_GESTURE_PRIORITY, c as createDelegateController, d as createTriggerController, i as isCancel, h as prepareOverlay, k as setOverlayId, e as present, f as dismiss, g as eventMethod, s as safeCall, G as GESTURE } from './overlays-D5W_ly69.js';
 import { s as sanitizeDOMString } from './index-D4ZMZz_3.js';
 import { c as createColorClasses, g as getClassMap } from './theme-byZM6qHV.js';
 import { b as getIonMode } from './ionic-global-B-G43ddm.js';