@stencil/core 4.42.0-dev.1770182530.756b7aa → 4.42.0-dev.1770355537.e4eeb37

package/internal/hydrate/index.js

@@ -1,5 +1,5 @@
 /*
- Stencil Hydrate Platform v4.42.0-dev.1770182530.756b7aa | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Platform v4.42.0-dev.1770355537.e4eeb37 | MIT Licensed | https://stenciljs.com
  */
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -2419,7 +2419,20 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
       }
     }
   } else if (BUILD12.vdomPropOrAttr && memberName[0] === "a" && memberName.startsWith("attr:")) {
-    const attrName = memberName.slice(5);
+    const propName = memberName.slice(5);
+    let attrName;
+    if (BUILD12.member) {
+      const hostRef = getHostRef(elm);
+      if (hostRef && hostRef.$cmpMeta$ && hostRef.$cmpMeta$.$members$) {
+        const memberMeta = hostRef.$cmpMeta$.$members$[propName];
+        if (memberMeta && memberMeta[1]) {
+          attrName = memberMeta[1];
+        }
+      }
+    }
+    if (!attrName) {
+      attrName = propName.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+    }
     if (newValue == null || newValue === false) {
       if (newValue !== false || elm.getAttribute(attrName) === "") {
         elm.removeAttribute(attrName);
@@ -3275,7 +3288,7 @@ var updateComponent = async (hostRef, instance, isInitialLoad) => {
     if (childrenPromises.length === 0) {
       postUpdate();
     } else {
-      Promise.all(childrenPromises).then(postUpdate);
+      Promise.all(childrenPromises).then(postUpdate).catch(postUpdate);
       hostRef.$flags$ |= 4 /* isWaitingForChildren */;
       childrenPromises.length = 0;
     }
@@ -3536,13 +3549,16 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
         });
       }
     }
