@ionic/core 8.8.6-dev.11777490150.1970e4f2 → 8.8.6-nightly.20260430

package/dist/cjs/{index-BJlwOs11.js → config-BukYi_pW.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CzcLEdQ5.js');
+var index = require('./index-CqT-2gKy.js');
 
 /**
  * Does a simple sanitization of all elements
@@ -167,5 +167,35 @@ class IonicSafeString {
     }
 }
 
+const setupConfig = (config) => {
+    const win = window;
+    const Ionic = win.Ionic;
+    // eslint-disable-next-line @typescript-eslint/prefer-optional-chain
+    if (Ionic && Ionic.config && Ionic.config.constructor.name !== 'Object') {
+        return;
+    }
+    win.Ionic = win.Ionic || {};
+    win.Ionic.config = Object.assign(Object.assign({}, win.Ionic.config), config);
+    return win.Ionic.config;
+};
+const getMode = () => {
+    var _a;
+    const win = window;
+    const config = (_a = win === null || win === void 0 ? void 0 : win.Ionic) === null || _a === void 0 ? void 0 : _a.config;
+    if (config) {
+        if (config.mode) {
+            return config.mode;
+        }
+        else {
+            return config.get('mode');
+        }
+    }
+    return 'md';
+};
+const ENABLE_HTML_CONTENT_DEFAULT = false;
+
+exports.ENABLE_HTML_CONTENT_DEFAULT = ENABLE_HTML_CONTENT_DEFAULT;
 exports.IonicSafeString = IonicSafeString;
+exports.getMode = getMode;
 exports.sanitizeDOMString = sanitizeDOMString;
+exports.setupConfig = setupConfig;

package/dist/cjs/{data-DuOuKG7I.js → data-BYlBjkMU.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CzcLEdQ5.js');
+var index = require('./index-CqT-2gKy.js');
 
 /**
  * Returns true if the selected day is equal to the reference day
@@ -1152,20 +1152,20 @@ const hour23 = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18
 // h24 hour system uses 1-24. Midnight starts at 24:00.
 const hour24 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 0];
 /**
- * Given a locale and a theme,
+ * Given a locale and a mode,
  * return an array with formatted days
- * of the week. iOS and Ionic themes should
- * display days such as "Mon" or "Tue".
+ * of the week. iOS should display days
+ * such as "Mon" or "Tue".
  * MD should display days such as "M"
  * or "T".
  */
-const getDaysOfWeek = (locale, theme, firstDayOfWeek = 0) => {
+const getDaysOfWeek = (locale, mode, firstDayOfWeek = 0) => {
     /**
      * Nov 1st, 2020 starts on a Sunday.
      * ion-datetime assumes weeks start on Sunday,
      * but is configurable via `firstDayOfWeek`.
      */
-    const weekdayFormat = theme === 'md' ? 'narrow' : 'short';
+    const weekdayFormat = mode === 'ios' ? 'short' : 'narrow';
     const intl = new Intl.DateTimeFormat(locale, { weekday: weekdayFormat });
     const startDate = new Date('11/01/2020');
     const daysOfWeek = [];

package/dist/{esm/focus-visible-vXpMhGrs.js → cjs/focus-visible-CCvKiLh3.js}

@@ -1,6 +1,8 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
+'use strict';
+
 const ION_FOCUSED = 'ion-focused';
 const ION_FOCUSABLE = 'ion-focusable';
 const FOCUS_KEYS = [
@@ -17,28 +19,6 @@ const FOCUS_KEYS = [
     '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);
-};
 const startFocusVisible = (rootEl) => {
     let currentFocus = [];
     let keyboardMode = true;
@@ -94,4 +74,4 @@ const startFocusVisible = (rootEl) => {
     };
 };
 
-export { focusElements, getOrInitFocusVisibleUtility, startFocusVisible };
+exports.startFocusVisible = startFocusVisible;

package/dist/cjs/{framework-delegate-Dx9FrqAC.js → framework-delegate-CRgp8o_p.js}

@@ -3,8 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CzcLEdQ5.js');
-var helpers = require('./helpers-DJYxKN5U.js');
+var helpers = require('./helpers-CxTYJdbT.js');
 
 // TODO(FW-2832): types
 const attachComponent = async (delegate, container, component, cssClasses, componentProps, inline) => {
@@ -105,8 +104,7 @@ const CoreDelegate = () => {
          * Get the root of the app and
          * add the overlay there.
          */
-        const appRootSelector = index.config.get('appRootSelector', 'ion-app');
-        const app = document.querySelector(appRootSelector) || document.body;
+        const app = document.querySelector('ion-app') || document.body;
         /**
          * Create a placeholder comment so that
          * we can return this component to where

package/dist/cjs/{haptic-D3Ay9mmg.js → haptic-ClPPQ_PS.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var capacitor = require('./capacitor-BnRBm_ys.js');
+var capacitor = require('./capacitor-DmA66EwP.js');
 
 exports.ImpactStyle = void 0;
 (function (ImpactStyle) {

package/dist/cjs/hardware-back-button-C4rMJ5uI.js

@@ -0,0 +1,121 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+'use strict';
+
+var index$1 = require('./index-DkNv4J_i.js');
+var index = require('./index-CqT-2gKy.js');
+
+/**
+ * CloseWatcher is a newer API that lets
+ * use detect the hardware back button event
+ * in a web browser: https://caniuse.com/?search=closewatcher
+ * However, not every browser supports it yet.
+ *
+ * This needs to be a function so that we can
+ * check the config once it has been set.
+ * Otherwise, this code would be evaluated the
+ * moment this file is evaluated which could be
+ * before the config is set.
+ */
+const shouldUseCloseWatcher = () => index.config.get('experimentalCloseWatcher', false) && index$1.win !== undefined && 'CloseWatcher' in index$1.win;
+/**
+ * When hardwareBackButton: false in config,
+ * we need to make sure we also block the default
+ * webview behavior. If we don't then it will be
+ * possible for users to navigate backward while
+ * an overlay is still open. Additionally, it will
+ * give the appearance that the hardwareBackButton
+ * config is not working as the page transition
+ * will still happen.
+ */
+const blockHardwareBackButton = () => {
+    document.addEventListener('backbutton', () => { }); // eslint-disable-line
+};
+const startHardwareBackButton = () => {
+    const doc = document;
+    let busy = false;
+    const backButtonCallback = () => {
+        if (busy) {
+            return;
+        }
+        let index$1 = 0;
+        let handlers = [];
+        const ev = new CustomEvent('ionBackButton', {
+            bubbles: false,
+            detail: {
+                register(priority, handler) {
+                    handlers.push({ priority, handler, id: index$1++ });
+                },
+            },
+        });
+        doc.dispatchEvent(ev);
+        const executeAction = async (handlerRegister) => {
+            try {
+                if (handlerRegister === null || handlerRegister === void 0 ? void 0 : handlerRegister.handler) {
+                    const result = handlerRegister.handler(processHandlers);
+                    if (result != null) {
+                        await result;
+                    }
+                }
+            }
+            catch (e) {
+                index.printIonError('[ion-app] - Exception in startHardwareBackButton:', e);
+            }
+        };
+        const processHandlers = () => {
+            if (handlers.length > 0) {
+                let selectedHandler = {
+                    priority: Number.MIN_SAFE_INTEGER,
+                    handler: () => undefined,
+                    id: -1,
+                };
+                handlers.forEach((handler) => {
+                    if (handler.priority >= selectedHandler.priority) {
+                        selectedHandler = handler;
+                    }
+                });
+                busy = true;
+                handlers = handlers.filter((handler) => handler.id !== selectedHandler.id);
+                executeAction(selectedHandler).then(() => (busy = false));
+            }
+        };
+        processHandlers();
+    };
+    /**
+     * If the CloseWatcher is defined then
+     * we don't want to also listen for the native
+     * backbutton event otherwise we may get duplicate
+     * events firing.
+     */
+    if (shouldUseCloseWatcher()) {
+        let watcher;
+        const configureWatcher = () => {
+            watcher === null || watcher === void 0 ? void 0 : watcher.destroy();
+            watcher = new index$1.win.CloseWatcher();
+            /**
+             * Once a close request happens
+             * the watcher gets destroyed.
+             * As a result, we need to re-configure
+             * the watcher so we can respond to other
+             * close requests.
+             */
+            watcher.onclose = () => {
+                backButtonCallback();
+                configureWatcher();
+            };
+        };
+        configureWatcher();
+    }
+    else {
+        doc.addEventListener('backbutton', backButtonCallback);
+    }
+};
+const OVERLAY_BACK_BUTTON_PRIORITY = 100;
+const MENU_BACK_BUTTON_PRIORITY = 99; // 1 less than overlay priority since menu is displayed behind overlays
+
+exports.MENU_BACK_BUTTON_PRIORITY = MENU_BACK_BUTTON_PRIORITY;
+exports.OVERLAY_BACK_BUTTON_PRIORITY = OVERLAY_BACK_BUTTON_PRIORITY;
+exports.blockHardwareBackButton = blockHardwareBackButton;
+exports.shouldUseCloseWatcher = shouldUseCloseWatcher;
+exports.startHardwareBackButton = startHardwareBackButton;

package/dist/cjs/{helpers-DJYxKN5U.js → helpers-CxTYJdbT.js}

@@ -3,8 +3,7 @@
  */
 'use strict';
 
-var focusVisible = require('./focus-visible-BIj-I3-C.js');
-var index = require('./index-CzcLEdQ5.js');
+var index = require('./index-CqT-2gKy.js');
 
 const transitionEndAsync = (el, expectedDuration = 0) => {
     return new Promise((resolve) => {
@@ -204,17 +203,6 @@ 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();
     /**
@@ -224,52 +212,11 @@ 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.
      */
-    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 = index.config.get('appRootSelector', 'ion-app');
-        const app = elToFocus.closest(appRootSelector);
+    if (el.classList.contains('ion-focusable')) {
+        const app = el.closest('ion-app');
         if (app) {
-            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`.
-                     */
-                    focusVisible.focusElements([elToFocus]);
-                });
-            }
+            app.setFocus([el]);
         }
     }
 };

package/dist/cjs/{index-D_mPAIqF.js → index-C845Ti6K.js}

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-CzcLEdQ5.js');
-var helpers = require('./helpers-DJYxKN5U.js');
+var index = require('./index-CqT-2gKy.js');
+var helpers = require('./helpers-CxTYJdbT.js');
 
 const LIFECYCLE_WILL_ENTER = 'ionViewWillEnter';
 const LIFECYCLE_DID_ENTER = 'ionViewDidEnter';
@@ -120,8 +120,8 @@ const createFocusController = () => {
 };
 const LAST_FOCUS = 'ion-last-focus';
 
-const iosTransitionAnimation = () => Promise.resolve().then(function () { return require('./ios.transition-UCjoxA3D.js'); });
-const mdTransitionAnimation = () => Promise.resolve().then(function () { return require('./md.transition-CNwlchQn.js'); });
+const iosTransitionAnimation = () => Promise.resolve().then(function () { return require('./ios.transition-trBiC95R.js'); });
+const mdTransitionAnimation = () => Promise.resolve().then(function () { return require('./md.transition-CUQECuvD.js'); });
 const focusController = createFocusController();
 // TODO(FW-2832): types
 /**

package/dist/cjs/{index-Cer2Qy4I.js → index-CFUwM5x_.js}

@@ -3,10 +3,12 @@
  */
 'use strict';
 
-var ionicGlobal = require('./ionic-global-CSEbHD_F.js');
-var index = require('./index-CzcLEdQ5.js');
-var helpers = require('./helpers-DJYxKN5U.js');
-var animation = require('./animation-DknMeJ3x.js');
+var index = require('./index-DkNv4J_i.js');
+var hardwareBackButton = require('./hardware-back-button-C4rMJ5uI.js');
+var index$1 = require('./index-CqT-2gKy.js');
+var helpers = require('./helpers-CxTYJdbT.js');
+var ionicGlobal = require('./ionic-global-Bc3kJi1Z.js');
+var animation = require('./animation-Dg4yiuR2.js');
 
 /**
  * baseAnimation
@@ -48,10 +50,10 @@ const menuOverlayAnimation = (menu) => {
     }
     menuAnimation.addElement(menu.menuInnerEl).fromTo('transform', `translateX(${closedX})`, `translateX(${openedX})`);
     const mode = ionicGlobal.getIonMode(menu);
-    const isIOS = mode === 'ios';
-    const opacity = isIOS ? 0.2 : 0.25;
+    const isIos = mode === 'ios';
+    const opacity = isIos ? 0.2 : 0.25;
     backdropAnimation.addElement(menu.backdropEl).fromTo('opacity', 0.01, opacity);
-    return baseAnimation(isIOS).addAnimation([menuAnimation, backdropAnimation]);
+    return baseAnimation(isIos).addAnimation([menuAnimation, backdropAnimation]);
 };
 
 /**
@@ -64,7 +66,6 @@ const menuPushAnimation = (menu) => {
     let menuClosedX;
     const mode = ionicGlobal.getIonMode(menu);
     const width = menu.width;
-    const isIOS = mode === 'ios';
     if (menu.isEndSide) {
         contentOpenedX = -width + 'px';
         menuClosedX = width + 'px';
@@ -80,7 +81,7 @@ const menuPushAnimation = (menu) => {
         .addElement(menu.contentEl)
         .fromTo('transform', 'translateX(0px)', `translateX(${contentOpenedX})`);
     const backdropAnimation = animation.createAnimation().addElement(menu.backdropEl).fromTo('opacity', 0.01, 0.32);
-    return baseAnimation(isIOS).addAnimation([menuAnimation, contentAnimation, backdropAnimation]);
+    return baseAnimation(mode === 'ios').addAnimation([menuAnimation, contentAnimation, backdropAnimation]);
 };
 
 /**
@@ -90,12 +91,11 @@ const menuPushAnimation = (menu) => {
  */
 const menuRevealAnimation = (menu) => {
     const mode = ionicGlobal.getIonMode(menu);
-    const isIOS = mode === 'ios';
     const openedX = menu.width * (menu.isEndSide ? -1 : 1) + 'px';
     const contentOpen = animation.createAnimation()
         .addElement(menu.contentEl) // REVIEW
         .fromTo('transform', 'translateX(0px)', `translateX(${openedX})`);
-    return baseAnimation(isIOS).addAnimation(contentOpen);
+    return baseAnimation(mode === 'ios').addAnimation(contentOpen);
 };
 
 const createMenuController = () => {
@@ -170,7 +170,7 @@ const createMenuController = () => {
             const menuRefs = menus.filter((m) => m.side === menu && !m.disabled);
             if (menuRefs.length >= 1) {
                 if (menuRefs.length > 1 && logOnMultipleSideMenus) {
-                    index.printIonWarning(`menuController queried for a menu on the "${menu}" side, but ${menuRefs.length} menus were found. The first menu reference will be used. If this is not the behavior you want then pass the ID of the menu instead of its side.`, menuRefs.map((m) => m.el));
+                    index$1.printIonWarning(`menuController queried for a menu on the "${menu}" side, but ${menuRefs.length} menus were found. The first menu reference will be used. If this is not the behavior you want then pass the ID of the menu instead of its side.`, menuRefs.map((m) => m.el));
                 }
                 return menuRefs[0].el;
             }
@@ -179,7 +179,7 @@ const createMenuController = () => {
             const sideMenuRefs = menus.filter((m) => m.side === menu);
             if (sideMenuRefs.length >= 1) {
                 if (sideMenuRefs.length > 1 && logOnMultipleSideMenus) {
-                    index.printIonWarning(`menuController queried for a menu on the "${menu}" side, but ${sideMenuRefs.length} menus were found. The first menu reference will be used. If this is not the behavior you want then pass the ID of the menu instead of its side.`, sideMenuRefs.map((m) => m.el));
+                    index$1.printIonWarning(`menuController queried for a menu on the "${menu}" side, but ${sideMenuRefs.length} menus were found. The first menu reference will be used. If this is not the behavior you want then pass the ID of the menu instead of its side.`, sideMenuRefs.map((m) => m.el));
                 }
                 return sideMenuRefs[0].el;
             }
@@ -275,10 +275,10 @@ const createMenuController = () => {
     registerAnimation('reveal', menuRevealAnimation);
     registerAnimation('push', menuPushAnimation);
     registerAnimation('overlay', menuOverlayAnimation);
-    ionicGlobal.doc === null || ionicGlobal.doc === void 0 ? void 0 : ionicGlobal.doc.addEventListener('ionBackButton', (ev) => {
+    index.doc === null || index.doc === void 0 ? void 0 : index.doc.addEventListener('ionBackButton', (ev) => {
         const openMenu = _getOpenSync();
         if (openMenu) {
-            ev.detail.register(ionicGlobal.MENU_BACK_BUTTON_PRIORITY, () => {
+            ev.detail.register(hardwareBackButton.MENU_BACK_BUTTON_PRIORITY, () => {
                 return openMenu.close();
             });
         }

package/dist/cjs/{index-CzcLEdQ5.js → index-CqT-2gKy.js}

@@ -279,12 +279,6 @@ var HYDRATE_CHILD_ID = "c-id";
 var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
 var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
 var XLINK_NS = "http://www.w3.org/1999/xlink";
-var FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS = [
-  "formAssociatedCallback",
-  "formResetCallback",
-  "formDisabledCallback",
-  "formStateRestoreCallback"
-];
 var win = typeof window !== "undefined" ? window : {};
 var H = win.HTMLElement || class {
 };
@@ -1745,9 +1739,7 @@ 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;
       }
     }
@@ -2775,9 +2767,7 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
   const instance = hostRef.$lazyInstance$ ;
   newVal = parsePropertyValue(
     newVal,
-    cmpMeta.$members$[propName][0],
-    !!(cmpMeta.$flags$ & 64 /* formAssociated */)
-  );
+    cmpMeta.$members$[propName][0]);
   const areBothNaN = Number.isNaN(oldVal) && Number.isNaN(newVal);
   const didValueChange = newVal !== oldVal && !areBothNaN;
   if ((!(flags & 8 /* isConstructingInstance */) || oldVal === void 0) && didValueChange) {
@@ -2821,26 +2811,6 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
 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$) {
@@ -2890,9 +2860,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
               origSetter.apply(this, [
                 parsePropertyValue(
                   newValue,
-                  memberFlags,
-                  !!(cmpMeta.$flags$ & 64 /* formAssociated */)
-                )
+                  memberFlags)
               ]);
               newValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
               setValue(this, memberName, newValue, cmpMeta);
@@ -2917,9 +2885,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
                 }
                 ref.$lazyInstance$[memberName] = parsePropertyValue(
                   newValue,
-                  memberFlags,
-                  !!(cmpMeta.$flags$ & 64 /* formAssociated */)
-                );
+                  memberFlags);
                 setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
               };
               if (ref.$lazyInstance$) {
@@ -3324,9 +3290,6 @@ 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/cjs/index-DkNv4J_i.js

@@ -0,0 +1,10 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+'use strict';
+
+const win = typeof window !== 'undefined' ? window : undefined;
+const doc = typeof document !== 'undefined' ? document : undefined;
+
+exports.doc = doc;
+exports.win = win;

package/dist/cjs/{index-CgAbCW6L.js → index-DqmRDbxg.js}

@@ -18,7 +18,6 @@ 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>";
@@ -45,7 +44,6 @@ exports.chevronForward = chevronForward;
 exports.chevronForwardOutline = chevronForwardOutline;
 exports.close = close;
 exports.closeCircle = closeCircle;
-exports.closeOutline = closeOutline;
 exports.closeSharp = closeSharp;
 exports.ellipseOutline = ellipseOutline;
 exports.ellipsisHorizontal = ellipsisHorizontal;

package/dist/cjs/{index-BJrpF9T3.js → index-MbaBbWXk.js}

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var helpers = require('./helpers-DJYxKN5U.js');
-var index = require('./index-CzcLEdQ5.js');
+var helpers = require('./helpers-CxTYJdbT.js');
+var index = require('./index-CqT-2gKy.js');
 
 const ION_CONTENT_TAG_NAME = 'ION-CONTENT';
 const ION_CONTENT_ELEMENT_SELECTOR = 'ion-content';

package/dist/cjs/{index-DMJjUhXH.js → index-YcSftOMz.js}

@@ -3,13 +3,12 @@
  */
 'use strict';
 
-var ionicGlobal = require('./ionic-global-CSEbHD_F.js');
-var helpers = require('./helpers-DJYxKN5U.js');
-require('./index-CzcLEdQ5.js');
-require('./focus-visible-BIj-I3-C.js');
+var index = require('./index-DkNv4J_i.js');
+var helpers = require('./helpers-CxTYJdbT.js');
+require('./index-CqT-2gKy.js');
 
 const startTapClick = (config) => {
-    if (ionicGlobal.doc === undefined) {
+    if (index.doc === undefined) {
         return;
     }
     let lastActivated = 0;
@@ -112,9 +111,9 @@ const startTapClick = (config) => {
             active.classList.remove(ACTIVATED);
         }
     };
-    ionicGlobal.doc.addEventListener('ionGestureCaptured', cancelActive);
-    ionicGlobal.doc.addEventListener('pointerdown', pointerDown, true);
-    ionicGlobal.doc.addEventListener('pointerup', pointerUp, true);
+    index.doc.addEventListener('ionGestureCaptured', cancelActive);
+    index.doc.addEventListener('pointerdown', pointerDown, true);
+    index.doc.addEventListener('pointerup', pointerUp, true);
     /**
      * Tap click effects such as the ripple effect should
      * not happen when scrolling. For example, if a user scrolls
@@ -127,7 +126,7 @@ const startTapClick = (config) => {
      * starts, so this lets us avoid having to listen for
      * ion-content's scroll events.
      */
-    ionicGlobal.doc.addEventListener('pointercancel', cancelActive, true);
+    index.doc.addEventListener('pointercancel', cancelActive, true);
 };
 // TODO(FW-2832): type
 const getActivatableTarget = (ev) => {