@ionic/core 9.0.4 → 9.0.5-nightly.20260918

package/dist/collection/components/popover/animations/md.enter.js

@@ -3,7 +3,7 @@
  */
 import { createAnimation } from "../../../utils/animation/animation";
 import { getElementRoot } from "../../../utils/helpers";
-import { calculateWindowAdjustment, getPopoverDimensions, getPopoverPosition, getSafeAreaInsets } from "../utils";
+import { calculateWindowAdjustment, getElementCSSZoom, getPopoverDimensions, getPopoverPosition, getSafeAreaInsets, } from "../utils";
 const POPOVER_MD_BODY_PADDING = 12;
 /**
  * Md Popover Enter Animation
@@ -13,19 +13,33 @@ export const mdEnterAnimation = (baseEl, opts) => {
     const { event: ev, size, trigger, reference, side, align } = opts;
     const doc = baseEl.ownerDocument;
     const isRTL = doc.dir === 'rtl';
-    const bodyWidth = doc.defaultView.innerWidth;
-    const bodyHeight = doc.defaultView.innerHeight;
     const root = getElementRoot(baseEl);
     const contentEl = root.querySelector('.popover-content');
+    /**
+     * A CSS `zoom` other than 1 on an ancestor (e.g. the `html` element) causes
+     * geometry APIs like `getBoundingClientRect()` to report zoomed values while
+     * inline `top`/`left`/`--width` styles are interpreted in the unzoomed layout
+     * space. Normalize all rect-derived measurements by this factor so the
+     * popover is positioned and sized correctly.
+     */
+    const zoom = getElementCSSZoom(contentEl);
+    /**
+     * `innerWidth`/`innerHeight` are not affected by CSS `zoom`, so they must be
+     * scaled down to the same layout space as the normalized measurements above.
+     * Otherwise the popover would be clamped against a viewport that is larger
+     * than the space actually available to it.
+     */
+    const bodyWidth = doc.defaultView.innerWidth / zoom;
+    const bodyHeight = doc.defaultView.innerHeight / zoom;
     const referenceSizeEl = trigger || ev?.detail?.ionShadowTarget || ev?.target;
-    const { contentWidth, contentHeight } = getPopoverDimensions(size, contentEl, referenceSizeEl);
+    const { contentWidth, contentHeight } = getPopoverDimensions(size, contentEl, referenceSizeEl, zoom);
     const defaultPosition = {
         top: bodyHeight / 2 - contentHeight / 2,
         left: bodyWidth / 2 - contentWidth / 2,
         originX: isRTL ? 'right' : 'left',
         originY: 'top',
     };
-    const results = getPopoverPosition(isRTL, contentWidth, contentHeight, 0, 0, reference, side, align, defaultPosition, trigger, ev);
+    const results = getPopoverPosition(isRTL, contentWidth, contentHeight, 0, 0, reference, side, align, defaultPosition, trigger, ev, zoom);
     const padding = size === 'cover' ? 0 : POPOVER_MD_BODY_PADDING;
     // MD mode now applies safe-area insets (previously passed 0, ignoring all safe areas).
     // This is needed for Android edge-to-edge (API 36+) where system bars overlap content.

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

@@ -54,30 +54,81 @@ export const getSafeAreaInsets = (doc) => {
     }
     return insets;
 };
