@ionic/core 9.0.6-dev.11790615145.1d8c56a2 → 9.0.6-dev.11790776272.1d27d1bd

package/dist/esm/{animation-CFd8Olt3.js → animation-BYhTNLb0.js}

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

package/dist/esm/{app-globals-7GHLBkwd.js → app-globals-DwKMi0nT.js}

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

package/dist/esm/{attribute-controller-Cn665x42.js → attribute-controller-DSgMe9D8.js}

@@ -1,7 +1,8 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { b as inheritAttributes, w as win, q as ariaAttributes } from './helpers-B54ynME_.js';
+import { w as win } from './index-ZjP4CjeZ.js';
+import { b as inheritAttributes, s as ariaAttributes } from './helpers-DxiyEiQq.js';
 
 /**
  * Copies a set of attributes off the host element so they can be applied to an element

package/dist/esm/{button-active-DMuYeDQN.js → button-active-z7D6HahS.js}

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

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

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

package/dist/esm/clear-button-press-controller-6ph4kKYn.js

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

package/dist/esm/focus-visible-BYk20Mf5.js

@@ -0,0 +1,146 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+const ION_FOCUSED = 'ion-focused';
+const ION_FOCUSABLE = 'ion-focusable';
+const FOCUS_KEYS = [
+    'Tab',
+    'ArrowDown',
+    'Space',
+    'Escape',
+    ' ',
+    'Shift',
+    'Enter',
+    'ArrowLeft',
+    'ArrowRight',
+    'ArrowUp',
+    'Home',
+    'End',
+];
+let focusVisibleUtility = null;
+const getOrInitFocusVisibleUtility = () => {
+    if (!focusVisibleUtility) {
+        focusVisibleUtility = startFocusVisible();
+    }
+    return focusVisibleUtility;
+};
+/**
+ * Used to set focus on an element that uses `ion-focusable`.
+ * Do not use this if focusing the element as a result of a keyboard
+ * event as the focus utility should handle this for us. This method
+ * should be used when we want to programmatically focus an element as
+ * a result of another user action. (Ex: We focus the first element
+ * inside of a popover when the user presents it, but the popover is not always
+ * presented as a result of keyboard action.)
+ *
+ * @param elements - The elements to set focus on.
+ */
+const focusElements = (elements) => {
+    const focusVisible = getOrInitFocusVisibleUtility();
+    focusVisible.setFocus(elements);
+};
+/**
+ * Reports whether the most recent interaction on the page was keyboard-driven.
+ *
+ * Check this before drawing the keyboard focus indicator programmatically.
+ *
+ * @returns `true` while the user is navigating with a keyboard, and before the
+ * first interaction on the page.
+ */
+const isKeyboardMode = () => getOrInitFocusVisibleUtility().isKeyboardMode();
+/**
+ * Watches how the user is interacting with the page and marks the focused
+ * element with `ion-focused`, so the keyboard focus indicator is only drawn
+ * while the user navigates with a keyboard.
+ *
+ * @param rootEl Scopes the utility to this element's shadow root, so it only
+ * reacts to interactions inside it. Omit it to listen on the document.
+ * @returns `setFocus` to mark elements focused programmatically, and `destroy`
+ * to detach the listeners.
+ */
+const startFocusVisible = (rootEl) => {
+    let currentFocus = [];
+    /*
+     * Starts as `true` so an element focused before the user has interacted,
+     * such as one focused on page load, still draws an indicator.
+     */
+    let keyboardMode = true;
+    /*
+     * `ref` is where the listeners go and `root` is the element focus falls back
+     * to once it leaves everything inside `ref`.
+     */
+    const ref = rootEl ? rootEl.shadowRoot : document;
+    const root = rootEl ? rootEl : document.body;
+    const setFocus = (elements) => {
+        currentFocus.forEach((el) => el.classList.remove(ION_FOCUSED));
+        elements.forEach((el) => el.classList.add(ION_FOCUSED));
+        currentFocus = elements;
+    };
+    const pointerDown = () => {
+        keyboardMode = false;
+        setFocus([]);
+    };
+    /*
+     * Only the keys that move focus keep the indicator on. Any other key means
+     * the user is typing into the focused element rather than navigating, so the
+     * indicator is dropped.
+     */
+    const onKeydown = (ev) => {
+        keyboardMode = FOCUS_KEYS.includes(ev.key);
+        if (!keyboardMode) {
+            setFocus([]);
+        }
+    };
+    /*
+     * The indicator does not always belong to the element that took focus. The
+     * composed path is walked so every `ion-focusable` ancestor is marked too,
+     * which is how an `ion-item` draws the indicator for a checkbox slotted into
+     * it, since a checkbox in an item drops the class itself. The composed path
+     * is used because it reaches hosts across shadow boundaries.
+     */
+    const onFocusin = (ev) => {
+        if (keyboardMode && ev.composedPath !== undefined) {
+            const toFocus = ev.composedPath().filter((el) => {
+                // TODO(FW-2832): type
+                if (el.classList) {
+                    return el.classList.contains(ION_FOCUSABLE);
+                }
+                return false;
+            });
+            setFocus(toFocus);
+        }
+    };
+    /*
+     * Focus landing back on `root` means it left every focusable element, so
+     * nothing should stay marked. Focus moving between elements is left alone
+     * because `onFocusin` marks the new one.
+     */
+    const onFocusout = () => {
+        if (ref.activeElement === root) {
+            setFocus([]);
+        }
+    };
+    /*
+     * Capture phase, so the mode is current for the overlay focus trap, which
+     * intercepts Tab in its own capture listener.
+     */
+    ref.addEventListener('keydown', onKeydown, true);
+    ref.addEventListener('focusin', onFocusin);
+    ref.addEventListener('focusout', onFocusout);
+    ref.addEventListener('touchstart', pointerDown, { passive: true });
+    ref.addEventListener('mousedown', pointerDown);
+    const destroy = () => {
+        ref.removeEventListener('keydown', onKeydown, true);
+        ref.removeEventListener('focusin', onFocusin);
+        ref.removeEventListener('focusout', onFocusout);
+        ref.removeEventListener('touchstart', pointerDown);
+        ref.removeEventListener('mousedown', pointerDown);
+    };
+    return {
+        destroy,
+        setFocus,
+        isKeyboardMode: () => keyboardMode,
+    };
+};
+
+export { focusElements, getOrInitFocusVisibleUtility, isKeyboardMode, startFocusVisible };

