@ionic/core 9.0.2 → 9.0.3-dev.11788456135.1ab1d6cd

package/dist/cjs/{index-DXoo08JC.js → index-BsDPqfGS.js}

@@ -332,6 +332,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './ion-datetime.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'ion-gallery.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './ion-gallery.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'ion-input.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -480,6 +484,14 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './ion-datetime-button.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'ion-divider.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './ion-divider.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'ion-gallery-item.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './ion-gallery-item.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'ion-input-otp.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -553,6 +565,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 {
 };
@@ -2055,7 +2073,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;
       }
     }
@@ -3088,7 +3108,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) {
@@ -3133,6 +3155,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$) {
@@ -3182,7 +3224,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);
@@ -3207,7 +3251,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$) {
@@ -3629,6 +3675,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-wOmugbdg.js → index-CxDnX7hd.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-DFNrCX7M.js → index-DN51-BQl.js}

@@ -3,12 +3,10 @@
  */
 'use strict';
 
-var index = require('./index-DkNv4J_i.js');
-var hardwareBackButton = require('./hardware-back-button-Bu4Dzw8l.js');
-var index$1 = require('./index-DXoo08JC.js');
-var helpers = require('./helpers-7wzdhdeg.js');
-var ionicGlobal = require('./ionic-global-CYJNT-2P.js');
-var animation = require('./animation-Kd1N7WTN.js');
+var ionicGlobal = require('./ionic-global-BaVLW54G.js');
+var index = require('./index-BsDPqfGS.js');
+var helpers = require('./helpers-DFJMw-qZ.js');
+var animation = require('./animation-DVrkairK.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 = () => {
@@ -169,7 +169,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;
             }
@@ -178,7 +178,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;
             }
@@ -274,10 +274,10 @@ const createMenuController = () => {
     registerAnimation('reveal', menuRevealAnimation);
     registerAnimation('push', menuPushAnimation);
     registerAnimation('overlay', menuOverlayAnimation);
-    index.doc?.addEventListener('ionBackButton', (ev) => {
+    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-DtvKGwdh.js → index-DWP810QI.js}

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var helpers = require('./helpers-7wzdhdeg.js');
-var index = require('./index-DXoo08JC.js');
+var helpers = require('./helpers-DFJMw-qZ.js');
+var index = require('./index-BsDPqfGS.js');
 
 const ION_CONTENT_TAG_NAME = 'ION-CONTENT';
 const ION_CONTENT_ELEMENT_SELECTOR = 'ion-content';

package/dist/cjs/{index-KiSZqhYS.js → index-jHTqyXrs.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DXoo08JC.js');
+var index = require('./index-BsDPqfGS.js');
 
 /**
  * Sanitize an untrusted HTML string.

package/dist/cjs/index.cjs.js

@@ -3,25 +3,24 @@
  */
 'use strict';
 
-var animation = require('./animation-Kd1N7WTN.js');
-var index = require('./index-CQfEIyLK.js');
-var ios_transition = require('./ios.transition-DYGiD6gM.js');
-var md_transition = require('./md.transition-CrSkaoz6.js');
+var animation = require('./animation-DVrkairK.js');
+var index = require('./index-BoQA7njo.js');
+var ios_transition = require('./ios.transition-Bm4N3WK1.js');
+var md_transition = require('./md.transition-Z-7hu2x1.js');
 var cubicBezier = require('./cubic-bezier-DAjy1V-e.js');
 var index$1 = require('./index-DRPqwSvU.js');
-var ionicGlobal = require('./ionic-global-CYJNT-2P.js');
-var helpers = require('./helpers-7wzdhdeg.js');
-var index$2 = require('./index-DXoo08JC.js');
-var index$3 = require('./index-KiSZqhYS.js');
+var ionicGlobal = require('./ionic-global-BaVLW54G.js');
+var helpers = require('./helpers-DFJMw-qZ.js');
+var index$2 = require('./index-BsDPqfGS.js');
+var index$3 = require('./index-jHTqyXrs.js');
 var config = require('./config-CjUbvdPW.js');
-var theme = require('./theme-Bw0rpaNN.js');
-var index$4 = require('./index-DFNrCX7M.js');
-var overlays = require('./overlays-BR21NUIG.js');
-require('./index-DkNv4J_i.js');
+var theme = require('./theme-Cy4joHPt.js');
+var index$4 = require('./index-DN51-BQl.js');
+var overlays = require('./overlays-Jn6TNpc3.js');
 require('./gesture-controller-CeJslptU.js');
+require('./focus-visible-BIj-I3-C.js');
 require('./dir-zwDPRE5K.js');
-require('./hardware-back-button-Bu4Dzw8l.js');
-require('./framework-delegate-d-fWfeI6.js');
+require('./framework-delegate-Dmce7iqZ.js');
 
 const IonicSlides = (opts) => {
     const { swiper, extendParams } = opts;

package/dist/cjs/{input-shims-VJIiKBKv.js → input-shims-BFGH5o2Z.js}

@@ -3,13 +3,14 @@
  */
 'use strict';
 
-var index = require('./index-DkNv4J_i.js');
-var index$1 = require('./index-DtvKGwdh.js');
-var helpers = require('./helpers-7wzdhdeg.js');
-var keyboard = require('./keyboard-cHxZlTyz.js');
-require('./index-DXoo08JC.js');
+var ionicGlobal = require('./ionic-global-BaVLW54G.js');
+var index = require('./index-DWP810QI.js');
+var helpers = require('./helpers-DFJMw-qZ.js');
+var keyboard = require('./keyboard-9uOUQmB-.js');
+require('./index-BsDPqfGS.js');
+require('./focus-visible-BIj-I3-C.js');
 require('./dir-zwDPRE5K.js');
-require('./capacitor-DmA66EwP.js');
+require('./capacitor-w_r4U-_S.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?.removeEventListener('ionKeyboardDidShow', keyboardShow);
+        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?.addEventListener('ionKeyboardDidShow', keyboardShow);
+        ionicGlobal.win?.addEventListener('ionKeyboardDidShow', keyboardShow);
         componentEl.addEventListener('focusout', focusOut);
     };
     componentEl.addEventListener('focusin', focusIn);
     return () => {
         componentEl.removeEventListener('focusin', focusIn);
-        index.win?.removeEventListener('ionKeyboardDidShow', keyboardShow);
+        ionicGlobal.win?.removeEventListener('ionKeyboardDidShow', keyboardShow);
         componentEl.removeEventListener('focusout', focusOut);
     };
 };
@@ -470,7 +471,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
@@ -497,7 +498,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
@@ -545,7 +546,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';
@@ -567,7 +568,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();
     /**
@@ -583,7 +584,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;
@@ -632,10 +633,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-EHVE2RK_.js → input.utils-C5MTV3xv.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DXoo08JC.js');
+var index = require('./index-BsDPqfGS.js');
 
 const getCounterText = (value, maxLength, counterFormatter) => {
     const valueLength = value == null ? 0 : value.toString().length;