+/**
+ * Largest difference from 1 that the `offsetWidth` based zoom detection below
+ * attributes to integer rounding rather than to an actual CSS `zoom`. The
+ * rounding error is at most half a pixel over the width of the popover, which
+ * is well under this threshold for any realistic popover size.
+ */
+const ZOOM_ROUNDING_TOLERANCE = 0.01;
+/**
+ * Returns the cumulative CSS `zoom` factor applied to an element.
+ *
+ * When a CSS `zoom` other than 1 is set on an ancestor (e.g. the `html`
+ * element, as recommended by the docs for dynamic font scaling on Chrome for
+ * Android), `getBoundingClientRect()`, `clientX`/`clientY` and other geometry
+ * APIs report values in the *zoomed* (visual) coordinate space, while inline
+ * `top`/`left`/`--width` styles we set are interpreted in the *unzoomed*
+ * (layout) space and re-scaled by the browser. Dividing the rect-derived
+ * values by this factor converts them back to layout space so the popover is
+ * positioned and sized correctly. Returns 1 when no zoom is applied.
+ */
+export const getElementCSSZoom = (el) => {
+    if (!el) {
+        return 1;
+    }
+    /**
+     * `currentCSSZoom` exposes the exact effective zoom of an element
+     * (Chromium 128+). When available we use it directly.
+     */
+    const currentCSSZoom = el.currentCSSZoom;
+    if (typeof currentCSSZoom === 'number' && currentCSSZoom > 0) {
+        return currentCSSZoom;
+    }
+    /**
+     * Fallback for browsers without `currentCSSZoom`: compare the rendered
+     * (zoomed) width from `getBoundingClientRect()` against the layout width
+     * from `offsetWidth`, which is not affected by CSS `zoom`.
+     */
+    const { width } = el.getBoundingClientRect();
+    const { offsetWidth } = el;
+    if (offsetWidth > 0 && width > 0) {
+        const ratio = width / offsetWidth;
+        /**
+         * `offsetWidth` is rounded to an integer while the bounding rect is not,
+         * so the ratio is rarely exactly 1 even when no zoom is applied. Treat
+         * sub-pixel differences as "no zoom" so that unzoomed popovers are not
+         * shifted by the rounding error. A real zoom deviates far more, though
+         * the same rounding leaves the detected factor approximate.
+         */
+        return Math.abs(ratio - 1) < ZOOM_ROUNDING_TOLERANCE ? 1 : ratio;
+    }
+    return 1;
+};
 /**
  * Returns the dimensions of the popover
  * arrow on `ios` mode. If arrow is disabled
  * returns (0, 0).
  */
