@stencil/core 4.42.0 → 4.42.1-dev.1770615146.e130b7a

package/internal/client/patch-browser.js

@@ -1,5 +1,5 @@
 /*
- Stencil Client Patch Browser v4.42.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.42.1-dev.1770615146.e130b7a | MIT Licensed | https://stenciljs.com
  */
 
 // src/client/client-patch-browser.ts

package/internal/client/shadow-css.js

@@ -402,7 +402,7 @@ var scopeCss = (cssText, scopeId, commentOriginalSelector) => {
     });
   }
   scoped.slottedSelectors.forEach((slottedSelector) => {
-    const regex = new RegExp(escapeRegExpSpecialCharacters(slottedSelector.orgSelector), "g");
+    const regex = new RegExp(escapeRegExpSpecialCharacters(slottedSelector.orgSelector) + "(?=\\s*[,{]|$)", "g");
     cssText = cssText.replace(regex, slottedSelector.updatedSelector);
   });
   cssText = expandPartSelectors(cssText);

package/internal/hydrate/index.js

@@ -1,5 +1,5 @@
 /*
- Stencil Hydrate Platform v4.42.0 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Platform v4.42.1-dev.1770615146.e130b7a | MIT Licensed | https://stenciljs.com
  */
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -2156,7 +2156,7 @@ var scopeCss = (cssText, scopeId2, commentOriginalSelector) => {
     });
   }
   scoped.slottedSelectors.forEach((slottedSelector) => {
-    const regex = new RegExp(escapeRegExpSpecialCharacters(slottedSelector.orgSelector), "g");
+    const regex = new RegExp(escapeRegExpSpecialCharacters(slottedSelector.orgSelector) + "(?=\\s*[,{]|$)", "g");
     cssText = cssText.replace(regex, slottedSelector.updatedSelector);
   });
   cssText = expandPartSelectors(cssText);