package/dist/esm/{format-C9zPmwKU.js → format-Bzx6ja8X.js}

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

package/dist/esm/{framework-delegate-DeT5pmPB.js → framework-delegate-1jBLyhBr.js}

@@ -1,7 +1,8 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { c as componentOnReady } from './helpers-B54ynME_.js';
+import { i as config } from './index-CsxpVq9f.js';
+import { c as componentOnReady } from './helpers-DxiyEiQq.js';
 
 // TODO(FW-2832): types
 const attachComponent = async (delegate, container, component, cssClasses, componentProps, inline) => {
@@ -100,7 +101,8 @@ const CoreDelegate = () => {
          * Get the root of the app and
          * add the overlay there.
          */
-        const app = document.querySelector('ion-app') || document.body;
+        const appRootSelector = config.get('appRootSelector', 'ion-app');
+        const app = document.querySelector(appRootSelector) || document.body;
         /**
          * Create a placeholder comment so that
          * we can return this component to where

package/dist/esm/{haptic-Dxm7ZmT5.js → haptic-Cq4UAeka.js}

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

package/dist/esm/{helpers-B54ynME_.js → helpers-DxiyEiQq.js}

@@ -1,12 +1,11 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { c as printIonError } from './index-D9OR05yj.js';
+import { w as win } from './index-ZjP4CjeZ.js';
+import { focusElements, isKeyboardMode } from './focus-visible-BYk20Mf5.js';
+import { c as printIonError, i as config } from './index-CsxpVq9f.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);
@@ -245,6 +244,17 @@ const raf = (h) => {
 const hasShadowDom = (el) => {
     return !!el.shadowRoot && !!el.attachShadow;
 };
+/**
+ * Focuses a given element while ensuring proper focus management
+ * within the Ionic framework. If the element is marked as `ion-focusable`,
+ * this function will delegate focus handling to `ion-app` or manually
+ * apply focus when a custom app root is used.
+ *
+ * This function helps maintain accessibility and expected focus behavior
+ * in both standard and custom root environments.
+ *
+ * @param el - The element to focus.
+ */
 const focusVisibleElement = (el) => {
     el.focus();
     /**
@@ -254,14 +264,82 @@ const focusVisibleElement = (el) => {
      * however, there are times when we need to manually control
      * this behavior so we call the `setFocus` method on ion-app
      * which will let us explicitly set the elements to focus.
+     *
+     * Note: The element passed to this function might be an inner
+     * focusable element (e.g., a native <button> inside ion-button's
+     * shadow root). If so, we need to find the host element that has
+     * the ion-focusable class to pass to setFocus.
      */
-    if (el.classList.contains('ion-focusable')) {
-        const app = el.closest('ion-app');
+    let elToFocus = el;
+    // If the element doesn't have ion-focusable, check if it's inside
+    // a shadow root and use the host element instead
+    if (!el.classList.contains('ion-focusable')) {
+        const rootNode = el.getRootNode();
+        if (rootNode instanceof ShadowRoot && rootNode.host instanceof HTMLElement) {
+            elToFocus = rootNode.host;
+        }
+    }
+    if (elToFocus.classList.contains('ion-focusable')) {
+        const appRootSelector = config.get('appRootSelector', 'ion-app');
+        const app = elToFocus.closest(appRootSelector);
         if (app) {
-            app.setFocus([el]);
+            if (appRootSelector === 'ion-app') {
+                /**
+                 * If the app root is the default, then it will be
+                 * in charge of setting focus. This is because the
+                 * focus-visible utility is attached to the app root
+                 * and will handle setting focus on the correct element.
+                 */
+                app.setFocus([elToFocus]);
+            }
+            else {
+                /**
+                 * When using a custom app root selector, the focus-visible
+                 * utility is not available to manage focus automatically.
+                 * If we set focus immediately, the element may not be fully
+                 * rendered or interactive, especially if it was just added
+                 * to the DOM. Using requestAnimationFrame ensures that focus
+                 * is applied on the next frame, allowing the DOM to settle
+                 * before changing focus.
+                 */
+                requestAnimationFrame(() => {
+                    /**
+                     * The focus-visible utility is used to set focus on an
+                     * element that uses `ion-focusable`.
+                     */
+                    focusElements([elToFocus]);
+                });
+            }
         }
     }
 };
+/**
+ * Focuses an element a focus trap is redirecting focus to. Only draws the
+ * keyboard focus indicator when the user is navigating with a keyboard, so a
+ * redirect caused by a tap or click does not leave the element looking as
+ * though it was tabbed to.
+ */
+const focusRedirectedElement = (el) => {
+    if (isKeyboardMode()) {
+        focusVisibleElement(el);
+    }
+    else {
+        el.focus();
+    }
+};
+/**
+ * Clears the keyboard focus ring (`ion-focused`) that the focus-visible
+ * utility may have applied to elements during a programmatic focus.
+ *
+ * Use this after moving DOM focus to an element for assistive technologies
+ * (e.g. when an overlay opens) where the option should be focused so screen
+ * readers announce it, but the focus ring should not be shown until the user
+ * navigates with the keyboard (Tab/Arrow). The focus-visible utility will add
+ * `ion-focused` again on the next keyboard-driven focus change.
+ */
+const suppressFocusVisible = () => {
+    focusElements([]);
+};
 /**
  * This method is used to add a hidden input to a host element that contains
  * a Shadow DOM. It does not add the input inside of the Shadow root which
@@ -383,4 +461,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, ariaAttributes as q, raf as r, isEndSide as s, transitionEndAsync as t, debounce as u, shallowEqualStringMap as v, win as w, pointerCoord as x };
+export { renderHiddenInput as a, inheritAttributes as b, componentOnReady as c, debounceEvent as d, clamp as e, addEventListener as f, getElementRoot as g, hasLazyBuild as h, inheritAriaAttributes as i, isSafeNumber as j, hasShadowDom as k, assert as l, removeEventListener as m, debounce as n, onCustomPropertyChange as o, focusRedirectedElement as p, focusVisibleElement as q, raf as r, ariaAttributes as s, transitionEndAsync as t, isEndSide as u, suppressFocusVisible as v, shallowEqualStringMap as w, pointerCoord as x };

package/dist/esm/{index-D_xZtbw6.js → index-3qJiaSN_.js}

@@ -1,8 +1,10 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { n as doc, x as pointerCoord } from './helpers-B54ynME_.js';
-import './index-D9OR05yj.js';
+import { d as doc } from './index-ZjP4CjeZ.js';
+import { x as pointerCoord } from './helpers-DxiyEiQq.js';
+import './focus-visible-BYk20Mf5.js';
+import './index-CsxpVq9f.js';
 import './dir-Dojwmvde.js';
 
 const startTapClick = (config) => {

package/dist/esm/{index-D4ZMZz_3.js → index-BOBjcNAK.js}

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

package/dist/esm/{index-BvabGprD.js → index-BkJpfpXI.js}

@@ -16,6 +16,7 @@ const chevronForward = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/20
 const chevronForwardOutline = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='m184 112 144 144-144 144' stroke-linecap='round' stroke-linejoin='round' stroke-width='48px' class='ionicon-fill-none'/></svg>";
 const close = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='m289.94 256 95-95A24 24 0 0 0 351 127l-95 95-95-95a24 24 0 0 0-34 34l95 95-95 95a24 24 0 1 0 34 34l95-95 95 95a24 24 0 0 0 34-34Z'/></svg>";
 const closeCircle = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48m75.31 260.69a16 16 0 1 1-22.62 22.62L256 278.63l-52.69 52.68a16 16 0 0 1-22.62-22.62L233.37 256l-52.68-52.69a16 16 0 0 1 22.62-22.62L256 233.37l52.69-52.68a16 16 0 0 1 22.62 22.62L278.63 256Z'/></svg>";
+const closeOutline = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='M368 368 144 144M368 144 144 368' stroke-linecap='round' stroke-linejoin='round' class='ionicon-fill-none ionicon-stroke-width'/></svg>";
 const closeSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='M400 145.49 366.51 112 256 222.51 145.49 112 112 145.49 222.51 256 112 366.51 145.49 400 256 289.49 366.51 400 400 366.51 289.49 256z'/></svg>";
 const ellipseOutline = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><circle cx='256' cy='256' r='192' stroke-linecap='round' stroke-linejoin='round' class='ionicon-fill-none ionicon-stroke-width'/></svg>";
 const ellipsisHorizontal = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><circle cx='256' cy='256' r='48'/><circle cx='416' cy='256' r='48'/><circle cx='96' cy='256' r='48'/></svg>";
@@ -29,4 +30,4 @@ const reorderTwoSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2
 const searchOutline = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='M221.09 64a157.09 157.09 0 1 0 157.09 157.09A157.1 157.1 0 0 0 221.09 64Z' stroke-miterlimit='10' class='ionicon-fill-none ionicon-stroke-width'/><path d='M338.29 338.29 448 448' stroke-linecap='round' stroke-miterlimit='10' class='ionicon-fill-none ionicon-stroke-width'/></svg>";
 const searchSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='ionicon'><path d='M464 428 339.92 303.9a160.48 160.48 0 0 0 30.72-94.58C370.64 120.37 298.27 48 209.32 48S48 120.37 48 209.32s72.37 161.32 161.32 161.32a160.48 160.48 0 0 0 94.58-30.72L428 464ZM209.32 319.69a110.38 110.38 0 1 1 110.37-110.37 110.5 110.5 0 0 1-110.37 110.37'/></svg>";
 
-export { arrowBackSharp as a, chevronDown as b, chevronBack as c, caretUpSharp as d, chevronForward as e, caretDownSharp as f, closeCircle as g, closeSharp as h, searchSharp as i, checkmarkOutline as j, ellipseOutline as k, arrowDown as l, caretBackSharp as m, reorderThreeOutline as n, reorderTwoSharp as o, chevronForwardOutline as p, ellipsisHorizontal as q, removeOutline as r, searchOutline as s, close as t, menuOutline as u, menuSharp as v, chevronExpand as w, eyeOff as x, eye as y };
+export { arrowBackSharp as a, chevronForward as b, chevronBack as c, caretDownSharp as d, chevronDown as e, caretUpSharp as f, closeCircle as g, closeSharp as h, searchSharp as i, checkmarkOutline as j, ellipseOutline as k, arrowDown as l, caretBackSharp as m, reorderThreeOutline as n, reorderTwoSharp as o, ellipsisHorizontal as p, chevronForwardOutline as q, removeOutline as r, searchOutline as s, close as t, menuOutline as u, menuSharp as v, chevronExpand as w, eyeOff as x, eye as y, closeOutline as z };

package/dist/esm/{index-B8iieOdw.js → index-BrTerDOH.js}

@@ -1,8 +1,8 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import { i as config, a as printIonWarning, w as writeTask, B as Build } from './index-D9OR05yj.js';
-import { r as raf } from './helpers-B54ynME_.js';
+import { i as config, a as printIonWarning, w as writeTask, B as Build } from './index-CsxpVq9f.js';
+import { r as raf } from './helpers-DxiyEiQq.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-CRfGj4Mo.js');
-const mdTransitionAnimation = () => import('./md.transition-wqThNy_C.js');
+const iosTransitionAnimation = () => import('./ios.transition-BN0AUjKH.js');
+const mdTransitionAnimation = () => import('./md.transition-BZ3TWMK6.js');
 const focusController = createFocusController();
 // TODO(FW-2832): types
 /**

package/dist/esm/{index-D9OR05yj.js → index-CsxpVq9f.js}

@@ -316,6 +316,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './ion-datetime.entry.js').then(processMod, consoleError);
+                case 'ion-gallery':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './ion-gallery.entry.js').then(processMod, consoleError);
                 case 'ion-input':
                     return import(
                       /* webpackMode: "lazy" */
@@ -464,6 +468,14 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './ion-datetime-button.entry.js').then(processMod, consoleError);
+                case 'ion-divider':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './ion-divider.entry.js').then(processMod, consoleError);
+                case 'ion-gallery-item':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './ion-gallery-item.entry.js').then(processMod, consoleError);
                 case 'ion-input-otp':
                     return import(
                       /* webpackMode: "lazy" */
@@ -537,6 +549,12 @@ var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
 var XLINK_NS = "http://www.w3.org/1999/xlink";
 var MAX_LAZY_LOAD_RETRIES = 3;
 var LAZY_LOAD_RETRY_INTERVAL_MS = 1e3;
+var FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS = [
+  "formAssociatedCallback",
+  "formResetCallback",
+  "formDisabledCallback",
+  "formStateRestoreCallback"
+];
 var win = typeof window !== "undefined" ? window : {};
 var H = win.HTMLElement || class {
 };
@@ -2042,7 +2060,9 @@ var parsePropertyValue = (propValue, propType, isFormAssociated) => {
   }
   if (propValue != null && !isComplexType(propValue)) {
     if (propType & 4 /* Boolean */) {
-      {
+      if (isFormAssociated && typeof propValue === "string") {
+        return propValue === "" || !!propValue;
+      } else {
         return propValue === "false" ? false : propValue === "" || !!propValue;
       }
     }
@@ -3075,7 +3095,9 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
   const instance = hostRef.$lazyInstance$ ;
   newVal = parsePropertyValue(
     newVal,
-    cmpMeta.$members$[propName][0]);
+    cmpMeta.$members$[propName][0],
+    !!(cmpMeta.$flags$ & 64 /* formAssociated */)
+  );
   const areBothNaN = Number.isNaN(oldVal) && Number.isNaN(newVal);
   const didValueChange = newVal !== oldVal && !areBothNaN;
   if ((!(flags & 8 /* isConstructingInstance */) || oldVal === void 0) && didValueChange) {
@@ -3120,6 +3142,26 @@ var reflectedAttrValue = (propValue) => propValue == null || propValue === false
 var proxyComponent = (Cstr, cmpMeta, flags) => {
   var _a, _b;
   const prototype = Cstr.prototype;
+  if (cmpMeta.$flags$ & 64 /* formAssociated */ && flags & 1 /* isElementConstructor */) {
+    FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS.forEach((cbName) => {
+      Object.defineProperty(prototype, cbName, {
+        value(...args) {
+          var _a2;
+          const hostRef = getHostRef(this);
+          const instance = hostRef == null ? void 0 : hostRef.$lazyInstance$ ;
+          if (!instance) {
+            (_a2 = hostRef == null ? void 0 : hostRef.$onReadyPromise$) == null ? void 0 : _a2.then((asyncInstance) => {
+              const cb = asyncInstance[cbName];
+              typeof cb === "function" && cb.call(asyncInstance, ...args);
+            });
+          } else {
+            const cb = instance[cbName] ;
+            typeof cb === "function" && cb.call(instance, ...args);
+          }
+        }
+      });
+    });
+  }
   if (cmpMeta.$members$ || BUILD.propChangeCallback) {
     {
       if (Cstr.watchers && !cmpMeta.$watchers$) {
@@ -3169,7 +3211,9 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
               origSetter.apply(this, [
                 parsePropertyValue(
                   newValue,
-                  memberFlags)
+                  memberFlags,
+                  !!(cmpMeta.$flags$ & 64 /* formAssociated */)
+                )
               ]);
               newValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
               setValue(this, memberName, newValue, cmpMeta);
@@ -3189,7 +3233,9 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
               }
               const parsedValue = parsePropertyValue(
                 newValue,
-                memberFlags);
+                memberFlags,
+                !!(cmpMeta.$flags$ & 64 /* formAssociated */)
+              );
               const setterSetVal = (val) => {
                 const currentValue = ref.$lazyInstance$[memberName];
                 if (!ref.$instanceValues$.get(memberName) && currentValue) {
@@ -3622,6 +3668,9 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
       } else {
         patchCloneNode(HostElement.prototype);
       }
+      if (cmpMeta.$flags$ & 64 /* formAssociated */) {
+        HostElement.formAssociated = true;
+      }
       cmpMeta.$lazyBundleId$ = lazyBundle[0];
       if (!exclude.includes(tagName) && !customElements2.get(tagName)) {
         cmpTags.push(tagName);

package/dist/esm/{index--21qeSt0.js → index-D0-93AmS.js}

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