@ionic/core 8.8.9-dev.11780414486.1df2bd72 → 8.8.9-dev.11780493108.1d8e1a89

package/dist/cjs/{index-aC4x3Fk3.js → index-BekUBS8C.js}

@@ -3,12 +3,10 @@
  */
 'use strict';
 
-var index = require('./index-DkNv4J_i.js');
-var hardwareBackButton = require('./hardware-back-button-iUuF_76h.js');
-var index$1 = require('./index-Ct7gcRif.js');
-var helpers = require('./helpers-Cv23MFHM.js');
-var ionicGlobal = require('./ionic-global-B-cA6LkY.js');
-var animation = require('./animation-BJq0kcy2.js');
+var ionicGlobal = require('./ionic-global-BW5tRzrz.js');
+var index = require('./index-CzcLEdQ5.js');
+var helpers = require('./helpers-DJYxKN5U.js');
+var animation = require('./animation-BZJ2wKuM.js');
 
 /**
  * baseAnimation
@@ -50,10 +48,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]);
 };
 
 /**
@@ -66,6 +64,7 @@ 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';
@@ -81,7 +80,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(mode === 'ios').addAnimation([menuAnimation, contentAnimation, backdropAnimation]);
+    return baseAnimation(isIOS).addAnimation([menuAnimation, contentAnimation, backdropAnimation]);
 };
 
 /**
@@ -91,11 +90,12 @@ 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(mode === 'ios').addAnimation(contentOpen);
+    return baseAnimation(isIOS).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$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));
+                    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));
                 }
                 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$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));
+                    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));
                 }
                 return sideMenuRefs[0].el;
             }
@@ -275,10 +275,10 @@ const createMenuController = () => {
     registerAnimation('reveal', menuRevealAnimation);
     registerAnimation('push', menuPushAnimation);
     registerAnimation('overlay', menuOverlayAnimation);
-    index.doc === null || index.doc === void 0 ? void 0 : index.doc.addEventListener('ionBackButton', (ev) => {
+    ionicGlobal.doc === null || ionicGlobal.doc === void 0 ? void 0 : ionicGlobal.doc.addEventListener('ionBackButton', (ev) => {
         const openMenu = _getOpenSync();
         if (openMenu) {
-            ev.detail.register(hardwareBackButton.MENU_BACK_BUTTON_PRIORITY, () => {
+            ev.detail.register(ionicGlobal.MENU_BACK_BUTTON_PRIORITY, () => {
                 return openMenu.close();
             });
         }

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

@@ -18,6 +18,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>";
@@ -44,6 +45,7 @@ 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-D81eLYUM.js → index-CwxYd6UD.js}

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

package/dist/cjs/{index-Ct7gcRif.js → index-CzcLEdQ5.js}

@@ -124,7 +124,7 @@ const printRequiredElementError = (el, ...targetSelectors) => {
 };
 
 /*
- Stencil Client Platform v4.43.5 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.43.0 | MIT Licensed | https://stenciljs.com
  */
 
 var Build = {
@@ -157,19 +157,6 @@ var NonPrimitiveType = /* @__PURE__ */ ((NonPrimitiveType2) => {
 var TYPE_CONSTANT = "type";
 var VALUE_CONSTANT = "value";
 var SERIALIZED_PREFIX = "serialized:";
-
-// src/utils/get-prop-descriptor.ts
-function getPropertyDescriptor(obj, memberName, getOnly) {
-  const stopAt = typeof HTMLElement !== "undefined" ? HTMLElement.prototype : null;
-  while (obj && obj !== stopAt) {
-    const desc = Object.getOwnPropertyDescriptor(obj, memberName);
-    if (desc && (!getOnly || desc.get)) return desc;
-    obj = Object.getPrototypeOf(obj);
-  }
-  return void 0;
-}
-
-// src/utils/es2022-rewire-class-members.ts
 var reWireGetterSetter = (instance, hostRef) => {
   var _a;
   const cmpMeta = hostRef.$cmpMeta$;
@@ -177,7 +164,7 @@ var reWireGetterSetter = (instance, hostRef) => {
   members.map(([memberName, [memberFlags]]) => {
     if ((memberFlags & 31 /* Prop */ || memberFlags & 32 /* State */)) {
       const ogValue = instance[memberName];
-      const ogDescriptor = getPropertyDescriptor(Object.getPrototypeOf(instance), memberName, true) || Object.getOwnPropertyDescriptor(instance, memberName);
+      const ogDescriptor = getPropertyDescriptor(Object.getPrototypeOf(instance), memberName) || Object.getOwnPropertyDescriptor(instance, memberName);
       if (ogDescriptor) {
         Object.defineProperty(instance, memberName, {
           get() {
@@ -190,14 +177,18 @@ var reWireGetterSetter = (instance, hostRef) => {
           enumerable: true
         });
       }
-      if (hostRef.$instanceValues$.has(memberName)) {
-        instance[memberName] = hostRef.$instanceValues$.get(memberName);
-      } else if (ogValue !== void 0) {
-        instance[memberName] = ogValue;
-      }
+      instance[memberName] = hostRef.$instanceValues$.has(memberName) ? hostRef.$instanceValues$.get(memberName) : ogValue;
     }
   });
 };
+function getPropertyDescriptor(obj, memberName) {
+  while (obj) {
+    const desc = Object.getOwnPropertyDescriptor(obj, memberName);
+    if (desc == null ? void 0 : desc.get) return desc;
+    obj = Object.getPrototypeOf(obj);
+  }
+  return void 0;
+}
 
 // src/client/client-host-ref.ts
 var getHostRef = (ref) => {
@@ -288,6 +279,12 @@ 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 {
 };
@@ -1004,7 +1001,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
               }
             } else {
               const existingStyleContainer = styleContainerNode.querySelector("style");
-              if (existingStyleContainer && true) {
+              if (existingStyleContainer) {
                 existingStyleContainer.textContent = style + existingStyleContainer.textContent;
               } else {
                 styleContainerNode.prepend(styleElm);
@@ -1637,31 +1634,6 @@ var getMode = (ref) => {
   return (_a = getHostRef(ref)) == null ? void 0 : _a.$modeName$;
 };
 
-// src/runtime/normalize-watchers.ts
-var normalizeWatchers = (raw) => {
-  if (!raw) return void 0;
-  const keys = Object.keys(raw);
-  if (keys.length === 0) return void 0;
-  let hasLegacy = false;
-  for (const propName of keys) {
-    if (hasLegacy) break;
-    for (const h2 of raw[propName]) {
-      if (typeof h2 === "string") {
-        hasLegacy = true;
-        break;
-      }
-    }
-  }
-  if (!hasLegacy) return raw;
-  const out = {};
-  for (const propName of keys) {
-    out[propName] = raw[propName].map(
-      (h2) => typeof h2 === "string" ? { [h2]: 0 } : h2
-    );
-  }
-  return out;
-};
-
 // src/utils/remote-value.ts
 var RemoteValue = class _RemoteValue {
   /**
@@ -1758,19 +1730,11 @@ var RemoteValue = class _RemoteValue {
 };
 
 // src/utils/serialize.ts
-function decodeBase64Unicode(base64) {
-  const binary = atob(base64);
-  const bytes = new Uint8Array(binary.length);
-  for (let i2 = 0; i2 < binary.length; i2++) {
-    bytes[i2] = binary.charCodeAt(i2);
-  }
-  return new TextDecoder().decode(bytes);
-}
 function deserializeProperty(value) {
   if (typeof value !== "string" || !value.startsWith(SERIALIZED_PREFIX)) {
     return value;
   }
-  return RemoteValue.fromLocalValue(JSON.parse(decodeBase64Unicode(value.slice(SERIALIZED_PREFIX.length))));
+  return RemoteValue.fromLocalValue(JSON.parse(atob(value.slice(SERIALIZED_PREFIX.length))));
 }
 
 // src/runtime/parse-property-value.ts
@@ -1781,7 +1745,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;
       }
     }
@@ -2809,7 +2775,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) {
@@ -2853,10 +2821,30 @@ 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$) {
-        cmpMeta.$watchers$ = normalizeWatchers(Cstr.watchers);
+        cmpMeta.$watchers$ = Cstr.watchers;
       }
       if (Cstr.deserializers && !cmpMeta.$deserializers$) {
         cmpMeta.$deserializers$ = Cstr.deserializers;
@@ -2868,7 +2856,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
     const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
     members.map(([memberName, [memberFlags]]) => {
       if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
-        const { get: origGetter, set: origSetter } = getPropertyDescriptor(prototype, memberName) || {};
+        const { get: origGetter, set: origSetter } = Object.getOwnPropertyDescriptor(prototype, memberName) || {};
         if (origGetter) cmpMeta.$members$[memberName][0] |= 2048 /* Getter */;
         if (origSetter) cmpMeta.$members$[memberName][0] |= 4096 /* Setter */;
         if (flags & 1 /* isElementConstructor */ || !origGetter) {
@@ -2902,7 +2890,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);
@@ -2927,7 +2917,9 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
                 }
                 ref.$lazyInstance$[memberName] = parsePropertyValue(
                   newValue,
-                  memberFlags);
+                  memberFlags,
+                  !!(cmpMeta.$flags$ & 64 /* formAssociated */)
+                );
                 setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
               };
               if (ref.$lazyInstance$) {
@@ -2982,13 +2974,11 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
             return;
           }
           const propFlags = members.find(([m]) => m === propName);
-          const isBooleanTarget = propFlags && propFlags[1][0] & 4 /* Boolean */;
-          const isSpuriousBooleanRemoval = isBooleanTarget && newValue === null && this[propName] === void 0;
-          if (isBooleanTarget) {
+          if (propFlags && propFlags[1][0] & 4 /* Boolean */) {
             newValue = newValue === null || newValue === "false" ? false : true;
           }
           const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
-          if (!isSpuriousBooleanRemoval && newValue != this[propName] && (!propDesc.get || !!propDesc.set)) {
+          if (newValue != this[propName] && (!propDesc.get || !!propDesc.set)) {
             this[propName] = newValue;
           }
         });
@@ -3033,7 +3023,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
         }
         if (!Cstr.isProxied) {
           {
-            cmpMeta.$watchers$ = normalizeWatchers(Cstr.watchers);
+            cmpMeta.$watchers$ = Cstr.watchers;
             cmpMeta.$serializers$ = Cstr.serializers;
             cmpMeta.$deserializers$ = Cstr.deserializers;
           }
@@ -3151,7 +3141,7 @@ var connectedCallback = (elm) => {
       }
       if (cmpMeta.$members$) {
         Object.entries(cmpMeta.$members$).map(([memberName, [memberFlags]]) => {
-          if (memberFlags & 31 /* Prop */ && Object.prototype.hasOwnProperty.call(elm, memberName)) {
+          if (memberFlags & 31 /* Prop */ && memberName in elm && elm[memberName] !== Object.prototype[memberName]) {
             const value = elm[memberName];
             delete elm[memberName];
             elm[memberName] = value;
@@ -3238,7 +3228,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
   let hasSlotRelocation = false;
   lazyBundles.map((lazyBundle) => {
     lazyBundle[1].map((compactMeta) => {
-      var _a2, _b;
+      var _a2, _b, _c;
       const cmpMeta = {
         $flags$: compactMeta[0],
         $tagName$: compactMeta[1],
@@ -3258,9 +3248,9 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
         cmpMeta.$attrsToReflect$ = [];
       }
       {
-        cmpMeta.$watchers$ = normalizeWatchers(compactMeta[4]);
-        cmpMeta.$serializers$ = (_a2 = compactMeta[5]) != null ? _a2 : {};
-        cmpMeta.$deserializers$ = (_b = compactMeta[6]) != null ? _b : {};
+        cmpMeta.$watchers$ = (_a2 = compactMeta[4]) != null ? _a2 : {};
+        cmpMeta.$serializers$ = (_b = compactMeta[5]) != null ? _b : {};
+        cmpMeta.$deserializers$ = (_c = compactMeta[6]) != null ? _c : {};
       }
       const tagName = transformTag(cmpMeta.$tagName$);
       const HostElement = class extends HTMLElement {
@@ -3334,6 +3324,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/cjs/{index-BERfRao3.js → index-DSNlrgfO.js}

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-Ct7gcRif.js');
-var helpers = require('./helpers-Cv23MFHM.js');
+var index = require('./index-CzcLEdQ5.js');
+var helpers = require('./helpers-DJYxKN5U.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-BOSWOaiK.js'); });
-const mdTransitionAnimation = () => Promise.resolve().then(function () { return require('./md.transition-B8-wBZqt.js'); });
+const iosTransitionAnimation = () => Promise.resolve().then(function () { return require('./ios.transition-CyNNpj1i.js'); });
+const mdTransitionAnimation = () => Promise.resolve().then(function () { return require('./md.transition-BEfrfWKW.js'); });
 const focusController = createFocusController();
 // TODO(FW-2832): types
 /**

package/dist/cjs/index.cjs.js

@@ -3,23 +3,23 @@
  */
 'use strict';
 
-var animation = require('./animation-BJq0kcy2.js');
-var index = require('./index-BERfRao3.js');
-var ios_transition = require('./ios.transition-BOSWOaiK.js');
-var md_transition = require('./md.transition-B8-wBZqt.js');
+var animation = require('./animation-BZJ2wKuM.js');
+var index = require('./index-DSNlrgfO.js');
+var ios_transition = require('./ios.transition-CyNNpj1i.js');
+var md_transition = require('./md.transition-BEfrfWKW.js');
 var cubicBezier = require('./cubic-bezier-DAjy1V-e.js');
 var index$1 = require('./index-CAvQ7Tka.js');
-var ionicGlobal = require('./ionic-global-B-cA6LkY.js');
-var helpers = require('./helpers-Cv23MFHM.js');
-var index$2 = require('./index-Ct7gcRif.js');
-var config = require('./config-xninhj0J.js');
-var theme = require('./theme-CeDs6Hcv.js');
-var index$3 = require('./index-aC4x3Fk3.js');
-var overlays = require('./overlays-DSmSrd_4.js');
-require('./index-DkNv4J_i.js');
+var ionicGlobal = require('./ionic-global-BW5tRzrz.js');
+var helpers = require('./helpers-DJYxKN5U.js');
+var index$2 = require('./index-CzcLEdQ5.js');
+var index$3 = require('./index-BJlwOs11.js');
+var config = require('./config-DWdFbSNK.js');
+var theme = require('./theme-IlOsGAz7.js');
+var index$4 = require('./index-BekUBS8C.js');
+var overlays = require('./overlays-BuMIwR8B.js');
 require('./gesture-controller-dtqlP_q4.js');
-require('./hardware-back-button-iUuF_76h.js');
-require('./framework-delegate-BtICZDHr.js');
+require('./focus-visible-BIj-I3-C.js');
+require('./framework-delegate-Dx9FrqAC.js');
 
 const IonicSlides = (opts) => {
     const { swiper, extendParams } = opts;
@@ -139,15 +139,16 @@ Object.defineProperty(exports, "LogLevel", {
     enumerable: true,
     get: function () { return index$2.LogLevel; }
 });
-exports.IonicSafeString = config.IonicSafeString;
+exports.IonicSafeString = index$3.IonicSafeString;
 exports.getMode = config.getMode;
 exports.setupConfig = config.setupConfig;
 exports.openURL = theme.openURL;
-exports.menuController = index$3.menuController;
+exports.menuController = index$4.menuController;
 exports.actionSheetController = overlays.actionSheetController;
 exports.alertController = overlays.alertController;
 exports.loadingController = overlays.loadingController;
 exports.modalController = overlays.modalController;
+exports.pickerController = overlays.pickerController;
 exports.popoverController = overlays.popoverController;
 exports.toastController = overlays.toastController;
 exports.IonicSlides = IonicSlides;

package/dist/cjs/{input-shims-CFLg7uzj.js → input-shims-VyZciSxi.js}

@@ -3,12 +3,13 @@
  */
 'use strict';
 
-var index = require('./index-DkNv4J_i.js');
-var index$1 = require('./index-CIrkNXqJ.js');
-var helpers = require('./helpers-Cv23MFHM.js');
-var keyboard = require('./keyboard-UuAS4D_9.js');
-require('./index-Ct7gcRif.js');
-require('./capacitor-DmA66EwP.js');
+var ionicGlobal = require('./ionic-global-BW5tRzrz.js');
+var index = require('./index-BJrpF9T3.js');
+var helpers = require('./helpers-DJYxKN5U.js');
+var keyboard = require('./keyboard-VLGMzWBE.js');
+require('./index-CzcLEdQ5.js');
+require('./focus-visible-BIj-I3-C.js');
+require('./capacitor-CXqhdZym.js');
 
 const cloneMap = new WeakMap();
 const relocateInput = (componentEl, inputEl, shouldRelocate, inputRelativeY = 0, disabledClonedInput = false) => {
@@ -299,7 +300,7 @@ const enableScrollAssist = (componentEl, inputEl, contentEl, footerEl, keyboardH
      * the keyboard height again. This will result in the input
      * being scrolled more than it needs to.
      */
-    const platformHeight = index.win !== undefined ? index.win.innerHeight : 0;
+    const platformHeight = ionicGlobal.win !== undefined ? ionicGlobal.win.innerHeight : 0;
     /**
      * Scroll assist is run when a text field
      * is focused. However, it may need to
@@ -352,7 +353,7 @@ const enableScrollAssist = (componentEl, inputEl, contentEl, footerEl, keyboardH
      */
     const focusOut = () => {
         hasKeyboardBeenPresentedForTextField = false;
-        index.win === null || index.win === void 0 ? void 0 : index.win.removeEventListener('ionKeyboardDidShow', keyboardShow);
+        ionicGlobal.win === null || ionicGlobal.win === void 0 ? void 0 : ionicGlobal.win.removeEventListener('ionKeyboardDidShow', keyboardShow);
         componentEl.removeEventListener('focusout', focusOut);
     };
     /**
@@ -372,13 +373,13 @@ const enableScrollAssist = (componentEl, inputEl, contentEl, footerEl, keyboardH
             return;
         }
         jsSetFocus(componentEl, inputEl, contentEl, footerEl, keyboardHeight, addScrollPadding, disableClonedInput, platformHeight);
-        index.win === null || index.win === void 0 ? void 0 : index.win.addEventListener('ionKeyboardDidShow', keyboardShow);
+        ionicGlobal.win === null || ionicGlobal.win === void 0 ? void 0 : ionicGlobal.win.addEventListener('ionKeyboardDidShow', keyboardShow);
         componentEl.addEventListener('focusout', focusOut);
     };
     componentEl.addEventListener('focusin', focusIn);
     return () => {
         componentEl.removeEventListener('focusin', focusIn);
-        index.win === null || index.win === void 0 ? void 0 : index.win.removeEventListener('ionKeyboardDidShow', keyboardShow);
+        ionicGlobal.win === null || ionicGlobal.win === void 0 ? void 0 : ionicGlobal.win.removeEventListener('ionKeyboardDidShow', keyboardShow);
         componentEl.removeEventListener('focusout', focusOut);
     };
 };
@@ -471,7 +472,7 @@ const jsSetFocus = async (componentEl, inputEl, contentEl, footerEl, keyboardHei
             window.removeEventListener('ionKeyboardDidShow', scrollContent);
             // scroll the input into place
             if (contentEl) {
-                await index$1.scrollByPoint(contentEl, 0, scrollData.scrollAmount, scrollData.scrollDuration);
+                await index.scrollByPoint(contentEl, 0, scrollData.scrollAmount, scrollData.scrollDuration);
             }
             // the scroll view is in the correct position now
             // give the native text input focus
@@ -498,7 +499,7 @@ const jsSetFocus = async (componentEl, inputEl, contentEl, footerEl, keyboardHei
             window.addEventListener('ionKeyboardDidShow', scrollContent);
         };
         if (contentEl) {
-            const scrollEl = await index$1.getScrollElement(contentEl);
+            const scrollEl = await index.getScrollElement(contentEl);
             /**
              * scrollData will only consider the amount we need
              * to scroll in order to properly bring the input
@@ -546,7 +547,7 @@ const startInputShims = async (config, platform) => {
      * If doc is undefined then we are in an SSR environment
      * where input shims do not apply.
      */
-    if (index.doc === undefined) {
+    if (ionicGlobal.doc === undefined) {
         return;
     }
     const isIOS = platform === 'ios';
@@ -568,7 +569,7 @@ const startInputShims = async (config, platform) => {
      */
     const inputBlurring = config.getBoolean('inputBlurring', false);
     const scrollPadding = config.getBoolean('scrollPadding', true);
-    const inputs = Array.from(index.doc.querySelectorAll('ion-input, ion-textarea'));
+    const inputs = Array.from(ionicGlobal.doc.querySelectorAll('ion-input, ion-textarea'));
     const hideCaretMap = new WeakMap();
     const scrollAssistMap = new WeakMap();
     /**
@@ -584,7 +585,7 @@ const startInputShims = async (config, platform) => {
         await new Promise((resolve) => helpers.componentOnReady(componentEl, resolve));
         const inputRoot = componentEl.shadowRoot || componentEl;
         const inputEl = inputRoot.querySelector('input') || inputRoot.querySelector('textarea');
-        const scrollEl = index$1.findClosestIonContent(componentEl);
+        const scrollEl = index.findClosestIonContent(componentEl);
         const footerEl = !scrollEl ? componentEl.closest('ion-footer') : null;
         if (!inputEl) {
             return;
@@ -633,10 +634,10 @@ const startInputShims = async (config, platform) => {
     for (const input of inputs) {
         registerInput(input);
     }
-    index.doc.addEventListener('ionInputDidLoad', (ev) => {
+    ionicGlobal.doc.addEventListener('ionInputDidLoad', (ev) => {
         registerInput(ev.detail);
     });
-    index.doc.addEventListener('ionInputDidUnload', (ev) => {
+    ionicGlobal.doc.addEventListener('ionInputDidUnload', (ev) => {
         unregisterInput(ev.detail);
     });
 };

package/dist/cjs/{input.utils-DetjmtH2.js → input.utils-Ct5KzpYv.js}

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-DkNv4J_i.js');
-var helpers = require('./helpers-Cv23MFHM.js');
-var index$1 = require('./index-Ct7gcRif.js');
+var ionicGlobal = require('./ionic-global-BW5tRzrz.js');
+var helpers = require('./helpers-DJYxKN5U.js');
+var index = require('./index-CzcLEdQ5.js');
 
 /**
  * Used to update a scoped component that uses emulated slots. This fires when
@@ -19,7 +19,7 @@ var index$1 = require('./index-Ct7gcRif.js');
 const createSlotMutationController = (el, slotName, mutationCallback) => {
     let hostMutationObserver;
     let slottedContentMutationObserver;
-    if (index.win !== undefined && 'MutationObserver' in index.win) {
+    if (ionicGlobal.win !== undefined && 'MutationObserver' in ionicGlobal.win) {
         const slots = Array.isArray(slotName) ? slotName : [slotName];
         hostMutationObserver = new MutationObserver((entries) => {
             for (const entry of entries) {
@@ -138,7 +138,7 @@ const getCounterText = (value, maxLength, counterFormatter) => {
         return counterFormatter(valueLength, maxLength);
     }
     catch (e) {
-        index$1.printIonError('[ion-input] - Exception in provided `counterFormatter`:', e);
+        index.printIonError('[ion-input] - Exception in provided `counterFormatter`:', e);
         return defaultCounterText;
     }
 };