@stencil/core 4.42.0 → 4.42.1

package/internal/app-globals/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal/app-globals",
-  "version": "4.42.0",
+  "version": "4.42.1",
   "description": "Used for default app globals.",
   "main": "./index.js",
   "module": "./index.js",

package/internal/client/index.js

@@ -1,5 +1,5 @@
 /*
- Stencil Client Platform v4.42.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.42.1 | MIT Licensed | https://stenciljs.com
  */
 
 // src/client/client-build.ts
@@ -2150,7 +2150,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);
@@ -2413,7 +2413,20 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
       }
     }
   } else if (BUILD18.vdomPropOrAttr && memberName[0] === "a" && memberName.startsWith("attr:")) {
-    const attrName = memberName.slice(5);
+    const propName = memberName.slice(5);
+    let attrName;
+    if (BUILD18.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);
@@ -3269,7 +3282,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;
     }
@@ -3530,13 +3543,16 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
         });
       }
     }
-    if (BUILD22.updatable && (flags & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
+    if (BUILD22.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);
+      }
     }
   }
 };
@@ -3784,94 +3800,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 (BUILD24.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 (BUILD24.member && !Cstr.isProxied) {
+  try {
+    if ((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
+      hostRef.$flags$ |= 32 /* hasInitializedComponent */;
+      const bundleId = cmpMeta.$lazyBundleId$;
+      if (BUILD24.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 (BUILD24.member && !Cstr.isProxied) {
+          if (BUILD24.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 (BUILD24.member) {
+          hostRef.$flags$ |= 8 /* isConstructingInstance */;
+        }
+        try {
+          new Cstr(hostRef);
+        } catch (e) {
+          consoleError(e, elm);
+        }
+        if (BUILD24.member) {
+          hostRef.$flags$ &= ~8 /* isConstructingInstance */;
+        }
         if (BUILD24.propChangeCallback) {
-          cmpMeta.$watchers$ = Cstr.watchers;
-          cmpMeta.$serializers$ = Cstr.serializers;
-          cmpMeta.$deserializers$ = Cstr.deserializers;
+          hostRef.$flags$ |= 128 /* isWatchReady */;
         }
-        proxyComponent(Cstr, cmpMeta, 2 /* proxyState */);
-        Cstr.isProxied = true;
-      }
-      const endNewInstance = createTime("createInstance", cmpMeta.$tagName$);
-      if (BUILD24.member) {
-        hostRef.$flags$ |= 8 /* isConstructingInstance */;
-      }
-      try {
-        new Cstr(hostRef);
-      } catch (e) {
-        consoleError(e, elm);
-      }
-      if (BUILD24.member) {
-        hostRef.$flags$ &= ~8 /* isConstructingInstance */;
-      }
-      if (BUILD24.propChangeCallback) {
-        hostRef.$flags$ |= 128 /* isWatchReady */;
-      }
-      endNewInstance();
-      const needsDeferredCallback = BUILD24.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 (BUILD24.style && Cstr && Cstr.style) {
-      let style;
-      if (typeof Cstr.style === "string") {
-        style = Cstr.style;
-      } else if (BUILD24.mode && typeof Cstr.style !== "string") {
-        hostRef.$modeName$ = computeMode(elm);
-        if (hostRef.$modeName$) {
-          style = Cstr.style[hostRef.$modeName$];
+        endNewInstance();
+        const needsDeferredCallback = BUILD24.slotRelocation && cmpMeta.$flags$ & 4 /* hasSlotRelocation */;
+        if (!needsDeferredCallback) {
+          fireConnectedCallback(hostRef.$lazyInstance$, elm);
+        } else {
+          hostRef.$deferredConnectedCallback$ = true;
         }
-        if (BUILD24.hydrateServerSide && hostRef.$modeName$) {
-          elm.setAttribute("s-mode", hostRef.$modeName$);
+      } else {
+        Cstr = elm.constructor;
+        const cmpTag = elm.localName;
+        customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
+      }
+      if (BUILD24.style && Cstr && Cstr.style) {
+        let style;
+        if (typeof Cstr.style === "string") {
+          style = Cstr.style;
+        } else if (BUILD24.mode && typeof Cstr.style !== "string") {
+          hostRef.$modeName$ = computeMode(elm);
+          if (hostRef.$modeName$) {
+            style = Cstr.style[hostRef.$modeName$];
+          }
+          if (BUILD24.hydrateServerSide && hostRef.$modeName$) {
+            elm.setAttribute("s-mode", hostRef.$modeName$);
+          }
         }
-      }
-      const scopeId2 = getScopeId(cmpMeta, hostRef.$modeName$);
-      if (!styles.has(scopeId2) || BUILD24.hotModuleReplacement && hmrVersionId) {
-        const endRegisterStyles = createTime("registerStyles", cmpMeta.$tagName$);
-        if (BUILD24.hydrateServerSide && BUILD24.shadowDom) {
-          if (cmpMeta.$flags$ & 128 /* shadowNeedsScopedCss */) {
-            style = scopeCss(style, scopeId2, true);
-          } else if (needsScopedSSR()) {
-            style = expandPartSelectors(style);
+        const scopeId2 = getScopeId(cmpMeta, hostRef.$modeName$);
+        if (!styles.has(scopeId2) || BUILD24.hotModuleReplacement && hmrVersionId) {
+          const endRegisterStyles = createTime("registerStyles", cmpMeta.$tagName$);
+          if (BUILD24.hydrateServerSide && BUILD24.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 (BUILD24.asyncLoading && ancestorComponent && ancestorComponent["s-rc"]) {
-    ancestorComponent["s-rc"].push(schedule);
-  } else {
-    schedule();
+    const ancestorComponent = hostRef.$ancestorComponent$;
+    const schedule = () => scheduleUpdate(hostRef, true);
+    if (BUILD24.asyncLoading && ancestorComponent && ancestorComponent["s-rc"]) {
+      ancestorComponent["s-rc"].push(schedule);
+    } else {
+      schedule();
+    }
+  } catch (e) {
+    consoleError(e, elm);
+    if (BUILD24.asyncLoading && hostRef.$onRenderResolve$) {
+      hostRef.$onRenderResolve$();
+      hostRef.$onRenderResolve$ = void 0;
+    }
+    if (BUILD24.asyncLoading && hostRef.$onReadyResolve$) {
+      hostRef.$onReadyResolve$(elm);
+    }
   }
 };
 var fireConnectedCallback = (instance, elm) => {
@@ -4003,91 +4030,99 @@ var proxyCustomElement = (Cstr, compactMeta) => {
     $flags$: compactMeta[0],
     $tagName$: compactMeta[1]
   };
-  if (BUILD27.member) {
-    cmpMeta.$members$ = compactMeta[2];
-  }
-  if (BUILD27.hostListener) {
-    cmpMeta.$listeners$ = compactMeta[3];
-  }
-  if (BUILD27.propChangeCallback) {
-    cmpMeta.$watchers$ = Cstr.$watchers$;
-    cmpMeta.$deserializers$ = Cstr.$deserializers$;
-    cmpMeta.$serializers$ = Cstr.$serializers$;
-  }
-  if (BUILD27.reflect) {
-    cmpMeta.$attrsToReflect$ = [];
-  }
-  if (BUILD27.shadowDom && !supportsShadow && cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
-    cmpMeta.$flags$ |= 8 /* needsShadowDomShim */;
-  }
-  if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) && cmpMeta.$flags$ & 256 /* hasSlot */) {
-    if (BUILD27.experimentalSlotFixes) {
-      patchPseudoShadowDom(Cstr.prototype);
-    } else {
-      if (BUILD27.slotChildNodesFix) {
-        patchChildSlotNodes(Cstr.prototype);
-      }
-      if (BUILD27.cloneNodeFix) {
-        patchCloneNode(Cstr.prototype);
-      }
-      if (BUILD27.appendChildSlotFix) {
-        patchSlotAppendChild(Cstr.prototype);
-      }
-      if (BUILD27.scopedSlotTextContentFix && cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {
-        patchTextContent(Cstr.prototype);
-      }
+  try {
+    if (BUILD27.member) {
+      cmpMeta.$members$ = compactMeta[2];
     }
-  } else if (BUILD27.cloneNodeFix) {
-    patchCloneNode(Cstr.prototype);
-  }
-  if (BUILD27.hydrateClientSide && BUILD27.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 (BUILD27.hostListener) {
+      cmpMeta.$listeners$ = compactMeta[3];
+    }
+    if (BUILD27.propChangeCallback) {
+      cmpMeta.$watchers$ = Cstr.$watchers$;
+      cmpMeta.$deserializers$ = Cstr.$deserializers$;
+      cmpMeta.$serializers$ = Cstr.$serializers$;
+    }
+    if (BUILD27.reflect) {
+      cmpMeta.$attrsToReflect$ = [];
+    }
+    if (BUILD27.shadowDom && !supportsShadow && cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
+      cmpMeta.$flags$ |= 8 /* needsShadowDomShim */;
+    }
+    if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) && cmpMeta.$flags$ & 256 /* hasSlot */) {
+      if (BUILD27.experimentalSlotFixes) {
+        patchPseudoShadowDom(Cstr.prototype);
+      } else {
+        if (BUILD27.slotChildNodesFix) {
+          patchChildSlotNodes(Cstr.prototype);
+        }
+        if (BUILD27.cloneNodeFix) {
+          patchCloneNode(Cstr.prototype);
+        }
+        if (BUILD27.appendChildSlotFix) {
+          patchSlotAppendChild(Cstr.prototype);
+        }
+        if (BUILD27.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 (BUILD27.cloneNodeFix) {
+      patchCloneNode(Cstr.prototype);
+    }
+    if (BUILD27.hydrateClientSide && BUILD27.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 (BUILD27.style && BUILD27.mode && !BUILD27.lazyLoad) {

package/internal/client/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal/client",
-  "version": "4.42.0",
+  "version": "4.42.1",
   "description": "Stencil internal client platform to be imported by the Stencil Compiler and internal runtime. Breaking changes can and will happen at any time.",
   "main": "./index.js",
   "exports": "./index.js",

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 | 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);