voyager-ionic-core 9.0.3 → 9.0.7

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/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)) {
@@ -764,6 +790,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-10T14:41:48",
+  "timestamp": "2026-10-09T04:07:06",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.44.2",
+    "version": "4.45.2",
     "typescriptVersion": "5.8.3"
   },
   "components": [
@@ -31461,7 +31461,13 @@
           "docsTags": []
         }
       ],
-      "listeners": [],
+      "listeners": [
+        {
+          "event": "click",
+          "capture": true,
+          "passive": false
+        }
+      ],
       "styles": [
         {
           "name": "--background",

package/dist/esm/{animation-BFNVlYum.js → animation-DmtJpz89.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 { c as printIonError } from './index-BpRUsN_W.js';
+import { w as win } from './helpers-BJqKF1pr.js';
 
 let animationPrefix;
 const getAnimationPrefix = (el) => {

package/dist/esm/{app-globals-BgX0BGL1.js → app-globals-CNfpAPW6.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-Cep6oYzK.js';
 
 const appGlobalScript = initialize || (() => {});
 const globalScripts = appGlobalScript;

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

@@ -0,0 +1,128 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+import { b as inheritAttributes, w as win, q as ariaAttributes } from './helpers-BJqKF1pr.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-BfOvDr3b.js → button-active-DVk40Sjl.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-BpRUsN_W.js';
+import { h as hapticSelectionEnd, a as hapticSelectionChanged, b as hapticSelectionStart } from './haptic-WXfMCob9.js';
 import { createGesture } from './index-BmLuEdV7.js';
 
 const createButtonActiveGesture = (el, isButton) => {

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

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

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

package/dist/esm/{framework-delegate-BwNhx9NR.js → framework-delegate-CDjM1vRH.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-BJqKF1pr.js';
 
 // TODO(FW-2832): types
 const attachComponent = async (delegate, container, component, cssClasses, componentProps, inline) => {

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

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

@@ -1,9 +1,12 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { j as printIonError } from './index-C23AVPx9.js';
+import { c as printIonError } from './index-BpRUsN_W.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);
@@ -83,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 = {};
@@ -103,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',
@@ -174,6 +179,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 +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, 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, 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-DnA_7Bnx.js → index-BBASprVu.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 { i as config, a as printIonWarning, w as writeTask, B as Build } from './index-BpRUsN_W.js';
+import { r as raf } from './helpers-BJqKF1pr.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-B8netzsb.js');
+const mdTransitionAnimation = () => import('./md.transition-DNCSSiXk.js');
 const focusController = createFocusController();
 // TODO(FW-2832): types
 /**