@ionic/core 9.0.4-nightly.20260914 → 9.0.4-nightly.20260916

package/dist/collection/components/modal/safe-area-utils.js

@@ -2,41 +2,14 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { win } from "../../utils/browser/index";
-import { raf } from "../../utils/helpers";
-/**
- * These thresholds match the SCSS media query breakpoints in modal.vars.scss
- * that trigger the centered dialog layout (non-fullscreen modal).
- *
- * SCSS defines two height breakpoints: $modal-inset-min-height-small (600px)
- * and $modal-inset-min-height-large (768px). We use the smaller one because
- * that's the threshold where the modal transitions from fullscreen to centered
- * dialog — the larger breakpoint only increases the dialog's height.
- */
-const MODAL_INSET_MIN_WIDTH = 768;
-const MODAL_INSET_MIN_HEIGHT = 600;
+import { onCustomPropertyChange, raf } from "../../utils/helpers";
+import { getOverlaySizeType } from "../../utils/overlays";
 const EDGE_THRESHOLD = 5;
-/**
- * CSS values for `--width` / `--height` that are treated as fullscreen
- * (modal touches the corresponding screen edges). Empty string means the
- * property was not overridden. See `hasCustomModalDimensions()`.
- */
-const FULLSCREEN_SIZE_VALUES = new Set(['', '100%', '100vw', '100vh', '100dvw', '100dvh', '100svw', '100svh']);
 /**
  * Cache for resolved root safe-area-top value, invalidated once per frame.
  */
 let cachedRootSafeAreaTop = null;
 let cacheInvalidationScheduled = false;
-/**
- * Determines if the current viewport meets the CSS media query conditions
- * that cause regular modals to render as centered dialogs instead of fullscreen.
- * Matches: @media (min-width: 768px) and (min-height: 600px)
- */
-const isCenteredDialogViewport = () => {
-    if (!win)
-        return false;
-    return win.matchMedia(`(min-width: ${MODAL_INSET_MIN_WIDTH}px) and (min-height: ${MODAL_INSET_MIN_HEIGHT}px)`)
-        .matches;
-};
 /**
  * Resolves the current root --ion-safe-area-top value to pixels.
  * Uses a temporary element because getComputedStyle on :root returns
@@ -70,55 +43,64 @@ export const getRootSafeAreaTop = () => {
     return value;
 };
 /**
- * Calls back when the resolved root `--ion-safe-area-top` changes, which no
- * event and no window resize covers. The probe's height tracks the variable, so
- * a change to it becomes a size change the observer can see.
+ * Calls back when the resolved root `--ion-safe-area-top` changes. The value
+ * the caller already applied is passed as the baseline, so a change between
+ * that read and the observer starting is still reported.
  */
 export const onRootSafeAreaTopChange = (callback) => {
-    const doc = win?.document;
-    if (!doc?.body || typeof ResizeObserver === 'undefined') {
-        return () => undefined;
-    }
-    const probe = doc.createElement('div');
-    probe.style.cssText =
-        'position:fixed;visibility:hidden;pointer-events:none;top:0;left:0;width:0;' +
-            'height:var(--ion-safe-area-top,0px);';
-    doc.body.appendChild(probe);
-    /**
-     * Seeded with the value the caller has already applied, so a change that
-     * lands before the observer's first delivery still gets reported. Comparing
-     * against an unset value instead would consume that first delivery and treat
-     * the new inset as the baseline.
-     */
-    let lastHeight = getRootSafeAreaTop();
-    const observer = new ResizeObserver((entries) => {
-        const { height } = entries[0].contentRect;
-        if (height !== lastHeight) {
-            lastHeight = height;
-            callback(height);
-        }
-    });
-    observer.observe(probe);
-    return () => {
-        observer.disconnect();
-        probe.remove();
-    };
+    return onCustomPropertyChange(win?.document?.body, '--ion-safe-area-top', callback, getRootSafeAreaTop());
 };
 /**
- * True when the modal host declares BOTH a non-fullscreen `--width` AND a
- * non-fullscreen `--height` (i.e. a centered-dialog-like modal that doesn't
- * touch any screen edge).
+ * Determines which viewport axes the modal spans so safe-area requirements
+ * can be predicted independently for each axis.
  *
- * The conservative "both axes" check avoids mis-zeroing safe-area for
- * partial-custom modals where the modal still touches top/bottom edges
- * (e.g. only `--width` overridden). Partial cases fall through to the
- * existing position-based post-animation correction.
+ * A modal that spans an axis reaches both edges on that axis and needs the
+ * corresponding safe-area insets. A modal that does not span an axis reaches
+ * neither edge on that axis.
+ *
+ * When both `--width` and `--height` are `fullscreen`, coverage can be
+ * determined directly. Otherwise, coverage is based on the rendered wrapper,
+ * including cases where content sizing or `--max-height` causes the modal
+ * to reach the viewport.
  */