@@ -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",
+  "version": "4.42.1-dev.1770615146.e130b7a",
   "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 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Runner v4.42.1-dev.1770615146.e130b7a | MIT Licensed | https://stenciljs.com
  */
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -12173,6 +12173,8 @@ function createElement(ownerDocument, tagName) {
       return new MockImageElement(ownerDocument);
     case "input":
       return new MockInputElement(ownerDocument);
+    case "label":
+      return new MockLabelElement(ownerDocument);
     case "link":
       return new MockLinkElement(ownerDocument);
     case "meta":
@@ -12251,6 +12253,9 @@ var MockButtonElement = class extends MockHTMLElement {
   constructor(ownerDocument) {
     super(ownerDocument, "button");
   }
+  get labels() {
+    return getLabelsForElement(this);
+  }
 };
 patchPropAttributes(
   MockButtonElement.prototype,
@@ -12298,6 +12303,9 @@ var MockInputElement = class extends MockHTMLElement {
     }
     return null;
   }
+  get labels() {
+    return getLabelsForElement(this);
+  }
 };
 patchPropAttributes(
   MockInputElement.prototype,
@@ -12346,6 +12354,26 @@ var MockFormElement = class extends MockHTMLElement {
 patchPropAttributes(MockFormElement.prototype, {
   name: String
 });
+var MockLabelElement = class extends MockHTMLElement {
+  constructor(ownerDocument) {
+    super(ownerDocument, "label");
+  }
+  get htmlFor() {
+    return this.getAttributeNS(null, "for") || "";
+  }
+  set htmlFor(value) {
+    this.setAttributeNS(null, "for", value);
+  }
+  get control() {
+    var _a2, _b;
+    const forAttr = this.htmlFor;
+    if (forAttr) {
+      return (_b = (_a2 = this.ownerDocument) == null ? void 0 : _a2.getElementById(forAttr)) != null ? _b : null;
+    }
+    const labelableSelector = 'button, input:not([type="hidden"]), meter, output, progress, select, textarea';
+    return this.querySelector(labelableSelector);
+  }
+};
 var MockLinkElement = class extends MockHTMLElement {
   constructor(ownerDocument) {
     super(ownerDocument, "link");
@@ -12756,6 +12784,30 @@ function fullUrl(elm, attrName) {
   }
   return val.replace(/\'|\"/g, "").trim();
 }
+function getLabelsForElement(elm) {
+  const labels = [];
+  const id = elm.id;
+  const doc = elm.ownerDocument;
+  if (doc) {
+    if (id) {
+      const allLabels = doc.getElementsByTagName("label");
+      for (let i = 0; i < allLabels.length; i++) {
+        const label = allLabels[i];
+        if (label.htmlFor === id) {
+          labels.push(label);
+        }
+      }
+    }
+    let parent = elm.parentNode;
+    while (parent) {
+      if (parent.nodeName === "LABEL" && !labels.includes(parent)) {
+        labels.push(parent);
+      }
+      parent = parent.parentNode;
+    }
+  }
+  return labels;
+}
 function patchPropAttributes(prototype, attrs, defaults2 = {}) {
   Object.keys(attrs).forEach((propName) => {
     const attr = attrs[propName];
@@ -13446,7 +13498,6 @@ var MockWindow = class {
   __timeouts;
   __history;
   __elementCstr;
-  __htmlElementCstr;
   __charDataCstr;
   __docTypeCstr;
   __docCstr;
@@ -13653,27 +13704,10 @@ var MockWindow = class {
     return JSON;
   }
   get HTMLElement() {
-    if (this.__htmlElementCstr == null) {
-      const ownerDocument = this.document;
-      this.__htmlElementCstr = class extends MockHTMLElement {
-        constructor() {
-          super(ownerDocument, "");
-          const observedAttributes = this.constructor.observedAttributes;
-          if (Array.isArray(observedAttributes) && typeof this.attributeChangedCallback === "function") {
-            observedAttributes.forEach((attrName) => {
-              const attrValue = this.getAttribute(attrName);
-              if (attrValue != null) {
-                this.attributeChangedCallback(attrName, null, attrValue);
-              }
-            });
-          }
-        }
-      };
-    }
-    return this.__htmlElementCstr;
+    return MockHTMLElement;
   }
-  set HTMLElement(htmlElementCstr) {
-    this.__htmlElementCstr = htmlElementCstr;
+  get SVGElement() {
+    return MockSVGElement;
   }
   get IntersectionObserver() {
     return MockIntersectionObserver;

package/internal/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal",
-  "version": "4.42.0",
+  "version": "4.42.1-dev.1770615146.e130b7a",
   "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-compiler.d.ts

@@ -2337,6 +2337,40 @@ export interface OutputTargetDistCustomElements extends OutputTargetValidationCo
      * If omitted, no auto-definition behavior or re-exporting will happen.
      */
     customElementsExportBehavior?: CustomElementsExportBehavior;
+    /**
+     * Generate an auto-loader script that uses MutationObserver to lazily load
+     * and define custom elements as they appear in the DOM.
+     *
+     * When set to `true`, generates a `loader.js` file that auto-starts on import.
+     * Can also be configured with an object for more control:
+     * - `fileName`: Custom filename for the loader (default: 'loader.js')
+     * - `autoStart`: Whether to auto-start the loader on import (default: true)
+     *
+     * @example
+     * ```typescript
+     * // Simple usage
+     * autoLoader: true
+     *
+     * // With options
+     * autoLoader: {
+     *   fileName: 'my-loader.js',
+     *   autoStart: false
+     * }
+     * ```
+     */
+    autoLoader?: boolean | {
+        /**
+         * Custom filename for the generated loader script.
+         * @default 'loader.js'
+         */
+        fileName?: string;
+        /**
+         * Whether to automatically start the loader when the script is imported.
+         * If false, you must call `start()` manually.
+         * @default true
+         */
+        autoStart?: boolean;
+    };
 }
 /**
  * The base type for output targets. All output targets should extend this base type.