@stencil/core 4.19.2-dev.1720817033.ad4ba40 → 4.19.2-dev.1721019702.82a7bb9

package/internal/client/index.js

@@ -1,5 +1,5 @@
 /*
- Stencil Client Platform v4.19.2-dev.1720817033.ad4ba40 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.19.2-dev.1721019702.82a7bb9 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -848,21 +848,10 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
           if (nonce != null) {
             styleElm.setAttribute("nonce", nonce);
           }
-          if ((BUILD13.hydrateServerSide || BUILD13.hotModuleReplacement) && cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {
+          if (BUILD13.hydrateServerSide || BUILD13.hotModuleReplacement) {
             styleElm.setAttribute(HYDRATED_STYLE_ID, scopeId2);
           }
-          const injectStyle = (
-            /**
-             * we render a scoped component
-             */
-            !(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) || /**
-             * we are using shadow dom and render the style tag within the shadowRoot
-             */
-            cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */ && styleContainerNode.nodeName !== "HEAD"
-          );
-          if (injectStyle) {
-            styleContainerNode.insertBefore(styleElm, styleContainerNode.querySelector("link"));
-          }
+          styleContainerNode.insertBefore(styleElm, styleContainerNode.querySelector("link"));
         }
         if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
           styleElm.innerHTML += SLOT_FB_CSS;
@@ -887,7 +876,7 @@ var attachStyles = (hostRef) => {
     cmpMeta,
     hostRef.$modeName$
   );