-export const getArrowDimensions = (arrowEl) => {
+export const getArrowDimensions = (arrowEl, zoom = 1) => {
     if (!arrowEl) {
         return { arrowWidth: 0, arrowHeight: 0 };
     }
     const { width, height } = arrowEl.getBoundingClientRect();
-    return { arrowWidth: width, arrowHeight: height };
+    return { arrowWidth: width / zoom, arrowHeight: height / zoom };
 };
 /**
  * Returns the recommended dimensions of the popover
  * that takes into account whether or not the width
  * should match the trigger width.
  */
-export const getPopoverDimensions = (size, contentEl, triggerEl) => {
+export const getPopoverDimensions = (size, contentEl, triggerEl, zoom = 1) => {
     const contentDimentions = contentEl.getBoundingClientRect();
-    const contentHeight = contentDimentions.height;
-    let contentWidth = contentDimentions.width;
+    const contentHeight = contentDimentions.height / zoom;
+    let contentWidth = contentDimentions.width / zoom;
     if (size === 'cover' && triggerEl) {
         const triggerDimensions = triggerEl.getBoundingClientRect();
-        contentWidth = triggerDimensions.width;
+        contentWidth = triggerDimensions.width / zoom;
     }
     return {
         contentWidth,
@@ -419,7 +470,7 @@ export const configureKeyboardInteraction = (popoverEl) => {
  * the reference point, preferred side, alignment
  * and viewport dimensions.
  */
-export const getPopoverPosition = (isRTL, contentWidth, contentHeight, arrowWidth, arrowHeight, reference, side, align, defaultPosition, triggerEl, event) => {
+export const getPopoverPosition = (isRTL, contentWidth, contentHeight, arrowWidth, arrowHeight, reference, side, align, defaultPosition, triggerEl, event, zoom = 1) => {
     let referenceCoordinates = {
         top: 0,
         left: 0,
@@ -438,8 +489,8 @@ export const getPopoverPosition = (isRTL, contentWidth, contentHeight, arrowWidt
             }
             const mouseEv = event;
             referenceCoordinates = {
-                top: mouseEv.clientY,
-                left: mouseEv.clientX,
+                top: mouseEv.clientY / zoom,
+                left: mouseEv.clientX / zoom,
                 width: 1,
                 height: 1,
             };
@@ -471,10 +522,10 @@ export const getPopoverPosition = (isRTL, contentWidth, contentHeight, arrowWidt
             }
             const triggerBoundingBox = actualTriggerEl.getBoundingClientRect();
             referenceCoordinates = {
-                top: triggerBoundingBox.top,
-                left: triggerBoundingBox.left,
-                width: triggerBoundingBox.width,
-                height: triggerBoundingBox.height,
+                top: triggerBoundingBox.top / zoom,
+                left: triggerBoundingBox.left / zoom,
+                width: triggerBoundingBox.width / zoom,
+                height: triggerBoundingBox.height / zoom,
             };
             break;
     }

package/dist/collection/index.js

@@ -10,7 +10,7 @@ export { getTimeGivenProgression } from './utils/animation/cubic-bezier';
 export { createGesture } from './utils/gesture';
 export { initialize } from './global/ionic-global';
 export { componentOnReady } from './utils/helpers';
-export { LogLevel } from './utils/logging';
+export { LogLevel, printIonWarning, printIonError } from './utils/logging';
 export { isPlatform, getPlatforms } from './utils/platform';
 export { IonicSafeString } from './utils/sanitization';
 export { getMode, setupConfig } from './utils/config';

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

@@ -0,0 +1,126 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+import { win } from "./browser/index";
+import { ariaAttributes, inheritAttributes } from "./helpers";
+/**
+ * Copies a set of attributes off the host element so they can be applied to an element
+ * inside the shadow root, then keeps that copy in sync as the host attributes change.
+ * Using `inheritAttributes` alone copies once at load, so anything written to the host
+ * afterwards never reaches the element the assistive technology reads.
+ *
+ * Create the controller in `componentWillLoad`. It takes the initial copy and starts
+ * watching right away, so `init()` is only needed to resume after a move.
+ *
+ * Two things to know before adopting it. Only the initial copy removes the attributes
+ * from the host, so a value written after load sits on the host as well as on the
+ * element it is applied to, which matters if the host has a role of its own. And an
+ * attribute from the initial markup can never be removed, only overwritten, since the
+ * copy already took it off the host and a `removeAttribute` there fires no mutation.
+ * An empty string works for `aria-label` and friends, but a token-valued attribute
+ * has to be set to its default instead, so `aria-pressed="false"` rather than empty.
+ *
+ * @internal
+ * @param el The host element to copy from and watch.
+ * @param attributes The attributes to copy and watch.
+ * @param onChange Called after `attributes` changes, so the component can re-render.
+ * @param hostOwnedAttributes Attributes copied at load but not watched. Use it for
+ * attributes the component renders on its own `<Host>`, since a later change to one of
+ * those is the component's own write, and for attributes that would put a second node in
+ * the accessibility tree if the host kept a copy alongside the one we apply.
+ */
+export const createAttributeController = (el, attributes, onChange, hostOwnedAttributes = []) => {
+    let inherited = inheritAttributes(el, attributes);
+    let observer;
+    const watchedAttributes = attributes.filter((attr) => !hostOwnedAttributes.includes(attr));
+    /**
+     * The names still on the host, which is everything written after load. The initial
+     * copy removes what it captures, so a missing attribute only counts as a removal
+     * when its name is in here.
+     */
+    const hostWritten = new Set();
+    const setPresence = (name, value) => {
+        if (value === null) {
+            hostWritten.delete(name);
+        }
+        else {
+            hostWritten.add(name);
+        }
+    };
+    /**
+     * Nothing is watching while the host is out of the tree, since `disconnectedCallback`
+     * calls `destroy()`, and `forceUpdate` is a no-op on a disconnected host anyway. So
+     * the host has to be re-read on the way back in.
+     */
+    const readMissedChanges = () => {
+        const changed = {};
+        for (const name of watchedAttributes) {
+            const value = el.getAttribute(name);
+            const wasOnHost = hostWritten.has(name);
+            setPresence(name, value);
+            /**
+             * An attribute that was never written to the host is missing because the initial
+             * copy took it, not because the developer cleared it.
+             */
+            if ((value === null && !wasOnHost) || value === inherited[name]) {
+                continue;
+            }
+            changed[name] = value;
+        }
+        if (Object.keys(changed).length > 0) {
+            inherited = { ...inherited, ...changed };
+            onChange();
+        }
+    };
+    const init = () => {
+        // There is no MutationObserver in SSR or the hydrate build.
+        if (observer !== undefined || watchedAttributes.length === 0 || win === undefined || !('MutationObserver' in win)) {
+            return;
+        }
+        readMissedChanges();
+        observer = new MutationObserver((mutations) => {
+            const changed = {};
+            for (const mutation of mutations) {
+                const name = mutation.attributeName;
+                // A removed attribute reads back as null, which clears it from the element the
+                // values are spread onto.
+                const value = el.getAttribute(name);
+                setPresence(name, value);
+                changed[name] = value;
+            }
+            inherited = { ...inherited, ...changed };
+            onChange();
+        });
+        observer.observe(el, { attributeFilter: watchedAttributes });
+    };
+    const destroy = () => {
+        observer?.disconnect();
+        observer = undefined;
+    };
+    /**
+     * Has to run after the initial copy, because that copy removes the attributes from the
+     * host and an observer armed any earlier would read the removal as a developer clearing
+     * them.
+     */
+    init();
+    return {
+        get attributes() {
+            return inherited;
+        },
+        init,
+        destroy,
+    };
+};
+/**
+ * The `createAttributeController` equivalent of `inheritAriaAttributes`, which copies and
+ * watches every ARIA attribute plus `role`.
+ *
+ * @internal
+ * @param el The host element to copy from and watch.
+ * @param onChange Called after the attributes change, so the component can re-render.
+ * @param hostOwnedAttributes Attributes copied at load but not watched. See
+ * `createAttributeController`.
+ */
+export const createAriaAttributeController = (el, onChange, hostOwnedAttributes = []) => {
+    return createAttributeController(el, ariaAttributes, onChange, hostOwnedAttributes);
+};

package/dist/collection/utils/helpers.js

@@ -83,8 +83,8 @@ export const hasLazyBuild = (stencilEl) => {
  * helper function should be called in componentWillLoad and assigned to a variable
  * that is later used in the render function.
  *
- * This does not need to be reactive as changing attributes on the host element
- * does not trigger a re-render.
+ * This copies once. Use `createAttributeController` instead when the attributes can
+ * change after load, since a host attribute change does not trigger a re-render.
  */
 export const inheritAttributes = (el, attributes = []) => {
     const attributeObject = {};
@@ -103,8 +103,10 @@ export const inheritAttributes = (el, attributes = []) => {
  * List of available ARIA attributes + `role`.
  * Removed deprecated attributes.
  * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes
+ *
+ * @internal Exported for `attribute-controller.ts`, which needs the same set.
  */
-const ariaAttributes = [
+export const ariaAttributes = [
     'role',
     'aria-activedescendant',
     'aria-atomic',

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

@@ -34,6 +34,8 @@ const isLogLevelEnabled = (minimum) => {
  * to indicate the library that is warning the developer.
  *
  * @param message - The string message to be logged to the console.
+ *
+ * @internal
  */
 export const printIonWarning = (message, ...params) => {
     if (isLogLevelEnabled(LogLevel.WARN)) {
@@ -46,6 +48,8 @@ export const printIonWarning = (message, ...params) => {
  *
  * @param message - The string message to be logged to the console.
  * @param params - Additional arguments to supply to the console.error.
+ *
+ * @internal
  */
 export const printIonError = (message, ...params) => {
     if (isLogLevelEnabled(LogLevel.ERROR)) {

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-09-16T17:36:46",
+  "timestamp": "2026-09-18T06:18:30",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.45.0",

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

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

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

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

package/dist/esm/attribute-controller-BrbFqJRn.js

@@ -0,0 +1,128 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+import { b as inheritAttributes, w as win, q as ariaAttributes } from './helpers-D3HlaZqB.js';
+
+/**
+ * Copies a set of attributes off the host element so they can be applied to an element
+ * inside the shadow root, then keeps that copy in sync as the host attributes change.
+ * Using `inheritAttributes` alone copies once at load, so anything written to the host
+ * afterwards never reaches the element the assistive technology reads.
+ *
+ * Create the controller in `componentWillLoad`. It takes the initial copy and starts
+ * watching right away, so `init()` is only needed to resume after a move.
+ *
+ * Two things to know before adopting it. Only the initial copy removes the attributes
+ * from the host, so a value written after load sits on the host as well as on the
+ * element it is applied to, which matters if the host has a role of its own. And an
+ * attribute from the initial markup can never be removed, only overwritten, since the
+ * copy already took it off the host and a `removeAttribute` there fires no mutation.
+ * An empty string works for `aria-label` and friends, but a token-valued attribute
+ * has to be set to its default instead, so `aria-pressed="false"` rather than empty.
+ *
+ * @internal
+ * @param el The host element to copy from and watch.
+ * @param attributes The attributes to copy and watch.
+ * @param onChange Called after `attributes` changes, so the component can re-render.
+ * @param hostOwnedAttributes Attributes copied at load but not watched. Use it for
+ * attributes the component renders on its own `<Host>`, since a later change to one of
+ * those is the component's own write, and for attributes that would put a second node in
+ * the accessibility tree if the host kept a copy alongside the one we apply.
+ */
+const createAttributeController = (el, attributes, onChange, hostOwnedAttributes = []) => {
+    let inherited = inheritAttributes(el, attributes);
+    let observer;
+    const watchedAttributes = attributes.filter((attr) => !hostOwnedAttributes.includes(attr));
+    /**
+     * The names still on the host, which is everything written after load. The initial
+     * copy removes what it captures, so a missing attribute only counts as a removal
+     * when its name is in here.
+     */
+    const hostWritten = new Set();
+    const setPresence = (name, value) => {
+        if (value === null) {
+            hostWritten.delete(name);
+        }
+        else {
+            hostWritten.add(name);
+        }
+    };
+    /**
+     * Nothing is watching while the host is out of the tree, since `disconnectedCallback`
+     * calls `destroy()`, and `forceUpdate` is a no-op on a disconnected host anyway. So
+     * the host has to be re-read on the way back in.
+     */
+    const readMissedChanges = () => {
+        const changed = {};
+        for (const name of watchedAttributes) {
+            const value = el.getAttribute(name);
+            const wasOnHost = hostWritten.has(name);
+            setPresence(name, value);
+            /**
+             * An attribute that was never written to the host is missing because the initial
+             * copy took it, not because the developer cleared it.
+             */
+            if ((value === null && !wasOnHost) || value === inherited[name]) {
+                continue;
+            }
+            changed[name] = value;
+        }
+        if (Object.keys(changed).length > 0) {
+            inherited = { ...inherited, ...changed };
+            onChange();
+        }
+    };
+    const init = () => {
+        // There is no MutationObserver in SSR or the hydrate build.
+        if (observer !== undefined || watchedAttributes.length === 0 || win === undefined || !('MutationObserver' in win)) {
+            return;
+        }
+        readMissedChanges();
+        observer = new MutationObserver((mutations) => {
+            const changed = {};
+            for (const mutation of mutations) {
+                const name = mutation.attributeName;
+                // A removed attribute reads back as null, which clears it from the element the
+                // values are spread onto.
+                const value = el.getAttribute(name);
+                setPresence(name, value);
+                changed[name] = value;
+            }
+            inherited = { ...inherited, ...changed };
+            onChange();
+        });
+        observer.observe(el, { attributeFilter: watchedAttributes });
+    };
+    const destroy = () => {
+        observer?.disconnect();
+        observer = undefined;
+    };
+    /**
+     * Has to run after the initial copy, because that copy removes the attributes from the
+     * host and an observer armed any earlier would read the removal as a developer clearing
+     * them.
+     */
+    init();
+    return {
+        get attributes() {
+            return inherited;
+        },
+        init,
+        destroy,
+    };
+};
+/**
+ * The `createAttributeController` equivalent of `inheritAriaAttributes`, which copies and
+ * watches every ARIA attribute plus `role`.
+ *
+ * @internal
+ * @param el The host element to copy from and watch.
+ * @param onChange Called after the attributes change, so the component can re-render.
+ * @param hostOwnedAttributes Attributes copied at load but not watched. See
+ * `createAttributeController`.
+ */
+const createAriaAttributeController = (el, onChange, hostOwnedAttributes = []) => {
+    return createAttributeController(el, ariaAttributes, onChange, hostOwnedAttributes);
+};
+
+export { createAttributeController as a, createAriaAttributeController as c };

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

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

package/dist/esm/{capacitor-C041I3qZ.js → capacitor-DOXE6jIG.js}

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

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

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

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

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

package/dist/esm/{haptic-D3njgGLB.js → haptic-B3RodENJ.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { g as getCapacitor } from './capacitor-C041I3qZ.js';
+import { g as getCapacitor } from './capacitor-DOXE6jIG.js';
 
 var ImpactStyle;
 (function (ImpactStyle) {

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

@@ -1,7 +1,7 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { j as printIonError } from './index-Dvqtt_WK.js';
+import { c as printIonError } from './index-Ci0c0wtC.js';
 import { i as isRTL } from './dir-Dojwmvde.js';
 
 const win = typeof window !== 'undefined' ? window : undefined;
@@ -86,8 +86,8 @@ const hasLazyBuild = (stencilEl) => {
  * helper function should be called in componentWillLoad and assigned to a variable
  * that is later used in the render function.
  *
- * This does not need to be reactive as changing attributes on the host element
- * does not trigger a re-render.
+ * This copies once. Use `createAttributeController` instead when the attributes can
+ * change after load, since a host attribute change does not trigger a re-render.
  */
 const inheritAttributes = (el, attributes = []) => {
     const attributeObject = {};
@@ -106,6 +106,8 @@ const inheritAttributes = (el, attributes = []) => {
  * List of available ARIA attributes + `role`.
  * Removed deprecated attributes.
  * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes
+ *
+ * @internal Exported for `attribute-controller.ts`, which needs the same set.
  */
 const ariaAttributes = [
     'role',
@@ -381,4 +383,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, 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 };
+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, ariaAttributes as q, raf as r, isEndSide as s, transitionEndAsync as t, debounce as u, shallowEqualStringMap as v, win as w, pointerCoord as x };

package/dist/esm/{index-CdoVp_rZ.js → index-65Eftz2j.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-Dvqtt_WK.js';
-import { r as raf } from './helpers-BJFnZngp.js';
+import { i as config, a as printIonWarning, w as writeTask, B as Build } from './index-Ci0c0wtC.js';
+import { r as raf } from './helpers-D3HlaZqB.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-ofa92pAl.js');
-const mdTransitionAnimation = () => import('./md.transition-DnFfqsAv.js');
+const iosTransitionAnimation = () => import('./ios.transition-CjR-iczx.js');
+const mdTransitionAnimation = () => import('./md.transition-BFmU8zjI.js');
 const focusController = createFocusController();
 // TODO(FW-2832): types
 /**

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

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

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

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

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

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