-export const hasCustomModalDimensions = (hostEl) => {
+export const getModalCoveredAxes = (hostEl) => {
     const styles = getComputedStyle(hostEl);
-    const width = styles.getPropertyValue('--width').trim();
-    const height = styles.getPropertyValue('--height').trim();
-    return !FULLSCREEN_SIZE_VALUES.has(width) && !FULLSCREEN_SIZE_VALUES.has(height);
+    const width = getOverlaySizeType(styles.getPropertyValue('--width'));
+    const height = getOverlaySizeType(styles.getPropertyValue('--height'));
+    if (width === 'fullscreen' && height === 'fullscreen') {
+        return { vertical: true, horizontal: true };
+    }
+    return measureCoveredAxes(hostEl);
+};
+/**
+ * Measures the modal wrapper to determine whether it spans the viewport
+ * on each axis.
+ *
+ * The wrapper has no box while the modal is hidden, so `overlay-hidden`
+ * is temporarily removed to allow the wrapper to be measured. The class
+ * is restored in the same task before the browser can paint.
+ *
+ * Only the wrapper's size is measured. Its position is affected by the
+ * enter animation, which initially translates it by its own height, while
+ * the translation does not affect its measured size.
+ */
+const measureCoveredAxes = (hostEl) => {
+    const wrapperEl = hostEl.shadowRoot?.querySelector('.modal-wrapper');
+    if (wrapperEl == null || win === undefined) {
+        return { vertical: false, horizontal: false };
+    }
+    const wasHidden = hostEl.classList.contains('overlay-hidden');
+    if (wasHidden) {
+        hostEl.classList.remove('overlay-hidden');
+    }
+    const { width, height } = wrapperEl.getBoundingClientRect();
+    if (wasHidden) {
+        hostEl.classList.add('overlay-hidden');
+    }
+    return {
+        vertical: height >= win.innerHeight - EDGE_THRESHOLD,
+        horizontal: width >= win.innerWidth - EDGE_THRESHOLD,
+    };
 };
 /**
  * Returns the initial safe-area configuration based on modal type.
@@ -152,26 +134,23 @@ export const getInitialSafeAreaConfig = (context) => {
             right: '0px',
         };
     }
-    // On viewports that meet the centered dialog media query breakpoints,
-    // regular modals render as centered dialogs (not fullscreen), so they
-    // don't touch any screen edges and don't need safe-area insets. Also
-    // applies to phone viewports when the modal declares custom --width and
-    // --height; these don't touch screen edges either, so the initial
-    // prediction must be zero to avoid a post-animation correction flash.
-    if (isCenteredDialogViewport() || context.hasCustomDimensions) {
-        return {
-            top: '0px',
-            bottom: '0px',
-            left: '0px',
-            right: '0px',
-        };
-    }
-    // Fullscreen modals on phone - inherit all safe areas
+    /**
+     * Each axis is evaluated independently because a modal can span one axis
+     * without spanning the other. This allows the initial safe-area configuration
+     * to match the modal's expected dimensions and avoids correcting an incorrect
+     * pair of insets after presentation.
+     *
+     * A modal can span the horizontal axis while remaining inset vertically, or
+     * span the vertical axis while remaining inset horizontally. Wide viewports
+     * can also render regular modals as centered dialogs, while content-sized
+     * modals may still be clamped to the viewport.
+     */
+    const { vertical, horizontal } = context.coveredAxes ?? { vertical: true, horizontal: true };
     return {
-        top: 'inherit',
-        bottom: 'inherit',
-        left: 'inherit',
-        right: 'inherit',
+        top: vertical ? 'inherit' : '0px',
+        bottom: vertical ? 'inherit' : '0px',
+        left: horizontal ? 'inherit' : '0px',
+        right: horizontal ? 'inherit' : '0px',
     };
 };
 /**

package/dist/collection/components/modal/utils.js

@@ -2,6 +2,7 @@
  * (C) Ionic http://ionicframework.com - MIT License
  */
 import { win } from "../../utils/browser/index";