-  if ((BUILD13.shadowDom || BUILD13.scoped) && BUILD13.cssAnnotations && flags & 10 /* needsScopedEncapsulation */ && flags & 2 /* scopedCssEncapsulation */) {
+  if ((BUILD13.shadowDom || BUILD13.scoped) && BUILD13.cssAnnotations && flags & 10 /* needsScopedEncapsulation */) {
     elm["s-sc"] = scopeId2;
     elm.classList.add(scopeId2 + "-h");
     if (BUILD13.scoped && flags & 2 /* scopedCssEncapsulation */) {
@@ -897,6 +886,7 @@ var attachStyles = (hostRef) => {
   endAttachStyles();
 };
 var getScopeId = (cmp, mode) => "sc-" + (BUILD13.mode && mode && cmp.$flags$ & 32 /* hasMode */ ? cmp.$tagName$ + "-" + mode : cmp.$tagName$);
+var convertScopedToShadow = (css) => css.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g, "$1{");
 
 // src/runtime/vdom/vdom-render.ts
 import { BUILD as BUILD16 } from "@stencil/core/internal/app-data";
@@ -1092,9 +1082,7 @@ var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
     if (BUILD16.vdomAttribute) {
       updateElement(null, newVNode2, isSvgMode);
     }
-    const rootNode = elm.getRootNode();
-    const isElementWithinShadowRoot = !rootNode.querySelector("body");
-    if (!isElementWithinShadowRoot && BUILD16.scoped && isDef(scopeId) && elm["s-si"] !== scopeId) {
+    if ((BUILD16.shadowDom || BUILD16.scoped) && isDef(scopeId) && elm["s-si"] !== scopeId) {
       elm.classList.add(elm["s-si"] = scopeId);
     }
     if (BUILD16.scoped) {
@@ -2157,7 +2145,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
         const endRegisterStyles = createTime("registerStyles", cmpMeta.$tagName$);
         if (!BUILD20.hydrateServerSide && BUILD20.shadowDom && // TODO(STENCIL-854): Remove code related to legacy shadowDomShim field
         BUILD20.shadowDomShim && cmpMeta.$flags$ & 8 /* needsShadowDomShim */) {
-          style = await import("./shadow-css.js").then((m) => m.scopeCss(style, scopeId2));
+          style = await import("./shadow-css.js").then((m) => m.scopeCss(style, scopeId2, false));
         }
         registerStyle(scopeId2, style, !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */));
         endRegisterStyles();
@@ -2726,8 +2714,10 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
   const metaCharset = /* @__PURE__ */ head.querySelector("meta[charset]");
   const dataStyles = /* @__PURE__ */ doc.createElement("style");
   const deferredConnectedCallbacks = [];
+  const styles2 = /* @__PURE__ */ doc.querySelectorAll(`[${HYDRATED_STYLE_ID}]`);
   let appLoadFallback;
   let isBootstrapping = true;
+  let i2 = 0;
   Object.assign(plt, options);
   plt.$resourcesUrl$ = new URL(options.resourcesUrl || "./", doc.baseURI).href;
   if (BUILD25.asyncQueue) {
@@ -2738,6 +2728,11 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
   if (BUILD25.hydrateClientSide) {
     plt.$flags$ |= 2 /* appLoaded */;
   }
+  if (BUILD25.hydrateClientSide && BUILD25.shadowDom) {
+    for (; i2 < styles2.length; i2++) {
+      registerStyle(styles2[i2].getAttribute(HYDRATED_STYLE_ID), convertScopedToShadow(styles2[i2].innerHTML), true);
+    }
+  }
   let hasSlotRelocation = false;
   lazyBundles.map((lazyBundle) => {
     lazyBundle[1].map((compactMeta) => {

package/internal/client/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal/client",
-  "version": "4.19.2-dev.1720817033.ad4ba40",
+  "version": "4.19.2-dev.1721019702.82a7bb9",
   "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.19.2-dev.1720817033.ad4ba40 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.19.2-dev.1721019702.82a7bb9 | MIT Licensed | https://stenciljs.com
  */
 
 // src/client/client-patch-browser.ts

package/internal/client/shadow-css.js

@@ -274,14 +274,14 @@ var scopeSelector = (selector, scopeSelectorText, hostSelector, slotSelector) =>
     }
   }).join(", ");
 };
-var scopeSelectors = (cssText, scopeSelectorText, hostSelector, slotSelector) => {
+var scopeSelectors = (cssText, scopeSelectorText, hostSelector, slotSelector, commentOriginalSelector) => {
   return processRules(cssText, (rule) => {
     let selector = rule.selector;
     let content = rule.content;
     if (rule.selector[0] !== "@") {
       selector = scopeSelector(rule.selector, scopeSelectorText, hostSelector, slotSelector);
     } else if (rule.selector.startsWith("@media") || rule.selector.startsWith("@supports") || rule.selector.startsWith("@page") || rule.selector.startsWith("@document")) {
-      content = scopeSelectors(rule.content, scopeSelectorText, hostSelector, slotSelector);
+      content = scopeSelectors(rule.content, scopeSelectorText, hostSelector, slotSelector, commentOriginalSelector);
     }
     const cssRule = {
       selector: selector.replace(/\s{2,}/g, " ").trim(),
@@ -290,7 +290,7 @@ var scopeSelectors = (cssText, scopeSelectorText, hostSelector, slotSelector) =>
     return cssRule;
   });
 };
-var scopeCssText = (cssText, scopeId, hostScopeId, slotScopeId) => {
+var scopeCssText = (cssText, scopeId, hostScopeId, slotScopeId, commentOriginalSelector) => {
   cssText = insertPolyfillHostInCssText(cssText);
   cssText = convertColonHost(cssText);
   cssText = convertColonHostContext(cssText);
@@ -298,7 +298,7 @@ var scopeCssText = (cssText, scopeId, hostScopeId, slotScopeId) => {
   cssText = slotted.cssText;
   cssText = convertShadowDOMSelectors(cssText);
   if (scopeId) {
-    cssText = scopeSelectors(cssText, scopeId, hostScopeId, slotScopeId);
+    cssText = scopeSelectors(cssText, scopeId, hostScopeId, slotScopeId, commentOriginalSelector);
   }
   cssText = replaceShadowCssHost(cssText, hostScopeId);
   cssText = cssText.replace(/>\s*\*\s+([^{, ]+)/gm, " $1 ");
@@ -315,13 +315,37 @@ var scopeCssText = (cssText, scopeId, hostScopeId, slotScopeId) => {
 var replaceShadowCssHost = (cssText, hostScopeId) => {
   return cssText.replace(/-shadowcsshost-no-combinator/g, `.${hostScopeId}`);
 };
-var scopeCss = (cssText, scopeId) => {
+var scopeCss = (cssText, scopeId, commentOriginalSelector) => {
   const hostScopeId = scopeId + "-h";
   const slotScopeId = scopeId + "-s";
   const commentsWithHash = extractCommentsWithHash(cssText);
   cssText = stripComments(cssText);
-  const scoped = scopeCssText(cssText, scopeId, hostScopeId, slotScopeId);
+  const orgSelectors = [];
+  if (commentOriginalSelector) {
+    const processCommentedSelector = (rule) => {
+      const placeholder = `/*!@___${orgSelectors.length}___*/`;
+      const comment = `/*!@${rule.selector}*/`;
+      orgSelectors.push({ placeholder, comment });
+      rule.selector = placeholder + rule.selector;
+      return rule;
+    };
+    cssText = processRules(cssText, (rule) => {
+      if (rule.selector[0] !== "@") {
+        return processCommentedSelector(rule);
+      } else if (rule.selector.startsWith("@media") || rule.selector.startsWith("@supports") || rule.selector.startsWith("@page") || rule.selector.startsWith("@document")) {
+        rule.content = processRules(rule.content, processCommentedSelector);
+        return rule;
+      }
+      return rule;
+    });
+  }
+  const scoped = scopeCssText(cssText, scopeId, hostScopeId, slotScopeId, commentOriginalSelector);
   cssText = [scoped.cssText, ...commentsWithHash].join("\n");
+  if (commentOriginalSelector) {
+    orgSelectors.forEach(({ placeholder, comment }) => {
+      cssText = cssText.replace(placeholder, comment);
+    });
+  }
   scoped.slottedSelectors.forEach((slottedSelector) => {
     const regex = new RegExp(escapeRegExpSpecialCharacters(slottedSelector.orgSelector), "g");
     cssText = cssText.replace(regex, slottedSelector.updatedSelector);

package/internal/hydrate/index.js

@@ -1,5 +1,5 @@
 /*
- Stencil Hydrate Platform v4.19.2-dev.1720817033.ad4ba40 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Platform v4.19.2-dev.1721019702.82a7bb9 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -639,21 +639,10 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
           if (nonce != null) {
             styleElm.setAttribute("nonce", nonce);
           }
-          if ((BUILD7.hydrateServerSide || BUILD7.hotModuleReplacement) && cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {
+          if (BUILD7.hydrateServerSide || BUILD7.hotModuleReplacement) {
             styleElm.setAttribute(HYDRATED_STYLE_ID, scopeId2);
           }
-          const injectStyle = (
-            /**
-             * we render a scoped component
-             */
-            !(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) || /**
-             * we are using shadow dom and render the style tag within the shadowRoot
-             */
-            cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */ && styleContainerNode.nodeName !== "HEAD"
-          );
-          if (injectStyle) {
-            styleContainerNode.insertBefore(styleElm, styleContainerNode.querySelector("link"));
-          }
+          styleContainerNode.insertBefore(styleElm, styleContainerNode.querySelector("link"));
         }
         if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
           styleElm.innerHTML += SLOT_FB_CSS;
@@ -678,7 +667,7 @@ var attachStyles = (hostRef) => {
     cmpMeta,
     hostRef.$modeName$
   );
-  if ((BUILD7.shadowDom || BUILD7.scoped) && BUILD7.cssAnnotations && flags & 10 /* needsScopedEncapsulation */ && flags & 2 /* scopedCssEncapsulation */) {
+  if ((BUILD7.shadowDom || BUILD7.scoped) && BUILD7.cssAnnotations && flags & 10 /* needsScopedEncapsulation */) {
     elm["s-sc"] = scopeId2;
     elm.classList.add(scopeId2 + "-h");
     if (BUILD7.scoped && flags & 2 /* scopedCssEncapsulation */) {
@@ -688,6 +677,7 @@ var attachStyles = (hostRef) => {
   endAttachStyles();
 };
 var getScopeId = (cmp, mode) => "sc-" + (BUILD7.mode && mode && cmp.$flags$ & 32 /* hasMode */ ? cmp.$tagName$ + "-" + mode : cmp.$tagName$);
+var convertScopedToShadow = (css) => css.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g, "$1{");
 
 // src/runtime/vdom/vdom-render.ts
 import { BUILD as BUILD10 } from "@stencil/core/internal/app-data";
@@ -883,9 +873,7 @@ var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
     if (BUILD10.vdomAttribute) {
       updateElement(null, newVNode2, isSvgMode);
     }
-    const rootNode = elm.getRootNode();
-    const isElementWithinShadowRoot = !rootNode.querySelector("body");
-    if (!isElementWithinShadowRoot && BUILD10.scoped && isDef(scopeId) && elm["s-si"] !== scopeId) {
+    if ((BUILD10.shadowDom || BUILD10.scoped) && isDef(scopeId) && elm["s-si"] !== scopeId) {
       elm.classList.add(elm["s-si"] = scopeId);
     }
     if (BUILD10.scoped) {
@@ -1948,7 +1936,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
         const endRegisterStyles = createTime("registerStyles", cmpMeta.$tagName$);
         if (!BUILD14.hydrateServerSide && BUILD14.shadowDom && // TODO(STENCIL-854): Remove code related to legacy shadowDomShim field
         BUILD14.shadowDomShim && cmpMeta.$flags$ & 8 /* needsShadowDomShim */) {
-          style = await import("../client/shadow-css.js").then((m) => m.scopeCss(style, scopeId2));
+          style = await import("../client/shadow-css.js").then((m) => m.scopeCss(style, scopeId2, false));
         }
         registerStyle(scopeId2, style, !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */));
         endRegisterStyles();
@@ -2517,8 +2505,10 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
   const metaCharset = /* @__PURE__ */ head.querySelector("meta[charset]");
   const dataStyles = /* @__PURE__ */ doc.createElement("style");
   const deferredConnectedCallbacks = [];
+  const styles2 = /* @__PURE__ */ doc.querySelectorAll(`[${HYDRATED_STYLE_ID}]`);
   let appLoadFallback;
   let isBootstrapping = true;
+  let i2 = 0;
   Object.assign(plt, options);
   plt.$resourcesUrl$ = new URL(options.resourcesUrl || "./", doc.baseURI).href;
   if (BUILD19.asyncQueue) {
@@ -2529,6 +2519,11 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
   if (BUILD19.hydrateClientSide) {
     plt.$flags$ |= 2 /* appLoaded */;
   }
+  if (BUILD19.hydrateClientSide && BUILD19.shadowDom) {
+    for (; i2 < styles2.length; i2++) {
+      registerStyle(styles2[i2].getAttribute(HYDRATED_STYLE_ID), convertScopedToShadow(styles2[i2].innerHTML), true);
+    }
+  }
   let hasSlotRelocation = false;
   lazyBundles.map((lazyBundle) => {
     lazyBundle[1].map((compactMeta) => {
@@ -2895,7 +2890,7 @@ var globalScripts = (
 
 // src/hydrate/platform/proxy-host-element.ts
 import { BUILD as BUILD21 } from "@stencil/core/internal/app-data";
-function proxyHostElement(elm, cmpMeta) {
+function proxyHostElement(elm, cmpMeta, opts) {
   if (typeof elm.componentOnReady !== "function") {
     elm.componentOnReady = componentOnReady;
   }
@@ -2908,8 +2903,10 @@ function proxyHostElement(elm, cmpMeta) {
         mode: "open",
         delegatesFocus: !!(cmpMeta.$flags$ & 16 /* shadowDelegatesFocus */)
       });
-    } else {
+    } else if (opts.serializeShadowRoot) {
       elm.attachShadow({ mode: "open" });
+    } else {
+      elm.shadowRoot = elm;
     }
   }
   if (cmpMeta.$members$ != null) {
@@ -3022,7 +3019,7 @@ function hydrateApp(win2, opts, results, afterHydrate, resolve) {
             createdElements.add(elm);
             elm.connectedCallback = patchedConnectedCallback2;
             registerHost(elm, Cstr.cmpMeta);
-            proxyHostElement(elm, Cstr.cmpMeta);
+            proxyHostElement(elm, Cstr.cmpMeta, opts);
           }
         }
       }

package/internal/hydrate/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal/hydrate",
-  "version": "4.19.2-dev.1720817033.ad4ba40",
+  "version": "4.19.2-dev.1721019702.82a7bb9",
   "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.19.2-dev.1720817033.ad4ba40 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Runner v4.19.2-dev.1721019702.82a7bb9 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -10414,7 +10414,7 @@ function normalizeSerializationOptions(opts = {}) {
     removeAttributeQuotes: typeof opts.removeAttributeQuotes !== "boolean" ? false : opts.removeAttributeQuotes,
     removeBooleanAttributeQuotes: typeof opts.removeBooleanAttributeQuotes !== "boolean" ? false : opts.removeBooleanAttributeQuotes,
     removeHtmlComments: typeof opts.removeHtmlComments !== "boolean" ? false : opts.removeHtmlComments,
-    serializeShadowRoot: typeof opts.serializeShadowRoot !== "boolean" ? true : opts.serializeShadowRoot,
+    serializeShadowRoot: typeof opts.serializeShadowRoot !== "boolean" ? false : opts.serializeShadowRoot,
     fullDocument: typeof opts.fullDocument !== "boolean" ? true : opts.fullDocument
   };
 }
@@ -10540,7 +10540,7 @@ style="${cssText}">`;
     }
     if (EMPTY_ELEMENTS.has(tagName) === false) {
       const shadowRoot = node.shadowRoot;
-      if (shadowRoot != null && opts.serializeShadowRoot) {
+      if (opts.serializeShadowRoot && shadowRoot != null) {
         output.indent = output.indent + ((_c = opts.indentSpaces) != null ? _c : 0);
         yield* streamToHtml(shadowRoot, opts, output);
         output.indent = output.indent - ((_d = opts.indentSpaces) != null ? _d : 0);
@@ -14884,10 +14884,7 @@ var removeUnusedStyleText = (usedSelectors, diagnostics, styleElm) => {
 
 // src/hydrate/runner/inspect-element.ts
 function inspectElement(results, elm, depth) {
-  const children = [
-    ...Array.from(elm.children),
-    ...Array.from(elm.shadowRoot ? elm.shadowRoot.children : [])
-  ];
+  const children = elm.children;
   for (let i = 0, ii = children.length; i < ii; i++) {
     const childElm = children[i];
     const tagName = childElm.nodeName.toLowerCase();
@@ -15282,7 +15279,7 @@ function renderToString(html, options, asStream) {
   const opts = normalizeHydrateOptions(options);
   opts.serializeToHtml = true;
   opts.fullDocument = typeof opts.fullDocument === "boolean" ? opts.fullDocument : true;
-  opts.serializeShadowRoot = typeof opts.serializeShadowRoot === "boolean" ? opts.serializeShadowRoot : true;
+  opts.serializeShadowRoot = Boolean(opts.serializeShadowRoot);
   opts.constrainTimeouts = false;
   return hydrateDocument(html, opts, asStream);
 }

package/internal/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal",
-  "version": "4.19.2-dev.1720817033.ad4ba40",
+  "version": "4.19.2-dev.1721019702.82a7bb9",
   "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-private.d.ts

@@ -1690,6 +1690,7 @@ export interface TransformCssToEsmInput {
      * is not shared by multiple fields, nor is it a composite of multiple modes).
      */
     mode?: string;
+    commentOriginalSelector?: boolean;
     sourceMap?: boolean;
     minify?: boolean;
     docs?: boolean;

package/internal/testing/index.js

@@ -1011,21 +1011,10 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
           if (nonce != null) {
             styleElm.setAttribute("nonce", nonce);
           }
-          if ((import_app_data7.BUILD.hydrateServerSide || import_app_data7.BUILD.hotModuleReplacement) && cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {
+          if (import_app_data7.BUILD.hydrateServerSide || import_app_data7.BUILD.hotModuleReplacement) {
             styleElm.setAttribute(HYDRATED_STYLE_ID, scopeId2);
           }
-          const injectStyle = (
-            /**
-             * we render a scoped component
-             */
-            !(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) || /**
-             * we are using shadow dom and render the style tag within the shadowRoot
-             */
-            cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */ && styleContainerNode.nodeName !== "HEAD"
-          );
-          if (injectStyle) {
-            styleContainerNode.insertBefore(styleElm, styleContainerNode.querySelector("link"));
-          }
+          styleContainerNode.insertBefore(styleElm, styleContainerNode.querySelector("link"));
         }
         if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
           styleElm.innerHTML += SLOT_FB_CSS;
@@ -1050,7 +1039,7 @@ var attachStyles = (hostRef) => {
     cmpMeta,
     hostRef.$modeName$
   );
-  if ((import_app_data7.BUILD.shadowDom || import_app_data7.BUILD.scoped) && import_app_data7.BUILD.cssAnnotations && flags & 10 /* needsScopedEncapsulation */ && flags & 2 /* scopedCssEncapsulation */) {
+  if ((import_app_data7.BUILD.shadowDom || import_app_data7.BUILD.scoped) && import_app_data7.BUILD.cssAnnotations && flags & 10 /* needsScopedEncapsulation */) {
     elm["s-sc"] = scopeId2;
     elm.classList.add(scopeId2 + "-h");
     if (import_app_data7.BUILD.scoped && flags & 2 /* scopedCssEncapsulation */) {
@@ -1060,6 +1049,7 @@ var attachStyles = (hostRef) => {
   endAttachStyles();
 };
 var getScopeId = (cmp, mode) => "sc-" + (import_app_data7.BUILD.mode && mode && cmp.$flags$ & 32 /* hasMode */ ? cmp.$tagName$ + "-" + mode : cmp.$tagName$);
+var convertScopedToShadow = (css) => css.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g, "$1{");
 
 // src/runtime/vdom/vdom-render.ts
 var import_app_data10 = require("@stencil/core/internal/app-data");
@@ -1255,9 +1245,7 @@ var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
     if (import_app_data10.BUILD.vdomAttribute) {
       updateElement(null, newVNode2, isSvgMode);
     }
-    const rootNode = elm.getRootNode();
-    const isElementWithinShadowRoot = !rootNode.querySelector("body");
-    if (!isElementWithinShadowRoot && import_app_data10.BUILD.scoped && isDef(scopeId) && elm["s-si"] !== scopeId) {
+    if ((import_app_data10.BUILD.shadowDom || import_app_data10.BUILD.scoped) && isDef(scopeId) && elm["s-si"] !== scopeId) {
       elm.classList.add(elm["s-si"] = scopeId);
     }
     if (import_app_data10.BUILD.scoped) {
@@ -2320,7 +2308,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
         const endRegisterStyles = createTime("registerStyles", cmpMeta.$tagName$);
         if (!import_app_data14.BUILD.hydrateServerSide && import_app_data14.BUILD.shadowDom && // TODO(STENCIL-854): Remove code related to legacy shadowDomShim field
         import_app_data14.BUILD.shadowDomShim && cmpMeta.$flags$ & 8 /* needsShadowDomShim */) {
-          style = await import("../client/shadow-css.js").then((m) => m.scopeCss(style, scopeId2));
+          style = await import("../client/shadow-css.js").then((m) => m.scopeCss(style, scopeId2, false));
         }
         registerStyle(scopeId2, style, !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */));
         endRegisterStyles();
@@ -2889,8 +2877,10 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
   const metaCharset = /* @__PURE__ */ head.querySelector("meta[charset]");
   const dataStyles = /* @__PURE__ */ doc.createElement("style");
   const deferredConnectedCallbacks = [];
+  const styles2 = /* @__PURE__ */ doc.querySelectorAll(`[${HYDRATED_STYLE_ID}]`);
   let appLoadFallback;
   let isBootstrapping = true;
+  let i2 = 0;
   Object.assign(plt, options);
   plt.$resourcesUrl$ = new URL(options.resourcesUrl || "./", doc.baseURI).href;
   if (import_app_data19.BUILD.asyncQueue) {
@@ -2901,6 +2891,11 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
   if (import_app_data19.BUILD.hydrateClientSide) {
     plt.$flags$ |= 2 /* appLoaded */;
   }
+  if (import_app_data19.BUILD.hydrateClientSide && import_app_data19.BUILD.shadowDom) {
+    for (; i2 < styles2.length; i2++) {
+      registerStyle(styles2[i2].getAttribute(HYDRATED_STYLE_ID), convertScopedToShadow(styles2[i2].innerHTML), true);
+    }
+  }
   let hasSlotRelocation = false;
   lazyBundles.map((lazyBundle) => {
     lazyBundle[1].map((compactMeta) => {

package/internal/testing/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal/testing",
-  "version": "4.19.2-dev.1720817033.ad4ba40",
+  "version": "4.19.2-dev.1721019702.82a7bb9",
   "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.19.2-dev.1720817033.ad4ba40 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc (CommonJS) v4.19.2-dev.1721019702.82a7bb9 | MIT Licensed | https://stenciljs.com
  */
 "use strict";
 var __defProp = Object.defineProperty;
@@ -6287,7 +6287,7 @@ function normalizeSerializationOptions(opts = {}) {
     removeAttributeQuotes: typeof opts.removeAttributeQuotes !== "boolean" ? false : opts.removeAttributeQuotes,
     removeBooleanAttributeQuotes: typeof opts.removeBooleanAttributeQuotes !== "boolean" ? false : opts.removeBooleanAttributeQuotes,
     removeHtmlComments: typeof opts.removeHtmlComments !== "boolean" ? false : opts.removeHtmlComments,
-    serializeShadowRoot: typeof opts.serializeShadowRoot !== "boolean" ? true : opts.serializeShadowRoot,
+    serializeShadowRoot: typeof opts.serializeShadowRoot !== "boolean" ? false : opts.serializeShadowRoot,
     fullDocument: typeof opts.fullDocument !== "boolean" ? true : opts.fullDocument
   };
 }
@@ -6413,7 +6413,7 @@ style="${cssText}">`;
     }
     if (EMPTY_ELEMENTS.has(tagName) === false) {
       const shadowRoot = node.shadowRoot;
-      if (shadowRoot != null && opts.serializeShadowRoot) {
+      if (opts.serializeShadowRoot && shadowRoot != null) {
         output.indent = output.indent + ((_c = opts.indentSpaces) != null ? _c : 0);
         yield* streamToHtml(shadowRoot, opts, output);
         output.indent = output.indent - ((_d = opts.indentSpaces) != null ? _d : 0);

package/mock-doc/index.js

@@ -1,5 +1,5 @@
 /*!
- Stencil Mock Doc v4.19.2-dev.1720817033.ad4ba40 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc v4.19.2-dev.1721019702.82a7bb9 | MIT Licensed | https://stenciljs.com
  */
 
 // src/runtime/runtime-constants.ts
@@ -6234,7 +6234,7 @@ function normalizeSerializationOptions(opts = {}) {
     removeAttributeQuotes: typeof opts.removeAttributeQuotes !== "boolean" ? false : opts.removeAttributeQuotes,
     removeBooleanAttributeQuotes: typeof opts.removeBooleanAttributeQuotes !== "boolean" ? false : opts.removeBooleanAttributeQuotes,
     removeHtmlComments: typeof opts.removeHtmlComments !== "boolean" ? false : opts.removeHtmlComments,
-    serializeShadowRoot: typeof opts.serializeShadowRoot !== "boolean" ? true : opts.serializeShadowRoot,
+    serializeShadowRoot: typeof opts.serializeShadowRoot !== "boolean" ? false : opts.serializeShadowRoot,
     fullDocument: typeof opts.fullDocument !== "boolean" ? true : opts.fullDocument
   };
 }
@@ -6360,7 +6360,7 @@ style="${cssText}">`;
     }
     if (EMPTY_ELEMENTS.has(tagName) === false) {
       const shadowRoot = node.shadowRoot;
-      if (shadowRoot != null && opts.serializeShadowRoot) {
+      if (opts.serializeShadowRoot && shadowRoot != null) {
         output.indent = output.indent + ((_c = opts.indentSpaces) != null ? _c : 0);
         yield* streamToHtml(shadowRoot, opts, output);
         output.indent = output.indent - ((_d = opts.indentSpaces) != null ? _d : 0);

package/mock-doc/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/mock-doc",
-  "version": "4.19.2-dev.1720817033.ad4ba40",
+  "version": "4.19.2-dev.1721019702.82a7bb9",
   "description": "Mock window, document and DOM outside of a browser environment.",
   "main": "./index.cjs",
   "module": "./index.js",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core",
-  "version": "4.19.2-dev.1720817033.ad4ba40",
+  "version": "4.19.2-dev.1721019702.82a7bb9",
   "license": "MIT",
   "main": "./internal/stencil-core/index.cjs",
   "module": "./internal/stencil-core/index.js",

package/screenshot/index.js

@@ -1,5 +1,5 @@
 /*
- Stencil Screenshot v4.19.2-dev.1720817033.ad4ba40 | MIT Licensed | https://stenciljs.com
+ Stencil Screenshot v4.19.2-dev.1721019702.82a7bb9 | MIT Licensed | https://stenciljs.com
  */
 "use strict";
 var __create = Object.create;

package/screenshot/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/screenshot",
-  "version": "4.19.2-dev.1720817033.ad4ba40",
+  "version": "4.19.2-dev.1721019702.82a7bb9",
   "description": "Stencil Screenshot.",
   "main": "./index.js",
   "types": "./index.d.ts",

package/screenshot/pixel-match.js

@@ -1,5 +1,5 @@
 /*
- Stencil Screenshot Pixel Match v4.19.2-dev.1720817033.ad4ba40 | MIT Licensed | https://stenciljs.com
+ Stencil Screenshot Pixel Match v4.19.2-dev.1721019702.82a7bb9 | MIT Licensed | https://stenciljs.com
  */
 "use strict";
 var __create = Object.create;

package/sys/node/index.js

@@ -1,5 +1,5 @@
 /*!
- Stencil Node System v4.19.2-dev.1720817033.ad4ba40 | MIT Licensed | https://stenciljs.com
+ Stencil Node System v4.19.2-dev.1721019702.82a7bb9 | MIT Licensed | https://stenciljs.com
  */
 "use strict";var yi=Object.create;var $t=Object.defineProperty;var bi=Object.getOwnPropertyDescriptor;var Ei=Object.getOwnPropertyNames;var Ti=Object.getPrototypeOf,xi=Object.prototype.hasOwnProperty;var he=(n,t)=>()=>(t||n((t={exports:{}}).exports,t),t.exports),Sr=(n,t)=>{for(var e in t)$t(n,e,{get:t[e],enumerable:!0})},Lr=(n,t,e,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of Ei(t))!xi.call(n,i)&&i!==e&&$t(n,i,{get:()=>t[i],enumerable:!(r=bi(t,i))||r.enumerable});return n};var ve=(n,t,e)=>(e=n!=null?yi(Ti(n)):{},Lr(t||!n||!n.__esModule?$t(e,"default",{value:n,enumerable:!0}):e,n)),Ci=n=>Lr($t({},"__esModule",{value:!0}),n);var Dr=he((Oo,Dt)=>{"use strict";var Si=typeof process<"u"&&process.env.TERM_PROGRAM==="Hyper",Li=typeof process<"u"&&process.platform==="win32",Or=typeof process<"u"&&process.platform==="linux",_t={ballotDisabled:"\u2612",ballotOff:"\u2610",ballotOn:"\u2611",bullet:"\u2022",bulletWhite:"\u25E6",fullBlock:"\u2588",heart:"\u2764",identicalTo:"\u2261",line:"\u2500",mark:"\u203B",middot:"\xB7",minus:"\uFF0D",multiplication:"\xD7",obelus:"\xF7",pencilDownRight:"\u270E",pencilRight:"\u270F",pencilUpRight:"\u2710",percent:"%",pilcrow2:"\u2761",pilcrow:"\xB6",plusMinus:"\xB1",question:"?",section:"\xA7",starsOff:"\u2606",starsOn:"\u2605",upDownArrow:"\u2195"},Ar=Object.assign({},_t,{check:"\u221A",cross:"\xD7",ellipsisLarge:"...",ellipsis:"...",info:"i",questionSmall:"?",pointer:">",pointerSmall:"\xBB",radioOff:"( )",radioOn:"(*)",warning:"\u203C"}),Rr=Object.assign({},_t,{ballotCross:"\u2718",check:"\u2714",cross:"\u2716",ellipsisLarge:"\u22EF",ellipsis:"\u2026",info:"\u2139",questionFull:"\uFF1F",questionSmall:"\uFE56",pointer:Or?"\u25B8":"\u276F",pointerSmall:Or?"\u2023":"\u203A",radioOff:"\u25EF",radioOn:"\u25C9",warning:"\u26A0"});Dt.exports=Li&&!Si?Ar:Rr;Reflect.defineProperty(Dt.exports,"common",{enumerable:!1,value:_t});Reflect.defineProperty(Dt.exports,"windows",{enumerable:!1,value:Ar});Reflect.defineProperty(Dt.exports,"other",{enumerable:!1,value:Rr})});var wr=he((Ao,er)=>{"use strict";var Oi=n=>n!==null&&typeof n=="object"&&!Array.isArray(n),Ai=/[\u001b\u009b][[\]#;?()]*(?:(?:(?:[^\W_]*;?[^\W_]*)\u0007)|(?:(?:[0-9]{1,4}(;[0-9]{0,4})*)?[~0-9=<>cf-nqrtyA-PRZ]))/g,Ri=()=>typeof process<"u"?process.env.FORCE_COLOR!=="0":!1,Pr=()=>{let n={enabled:Ri(),visible:!0,styles:{},keys:{}},t=s=>{let l=s.open=`\x1B[${s.codes[0]}m`,a=s.close=`\x1B[${s.codes[1]}m`,d=s.regex=new RegExp(`\\u001b\\[${s.codes[1]}m`,"g");return s.wrap=(c,y)=>{c.includes(a)&&(c=c.replace(d,a+l));let h=l+c+a;return y?h.replace(/\r*\n/g,`${a}$&${l}`):h},s},e=(s,l,a)=>typeof s=="function"?s(l):s.wrap(l,a),r=(s,l)=>{if(s===""||s==null)return"";if(n.enabled===!1)return s;if(n.visible===!1)return"";let a=""+s,d=a.includes(`
 `),c=l.length;for(c>0&&l.includes("unstyle")&&(l=[...new Set(["unstyle",...l])].reverse());c-- >0;)a=e(n.styles[l[c]],a,d);return a},i=(s,l,a)=>{n.styles[s]=t({name:s,codes:l}),(n.keys[a]||(n.keys[a]=[])).push(s),Reflect.defineProperty(n,s,{configurable:!0,enumerable:!0,set(c){n.alias(s,c)},get(){let c=y=>r(y,c.stack);return Reflect.setPrototypeOf(c,n),c.stack=this.stack?this.stack.concat(s):[s],c}})};return i("reset",[0,0],"modifier"),i("bold",[1,22],"modifier"),i("dim",[2,22],"modifier"),i("italic",[3,23],"modifier"),i("underline",[4,24],"modifier"),i("inverse",[7,27],"modifier"),i("hidden",[8,28],"modifier"),i("strikethrough",[9,29],"modifier"),i("black",[30,39],"color"),i("red",[31,39],"color"),i("green",[32,39],"color"),i("yellow",[33,39],"color"),i("blue",[34,39],"color"),i("magenta",[35,39],"color"),i("cyan",[36,39],"color"),i("white",[37,39],"color"),i("gray",[90,39],"color"),i("grey",[90,39],"color"),i("bgBlack",[40,49],"bg"),i("bgRed",[41,49],"bg"),i("bgGreen",[42,49],"bg"),i("bgYellow",[43,49],"bg"),i("bgBlue",[44,49],"bg"),i("bgMagenta",[45,49],"bg"),i("bgCyan",[46,49],"bg"),i("bgWhite",[47,49],"bg"),i("blackBright",[90,39],"bright"),i("redBright",[91,39],"bright"),i("greenBright",[92,39],"bright"),i("yellowBright",[93,39],"bright"),i("blueBright",[94,39],"bright"),i("magentaBright",[95,39],"bright"),i("cyanBright",[96,39],"bright"),i("whiteBright",[97,39],"bright"),i("bgBlackBright",[100,49],"bgBright"),i("bgRedBright",[101,49],"bgBright"),i("bgGreenBright",[102,49],"bgBright"),i("bgYellowBright",[103,49],"bgBright"),i("bgBlueBright",[104,49],"bgBright"),i("bgMagentaBright",[105,49],"bgBright"),i("bgCyanBright",[106,49],"bgBright"),i("bgWhiteBright",[107,49],"bgBright"),n.ansiRegex=Ai,n.hasColor=n.hasAnsi=s=>(n.ansiRegex.lastIndex=0,typeof s=="string"&&s!==""&&n.ansiRegex.test(s)),n.alias=(s,l)=>{let a=typeof l=="string"?n[l]:l;if(typeof a!="function")throw new TypeError("Expected alias to be the name of an existing color (string) or a function");a.stack||(Reflect.defineProperty(a,"name",{value:s}),n.styles[s]=a,a.stack=[s]),Reflect.defineProperty(n,s,{configurable:!0,enumerable:!0,set(d){n.alias(s,d)},get(){let d=c=>r(c,d.stack);return Reflect.setPrototypeOf(d,n),d.stack=this.stack?this.stack.concat(a.stack):a.stack,d}})},n.theme=s=>{if(!Oi(s))throw new TypeError("Expected theme to be an object");for(let l of Object.keys(s))n.alias(l,s[l]);return n},n.alias("unstyle",s=>typeof s=="string"&&s!==""?(n.ansiRegex.lastIndex=0,s.replace(n.ansiRegex,"")):""),n.alias("noop",s=>s),n.none=n.clear=n.noop,n.stripColor=n.unstyle,n.symbols=Dr(),n.define=i,n};er.exports=Pr();er.exports.create=Pr});var Gr=he((yl,Vr)=>{Vr.exports=function(n){var t={};function e(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return n[r].call(i.exports,i,i.exports,e),i.l=!0,i.exports}return e.m=n,e.c=t,e.i=function(r){return r},e.d=function(r,i,s){e.o(r,i)||Object.defineProperty(r,i,{configurable:!1,enumerable:!0,get:s})},e.n=function(r){var i=r&&r.__esModule?function(){return r.default}:function(){return r};return e.d(i,"a",i),i},e.o=function(r,i){return Object.prototype.hasOwnProperty.call(r,i)},e.p="",e(e.s=14)}([function(n,t){n.exports=require("path")},function(n,t,e){"use strict";t.__esModule=!0;var r=e(173),i=s(r);function s(l){return l&&l.__esModule?l:{default:l}}t.default=function(l){return function(){var a=l.apply(this,arguments);return new i.default(function(d,c){function y(h,A){try{var x=a[h](A),g=x.value}catch(C){c(C);return}if(x.done)d(g);else return i.default.resolve(g).then(function(C){y("next",C)},function(C){y("throw",C)})}return y("next")})}}},function(n,t){n.exports=require("util")},function(n,t){n.exports=require("fs")},function(n,t,e){"use strict";Object.defineProperty(t,"__esModule",{value:!0});class r extends Error{constructor(c,y){super(c),this.code=y}}t.MessageError=r;class i extends r{constructor(c,y,h){super(c,y),this.process=h}}t.ProcessSpawnError=i;class s extends r{}t.SecurityError=s;class l extends r{}t.ProcessTermError=l;class a extends Error{constructor(c,y){super(c),this.responseCode=y}}t.ResponseError=a},function(n,t,e){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getFirstSuitableFolder=t.readFirstAvailableStream=t.makeTempDir=t.hardlinksWork=t.writeFilePreservingEol=t.getFileSizeOnDisk=t.walk=t.symlink=t.find=t.readJsonAndFile=t.readJson=t.readFileAny=t.hardlinkBulk=t.copyBulk=t.unlink=t.glob=t.link=t.chmod=t.lstat=t.exists=t.mkdirp=t.stat=t.access=t.rename=t.readdir=t.realpath=t.readlink=t.writeFile=t.open=t.readFileBuffer=t.lockQueue=t.constants=void 0;var r;function i(){return r=B(e(1))}let s=(()=>{var K=(0,(r||i()).default)(function*(G,U,j,V){let te=(()=>{var se=(0,(r||i()).default)(function*(Le){let ge=Le.src,re=Le.dest,Rt=Le.type,He=Le.onFresh||Je,ye=Le.onDone||Je;if(oe.has(re.toLowerCase())?V.verbose(`The case-insensitive file ${re} shouldn't be copied twice in one bulk copy`):oe.add(re.toLowerCase()),Rt==="symlink"){yield Ee((o||u()).default.dirname(re)),He(),Re.symlink.push({dest:re,linkname:ge}),ye();return}if(U.ignoreBasenames.indexOf((o||u()).default.basename(ge))>=0)return;let be=yield Ce(ge),rt;be.isDirectory()&&(rt=yield Se(ge));let Ne;try{Ne=yield Ce(re)}catch(ke){if(ke.code!=="ENOENT")throw ke}if(Ne){let ke=be.isSymbolicLink()&&Ne.isSymbolicLink(),nt=be.isDirectory()&&Ne.isDirectory(),qe=be.isFile()&&Ne.isFile();if(qe&&de.has(re)){ye(),V.verbose(V.lang("verboseFileSkipArtifact",ge));return}if(qe&&be.size===Ne.size&&(0,(X||Q()).fileDatesEqual)(be.mtime,Ne.mtime)){ye(),V.verbose(V.lang("verboseFileSkip",ge,re,be.size,+be.mtime));return}if(ke){let Oe=yield ae(ge);if(Oe===(yield ae(re))){ye(),V.verbose(V.lang("verboseFileSkipSymlink",ge,re,Oe));return}}if(nt){let Oe=yield Se(re);yt(rt,"src files not initialised");for(var Ye=Oe,lt=Array.isArray(Ye),je=0,Ye=lt?Ye:Ye[Symbol.iterator]();;){var Et;if(lt){if(je>=Ye.length)break;Et=Ye[je++]}else{if(je=Ye.next(),je.done)break;Et=je.value}let ft=Et;if(rt.indexOf(ft)<0){let it=(o||u()).default.join(re,ft);if(j.add(it),(yield Ce(it)).isDirectory())for(var Qe=yield Se(it),ut=Array.isArray(Qe),Ue=0,Qe=ut?Qe:Qe[Symbol.iterator]();;){var Tt;if(ut){if(Ue>=Qe.length)break;Tt=Qe[Ue++]}else{if(Ue=Qe.next(),Ue.done)break;Tt=Ue.value}let qt=Tt;j.add((o||u()).default.join(it,qt))}}}}}if(Ne&&Ne.isSymbolicLink()&&(yield(0,(X||Q()).unlink)(re),Ne=null),be.isSymbolicLink()){He();let ke=yield ae(ge);Re.symlink.push({dest:re,linkname:ke}),ye()}else if(be.isDirectory()){Ne||(V.verbose(V.lang("verboseFileFolder",re)),yield Ee(re));let ke=re.split((o||u()).default.sep);for(;ke.length;)oe.add(ke.join((o||u()).default.sep).toLowerCase()),ke.pop();yt(rt,"src files not initialised");let nt=rt.length;nt||ye();for(var Ze=rt,ct=Array.isArray(Ze),Xe=0,Ze=ct?Ze:Ze[Symbol.iterator]();;){var we;if(ct){if(Xe>=Ze.length)break;we=Ze[Xe++]}else{if(Xe=Ze.next(),Xe.done)break;we=Xe.value}let qe=we;G.push({dest:(o||u()).default.join(re,qe),onFresh:He,onDone:function(Oe){function ft(){return Oe.apply(this,arguments)}return ft.toString=function(){return Oe.toString()},ft}(function(){--nt===0&&ye()}),src:(o||u()).default.join(ge,qe)})}}else if(be.isFile())He(),Re.file.push({src:ge,dest:re,atime:be.atime,mtime:be.mtime,mode:be.mode}),ye();else throw new Error(`unsure how to copy this: ${ge}`)});return function(ge){return se.apply(this,arguments)}})(),de=new Set(U.artifactFiles||[]),oe=new Set;for(var ie=G,le=Array.isArray(ie),ne=0,ie=le?ie:ie[Symbol.iterator]();;){var $e;if(le){if(ne>=ie.length)break;$e=ie[ne++]}else{if(ne=ie.next(),ne.done)break;$e=ne.value}let se=$e,Le=se.onDone;se.onDone=function(){U.onProgress(se.dest),Le&&Le()}}U.onStart(G.length);let Re={file:[],symlink:[],link:[]};for(;G.length;){let se=G.splice(0,dt);yield Promise.all(se.map(te))}for(var De=de,at=Array.isArray(De),ze=0,De=at?De:De[Symbol.iterator]();;){var gt;if(at){if(ze>=De.length)break;gt=De[ze++]}else{if(ze=De.next(),ze.done)break;gt=ze.value}let se=gt;j.has(se)&&(V.verbose(V.lang("verboseFilePhantomExtraneous",se)),j.delete(se))}for(var Pe=j,At=Array.isArray(Pe),Ke=0,Pe=At?Pe:Pe[Symbol.iterator]();;){var pt;if(At){if(Ke>=Pe.length)break;pt=Pe[Ke++]}else{if(Ke=Pe.next(),Ke.done)break;pt=Ke.value}let se=pt;oe.has(se.toLowerCase())&&j.delete(se)}return Re});return function(U,j,V,te){return K.apply(this,arguments)}})(),l=(()=>{var K=(0,(r||i()).default)(function*(G,U,j,V){let te=(()=>{var se=(0,(r||i()).default)(function*(Le){let ge=Le.src,re=Le.dest,Rt=Le.onFresh||Je,He=Le.onDone||Je;if(oe.has(re.toLowerCase())){He();return}if(oe.add(re.toLowerCase()),U.ignoreBasenames.indexOf((o||u()).default.basename(ge))>=0)return;let ye=yield Ce(ge),be;ye.isDirectory()&&(be=yield Se(ge));let rt=yield We(re);if(rt){let we=yield Ce(re),ke=ye.isSymbolicLink()&&we.isSymbolicLink(),nt=ye.isDirectory()&&we.isDirectory(),qe=ye.isFile()&&we.isFile();if(ye.mode!==we.mode)try{yield Te(re,ye.mode)}catch(Oe){V.verbose(Oe)}if(qe&&de.has(re)){He(),V.verbose(V.lang("verboseFileSkipArtifact",ge));return}if(qe&&ye.ino!==null&&ye.ino===we.ino){He(),V.verbose(V.lang("verboseFileSkip",ge,re,ye.ino));return}if(ke){let Oe=yield ae(ge);if(Oe===(yield ae(re))){He(),V.verbose(V.lang("verboseFileSkipSymlink",ge,re,Oe));return}}if(nt){let Oe=yield Se(re);yt(be,"src files not initialised");for(var je=Oe,Ne=Array.isArray(je),lt=0,je=Ne?je:je[Symbol.iterator]();;){var Ye;if(Ne){if(lt>=je.length)break;Ye=je[lt++]}else{if(lt=je.next(),lt.done)break;Ye=lt.value}let ft=Ye;if(be.indexOf(ft)<0){let it=(o||u()).default.join(re,ft);if(j.add(it),(yield Ce(it)).isDirectory())for(var Ue=yield Se(it),Et=Array.isArray(Ue),ut=0,Ue=Et?Ue:Ue[Symbol.iterator]();;){var Qe;if(Et){if(ut>=Ue.length)break;Qe=Ue[ut++]}else{if(ut=Ue.next(),ut.done)break;Qe=ut.value}let qt=Qe;j.add((o||u()).default.join(it,qt))}}}}}if(ye.isSymbolicLink()){Rt();let we=yield ae(ge);Re.symlink.push({dest:re,linkname:we}),He()}else if(ye.isDirectory()){V.verbose(V.lang("verboseFileFolder",re)),yield Ee(re);let we=re.split((o||u()).default.sep);for(;we.length;)oe.add(we.join((o||u()).default.sep).toLowerCase()),we.pop();yt(be,"src files not initialised");let ke=be.length;ke||He();for(var Xe=be,Tt=Array.isArray(Xe),ct=0,Xe=Tt?Xe:Xe[Symbol.iterator]();;){var Ze;if(Tt){if(ct>=Xe.length)break;Ze=Xe[ct++]}else{if(ct=Xe.next(),ct.done)break;Ze=ct.value}let nt=Ze;G.push({onFresh:Rt,src:(o||u()).default.join(ge,nt),dest:(o||u()).default.join(re,nt),onDone:function(qe){function Oe(){return qe.apply(this,arguments)}return Oe.toString=function(){return qe.toString()},Oe}(function(){--ke===0&&He()})})}}else if(ye.isFile())Rt(),Re.link.push({src:ge,dest:re,removeDest:rt}),He();else throw new Error(`unsure how to copy this: ${ge}`)});return function(ge){return se.apply(this,arguments)}})(),de=new Set(U.artifactFiles||[]),oe=new Set;for(var ie=G,le=Array.isArray(ie),ne=0,ie=le?ie:ie[Symbol.iterator]();;){var $e;if(le){if(ne>=ie.length)break;$e=ie[ne++]}else{if(ne=ie.next(),ne.done)break;$e=ne.value}let se=$e,Le=se.onDone||Je;se.onDone=function(){U.onProgress(se.dest),Le()}}U.onStart(G.length);let Re={file:[],symlink:[],link:[]};for(;G.length;){let se=G.splice(0,dt);yield Promise.all(se.map(te))}for(var De=de,at=Array.isArray(De),ze=0,De=at?De:De[Symbol.iterator]();;){var gt;if(at){if(ze>=De.length)break;gt=De[ze++]}else{if(ze=De.next(),ze.done)break;gt=ze.value}let se=gt;j.has(se)&&(V.verbose(V.lang("verboseFilePhantomExtraneous",se)),j.delete(se))}for(var Pe=j,At=Array.isArray(Pe),Ke=0,Pe=At?Pe:Pe[Symbol.iterator]();;){var pt;if(At){if(Ke>=Pe.length)break;pt=Pe[Ke++]}else{if(Ke=Pe.next(),Ke.done)break;pt=Ke.value}let se=pt;oe.has(se.toLowerCase())&&j.delete(se)}return Re});return function(U,j,V,te){return K.apply(this,arguments)}})(),a=t.copyBulk=(()=>{var K=(0,(r||i()).default)(function*(G,U,j){let V={onStart:j&&j.onStart||Je,onProgress:j&&j.onProgress||Je,possibleExtraneous:j?j.possibleExtraneous:new Set,ignoreBasenames:j&&j.ignoreBasenames||[],artifactFiles:j&&j.artifactFiles||[]},te=yield s(G,V,V.possibleExtraneous,U);V.onStart(te.file.length+te.symlink.length+te.link.length);let de=te.file,oe=new Map;yield(b||L()).queue(de,(()=>{var ne=(0,(r||i()).default)(function*(ie){let $e;for(;$e=oe.get(ie.dest);)yield $e;U.verbose(U.lang("verboseFileCopy",ie.src,ie.dest));let Re=(0,(X||Q()).copyFile)(ie,function(){return oe.delete(ie.dest)});return oe.set(ie.dest,Re),V.onProgress(ie.dest),Re});return function(ie){return ne.apply(this,arguments)}})(),dt);let le=te.symlink;yield(b||L()).queue(le,function(ne){let ie=(o||u()).default.resolve((o||u()).default.dirname(ne.dest),ne.linkname);return U.verbose(U.lang("verboseFileSymlink",ne.dest,ie)),x(ie,ne.dest)})});return function(U,j,V){return K.apply(this,arguments)}})(),d=t.hardlinkBulk=(()=>{var K=(0,(r||i()).default)(function*(G,U,j){let V={onStart:j&&j.onStart||Je,onProgress:j&&j.onProgress||Je,possibleExtraneous:j?j.possibleExtraneous:new Set,artifactFiles:j&&j.artifactFiles||[],ignoreBasenames:[]},te=yield l(G,V,V.possibleExtraneous,U);V.onStart(te.file.length+te.symlink.length+te.link.length);let de=te.link;yield(b||L()).queue(de,(()=>{var le=(0,(r||i()).default)(function*(ne){U.verbose(U.lang("verboseFileLink",ne.src,ne.dest)),ne.removeDest&&(yield(0,(X||Q()).unlink)(ne.dest)),yield Mt(ne.src,ne.dest)});return function(ne){return le.apply(this,arguments)}})(),dt);let oe=te.symlink;yield(b||L()).queue(oe,function(le){let ne=(o||u()).default.resolve((o||u()).default.dirname(le.dest),le.linkname);return U.verbose(U.lang("verboseFileSymlink",le.dest,ne)),x(ne,le.dest)})});return function(U,j,V){return K.apply(this,arguments)}})(),c=t.readFileAny=(()=>{var K=(0,(r||i()).default)(function*(G){for(var V=G,U=Array.isArray(V),j=0,V=U?V:V[Symbol.iterator]();;){var te;if(U){if(j>=V.length)break;te=V[j++]}else{if(j=V.next(),j.done)break;te=j.value}let de=te;if(yield We(de))return Zt(de)}return null});return function(U){return K.apply(this,arguments)}})(),y=t.readJson=(()=>{var K=(0,(r||i()).default)(function*(G){return(yield h(G)).object});return function(U){return K.apply(this,arguments)}})(),h=t.readJsonAndFile=(()=>{var K=(0,(r||i()).default)(function*(G){let U=yield Zt(G);try{return{object:(0,(F||H()).default)(JSON.parse(Ot(U))),content:U}}catch(j){throw j.message=`${G}: ${j.message}`,j}});return function(U){return K.apply(this,arguments)}})(),A=t.find=(()=>{var K=(0,(r||i()).default)(function*(G,U){let j=U.split((o||u()).default.sep);for(;j.length;){let V=j.concat(G).join((o||u()).default.sep);if(yield We(V))return V;j.pop()}return!1});return function(U,j){return K.apply(this,arguments)}})(),x=t.symlink=(()=>{var K=(0,(r||i()).default)(function*(G,U){try{if((yield Ce(U)).isSymbolicLink()&&(yield Ae(U))===G)return}catch(j){if(j.code!=="ENOENT")throw j}if(yield(0,(X||Q()).unlink)(U),process.platform==="win32")yield Ft(G,U,"junction");else{let j;try{j=(o||u()).default.relative((E||S()).default.realpathSync((o||u()).default.dirname(U)),(E||S()).default.realpathSync(G))}catch(V){if(V.code!=="ENOENT")throw V;j=(o||u()).default.relative((o||u()).default.dirname(U),G)}yield Ft(j||".",U)}});return function(U,j){return K.apply(this,arguments)}})(),g=t.walk=(()=>{var K=(0,(r||i()).default)(function*(G,U,j=new Set){let V=[],te=yield Se(G);j.size&&(te=te.filter(function(ie){return!j.has(ie)}));for(var le=te,de=Array.isArray(le),oe=0,le=de?le:le[Symbol.iterator]();;){var ne;if(de){if(oe>=le.length)break;ne=le[oe++]}else{if(oe=le.next(),oe.done)break;ne=oe.value}let ie=ne,$e=U?(o||u()).default.join(U,ie):ie,Re=(o||u()).default.join(G,ie),at=yield Ce(Re);V.push({relative:$e,basename:ie,absolute:Re,mtime:+at.mtime}),at.isDirectory()&&(V=V.concat(yield g(Re,$e,j)))}return V});return function(U,j){return K.apply(this,arguments)}})(),C=t.getFileSizeOnDisk=(()=>{var K=(0,(r||i()).default)(function*(G){let U=yield Ce(G),j=U.size,V=U.blksize;return Math.ceil(j/V)*V});return function(U){return K.apply(this,arguments)}})(),T=(()=>{var K=(0,(r||i()).default)(function*(G){if(!(yield We(G)))return;let U=yield Y(G);for(let j=0;j<U.length;++j){if(U[j]===hi)return`\r

package/sys/node/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/sys/node",
-  "version": "4.19.2-dev.1720817033.ad4ba40",
+  "version": "4.19.2-dev.1721019702.82a7bb9",
   "description": "Stencil Node System.",
   "main": "./index.js",
   "types": "./index.d.ts",

package/sys/node/worker.js

@@ -1,4 +1,4 @@
 /*!
- Stencil Node System Worker v4.19.2-dev.1720817033.ad4ba40 | MIT Licensed | https://stenciljs.com
+ Stencil Node System Worker v4.19.2-dev.1721019702.82a7bb9 | MIT Licensed | https://stenciljs.com
  */
 "use strict";var f=Object.create;var d=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,R=Object.prototype.hasOwnProperty;var g=(n,t,r,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of E(t))!R.call(n,e)&&e!==r&&d(n,e,{get:()=>t[e],enumerable:!(s=p(t,e))||s.enumerable});return n};var c=(n,t,r)=>(r=n!=null?f(y(n)):{},g(t||!n||!n.__esModule?d(r,"default",{value:n,enumerable:!0}):r,n));var l=c(require("../../compiler/stencil.js")),m=c(require("./index.js"));var a=(n,t)=>{let r=e=>{e&&e.code==="ERR_IPC_CHANNEL_CLOSED"&&n.exit(0)},s=(e,o)=>{let i={stencilId:e,stencilRtnValue:null,stencilRtnError:"Error"};typeof o=="string"?i.stencilRtnError+=": "+o:o&&(o.stack?i.stencilRtnError+=": "+o.stack:o.message&&(i.stencilRtnError+=":"+o.message)),n.send(i,r)};n.on("message",async e=>{if(e&&typeof e.stencilId=="number")try{let o={stencilId:e.stencilId,stencilRtnValue:await t(e),stencilRtnError:null};n.send(o,r)}catch(o){s(e.stencilId,o)}}),n.on("unhandledRejection",e=>{s(-1,e)})};var k=m.createNodeSys({process}),M=l.createWorkerMessageHandler(k);a(process,M);