-    if (BUILD16.updatable && (flags & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
+    if (BUILD16.updatable && flags & 2 /* hasRendered */) {
       if (instance.componentShouldUpdate) {
-        if (instance.componentShouldUpdate(newVal, oldVal, propName) === false) {
+        const shouldUpdate = instance.componentShouldUpdate(newVal, oldVal, propName);
+        if (shouldUpdate === false && !(flags & 16 /* isQueuedForUpdate */)) {
           return;
         }
       }
-      scheduleUpdate(hostRef, false);
+      if (!(flags & 16 /* isQueuedForUpdate */)) {
+        scheduleUpdate(hostRef, false);
+      }
     }
   }
 };
@@ -3790,94 +3806,105 @@ More information: https://stenciljs.com/docs/properties#prop-mutability`
 // src/runtime/initialize-component.ts
 var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
   let Cstr;
-  if ((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
-    hostRef.$flags$ |= 32 /* hasInitializedComponent */;
-    const bundleId = cmpMeta.$lazyBundleId$;
-    if (BUILD18.lazyLoad && bundleId) {
-      const CstrImport = loadModule(cmpMeta, hostRef, hmrVersionId);
-      if (CstrImport && "then" in CstrImport) {
-        const endLoad = uniqueTime(
-          `st:load:${cmpMeta.$tagName$}:${hostRef.$modeName$}`,
-          `[Stencil] Load module for <${cmpMeta.$tagName$}>`
-        );
-        Cstr = await CstrImport;
-        endLoad();
-      } else {
-        Cstr = CstrImport;
-      }
-      if (!Cstr) {
-        throw new Error(`Constructor for "${cmpMeta.$tagName$}#${hostRef.$modeName$}" was not found`);
-      }
-      if (BUILD18.member && !Cstr.isProxied) {
+  try {
+    if ((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
+      hostRef.$flags$ |= 32 /* hasInitializedComponent */;
+      const bundleId = cmpMeta.$lazyBundleId$;
+      if (BUILD18.lazyLoad && bundleId) {
+        const CstrImport = loadModule(cmpMeta, hostRef, hmrVersionId);
+        if (CstrImport && "then" in CstrImport) {
+          const endLoad = uniqueTime(
+            `st:load:${cmpMeta.$tagName$}:${hostRef.$modeName$}`,
+            `[Stencil] Load module for <${cmpMeta.$tagName$}>`
+          );
+          Cstr = await CstrImport;
+          endLoad();
+        } else {
+          Cstr = CstrImport;
+        }
+        if (!Cstr) {
+          throw new Error(`Constructor for "${cmpMeta.$tagName$}#${hostRef.$modeName$}" was not found`);
+        }
+        if (BUILD18.member && !Cstr.isProxied) {
+          if (BUILD18.propChangeCallback) {
+            cmpMeta.$watchers$ = Cstr.watchers;
+            cmpMeta.$serializers$ = Cstr.serializers;
+            cmpMeta.$deserializers$ = Cstr.deserializers;
+          }
+          proxyComponent(Cstr, cmpMeta, 2 /* proxyState */);
+          Cstr.isProxied = true;
+        }
+        const endNewInstance = createTime("createInstance", cmpMeta.$tagName$);
+        if (BUILD18.member) {
+          hostRef.$flags$ |= 8 /* isConstructingInstance */;
+        }
+        try {
+          new Cstr(hostRef);
+        } catch (e) {
+          consoleError(e, elm);
+        }
+        if (BUILD18.member) {
+          hostRef.$flags$ &= ~8 /* isConstructingInstance */;
+        }
         if (BUILD18.propChangeCallback) {
-          cmpMeta.$watchers$ = Cstr.watchers;
-          cmpMeta.$serializers$ = Cstr.serializers;
-          cmpMeta.$deserializers$ = Cstr.deserializers;
+          hostRef.$flags$ |= 128 /* isWatchReady */;
+        }
+        endNewInstance();
+        const needsDeferredCallback = BUILD18.slotRelocation && cmpMeta.$flags$ & 4 /* hasSlotRelocation */;
+        if (!needsDeferredCallback) {
+          fireConnectedCallback(hostRef.$lazyInstance$, elm);
+        } else {
+          hostRef.$deferredConnectedCallback$ = true;
         }
-        proxyComponent(Cstr, cmpMeta, 2 /* proxyState */);
-        Cstr.isProxied = true;
-      }
-      const endNewInstance = createTime("createInstance", cmpMeta.$tagName$);
-      if (BUILD18.member) {
-        hostRef.$flags$ |= 8 /* isConstructingInstance */;
-      }
-      try {
-        new Cstr(hostRef);
-      } catch (e) {
-        consoleError(e, elm);
-      }
-      if (BUILD18.member) {
-        hostRef.$flags$ &= ~8 /* isConstructingInstance */;
-      }
-      if (BUILD18.propChangeCallback) {
-        hostRef.$flags$ |= 128 /* isWatchReady */;
-      }
-      endNewInstance();
-      const needsDeferredCallback = BUILD18.slotRelocation && cmpMeta.$flags$ & 4 /* hasSlotRelocation */;
-      if (!needsDeferredCallback) {
-        fireConnectedCallback(hostRef.$lazyInstance$, elm);
       } else {
-        hostRef.$deferredConnectedCallback$ = true;
-      }
-    } else {
-      Cstr = elm.constructor;
-      const cmpTag = elm.localName;
-      customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
-    }
-    if (BUILD18.style && Cstr && Cstr.style) {
-      let style;
-      if (typeof Cstr.style === "string") {
-        style = Cstr.style;
-      } else if (BUILD18.mode && typeof Cstr.style !== "string") {
-        hostRef.$modeName$ = computeMode(elm);
-        if (hostRef.$modeName$) {
-          style = Cstr.style[hostRef.$modeName$];
-        }
-        if (BUILD18.hydrateServerSide && hostRef.$modeName$) {
-          elm.setAttribute("s-mode", hostRef.$modeName$);
-        }
-      }
-      const scopeId2 = getScopeId(cmpMeta, hostRef.$modeName$);
-      if (!styles.has(scopeId2) || BUILD18.hotModuleReplacement && hmrVersionId) {
-        const endRegisterStyles = createTime("registerStyles", cmpMeta.$tagName$);
-        if (BUILD18.hydrateServerSide && BUILD18.shadowDom) {
-          if (cmpMeta.$flags$ & 128 /* shadowNeedsScopedCss */) {
-            style = scopeCss(style, scopeId2, true);
-          } else if (needsScopedSSR()) {
-            style = expandPartSelectors(style);
+        Cstr = elm.constructor;
+        const cmpTag = elm.localName;
+        customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
+      }
+      if (BUILD18.style && Cstr && Cstr.style) {
+        let style;
+        if (typeof Cstr.style === "string") {
+          style = Cstr.style;
+        } else if (BUILD18.mode && typeof Cstr.style !== "string") {
+          hostRef.$modeName$ = computeMode(elm);
+          if (hostRef.$modeName$) {
+            style = Cstr.style[hostRef.$modeName$];
+          }
+          if (BUILD18.hydrateServerSide && hostRef.$modeName$) {
+            elm.setAttribute("s-mode", hostRef.$modeName$);
+          }
+        }
+        const scopeId2 = getScopeId(cmpMeta, hostRef.$modeName$);
+        if (!styles.has(scopeId2) || BUILD18.hotModuleReplacement && hmrVersionId) {
+          const endRegisterStyles = createTime("registerStyles", cmpMeta.$tagName$);
+          if (BUILD18.hydrateServerSide && BUILD18.shadowDom) {
+            if (cmpMeta.$flags$ & 128 /* shadowNeedsScopedCss */) {
+              style = scopeCss(style, scopeId2, true);
+            } else if (needsScopedSSR()) {
+              style = expandPartSelectors(style);
+            }
           }
+          registerStyle(scopeId2, style, !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */));
+          endRegisterStyles();
         }
-        registerStyle(scopeId2, style, !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */));
-        endRegisterStyles();
       }
     }
-  }
-  const ancestorComponent = hostRef.$ancestorComponent$;
-  const schedule = () => scheduleUpdate(hostRef, true);
-  if (BUILD18.asyncLoading && ancestorComponent && ancestorComponent["s-rc"]) {
-    ancestorComponent["s-rc"].push(schedule);
-  } else {
-    schedule();
+    const ancestorComponent = hostRef.$ancestorComponent$;
+    const schedule = () => scheduleUpdate(hostRef, true);
+    if (BUILD18.asyncLoading && ancestorComponent && ancestorComponent["s-rc"]) {
+      ancestorComponent["s-rc"].push(schedule);
+    } else {
+      schedule();
+    }
+  } catch (e) {
+    consoleError(e, elm);
+    if (BUILD18.asyncLoading && hostRef.$onRenderResolve$) {
+      hostRef.$onRenderResolve$();
+      hostRef.$onRenderResolve$ = void 0;
+    }
+    if (BUILD18.asyncLoading && hostRef.$onReadyResolve$) {
+      hostRef.$onReadyResolve$(elm);
+    }
   }
 };
 var fireConnectedCallback = (instance, elm) => {
@@ -4009,91 +4036,99 @@ var proxyCustomElement = (Cstr, compactMeta) => {
     $flags$: compactMeta[0],
     $tagName$: compactMeta[1]
   };
-  if (BUILD21.member) {
-    cmpMeta.$members$ = compactMeta[2];
-  }
-  if (BUILD21.hostListener) {
-    cmpMeta.$listeners$ = compactMeta[3];
-  }
-  if (BUILD21.propChangeCallback) {
-    cmpMeta.$watchers$ = Cstr.$watchers$;
-    cmpMeta.$deserializers$ = Cstr.$deserializers$;
-    cmpMeta.$serializers$ = Cstr.$serializers$;
-  }
-  if (BUILD21.reflect) {
-    cmpMeta.$attrsToReflect$ = [];
-  }
-  if (BUILD21.shadowDom && !supportsShadow && cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
-    cmpMeta.$flags$ |= 8 /* needsShadowDomShim */;
-  }
-  if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) && cmpMeta.$flags$ & 256 /* hasSlot */) {
-    if (BUILD21.experimentalSlotFixes) {
-      patchPseudoShadowDom(Cstr.prototype);
-    } else {
-      if (BUILD21.slotChildNodesFix) {
-        patchChildSlotNodes(Cstr.prototype);
-      }
-      if (BUILD21.cloneNodeFix) {
-        patchCloneNode(Cstr.prototype);
-      }
-      if (BUILD21.appendChildSlotFix) {
-        patchSlotAppendChild(Cstr.prototype);
-      }
-      if (BUILD21.scopedSlotTextContentFix && cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {
-        patchTextContent(Cstr.prototype);
-      }
+  try {
+    if (BUILD21.member) {
+      cmpMeta.$members$ = compactMeta[2];
     }
-  } else if (BUILD21.cloneNodeFix) {
-    patchCloneNode(Cstr.prototype);
-  }
-  if (BUILD21.hydrateClientSide && BUILD21.shadowDom) {
-    hydrateScopedToShadow();
-  }
-  const originalConnectedCallback = Cstr.prototype.connectedCallback;
-  const originalDisconnectedCallback = Cstr.prototype.disconnectedCallback;
-  Object.assign(Cstr.prototype, {
-    __hasHostListenerAttached: false,
-    __registerHost() {
-      registerHost(this, cmpMeta);
-    },
-    connectedCallback() {
-      if (!this.__hasHostListenerAttached) {
-        const hostRef = getHostRef(this);
-        if (!hostRef) {
-          return;
+    if (BUILD21.hostListener) {
+      cmpMeta.$listeners$ = compactMeta[3];
+    }
+    if (BUILD21.propChangeCallback) {
+      cmpMeta.$watchers$ = Cstr.$watchers$;
+      cmpMeta.$deserializers$ = Cstr.$deserializers$;
+      cmpMeta.$serializers$ = Cstr.$serializers$;
+    }
+    if (BUILD21.reflect) {
+      cmpMeta.$attrsToReflect$ = [];
+    }
+    if (BUILD21.shadowDom && !supportsShadow && cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
+      cmpMeta.$flags$ |= 8 /* needsShadowDomShim */;
+    }
+    if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) && cmpMeta.$flags$ & 256 /* hasSlot */) {
+      if (BUILD21.experimentalSlotFixes) {
+        patchPseudoShadowDom(Cstr.prototype);
+      } else {
+        if (BUILD21.slotChildNodesFix) {
+          patchChildSlotNodes(Cstr.prototype);
+        }
+        if (BUILD21.cloneNodeFix) {
+          patchCloneNode(Cstr.prototype);
+        }
+        if (BUILD21.appendChildSlotFix) {
+          patchSlotAppendChild(Cstr.prototype);
+        }
+        if (BUILD21.scopedSlotTextContentFix && cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {
+          patchTextContent(Cstr.prototype);
         }
-        addHostEventListeners(this, hostRef, cmpMeta.$listeners$, false);
-        this.__hasHostListenerAttached = true;
-      }
-      connectedCallback(this);
-      if (originalConnectedCallback) {
-        originalConnectedCallback.call(this);
-      }
-    },
-    disconnectedCallback() {
-      disconnectedCallback(this);
-      if (originalDisconnectedCallback) {
-        originalDisconnectedCallback.call(this);
       }
-    },
-    __attachShadow() {
-      if (supportsShadow) {
-        if (!this.shadowRoot) {
-          createShadowRoot.call(this, cmpMeta);
-        } else {
-          if (this.shadowRoot.mode !== "open") {
-            throw new Error(
-              `Unable to re-use existing shadow root for ${cmpMeta.$tagName$}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`
-            );
+    } else if (BUILD21.cloneNodeFix) {
+      patchCloneNode(Cstr.prototype);
+    }
+    if (BUILD21.hydrateClientSide && BUILD21.shadowDom) {
+      hydrateScopedToShadow();
+    }
+    const originalConnectedCallback = Cstr.prototype.connectedCallback;
+    const originalDisconnectedCallback = Cstr.prototype.disconnectedCallback;
+    Object.assign(Cstr.prototype, {
+      __hasHostListenerAttached: false,
+      __registerHost() {
+        registerHost(this, cmpMeta);
+      },
+      connectedCallback() {
+        if (!this.__hasHostListenerAttached) {
+          const hostRef = getHostRef(this);
+          if (!hostRef) {
+            return;
           }
+          addHostEventListeners(this, hostRef, cmpMeta.$listeners$, false);
+          this.__hasHostListenerAttached = true;
+        }
+        connectedCallback(this);
+        if (originalConnectedCallback) {
+          originalConnectedCallback.call(this);
+        }
+      },
+      disconnectedCallback() {
+        disconnectedCallback(this);
+        if (originalDisconnectedCallback) {
+          originalDisconnectedCallback.call(this);
+        }
+      },
+      __attachShadow() {
+        if (supportsShadow) {
+          if (!this.shadowRoot) {
+            createShadowRoot.call(this, cmpMeta);
+          } else {
+            if (this.shadowRoot.mode !== "open") {
+              throw new Error(
+                `Unable to re-use existing shadow root for ${cmpMeta.$tagName$}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`
+              );
+            }
+          }
+        } else {
+          this.shadowRoot = this;
         }
-      } else {
-        this.shadowRoot = this;
       }
-    }
-  });
-  Cstr.is = cmpMeta.$tagName$;
-  return proxyComponent(Cstr, cmpMeta, 1 /* isElementConstructor */ | 2 /* proxyState */);
+    });
+    Object.defineProperty(Cstr, "is", {
+      value: cmpMeta.$tagName$,
+      configurable: true
+    });
+    return proxyComponent(Cstr, cmpMeta, 1 /* isElementConstructor */ | 2 /* proxyState */);
+  } catch (e) {
+    consoleError(e);
+    return Cstr;
+  }
 };
 var forceModeUpdate = (elm) => {
   if (BUILD21.style && BUILD21.mode && !BUILD21.lazyLoad) {

package/internal/hydrate/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal/hydrate",
-  "version": "4.42.0-dev.1770182530.756b7aa",
+  "version": "4.42.0-dev.1770355537.e4eeb37",
   "description": "Stencil internal hydrate platform to be imported by the Stencil Compiler. Breaking changes can and will happen at any time.",
   "main": "./index.js",
   "private": true

package/internal/hydrate/runner.js

@@ -1,5 +1,5 @@
 /*
- Stencil Hydrate Runner v4.42.0-dev.1770182530.756b7aa | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Runner v4.42.0-dev.1770355537.e4eeb37 | MIT Licensed | https://stenciljs.com
  */
 var __create = Object.create;
 var __defProp = Object.defineProperty;

package/internal/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal",
-  "version": "4.42.0-dev.1770182530.756b7aa",
+  "version": "4.42.0-dev.1770355537.e4eeb37",
   "description": "Stencil internals only to be imported by the Stencil Compiler. Breaking changes can and will happen at any time.",
   "main": "./index.js",
   "types": "./index.d.ts",

package/internal/stencil-core/index.d.ts

@@ -47,6 +47,7 @@ export {
   Prop,
   readTask,
   render,
+  resolveVar,
   setAssetPath,
   setErrorHandler,
   setMode,

package/internal/stencil-private.d.ts

@@ -1160,6 +1160,12 @@ export interface Module {
     isLegacy: boolean;
     jsFilePath: string;
     localImports: string[];
+    /**
+     * Source file paths of functional components that are used in JSX/h() calls.
+     * This is used to ensure htmlTagNames are properly propagated from functional
+     * component dependencies even when they're accessed indirectly (e.g., via barrel files).
+     */
+    functionalComponentDeps: string[];
     originalImports: string[];
     originalCollectionComponentPath: string;
     potentialCmpRefs: string[];

package/internal/stencil-public-runtime.d.ts

@@ -1438,8 +1438,6 @@ export declare namespace JSXBase {
         results?: number;
         security?: string;
         unselectable?: boolean;
-        [key: `attr:${string}`]: string;
-        [key: `prop:${string}`]: any;
     }
     interface SVGAttributes<T = SVGElement> extends DOMAttributes<T> {
         class?: string | {
@@ -1701,8 +1699,6 @@ export declare namespace JSXBase {
         yChannelSelector?: string;
         z?: number | string;
         zoomAndPan?: string;
-        [key: `attr:${string}`]: string;
-        [key: `prop:${string}`]: any;
     }
     /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/ToggleEvent) */
     interface ToggleEvent extends Event {