+import { onCustomPropertyChange } from "../../utils/helpers";
 import { StatusBar, Style } from "../../utils/native/status-bar";
 /**
  * Use y = mx + b to
@@ -78,3 +79,9 @@ export const setCardStatusBarDefault = (defaultStyle = Style.Default) => {
     }
     StatusBar.setStyle({ style: defaultStyle });
 };
+/**
+ * Calls back when the modal's resolved `--height` changes.
+ */
+export const onModalHeightChange = (hostEl, callback) => {
+    return onCustomPropertyChange(hostEl, '--height', () => callback());
+};

package/dist/collection/utils/helpers.js

@@ -1,6 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
+import { win } from "./browser/index";
 import { printIonError } from "./logging/index";
 import { isRTL } from "./rtl/index";
 export const transitionEndAsync = (el, expectedDuration = 0) => {
@@ -176,6 +177,44 @@ export const addEventListener = (el, eventName, callback, opts) => {
 export const removeEventListener = (el, eventName, callback, opts) => {
     return el.removeEventListener(eventName, callback, opts);
 };
+/**
+ * Calls back when a CSS custom property that resolves to a length changes,
+ * which no event covers. The probe inherits the property from `hostEl` and
+ * uses it as its height, turning a property change into a size change that
+ * `ResizeObserver` can detect.
+ *
+ * The callback receives the probe's height. For length values, this matches
+ * the resolved property value. For other values, such as `fit-content`, the
+ * probe remains at zero, so the value only signals that the property changed.
+ * Percentages resolve against the probe's containing block, not the element
+ * where the property is ultimately used.
+ *
+ * Pass `initialValue` when the caller has already read the property so that
+ * changes occurring before the observer's first delivery are not missed.
+ * Without it, the first delivery establishes the baseline.
+ */
+export const onCustomPropertyChange = (hostEl, property, callback, initialValue) => {
+    const doc = win?.document;
+    if (!doc || !hostEl || typeof ResizeObserver === 'undefined') {
+        return () => undefined;
+    }
+    const probe = doc.createElement('div');
+    probe.style.cssText = `position:fixed;visibility:hidden;pointer-events:none;top:0;left:0;width:0;height:var(${property},0px);`;
+    hostEl.appendChild(probe);
+    let lastHeight = initialValue;
+    const observer = new ResizeObserver((entries) => {
+        const { height } = entries[0].contentRect;
+        if (lastHeight !== undefined && height !== lastHeight) {
+            callback(height);
+        }
+        lastHeight = height;
+    });
+    observer.observe(probe);
+    return () => {
+        observer.disconnect();
+        probe.remove();
+    };
+};
 /**
  * Gets the root context of a shadow dom element
  * On newer browsers this will be the shadowRoot,

package/dist/collection/utils/overlays.js

@@ -764,6 +764,40 @@ export const safeCall = (handler, arg) => {
     }
     return undefined;
 };
+/**
+ * `--width` and `--height` values that leave an overlay spanning the viewport
+ * on that axis, so it reaches both edges. An empty value means the property
+ * was never overridden.
+ */
+const FULLSCREEN_SIZES = ['', '100%', '100vw', '100vh', '100dvw', '100dvh', '100svw', '100svh'];
+/**
+ * `--width` and `--height` values that size an overlay to its content, leaving
+ * the rendered size dependent on the content and on `--max-width` or
+ * `--max-height`.
+ */
+const CONTENT_SIZES = ['auto', 'fit-content', 'min-content', 'max-content'];
+/**
+ * How an overlay's `--width` or `--height` determines its used size:
+ *
+ * `fullscreen` spans the viewport on that axis. `content` depends on the
+ * overlay's content, so its used size is not known until layout. `definite`
+ * resolves independently of the overlay's content size.
+ *
+ * Values are lowercased because CSS keywords are case-insensitive, while a
+ * custom property preserves the case in which it was authored. Content values
+ * are matched as a suffix so vendor-prefixed values such as `-moz-fit-content`
+ * are recognized.
+ */
+export const getOverlaySizeType = (size) => {
+    const value = size.trim().toLowerCase();
+    if (FULLSCREEN_SIZES.includes(value)) {
+        return 'fullscreen';
+    }
+    if (CONTENT_SIZES.some((keyword) => value.endsWith(keyword))) {
+        return 'content';
+    }
+    return 'definite';
+};
 export const BACKDROP = 'backdrop';
 export const GESTURE = 'gesture';
 export const OVERLAY_GESTURE_PRIORITY = 39;

package/dist/docs.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2026-09-14T06:23:22",
+  "timestamp": "2026-09-16T06:18:51",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.44.2",
+    "version": "4.45.0",
     "typescriptVersion": "5.8.3"
   },
   "components": [

package/dist/esm/{animation-BFNVlYum.js → animation-CAzXJ2I1.js}

@@ -1,8 +1,8 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { j as printIonError } from './index-C23AVPx9.js';
-import { w as win } from './index-ZjP4CjeZ.js';
+import { j as printIonError } from './index-Dvqtt_WK.js';
+import { w as win } from './helpers-BJFnZngp.js';
 
 let animationPrefix;
 const getAnimationPrefix = (el) => {

package/dist/esm/{app-globals-BgX0BGL1.js → app-globals-DGJXnnkm.js}

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

package/dist/esm/{button-active-BfOvDr3b.js → button-active-DyyWVqU3.js}

@@ -1,8 +1,8 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { w as writeTask } from './index-C23AVPx9.js';
-import { h as hapticSelectionEnd, a as hapticSelectionChanged, b as hapticSelectionStart } from './haptic-Cq4UAeka.js';
+import { w as writeTask } from './index-Dvqtt_WK.js';
+import { h as hapticSelectionEnd, a as hapticSelectionChanged, b as hapticSelectionStart } from './haptic-D3njgGLB.js';
 import { createGesture } from './index-BmLuEdV7.js';
 
 const createButtonActiveGesture = (el, isButton) => {

package/dist/esm/{capacitor-CFERIeaU.js → capacitor-C041I3qZ.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 './helpers-BJFnZngp.js';
 
 const getCapacitor = () => {
     if (win !== undefined) {

package/dist/esm/{format-DDFE9jM5.js → format-D78cdY12.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { f as printIonWarning } from './index-C23AVPx9.js';
+import { f as printIonWarning } from './index-Dvqtt_WK.js';
 
 /**
  * Returns true if the selected day is equal to the reference day

package/dist/esm/{framework-delegate-BwNhx9NR.js → framework-delegate-CUDbUfWS.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { c as componentOnReady } from './helpers-BSmc0nst.js';
+import { c as componentOnReady } from './helpers-BJFnZngp.js';
 
 // TODO(FW-2832): types
 const attachComponent = async (delegate, container, component, cssClasses, componentProps, inline) => {

package/dist/esm/{haptic-Cq4UAeka.js → haptic-D3njgGLB.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-C041I3qZ.js';
 
 var ImpactStyle;
 (function (ImpactStyle) {

package/dist/esm/{helpers-BSmc0nst.js → helpers-BJFnZngp.js}

@@ -1,9 +1,12 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { j as printIonError } from './index-C23AVPx9.js';
+import { j as printIonError } from './index-Dvqtt_WK.js';
 import { i as isRTL } from './dir-Dojwmvde.js';
 
+const win = typeof window !== 'undefined' ? window : undefined;
+const doc = typeof document !== 'undefined' ? document : undefined;
+
 const transitionEndAsync = (el, expectedDuration = 0) => {
     return new Promise((resolve) => {
         transitionEnd(el, expectedDuration, resolve);
@@ -174,6 +177,44 @@ const addEventListener = (el, eventName, callback, opts) => {
 const removeEventListener = (el, eventName, callback, opts) => {
     return el.removeEventListener(eventName, callback, opts);
 };
+/**
+ * Calls back when a CSS custom property that resolves to a length changes,
+ * which no event covers. The probe inherits the property from `hostEl` and
+ * uses it as its height, turning a property change into a size change that
+ * `ResizeObserver` can detect.
+ *
+ * The callback receives the probe's height. For length values, this matches
+ * the resolved property value. For other values, such as `fit-content`, the
+ * probe remains at zero, so the value only signals that the property changed.
+ * Percentages resolve against the probe's containing block, not the element
+ * where the property is ultimately used.
+ *
+ * Pass `initialValue` when the caller has already read the property so that
+ * changes occurring before the observer's first delivery are not missed.
+ * Without it, the first delivery establishes the baseline.
+ */
+const onCustomPropertyChange = (hostEl, property, callback, initialValue) => {
+    const doc = win?.document;
+    if (!doc || !hostEl || typeof ResizeObserver === 'undefined') {
+        return () => undefined;
+    }
+    const probe = doc.createElement('div');
+    probe.style.cssText = `position:fixed;visibility:hidden;pointer-events:none;top:0;left:0;width:0;height:var(${property},0px);`;
+    hostEl.appendChild(probe);
+    let lastHeight = initialValue;
+    const observer = new ResizeObserver((entries) => {
+        const { height } = entries[0].contentRect;
+        if (lastHeight !== undefined && height !== lastHeight) {
+            callback(height);
+        }
+        lastHeight = height;
+    });
+    observer.observe(probe);
+    return () => {
+        observer.disconnect();
+        probe.remove();
+    };
+};
 /**
  * Gets the root context of a shadow dom element
  * On newer browsers this will be the shadowRoot,
@@ -340,4 +381,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, doc as n, onCustomPropertyChange as o, focusVisibleElement as p, isEndSide as q, raf as r, debounce as s, transitionEndAsync as t, shallowEqualStringMap as u, pointerCoord as v, win as w };

package/dist/esm/{index-DnA_7Bnx.js → index-CdoVp_rZ.js}

@@ -1,8 +1,8 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { e as config, f as printIonWarning, w as writeTask, B as Build } from './index-C23AVPx9.js';
-import { r as raf } from './helpers-BSmc0nst.js';
+import { e as config, f as printIonWarning, w as writeTask, B as Build } from './index-Dvqtt_WK.js';
+import { r as raf } from './helpers-BJFnZngp.js';
 
 const LIFECYCLE_WILL_ENTER = 'ionViewWillEnter';
 const LIFECYCLE_DID_ENTER = 'ionViewDidEnter';
@@ -118,8 +118,8 @@ const createFocusController = () => {
 };
 const LAST_FOCUS = 'ion-last-focus';
 
-const iosTransitionAnimation = () => import('./ios.transition-CWAgfQ1r.js');
-const mdTransitionAnimation = () => import('./md.transition-ZuqDDdDW.js');
+const iosTransitionAnimation = () => import('./ios.transition-ofa92pAl.js');
+const mdTransitionAnimation = () => import('./md.transition-DnFfqsAv.js');
 const focusController = createFocusController();
 // TODO(FW-2832): types
 /**

package/dist/esm/{index-D76bbuoi.js → index-DmnOg_xm.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { f as printIonWarning, j as printIonError } from './index-C23AVPx9.js';
+import { f as printIonWarning, j as printIonError } from './index-Dvqtt_WK.js';
 
 /**
  * Sanitize an untrusted HTML string.

package/dist/esm/{index-CJln0gS3.js → index-DoY4e_3F.js}

@@ -1,9 +1,8 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { d as doc } from './index-ZjP4CjeZ.js';
-import { q as pointerCoord } from './helpers-BSmc0nst.js';
-import './index-C23AVPx9.js';
+import { n as doc, v as pointerCoord } from './helpers-BJFnZngp.js';
+import './index-Dvqtt_WK.js';
 import './dir-Dojwmvde.js';
 
 const startTapClick = (config) => {

package/dist/esm/{index-C23AVPx9.js → index-Dvqtt_WK.js}

@@ -141,7 +141,7 @@ const printRequiredElementError = (el, ...targetSelectors) => {
 };
 
 /*
- Stencil Client Platform v4.44.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.45.0 | MIT Licensed | https://stenciljs.com
  */
 
 var Build = {
@@ -2511,7 +2511,7 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
       if (idxInOld >= 0) {
         elmToMove = oldCh[idxInOld];
         if (elmToMove.$tag$ !== newStartVnode.$tag$) {
-          node = createElm(oldCh && oldCh[newStartIdx], newVNode2, idxInOld);
+          node = createElm(oldCh && oldCh[newStartIdx], newVNode2, newStartIdx);
         } else {
           patch(elmToMove, newStartVnode, isInitialRender);
           oldCh[idxInOld] = void 0;
@@ -3180,21 +3180,26 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
                 }
                 return;
               }
-              const setterSetVal = () => {
+              const parsedValue = parsePropertyValue(
+                newValue,
+                memberFlags);
+              const setterSetVal = (val) => {
                 const currentValue = ref.$lazyInstance$[memberName];
                 if (!ref.$instanceValues$.get(memberName) && currentValue) {
                   ref.$instanceValues$.set(memberName, currentValue);
                 }
-                ref.$lazyInstance$[memberName] = parsePropertyValue(
-                  newValue,
-                  memberFlags);
+                ref.$lazyInstance$[memberName] = val;
                 setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
               };
               if (ref.$lazyInstance$) {
-                setterSetVal();
+                setterSetVal(parsedValue);
               } else {
+                ref.$instanceValues$.set(memberName, parsedValue);
                 ref.$fetchedCbList$.push(() => {
-                  setterSetVal();
+                  const pendingValue = ref.$instanceValues$.get(memberName);
+                  if (ref.$lazyInstance$[memberName] !== pendingValue) {
+                    setterSetVal(pendingValue);
+                  }
                 });
               }
             }

package/dist/esm/{index-BuPaALjU.js → index-iurdcGHg.js}

@@ -1,12 +1,11 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { d as doc } from './index-ZjP4CjeZ.js';
-import { MENU_BACK_BUTTON_PRIORITY } from './hardware-back-button-DmkiRgOT.js';
-import { f as printIonWarning } from './index-C23AVPx9.js';
-import { c as componentOnReady } from './helpers-BSmc0nst.js';
-import { b as getIonMode } from './ionic-global-ZXjCXKH0.js';
-import { c as createAnimation } from './animation-BFNVlYum.js';
+import { n as doc, c as componentOnReady } from './helpers-BJFnZngp.js';
+import { M as MENU_BACK_BUTTON_PRIORITY } from './overlays-a_5AhqWk.js';
+import { f as printIonWarning } from './index-Dvqtt_WK.js';
+import { b as getIonMode } from './ionic-global-BSaFA7np.js';
+import { c as createAnimation } from './animation-CAzXJ2I1.js';
 
 /**
  * baseAnimation

package/dist/esm/{index-C1b9CLFg.js → index-obGyiHiO.js}

@@ -1,8 +1,8 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { c as componentOnReady } from './helpers-BSmc0nst.js';
-import { t as printRequiredElementError } from './index-C23AVPx9.js';
+import { c as componentOnReady } from './helpers-BJFnZngp.js';
+import { t as printRequiredElementError } from './index-Dvqtt_WK.js';
 
 const ION_CONTENT_TAG_NAME = 'ION-CONTENT';
 const ION_CONTENT_ELEMENT_SELECTOR = 'ion-content';

package/dist/esm/index.js

@@ -1,25 +1,23 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-export { c as createAnimation } from './animation-BFNVlYum.js';
-export { a as LIFECYCLE_DID_ENTER, c as LIFECYCLE_DID_LEAVE, L as LIFECYCLE_WILL_ENTER, b as LIFECYCLE_WILL_LEAVE, d as LIFECYCLE_WILL_UNLOAD, g as getIonPageElement } from './index-DnA_7Bnx.js';
-export { iosTransitionAnimation } from './ios.transition-CWAgfQ1r.js';
-export { mdTransitionAnimation } from './md.transition-ZuqDDdDW.js';
+export { c as createAnimation } from './animation-CAzXJ2I1.js';
+export { a as LIFECYCLE_DID_ENTER, c as LIFECYCLE_DID_LEAVE, L as LIFECYCLE_WILL_ENTER, b as LIFECYCLE_WILL_LEAVE, d as LIFECYCLE_WILL_UNLOAD, g as getIonPageElement } from './index-CdoVp_rZ.js';
+export { iosTransitionAnimation } from './ios.transition-ofa92pAl.js';
+export { mdTransitionAnimation } from './md.transition-DnFfqsAv.js';
 export { g as getTimeGivenProgression } from './cubic-bezier-hHmYLOfE.js';
 export { createGesture } from './index-BmLuEdV7.js';
-export { g as getPlatforms, i as initialize, a as isPlatform } from './ionic-global-ZXjCXKH0.js';
-export { c as componentOnReady } from './helpers-BSmc0nst.js';
-export { L as LogLevel } from './index-C23AVPx9.js';
-export { I as IonicSafeString } from './index-D76bbuoi.js';
+export { g as getPlatforms, i as initialize, a as isPlatform } from './ionic-global-BSaFA7np.js';
+export { c as componentOnReady } from './helpers-BJFnZngp.js';
+export { L as LogLevel } from './index-Dvqtt_WK.js';
+export { I as IonicSafeString } from './index-DmnOg_xm.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-BuPaALjU.js';
-export { b as actionSheetController, a as alertController, l as loadingController, m as modalController, p as popoverController, t as toastController } from './overlays-DKE0DgvE.js';
-import './index-ZjP4CjeZ.js';
+export { m as menuController } from './index-iurdcGHg.js';
+export { b as actionSheetController, a as alertController, l as loadingController, m as modalController, p as popoverController, t as toastController } from './overlays-a_5AhqWk.js';
 import './gesture-controller-B_gJaBk0.js';
 import './dir-Dojwmvde.js';
-import './hardware-back-button-DmkiRgOT.js';
-import './framework-delegate-BwNhx9NR.js';
+import './framework-delegate-CUDbUfWS.js';
 
 const IonicSlides = (opts) => {
     const { swiper, extendParams } = opts;

package/dist/esm/{input-shims-Dqk-Ou25.js → input-shims-DognYvwv.js}

@@ -1,13 +1,12 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { w as win, d as doc } from './index-ZjP4CjeZ.js';
-import { g as getScrollElement, h as scrollByPoint, a as findClosestIonContent } from './index-C1b9CLFg.js';
-import { f as addEventListener, m as removeEventListener, c as componentOnReady } from './helpers-BSmc0nst.js';
-import { a as KeyboardResize, K as Keyboard } from './keyboard-DAF8GNJ9.js';
-import './index-C23AVPx9.js';
+import { f as addEventListener, m as removeEventListener, w as win, n as doc, c as componentOnReady } from './helpers-BJFnZngp.js';
+import { g as getScrollElement, h as scrollByPoint, a as findClosestIonContent } from './index-obGyiHiO.js';
+import { a as KeyboardResize, K as Keyboard } from './keyboard-Cz4hUjuj.js';
+import './index-Dvqtt_WK.js';
 import './dir-Dojwmvde.js';
-import './capacitor-CFERIeaU.js';
+import './capacitor-C041I3qZ.js';
 
 const cloneMap = new WeakMap();
 const relocateInput = (componentEl, inputEl, shouldRelocate, inputRelativeY = 0, disabledClonedInput = false) => {