@stencil/core 4.42.0-dev.1770096324.69d331e → 4.42.0-dev.1770269227.50ad901

package/internal/testing/index.js

@@ -4068,7 +4068,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);
@@ -5049,7 +5049,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;
     }
@@ -5564,94 +5564,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 (import_app_data17.BUILD.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 (import_app_data17.BUILD.member && !Cstr.isProxied) {
+  try {
+    if ((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
+      hostRef.$flags$ |= 32 /* hasInitializedComponent */;
+      const bundleId = cmpMeta.$lazyBundleId$;
+      if (import_app_data17.BUILD.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 (import_app_data17.BUILD.member && !Cstr.isProxied) {
+          if (import_app_data17.BUILD.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 (import_app_data17.BUILD.member) {
+          hostRef.$flags$ |= 8 /* isConstructingInstance */;
+        }
+        try {
+          new Cstr(hostRef);
+        } catch (e) {
+          consoleError(e, elm);
+        }
+        if (import_app_data17.BUILD.member) {
+          hostRef.$flags$ &= ~8 /* isConstructingInstance */;
+        }
         if (import_app_data17.BUILD.propChangeCallback) {
-          cmpMeta.$watchers$ = Cstr.watchers;
-          cmpMeta.$serializers$ = Cstr.serializers;
-          cmpMeta.$deserializers$ = Cstr.deserializers;
+          hostRef.$flags$ |= 128 /* isWatchReady */;
+        }
+        endNewInstance();
+        const needsDeferredCallback = import_app_data17.BUILD.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 (import_app_data17.BUILD.member) {
-        hostRef.$flags$ |= 8 /* isConstructingInstance */;
-      }
-      try {
-        new Cstr(hostRef);
-      } catch (e) {
-        consoleError(e, elm);
-      }
-      if (import_app_data17.BUILD.member) {
-        hostRef.$flags$ &= ~8 /* isConstructingInstance */;
-      }
-      if (import_app_data17.BUILD.propChangeCallback) {
-        hostRef.$flags$ |= 128 /* isWatchReady */;
-      }
-      endNewInstance();
-      const needsDeferredCallback = import_app_data17.BUILD.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 (import_app_data17.BUILD.style && Cstr && Cstr.style) {
-      let style;
-      if (typeof Cstr.style === "string") {
-        style = Cstr.style;
-      } else if (import_app_data17.BUILD.mode && typeof Cstr.style !== "string") {
-        hostRef.$modeName$ = computeMode(elm);
-        if (hostRef.$modeName$) {
-          style = Cstr.style[hostRef.$modeName$];
-        }
-        if (import_app_data17.BUILD.hydrateServerSide && hostRef.$modeName$) {
-          elm.setAttribute("s-mode", hostRef.$modeName$);
-        }
-      }
-      const scopeId2 = getScopeId(cmpMeta, hostRef.$modeName$);
-      if (!styles.has(scopeId2) || import_app_data17.BUILD.hotModuleReplacement && hmrVersionId) {
-        const endRegisterStyles = createTime("registerStyles", cmpMeta.$tagName$);
-        if (import_app_data17.BUILD.hydrateServerSide && import_app_data17.BUILD.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 (import_app_data17.BUILD.style && Cstr && Cstr.style) {
+        let style;
+        if (typeof Cstr.style === "string") {
+          style = Cstr.style;
+        } else if (import_app_data17.BUILD.mode && typeof Cstr.style !== "string") {
+          hostRef.$modeName$ = computeMode(elm);
+          if (hostRef.$modeName$) {
+            style = Cstr.style[hostRef.$modeName$];
+          }
+          if (import_app_data17.BUILD.hydrateServerSide && hostRef.$modeName$) {
+            elm.setAttribute("s-mode", hostRef.$modeName$);
           }
         }
-        registerStyle(scopeId2, style, !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */));
-        endRegisterStyles();
+        const scopeId2 = getScopeId(cmpMeta, hostRef.$modeName$);
+        if (!styles.has(scopeId2) || import_app_data17.BUILD.hotModuleReplacement && hmrVersionId) {
+          const endRegisterStyles = createTime("registerStyles", cmpMeta.$tagName$);
+          if (import_app_data17.BUILD.hydrateServerSide && import_app_data17.BUILD.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();
+        }
       }
     }
-  }
-  const ancestorComponent = hostRef.$ancestorComponent$;
-  const schedule = () => scheduleUpdate(hostRef, true);
-  if (import_app_data17.BUILD.asyncLoading && ancestorComponent && ancestorComponent["s-rc"]) {
-    ancestorComponent["s-rc"].push(schedule);
-  } else {
-    schedule();
+    const ancestorComponent = hostRef.$ancestorComponent$;
+    const schedule = () => scheduleUpdate(hostRef, true);
+    if (import_app_data17.BUILD.asyncLoading && ancestorComponent && ancestorComponent["s-rc"]) {
+      ancestorComponent["s-rc"].push(schedule);
+    } else {
+      schedule();
+    }
+  } catch (e) {
+    consoleError(e, elm);
+    if (import_app_data17.BUILD.asyncLoading && hostRef.$onRenderResolve$) {
+      hostRef.$onRenderResolve$();
+      hostRef.$onRenderResolve$ = void 0;
+    }
+    if (import_app_data17.BUILD.asyncLoading && hostRef.$onReadyResolve$) {
+      hostRef.$onReadyResolve$(elm);
+    }
   }
 };
 var fireConnectedCallback = (instance, elm) => {
@@ -5783,91 +5794,99 @@ var proxyCustomElement = (Cstr, compactMeta) => {
     $flags$: compactMeta[0],
     $tagName$: compactMeta[1]
   };
-  if (import_app_data20.BUILD.member) {
-    cmpMeta.$members$ = compactMeta[2];
-  }
-  if (import_app_data20.BUILD.hostListener) {
-    cmpMeta.$listeners$ = compactMeta[3];
-  }
-  if (import_app_data20.BUILD.propChangeCallback) {
-    cmpMeta.$watchers$ = Cstr.$watchers$;
-    cmpMeta.$deserializers$ = Cstr.$deserializers$;
-    cmpMeta.$serializers$ = Cstr.$serializers$;
-  }
-  if (import_app_data20.BUILD.reflect) {
-    cmpMeta.$attrsToReflect$ = [];
-  }
-  if (import_app_data20.BUILD.shadowDom && !supportsShadow && cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
-    cmpMeta.$flags$ |= 8 /* needsShadowDomShim */;
-  }
-  if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) && cmpMeta.$flags$ & 256 /* hasSlot */) {
-    if (import_app_data20.BUILD.experimentalSlotFixes) {
-      patchPseudoShadowDom(Cstr.prototype);
-    } else {
-      if (import_app_data20.BUILD.slotChildNodesFix) {
-        patchChildSlotNodes(Cstr.prototype);
-      }
-      if (import_app_data20.BUILD.cloneNodeFix) {
-        patchCloneNode(Cstr.prototype);
-      }
-      if (import_app_data20.BUILD.appendChildSlotFix) {
-        patchSlotAppendChild(Cstr.prototype);
-      }
-      if (import_app_data20.BUILD.scopedSlotTextContentFix && cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {
-        patchTextContent(Cstr.prototype);
-      }
+  try {
+    if (import_app_data20.BUILD.member) {
+      cmpMeta.$members$ = compactMeta[2];
     }
-  } else if (import_app_data20.BUILD.cloneNodeFix) {
-    patchCloneNode(Cstr.prototype);
-  }
-  if (import_app_data20.BUILD.hydrateClientSide && import_app_data20.BUILD.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 (import_app_data20.BUILD.hostListener) {
+      cmpMeta.$listeners$ = compactMeta[3];
+    }
+    if (import_app_data20.BUILD.propChangeCallback) {
+      cmpMeta.$watchers$ = Cstr.$watchers$;
+      cmpMeta.$deserializers$ = Cstr.$deserializers$;
+      cmpMeta.$serializers$ = Cstr.$serializers$;
+    }
+    if (import_app_data20.BUILD.reflect) {
+      cmpMeta.$attrsToReflect$ = [];
+    }
+    if (import_app_data20.BUILD.shadowDom && !supportsShadow && cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
+      cmpMeta.$flags$ |= 8 /* needsShadowDomShim */;
+    }
+    if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) && cmpMeta.$flags$ & 256 /* hasSlot */) {
+      if (import_app_data20.BUILD.experimentalSlotFixes) {
+        patchPseudoShadowDom(Cstr.prototype);
+      } else {
+        if (import_app_data20.BUILD.slotChildNodesFix) {
+          patchChildSlotNodes(Cstr.prototype);
+        }
+        if (import_app_data20.BUILD.cloneNodeFix) {
+          patchCloneNode(Cstr.prototype);
+        }
+        if (import_app_data20.BUILD.appendChildSlotFix) {
+          patchSlotAppendChild(Cstr.prototype);
+        }
+        if (import_app_data20.BUILD.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 (import_app_data20.BUILD.cloneNodeFix) {
+      patchCloneNode(Cstr.prototype);
+    }
+    if (import_app_data20.BUILD.hydrateClientSide && import_app_data20.BUILD.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 (import_app_data20.BUILD.style && import_app_data20.BUILD.mode && !import_app_data20.BUILD.lazyLoad) {

package/internal/testing/package.json

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

package/mock-doc/index.cjs

@@ -1,5 +1,5 @@
 /*!
- Stencil Mock Doc (CommonJS) v4.42.0-dev.1770096324.69d331e | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc (CommonJS) v4.42.0-dev.1770269227.50ad901 | MIT Licensed | https://stenciljs.com
  */
 "use strict";
 var __defProp = Object.defineProperty;
@@ -7816,6 +7816,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":
@@ -7894,6 +7896,9 @@ var MockButtonElement = class extends MockHTMLElement {
   constructor(ownerDocument) {
     super(ownerDocument, "button");
   }
+  get labels() {
+    return getLabelsForElement(this);
+  }
 };
 patchPropAttributes(
   MockButtonElement.prototype,
@@ -7941,6 +7946,9 @@ var MockInputElement = class extends MockHTMLElement {
     }
     return null;
   }
+  get labels() {
+    return getLabelsForElement(this);
+  }
 };
 patchPropAttributes(
   MockInputElement.prototype,
@@ -7989,6 +7997,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 _a, _b;
+    const forAttr = this.htmlFor;
+    if (forAttr) {
+      return (_b = (_a = this.ownerDocument) == null ? void 0 : _a.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");
@@ -8399,6 +8427,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, defaults = {}) {
   Object.keys(attrs).forEach((propName) => {
     const attr = attrs[propName];
@@ -9132,7 +9184,6 @@ var MockWindow = class {
   __timeouts;
   __history;
   __elementCstr;
-  __htmlElementCstr;
   __charDataCstr;
   __docTypeCstr;
   __docCstr;
@@ -9339,27 +9390,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/mock-doc/index.d.ts

@@ -165,6 +165,7 @@ declare class MockAnchorElement extends MockHTMLElement {
 }
 declare class MockButtonElement extends MockHTMLElement {
   constructor(ownerDocument: any);
+  get labels(): MockHTMLElement[];
 }
 declare class MockImageElement extends MockHTMLElement {
   constructor(ownerDocument: any);
@@ -176,10 +177,17 @@ declare class MockImageElement extends MockHTMLElement {
 declare class MockInputElement extends MockHTMLElement {
   constructor(ownerDocument: any);
   get list(): HTMLElement;
+  get labels(): MockHTMLElement[];
 }
 declare class MockFormElement extends MockHTMLElement {
   constructor(ownerDocument: any);
 }
+declare class MockLabelElement extends MockHTMLElement {
+  constructor(ownerDocument: any);
+  get htmlFor(): string;
+  set htmlFor(value: string);
+  get control(): MockHTMLElement | null;
+}
 declare class MockLinkElement extends MockHTMLElement {
   constructor(ownerDocument: any);
   get href(): string;
@@ -1018,8 +1026,8 @@ declare class MockWindow {
   get history(): any;
   set history(hsty: any);
   get JSON(): JSON;
-  get HTMLElement(): any;
-  set HTMLElement(htmlElementCstr: any);
+  get HTMLElement(): typeof MockHTMLElement;
+  get SVGElement(): typeof MockSVGElement;
   get IntersectionObserver(): typeof MockIntersectionObserver;
   get ResizeObserver(): typeof MockResizeObserver;
   get localStorage(): MockStorage;