@ionic/core 8.7.6-nightly.20251007 → 8.7.6

package/hydrate/index.mjs

@@ -390,7 +390,7 @@ const initialize = (userConfig = {}) => {
 const globalScripts = initialize;
 
 /*
- Stencil Hydrate Platform v4.36.2 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Platform v4.38.0 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -988,7 +988,7 @@ var convertToPrivate = (node) => {
 
 // src/runtime/client-hydrate.ts
 var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
-  var _a, _b, _c;
+  var _a, _b;
   const endHydrate = createTime("hydrateClient", tagName);
   const shadowRoot = hostElm.shadowRoot;
   const childRenderNodes = [];
@@ -997,21 +997,6 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
   const shadowRootNodes = shadowRoot ? [] : null;
   const vnode = newVNode(tagName, null);
   vnode.$elm$ = hostElm;
-  const members = Object.entries(((_a = hostRef.$cmpMeta$) == null ? void 0 : _a.$members$) || {});
-  members.forEach(([memberName, [memberFlags, metaAttributeName]]) => {
-    var _b2;
-    if (!(memberFlags & 31 /* Prop */)) {
-      return;
-    }
-    const attributeName = metaAttributeName || memberName;
-    const attrVal = hostElm.getAttribute(attributeName);
-    if (attrVal !== null) {
-      const attrPropVal = parsePropertyValue(
-        attrVal,
-        memberFlags);
-      (_b2 = hostRef == null ? void 0 : hostRef.$instanceValues$) == null ? void 0 : _b2.set(memberName, attrPropVal);
-    }
-  });
   let scopeId2;
   {
     const cmpMeta = hostRef.$cmpMeta$;
@@ -1050,7 +1035,7 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
       if (childRenderNode.$tag$ === "slot") {
         node["s-cr"] = hostElm["s-cr"];
       }
-    } else if (((_b = childRenderNode.$tag$) == null ? void 0 : _b.toString().includes("-")) && childRenderNode.$tag$ !== "slot-fb" && !childRenderNode.$elm$.shadowRoot) {
+    } else if (((_a = childRenderNode.$tag$) == null ? void 0 : _a.toString().includes("-")) && childRenderNode.$tag$ !== "slot-fb" && !childRenderNode.$elm$.shadowRoot) {
       const cmpMeta = getHostRef(childRenderNode.$elm$);
       if (cmpMeta) {
         const scopeId3 = getScopeId(
@@ -1121,7 +1106,7 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
           }
         }
         addSlotRelocateNode(slottedItem.node, slottedItem.slot, false, slottedItem.node["s-oo"]);
-        if (((_c = slottedItem.node.parentElement) == null ? void 0 : _c.shadowRoot) && slottedItem.node["getAttribute"] && slottedItem.node.getAttribute("slot")) {
+        if (((_b = slottedItem.node.parentElement) == null ? void 0 : _b.shadowRoot) && slottedItem.node["getAttribute"] && slottedItem.node.getAttribute("slot")) {
           slottedItem.node.removeAttribute("slot");
         }
       }
@@ -1837,12 +1822,6 @@ var parsePropertyValue = (propValue, propType, isFormAssociated) => {
     propValue = deserializeProperty(propValue);
     return propValue;
   }
-  if (typeof propValue === "string" && (propType & 16 /* Unknown */ || propType & 8 /* Any */) && (propValue.startsWith("{") && propValue.endsWith("}") || propValue.startsWith("[") && propValue.endsWith("]"))) {
-    try {
-      return JSON.parse(propValue);
-    } catch (e) {
-    }
-  }
   if (propValue != null && !isComplexType(propValue)) {
     if (propType & 4 /* Boolean */) {
       {
@@ -2438,9 +2417,11 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
   hostTagName = hostElm.tagName;
   if (cmpMeta.$attrsToReflect$) {
     rootVnode.$attrs$ = rootVnode.$attrs$ || {};
-    cmpMeta.$attrsToReflect$.map(
-      ([propName, attribute]) => rootVnode.$attrs$[attribute] = hostElm[propName]
-    );
+    cmpMeta.$attrsToReflect$.forEach(([propName, attribute]) => {
+      {
+        rootVnode.$attrs$[attribute] = hostElm[propName];
+      }
+    });
   }
   if (isInitialLoad && rootVnode.$attrs$) {
     for (const key of Object.keys(rootVnode.$attrs$)) {
@@ -2568,10 +2549,15 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
   let maybePromise;
   if (isInitialLoad) {
     {
-      hostRef.$flags$ |= 256 /* isListenReady */;
-      if (hostRef.$queuedListeners$) {
-        hostRef.$queuedListeners$.map(([methodName, event]) => safeCall$1(instance, methodName, event, elm));
-        hostRef.$queuedListeners$ = void 0;
+      {
+        hostRef.$flags$ |= 256 /* isListenReady */;
+        if (hostRef.$queuedListeners$) {
+          hostRef.$queuedListeners$.map(([methodName, event]) => safeCall$1(instance, methodName, event, elm));
+          hostRef.$queuedListeners$ = void 0;
+        }
+      }
+      if (hostRef.$fetchedCbList$.length) {
+        hostRef.$fetchedCbList$.forEach((cb) => cb(elm));
       }
     }
     maybePromise = safeCall$1(instance, "componentWillLoad", void 0, elm);
@@ -2784,9 +2770,17 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
 var proxyComponent = (Cstr, cmpMeta, flags) => {
   var _a;
   const prototype = Cstr.prototype;
-  if (cmpMeta.$members$ || (cmpMeta.$watchers$ || Cstr.watchers)) {
-    if (Cstr.watchers && !cmpMeta.$watchers$) {
-      cmpMeta.$watchers$ = Cstr.watchers;
+  {
+    {
+      if (Cstr.watchers && !cmpMeta.$watchers$) {
+        cmpMeta.$watchers$ = Cstr.watchers;
+      }
+      if (Cstr.deserializers && !cmpMeta.$deserializers$) {
+        cmpMeta.$deserializers$ = Cstr.deserializers;
+      }
+      if (Cstr.serializers && !cmpMeta.$serializers$) {
+        cmpMeta.$serializers$ = Cstr.serializers;
+      }
     }
     const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
     members.map(([memberName, [memberFlags]]) => {
@@ -2821,8 +2815,6 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
               const currentValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
               if (typeof currentValue === "undefined" && ref.$instanceValues$.get(memberName)) {
                 newValue = ref.$instanceValues$.get(memberName);
-              } else if (!ref.$instanceValues$.get(memberName) && currentValue) {
-                ref.$instanceValues$.set(memberName, currentValue);
               }
               origSetter.apply(this, [
                 parsePropertyValue(
@@ -2868,6 +2860,8 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
       if (!Cstr.isProxied) {
         {
           cmpMeta.$watchers$ = Cstr.watchers;
+          cmpMeta.$serializers$ = Cstr.serializers;
+          cmpMeta.$deserializers$ = Cstr.deserializers;
         }
         proxyComponent(Cstr, cmpMeta);
         Cstr.isProxied = true;
@@ -3207,6 +3201,9 @@ var hAsync = (nodeName, vnodeData, ...children) => {
 // src/hydrate/platform/proxy-host-element.ts
 function proxyHostElement(elm, cstr) {
   const cmpMeta = cstr.cmpMeta;
+  cmpMeta.$watchers$ = cmpMeta.$watchers$ || cstr.watchers;
+  cmpMeta.$deserializers$ = cmpMeta.$deserializers$ || cstr.deserializers;
+  cmpMeta.$serializers$ = cmpMeta.$serializers$ || cstr.serializers;
   if (typeof elm.componentOnReady !== "function") {
     elm.componentOnReady = componentOnReady$1;
   }
@@ -3220,7 +3217,7 @@ function proxyHostElement(elm, cstr) {
     const hostRef = getHostRef(elm);
     const members = Object.entries(cmpMeta.$members$);
     members.forEach(([memberName, [memberFlags, metaAttributeName]]) => {
-      var _a;
+      var _a, _b;
       if (memberFlags & 31 /* Prop */) {
         const attributeName = metaAttributeName || memberName;
         const attrValue = elm.getAttribute(attributeName);
@@ -3228,7 +3225,13 @@ function proxyHostElement(elm, cstr) {
         let attrPropVal;
         const { get: origGetter, set: origSetter } = Object.getOwnPropertyDescriptor(cstr.prototype, memberName) || {};
         if (attrValue != null) {
-          attrPropVal = parsePropertyValue(attrValue, memberFlags);
+          if ((_a = cmpMeta.$deserializers$) == null ? void 0 : _a[memberName]) {
+            for (const methodName of cmpMeta.$deserializers$[memberName]) {
+              attrPropVal = cstr.prototype[methodName](attrValue, memberName);
+            }
+          } else {
+            attrPropVal = parsePropertyValue(attrValue, memberFlags);
+          }
         }
         if (propValue !== void 0) {
           attrPropVal = propValue;
@@ -3239,7 +3242,7 @@ function proxyHostElement(elm, cstr) {
             origSetter.apply(elm, [attrPropVal]);
             attrPropVal = origGetter ? origGetter.apply(elm) : attrPropVal;
           }
-          (_a = hostRef == null ? void 0 : hostRef.$instanceValues$) == null ? void 0 : _a.set(memberName, attrPropVal);
+          (_b = hostRef == null ? void 0 : hostRef.$instanceValues$) == null ? void 0 : _b.set(memberName, attrPropVal);
         }
         const getterSetterDescriptor = {
           get: function() {
@@ -3253,21 +3256,18 @@ function proxyHostElement(elm, cstr) {
         };
         Object.defineProperty(elm, memberName, getterSetterDescriptor);
         Object.defineProperty(elm, metaAttributeName, getterSetterDescriptor);
-        if (!cstr.prototype.__stencilAugmented) {
-          Object.defineProperty(cstr.prototype, memberName, {
-            get: function() {
-              var _a2;
-              const ref = getHostRef(this);
-              const attrPropVal2 = (_a2 = ref == null ? void 0 : ref.$instanceValues$) == null ? void 0 : _a2.get(memberName);
-              if (origGetter && attrPropVal2 === void 0 && !getValue(this, memberName)) {
-                setValue(this, memberName, origGetter.apply(this), cmpMeta);
-              }
-              return attrPropVal2 !== void 0 ? attrPropVal2 : origGetter ? origGetter.apply(this) : getValue(this, memberName);
-            },
-            configurable: true,
-            enumerable: true
-          });
-        }
+        hostRef.$fetchedCbList$.push(() => {
+          var _a2;
+          if (!((_a2 = hostRef == null ? void 0 : hostRef.$instanceValues$) == null ? void 0 : _a2.has(memberName))) {
+            setValue(
+              elm,
+              memberName,
+              attrPropVal !== void 0 ? attrPropVal : hostRef.$lazyInstance$[memberName],
+              cmpMeta
+            );
+          }
+          Object.defineProperty(hostRef.$lazyInstance$, memberName, getterSetterDescriptor);
+        });
       } else if (memberFlags & 64 /* Method */) {
         Object.defineProperty(elm, memberName, {
           value(...args) {
@@ -3283,7 +3283,6 @@ function proxyHostElement(elm, cstr) {
         });
       }
     });
-    cstr.prototype.__stencilAugmented = true;
   }
 }
 function componentOnReady$1() {
@@ -3643,6 +3642,7 @@ var getHostRef = (ref) => {
   return void 0;
 };
 var registerInstance = (lazyInstance, hostRef) => {
+  if (!hostRef) return void 0;
   lazyInstance.__stencil__getHostRef = () => hostRef;
   hostRef.$lazyInstance$ = lazyInstance;
   return hostRef;
@@ -3653,8 +3653,10 @@ var registerHost = (elm, cmpMeta) => {
     $cmpMeta$: cmpMeta,
     $hostElement$: elm,
     $instanceValues$: /* @__PURE__ */ new Map(),
+    $serializerValues$: /* @__PURE__ */ new Map(),
     $renderCount$: 0
   };
+  hostRef.$fetchedCbList$ = [];
   hostRef.$onInstancePromise$ = new Promise((r) => hostRef.$onInstanceResolve$ = r);
   hostRef.$onReadyPromise$ = new Promise((r) => hostRef.$onReadyResolve$ = r);
   elm["s-p"] = [];
@@ -7743,8 +7745,8 @@ class ActionSheet {
             "delegate": [16],
             "hasController": [4, "has-controller"],
             "keyboardClose": [4, "keyboard-close"],
-            "enterAnimation": [16, "enter-animation"],
-            "leaveAnimation": [16, "leave-animation"],
+            "enterAnimation": [16],
+            "leaveAnimation": [16],
             "buttons": [16],
             "cssClass": [1, "css-class"],
             "backdropDismiss": [4, "backdrop-dismiss"],
@@ -7752,7 +7754,7 @@ class ActionSheet {
             "subHeader": [1, "sub-header"],
             "translucent": [4],
             "animated": [4],
-            "htmlAttributes": [16, "html-attributes"],
+            "htmlAttributes": [16],
             "isOpen": [4, "is-open"],
             "trigger": [1],
             "present": [64],
@@ -8476,8 +8478,8 @@ class Alert {
             "delegate": [16],
             "hasController": [4, "has-controller"],
             "keyboardClose": [4, "keyboard-close"],
-            "enterAnimation": [16, "enter-animation"],
-            "leaveAnimation": [16, "leave-animation"],
+            "enterAnimation": [16],
+            "leaveAnimation": [16],
             "cssClass": [1, "css-class"],
             "header": [1],
             "subHeader": [1, "sub-header"],
@@ -8487,7 +8489,7 @@ class Alert {
             "backdropDismiss": [4, "backdrop-dismiss"],
             "translucent": [4],
             "animated": [4],
-            "htmlAttributes": [16, "html-attributes"],
+            "htmlAttributes": [16],
             "isOpen": [4, "is-open"],
             "trigger": [1],
             "present": [64],
@@ -8677,7 +8679,7 @@ class BackButton {
             "icon": [1],
             "text": [1],
             "type": [1],
-            "routerAnimation": [16, "router-animation"]
+            "routerAnimation": [16]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
@@ -8888,7 +8890,7 @@ class Breadcrumb {
             "separator": [4],
             "target": [1],
             "routerDirection": [1, "router-direction"],
-            "routerAnimation": [16, "router-animation"]
+            "routerAnimation": [16]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
@@ -9313,7 +9315,7 @@ class Button {
             "expand": [513],
             "fill": [1537],
             "routerDirection": [1, "router-direction"],
-            "routerAnimation": [16, "router-animation"],
+            "routerAnimation": [16],
             "download": [1],
             "href": [1],
             "rel": [1],
@@ -9454,7 +9456,7 @@ class Card {
             "href": [1],
             "rel": [1],
             "routerDirection": [1, "router-direction"],
-            "routerAnimation": [16, "router-animation"],
+            "routerAnimation": [16],
             "target": [1]
         },
         "$listeners$": undefined,
@@ -11362,17 +11364,18 @@ const getFormattedDayPeriod = (dayPeriod) => {
  * confusion.
  */
 const stripTimeZone = (formatOptions) => {
-    return Object.assign(Object.assign({}, formatOptions), { 
+    return Object.assign(Object.assign({}, formatOptions), {
         /**
          * Setting the time zone to UTC ensures that the value shown is always the
          * same as what was selected and safeguards against older Safari bugs with
          * Intl.DateTimeFormat.
          */
-        timeZone: 'UTC', 
+        timeZone: 'UTC',
         /**
          * We do not want to display the time zone name
          */
-        timeZoneName: undefined });
+        timeZoneName: undefined
+    });
 };
 const getLocalizedTime = (locale, refParts, hourCycle, formatOptions = { hour: 'numeric', minute: 'numeric' }) => {
     const timeParts = {
@@ -11382,12 +11385,13 @@ const getLocalizedTime = (locale, refParts, hourCycle, formatOptions = { hour: '
     if (timeParts.hour === undefined || timeParts.minute === undefined) {
         return 'Invalid Time';
     }
-    return new Intl.DateTimeFormat(locale, Object.assign(Object.assign({}, stripTimeZone(formatOptions)), { 
+    return new Intl.DateTimeFormat(locale, Object.assign(Object.assign({}, stripTimeZone(formatOptions)), {
         /**
          * We use hourCycle here instead of hour12 due to:
          * https://bugs.chromium.org/p/chromium/issues/detail?id=1347316&q=hour12&can=2
          */
-        hourCycle })).format(new Date(convertDataToISO(Object.assign({ 
+        hourCycle
+    })).format(new Date(convertDataToISO(Object.assign({
         /**
          * JS uses a simplified ISO 8601 format which allows for
          * date-only formats and date-time formats, but not
@@ -11399,7 +11403,8 @@ const getLocalizedTime = (locale, refParts, hourCycle, formatOptions = { hour: '
          * values, so passing these date values should have no impact
          * on the time output.
          */
-        year: 2023, day: 1, month: 1 }, timeParts)) + 'Z'));
+        year: 2023, day: 1, month: 1
+    }, timeParts)) + 'Z'));
 };
 /**
  * Adds padding to a time value so
@@ -14054,9 +14059,9 @@ class Datetime {
             "color": [1],
             "name": [1],
             "disabled": [4],
-            "formatOptions": [16, "format-options"],
+            "formatOptions": [16],
             "readonly": [4],
-            "isDateEnabled": [16, "is-date-enabled"],
+            "isDateEnabled": [16],
             "showAdjacentDays": [4, "show-adjacent-days"],
             "min": [1025],
             "max": [1025],
@@ -14071,9 +14076,9 @@ class Datetime {
             "minuteValues": [8, "minute-values"],
             "locale": [1],
             "firstDayOfWeek": [2, "first-day-of-week"],
-            "titleSelectedDatesFormatter": [16, "title-selected-dates-formatter"],
+            "titleSelectedDatesFormatter": [16],
             "multiple": [4],
-            "highlightedDates": [16, "highlighted-dates"],
+            "highlightedDates": [16],
             "value": [1025],
             "showDefaultTitle": [4, "show-default-title"],
             "showDefaultButtons": [4, "show-default-buttons"],
@@ -14663,7 +14668,7 @@ class FabButton {
             "href": [1],
             "rel": [1],
             "routerDirection": [1, "router-direction"],
-            "routerAnimation": [16, "router-animation"],
+            "routerAnimation": [16],
             "target": [1],
             "show": [4],
             "translucent": [4],
@@ -17056,7 +17061,7 @@ class Input {
             "clearInputIcon": [1, "clear-input-icon"],
             "clearOnEdit": [4, "clear-on-edit"],
             "counter": [4],
-            "counterFormatter": [16, "counter-formatter"],
+            "counterFormatter": [16],
             "debounce": [2],
             "disabled": [516],
             "enterkeyhint": [1],
@@ -18113,7 +18118,7 @@ class Item {
             "href": [1],
             "rel": [1],
             "lines": [1],
-            "routerAnimation": [16, "router-animation"],
+            "routerAnimation": [16],
             "routerDirection": [1, "router-direction"],
             "target": [1],
             "type": [1],
@@ -19293,8 +19298,8 @@ class Loading {
             "delegate": [16],
             "hasController": [4, "has-controller"],
             "keyboardClose": [4, "keyboard-close"],
-            "enterAnimation": [16, "enter-animation"],
-            "leaveAnimation": [16, "leave-animation"],
+            "enterAnimation": [16],
+            "leaveAnimation": [16],
             "message": [1],
             "cssClass": [1, "css-class"],
             "duration": [2],
@@ -19303,7 +19308,7 @@ class Loading {
             "spinner": [1025],
             "translucent": [4],
             "animated": [4],
-            "htmlAttributes": [16, "html-attributes"],
+            "htmlAttributes": [16],
             "isOpen": [4, "is-open"],
             "trigger": [1],
             "present": [64],
@@ -23210,8 +23215,8 @@ class Modal {
             "overlayIndex": [2, "overlay-index"],
             "delegate": [16],
             "keyboardClose": [4, "keyboard-close"],
-            "enterAnimation": [16, "enter-animation"],
-            "leaveAnimation": [16, "leave-animation"],
+            "enterAnimation": [16],
+            "leaveAnimation": [16],
             "breakpoints": [16],
             "expandToScroll": [4, "expand-to-scroll"],
             "initialBreakpoint": [2, "initial-breakpoint"],
@@ -23219,13 +23224,13 @@ class Modal {
             "handle": [4],
             "handleBehavior": [1, "handle-behavior"],
             "component": [1],
-            "componentProps": [16, "component-props"],
+            "componentProps": [16],
             "cssClass": [1, "css-class"],
             "backdropDismiss": [4, "backdrop-dismiss"],
             "showBackdrop": [4, "show-backdrop"],
             "animated": [4],
-            "presentingElement": [16, "presenting-element"],
-            "htmlAttributes": [16, "html-attributes"],
+            "presentingElement": [16],
+            "htmlAttributes": [16],
             "isOpen": [4, "is-open"],
             "trigger": [1],
             "keepContentsMounted": [4, "keep-contents-mounted"],
@@ -24154,7 +24159,7 @@ class Nav {
             "swipeGesture": [1028, "swipe-gesture"],
             "animated": [4],
             "animation": [16],
-            "rootParams": [16, "root-params"],
+            "rootParams": [16],
             "root": [1],
             "push": [64],
             "insert": [64],
@@ -24219,9 +24224,9 @@ class NavLink {
         "$tagName$": "ion-nav-link",
         "$members$": {
             "component": [1],
-            "componentProps": [16, "component-props"],
+            "componentProps": [16],
             "routerDirection": [1, "router-direction"],
-            "routerAnimation": [16, "router-animation"]
+            "routerAnimation": [16]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
@@ -25027,8 +25032,8 @@ class Picker {
             "delegate": [16],
             "hasController": [4, "has-controller"],
             "keyboardClose": [4, "keyboard-close"],
-            "enterAnimation": [16, "enter-animation"],
-            "leaveAnimation": [16, "leave-animation"],
+            "enterAnimation": [16],
+            "leaveAnimation": [16],
             "buttons": [16],
             "columns": [16],
             "cssClass": [1, "css-class"],
@@ -25036,7 +25041,7 @@ class Picker {
             "showBackdrop": [4, "show-backdrop"],
             "backdropDismiss": [4, "backdrop-dismiss"],
             "animated": [4],
-            "htmlAttributes": [16, "html-attributes"],
+            "htmlAttributes": [16],
             "isOpen": [4, "is-open"],
             "trigger": [1],
             "presented": [32],
@@ -27527,10 +27532,10 @@ class Popover {
             "hasController": [4, "has-controller"],
             "delegate": [16],
             "overlayIndex": [2, "overlay-index"],
-            "enterAnimation": [16, "enter-animation"],
-            "leaveAnimation": [16, "leave-animation"],
+            "enterAnimation": [16],
+            "leaveAnimation": [16],
             "component": [1],
-            "componentProps": [16, "component-props"],
+            "componentProps": [16],
             "keyboardClose": [4, "keyboard-close"],
             "cssClass": [1, "css-class"],
             "backdropDismiss": [4, "backdrop-dismiss"],
@@ -27538,7 +27543,7 @@ class Popover {
             "showBackdrop": [4, "show-backdrop"],
             "translucent": [4],
             "animated": [4],
-            "htmlAttributes": [16, "html-attributes"],
+            "htmlAttributes": [16],
             "triggerAction": [1, "trigger-action"],
             "trigger": [1],
             "size": [1],
@@ -28833,7 +28838,7 @@ class Range {
             "min": [2],
             "max": [2],
             "pin": [4],
-            "pinFormatter": [16, "pin-formatter"],
+            "pinFormatter": [16],
             "snaps": [4],
             "step": [2],
             "ticks": [4],
@@ -30499,9 +30504,9 @@ class Route {
         "$members$": {
             "url": [1],
             "component": [1],
-            "componentProps": [16, "component-props"],
-            "beforeLeave": [16, "before-leave"],
-            "beforeEnter": [16, "before-enter"]
+            "componentProps": [16],
+            "beforeLeave": [16],
+            "beforeEnter": [16]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
@@ -31397,7 +31402,7 @@ class RouterLink {
             "href": [1],
             "rel": [1],
             "routerDirection": [1, "router-direction"],
-            "routerAnimation": [16, "router-animation"],
+            "routerAnimation": [16],
             "target": [1]
         },
         "$listeners$": undefined,
@@ -31598,7 +31603,7 @@ class RouterOutlet {
             "delegate": [16],
             "animated": [4],
             "animation": [16],
-            "swipeHandler": [16, "swipe-handler"],
+            "swipeHandler": [16],
             "commit": [64],
             "setRouteId": [64],
             "getRouteId": [64]
@@ -35296,7 +35301,7 @@ class Textarea {
             "autoGrow": [516, "auto-grow"],
             "value": [1025],
             "counter": [4],
-            "counterFormatter": [16, "counter-formatter"],
+            "counterFormatter": [16],
             "errorText": [1, "error-text"],
             "helperText": [1, "helper-text"],
             "label": [1],
@@ -36201,8 +36206,8 @@ class Toast {
             "delegate": [16],
             "hasController": [4, "has-controller"],
             "color": [513],
-            "enterAnimation": [16, "enter-animation"],
-            "leaveAnimation": [16, "leave-animation"],
+            "enterAnimation": [16],
+            "leaveAnimation": [16],
             "cssClass": [1, "css-class"],
             "duration": [2],
             "header": [1],
@@ -36215,7 +36220,7 @@ class Toast {
             "translucent": [4],
             "animated": [4],
             "icon": [1],
-            "htmlAttributes": [16, "html-attributes"],
+            "htmlAttributes": [16],
             "swipeGesture": [1, "swipe-gesture"],
             "isOpen": [4, "is-open"],
             "trigger": [1],
@@ -37631,7 +37636,7 @@ var BUILD = {
   vdomRender: true,
   vdomStyle: true,
   vdomText: true,
-  watchCallback: true,
+  propChangeCallback: true,
   taskQueue: true,
   hotModuleReplacement: false,
   isDebug: false,
@@ -37679,7 +37684,7 @@ var NAMESPACE = (
 );
 
 /*
- Stencil Hydrate Runner v4.36.2 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Runner v4.38.0 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -52356,6 +52361,9 @@ var _colonHostContextRe = createSupportsRuleRe(":host-context");
 var setMode = (handler) => modeResolutionChain.push(handler);
 var CAPTURE_EVENT_SUFFIX = "Capture";
 var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
+var baseClass = BUILD.lazyLoad ? class {
+} : globalThis.HTMLElement || class {
+};
 
 // src/compiler/html/canonical-link.ts
 var updateCanonicalLink = (doc, href) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/core",
-  "version": "8.7.6-nightly.20251007",
+  "version": "8.7.6",
   "description": "Base components for Ionic",
   "keywords": [
     "ionic",
@@ -31,7 +31,7 @@
     "loader/"
   ],
   "dependencies": {
-    "@stencil/core": "4.36.2",
+    "@stencil/core": "4.38.0",
     "ionicons": "^8.0.13",
     "tslib": "^2.1.0"
   },

package/dist/ionic/p-40d56a51.entry.js

@@ -1,4 +0,0 @@
-/*!
- * (C) Ionic http://ionicframework.com - MIT License
- */
-import{r as t,c as i,e as s,f as e,h as n,g as o,d as r}from"./p-4DxY6_gG.js";import{g as a}from"./p-hHmYLOfE.js";import{s as h,l as c}from"./p-C-Cct-6D.js";import{l,t as d,s as u,d as v,b as f,c as m}from"./p-DCuOL88l.js";import{b as p}from"./p-Br3vSlYh.js";import{a as w}from"./p-DAfH9Iif.js";class b{constructor(t,i){this.component=t,this.params=i,this.state=1}async init(t){if(this.state=2,!this.element){const i=this.component;this.element=await w(this.delegate,t,i,["ion-page","ion-page-invisible"],this.params)}}_destroy(){c(3!==this.state,"view state must be ATTACHED");const t=this.element;t&&(this.delegate?this.delegate.removeViewFromDom(t.parentElement,t):t.remove()),this.nav=void 0,this.state=3}}const g=(t,i,s)=>!!t&&t.component===i&&h(t.params,s),y=(t,i)=>t?t instanceof b?t:new b(t,i):null,k=class{constructor(s){t(this,s),this.ionNavWillLoad=i(this,"ionNavWillLoad",7),this.ionNavWillChange=i(this,"ionNavWillChange",3),this.ionNavDidChange=i(this,"ionNavDidChange",3),this.transInstr=[],this.gestureOrAnimationInProgress=!1,this.useRouter=!1,this.isTransitioning=!1,this.destroyed=!1,this.views=[],this.didLoad=!1,this.animated=!0}swipeGestureChanged(){this.gesture&&this.gesture.enable(!0===this.swipeGesture)}rootChanged(){void 0!==this.root&&!1!==this.didLoad&&(this.useRouter||void 0!==this.root&&this.setRoot(this.root,this.rootParams))}componentWillLoad(){if(this.useRouter=null!==document.querySelector("ion-router")&&null===this.el.closest("[no-router]"),void 0===this.swipeGesture){const t=p(this);this.swipeGesture=s.getBoolean("swipeBackEnabled","ios"===t)}this.ionNavWillLoad.emit()}async componentDidLoad(){this.didLoad=!0,this.rootChanged(),this.gesture=(await import("./p-C4I6B3uV.js")).createSwipeBackGesture(this.el,this.canStart.bind(this),this.onStart.bind(this),this.onMove.bind(this),this.onEnd.bind(this)),this.swipeGestureChanged()}connectedCallback(){this.destroyed=!1}disconnectedCallback(){for(const t of this.views)l(t.element,v),t._destroy();this.gesture&&(this.gesture.destroy(),this.gesture=void 0),this.transInstr.length=0,this.views.length=0,this.destroyed=!0}push(t,i,s,e){return this.insert(-1,t,i,s,e)}insert(t,i,s,e,n){return this.insertPages(t,[{component:i,componentProps:s}],e,n)}insertPages(t,i,s,e){return this.queueTrns({insertStart:t,insertViews:i,opts:s},e)}pop(t,i){return this.removeIndex(-1,1,t,i)}popTo(t,i,s){const e={removeStart:-1,removeCount:-1,opts:i};return"object"==typeof t&&t.component?(e.removeView=t,e.removeStart=1):"number"==typeof t&&(e.removeStart=t+1),this.queueTrns(e,s)}popToRoot(t,i){return this.removeIndex(1,-1,t,i)}removeIndex(t,i=1,s,e){return this.queueTrns({removeStart:t,removeCount:i,opts:s},e)}setRoot(t,i,s,e){return this.setPages([{component:t,componentProps:i}],s,e)}setPages(t,i,s){return null!=i||(i={}),!0!==i.animated&&(i.animated=!1),this.queueTrns({insertStart:0,insertViews:t,removeStart:0,removeCount:-1,opts:i},s)}setRouteId(t,i,s,e){const n=this.getActiveSync();if(g(n,t,i))return Promise.resolve({changed:!1,element:n.element});let o;const r=new Promise((t=>o=t));let a;const h={updateURL:!1,viewIsReady:t=>{let i;const s=new Promise((t=>i=t));return o({changed:!0,element:t,markVisible:async()=>{i(),await a}}),s}};if("root"===s)a=this.setRoot(t,i,h);else{const n=this.views.find((s=>g(s,t,i)));n?a=this.popTo(n,Object.assign(Object.assign({},h),{direction:"back",animationBuilder:e})):"forward"===s?a=this.push(t,i,Object.assign(Object.assign({},h),{animationBuilder:e})):"back"===s&&(a=this.setRoot(t,i,Object.assign(Object.assign({},h),{direction:"back",animated:!0,animationBuilder:e})))}return r}async getRouteId(){const t=this.getActiveSync();if(t)return{id:t.element.tagName,params:t.params,element:t.element}}async getActive(){return this.getActiveSync()}async getByIndex(t){return this.views[t]}async canGoBack(t){return this.canGoBackSync(t)}async getPrevious(t){return this.getPreviousSync(t)}async getLength(){return Promise.resolve(this.views.length)}getActiveSync(){return this.views[this.views.length-1]}canGoBackSync(t=this.getActiveSync()){return!(!t||!this.getPreviousSync(t))}getPreviousSync(t=this.getActiveSync()){if(!t)return;const i=this.views,s=i.indexOf(t);return s>0?i[s-1]:void 0}async queueTrns(t,i){var s,e;if(this.isTransitioning&&(null===(s=t.opts)||void 0===s?void 0:s.skipIfBusy))return!1;const n=new Promise(((i,s)=>{t.resolve=i,t.reject=s}));if(t.done=i,t.opts&&!1!==t.opts.updateURL&&this.useRouter){const i=document.querySelector("ion-router");if(i){const s=await i.canTransition();if(!1===s)return!1;if("string"==typeof s)return i.push(s,t.opts.direction||"back"),!1}}return 0===(null===(e=t.insertViews)||void 0===e?void 0:e.length)&&(t.insertViews=void 0),this.transInstr.push(t),this.nextTrns(),n}success(t,i){if(this.destroyed)this.fireError("nav controller was destroyed",i);else if(i.done&&i.done(t.hasCompleted,t.requiresTransition,t.enteringView,t.leavingView,t.direction),i.resolve(t.hasCompleted),!1!==i.opts.updateURL&&this.useRouter){const i=document.querySelector("ion-router");i&&i.navChanged("back"===t.direction?"back":"forward")}}failed(t,i){this.destroyed?this.fireError("nav controller was destroyed",i):(this.transInstr.length=0,this.fireError(t,i))}fireError(t,i){i.done&&i.done(!1,!1,t),i.reject&&!this.destroyed?i.reject(t):i.resolve(!1)}nextTrns(){if(this.isTransitioning)return!1;const t=this.transInstr.shift();return!!t&&(this.runTransition(t),!0)}async runTransition(t){try{this.ionNavWillChange.emit(),this.isTransitioning=!0,this.prepareTI(t);const i=this.getActiveSync(),s=this.getEnteringView(t,i);if(!i&&!s)throw new Error("no views in the stack to be removed");s&&1===s.state&&await s.init(this.el),this.postViewInit(s,i,t);const e=(t.enteringRequiresTransition||t.leavingRequiresTransition)&&s!==i;let n;e&&t.opts&&i&&("back"===t.opts.direction&&(t.opts.animationBuilder=t.opts.animationBuilder||(null==s?void 0:s.animationBuilder)),i.animationBuilder=t.opts.animationBuilder),n=e?await this.transition(s,i,t):{hasCompleted:!0,requiresTransition:!1},this.success(n,t),this.ionNavDidChange.emit()}catch(i){this.failed(i,t)}this.isTransitioning=!1,this.nextTrns()}prepareTI(t){var i,s,e;const n=this.views.length;if(null!==(i=t.opts)&&void 0!==i||(t.opts={}),null!==(s=(e=t.opts).delegate)&&void 0!==s||(e.delegate=this.delegate),void 0!==t.removeView){c(void 0!==t.removeStart,"removeView needs removeStart"),c(void 0!==t.removeCount,"removeView needs removeCount");const i=this.views.indexOf(t.removeView);if(i<0)throw new Error("removeView was not found");t.removeStart+=i}void 0!==t.removeStart&&(t.removeStart<0&&(t.removeStart=n-1),t.removeCount<0&&(t.removeCount=n-t.removeStart),t.leavingRequiresTransition=t.removeCount>0&&t.removeStart+t.removeCount===n),t.insertViews&&((t.insertStart<0||t.insertStart>n)&&(t.insertStart=n),t.enteringRequiresTransition=t.insertStart===n);const o=t.insertViews;if(!o)return;c(o.length>0,"length can not be zero");const r=o.map((t=>t instanceof b?t:"component"in t?y(t.component,null===t.componentProps?void 0:t.componentProps):y(t,void 0))).filter((t=>null!==t));if(0===r.length)throw new Error("invalid views to insert");for(const i of r){i.delegate=t.opts.delegate;const s=i.nav;if(s&&s!==this)throw new Error("inserted view was already inserted");if(3===i.state)throw new Error("inserted view was already destroyed")}t.insertViews=r}getEnteringView(t,i){const s=t.insertViews;if(void 0!==s)return s[s.length-1];const e=t.removeStart;if(void 0!==e){const s=this.views,n=e+t.removeCount;for(let t=s.length-1;t>=0;t--){const o=s[t];if((t<e||t>=n)&&o!==i)return o}}}postViewInit(t,i,s){var n,o,r;c(i||t,"Both leavingView and enteringView are null"),c(s.resolve,"resolve must be valid"),c(s.reject,"reject must be valid");const a=s.opts,{insertViews:h,removeStart:d,removeCount:u}=s;let p;if(void 0!==d&&void 0!==u){c(d>=0,"removeStart can not be negative"),c(u>=0,"removeCount can not be negative"),p=[];for(let s=d;s<d+u;s++){const e=this.views[s];void 0!==e&&e!==t&&e!==i&&p.push(e)}null!==(n=a.direction)&&void 0!==n||(a.direction="back")}const w=this.views.length+(null!==(o=null==h?void 0:h.length)&&void 0!==o?o:0)-(null!=u?u:0);if(c(w>=0,"final balance can not be negative"),0===w)throw e("[ion-nav] - You can't remove all the pages in the navigation stack. nav.pop() is probably called too many times.",this,this.el),new Error("navigation stack needs at least one root page");if(h){let t=s.insertStart;for(const i of h)this.insertViewAt(i,t),t++;s.enteringRequiresTransition&&(null!==(r=a.direction)&&void 0!==r||(a.direction="forward"))}if(p&&p.length>0){for(const t of p)l(t.element,f),l(t.element,m),l(t.element,v);for(const t of p)this.destroyView(t)}}async transition(t,i,e){const n=e.opts,o=n.progressAnimation?t=>{void 0===t||this.gestureOrAnimationInProgress?this.sbAni=t:(this.gestureOrAnimationInProgress=!0,t.onFinish((()=>{this.gestureOrAnimationInProgress=!1}),{oneTimeCallback:!0}),t.progressEnd(0,0,0))}:void 0,r=p(this),a=t.element,h=i&&i.element,c=Object.assign(Object.assign({mode:r,showGoBack:this.canGoBackSync(t),baseEl:this.el,progressCallback:o,animated:this.animated&&s.getBoolean("animated",!0),enteringEl:a,leavingEl:h},n),{animationBuilder:n.animationBuilder||this.animation||s.get("navAnimation")}),{hasCompleted:l}=await d(c);return this.transitionFinish(l,t,i,n)}transitionFinish(t,i,s,e){const n=t?i:s;return n&&this.unmountInactiveViews(n),{hasCompleted:t,requiresTransition:!0,enteringView:i,leavingView:s,direction:e.direction}}insertViewAt(t,i){const s=this.views,e=s.indexOf(t);e>-1?(c(t.nav===this,"view is not part of the nav"),s.splice(e,1),s.splice(i,0,t)):(c(!t.nav,"nav is used"),t.nav=this,s.splice(i,0,t))}removeView(t){c(2===t.state||3===t.state,"view state should be loaded or destroyed");const i=this.views,s=i.indexOf(t);c(s>-1,"view must be part of the stack"),s>=0&&i.splice(s,1)}destroyView(t){t._destroy(),this.removeView(t)}unmountInactiveViews(t){if(this.destroyed)return;const i=this.views,s=i.indexOf(t);for(let t=i.length-1;t>=0;t--){const e=i[t],n=e.element;n&&(t>s?(l(n,v),this.destroyView(e)):t<s&&u(n,!0))}}canStart(){return!this.gestureOrAnimationInProgress&&!!this.swipeGesture&&!this.isTransitioning&&0===this.transInstr.length&&this.canGoBackSync()}onStart(){this.gestureOrAnimationInProgress=!0,this.pop({direction:"back",progressAnimation:!0})}onMove(t){this.sbAni&&this.sbAni.progressStep(t)}onEnd(t,i,s){if(this.sbAni){this.sbAni.onFinish((()=>{this.gestureOrAnimationInProgress=!1}),{oneTimeCallback:!0});let e=t?-.001:.001;t?e+=a([0,0],[.32,.72],[0,1],[1,1],i)[0]:(this.sbAni.easing("cubic-bezier(1, 0, 0.68, 0.28)"),e+=a([0,0],[1,0],[.68,.28],[1,1],i)[0]),this.sbAni.progressEnd(t?1:0,e,s)}else this.gestureOrAnimationInProgress=!1}render(){return n("slot",{key:"8067c9835d255daec61f33dba200fd3a6ff839a0"})}get el(){return o(this)}static get watchers(){return{swipeGesture:["swipeGestureChanged"],root:["rootChanged"]}}};k.style=":host{left:0;right:0;top:0;bottom:0;position:absolute;contain:layout size style;z-index:0}";const C=class{constructor(i){t(this,i),this.routerDirection="forward",this.onClick=()=>((t,i,s,e,n)=>{const o=this.el.closest("ion-nav");if(o)if("forward"===i){if(void 0!==s)return o.push(s,e,{skipIfBusy:!0,animationBuilder:n})}else if("root"===i){if(void 0!==s)return o.setRoot(s,e,{skipIfBusy:!0,animationBuilder:n})}else if("back"===i)return o.pop({skipIfBusy:!0,animationBuilder:n});return Promise.resolve(!1)})(0,this.routerDirection,this.component,this.componentProps,this.routerAnimation)}render(){return n(r,{key:"6dbb1ad4f351e9215375aac11ab9b53762e07a08",onClick:this.onClick})}get el(){return o(this)}};export{k as ion_nav,C as ion_nav_link}