@stencil/core 4.44.2 → 4.45.0

package/internal/testing/index.js

@@ -4190,13 +4190,14 @@ var scopeSelector = (selector, scopeSelectorText, hostSelector, slotSelector) =>
     }
   }).join(", ");
 };
+var isScopableAtRule = (selector) => selector.startsWith("@media") || selector.startsWith("@supports") || selector.startsWith("@page") || selector.startsWith("@document") || selector.startsWith("@layer");
 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")) {
+    } else if (isScopableAtRule(rule.selector)) {
       content = scopeSelectors(rule.content, scopeSelectorText, hostSelector, slotSelector, commentOriginalSelector);
     }
     const cssRule = {
@@ -4275,15 +4276,16 @@ var scopeCss = (cssText, scopeId2, commentOriginalSelector) => {
       rule.selector = placeholder + rule.selector;
       return rule;
     };
-    cssText = processRules(cssText, (rule) => {
+    const commentSelectors = (input) => processRules(input, (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;
+      }
+      if (isScopableAtRule(rule.selector)) {
+        rule.content = commentSelectors(rule.content);
       }
       return rule;
     });
+    cssText = commentSelectors(cssText);
   }
   const scoped = scopeCssText(cssText, scopeId2, hostScopeId, slotScopeId, commentOriginalSelector);
   cssText = [scoped.cssText, ...commentsWithHash].join("\n");
@@ -4833,7 +4835,7 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
       if (import_app_data13.BUILD.vdomKey && idxInOld >= 0) {
         elmToMove = oldCh[idxInOld];
         if (elmToMove.$tag$ !== newStartVnode.$tag$) {
-          node = createElm(oldCh && oldCh[newStartIdx], newVNode2, idxInOld);
+          node = createElm(oldCh && oldCh[newStartIdx], newVNode2, newStartIdx);
         } else {
           patch(elmToMove, newStartVnode, isInitialRender);
           oldCh[idxInOld] = void 0;
@@ -5725,23 +5727,28 @@ More information: https://stenciljs.com/docs/properties#prop-mutability`
                 }
                 return;
               }
-              const setterSetVal = () => {
+              const parsedValue = parsePropertyValue(
+                newValue,
+                memberFlags,
+                import_app_data16.BUILD.formAssociated && !!(cmpMeta.$flags$ & 64 /* formAssociated */)
+              );
+              const setterSetVal = (val) => {
                 const currentValue = ref.$lazyInstance$[memberName];
                 if (!ref.$instanceValues$.get(memberName) && currentValue) {
                   ref.$instanceValues$.set(memberName, currentValue);
                 }
-                ref.$lazyInstance$[memberName] = parsePropertyValue(
-                  newValue,
-                  memberFlags,
-                  import_app_data16.BUILD.formAssociated && !!(cmpMeta.$flags$ & 64 /* formAssociated */)
-                );
+                ref.$lazyInstance$[memberName] = val;
                 setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
               };
               if (ref.$lazyInstance$) {
-                setterSetVal();
+                setterSetVal(parsedValue);
               } else {
+                ref.$instanceValues$.set(memberName, parsedValue);
                 ref.$fetchedCbList$.push(() => {
-                  setterSetVal();
+                  const pendingValue = ref.$instanceValues$.get(memberName);
+                  if (ref.$lazyInstance$[memberName] !== pendingValue) {
+                    setterSetVal(pendingValue);
+                  }
                 });
               }
             }

package/internal/testing/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal/testing",
-  "version": "4.44.2",
+  "version": "4.45.0",
   "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.44.2 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc (CommonJS) v4.45.0 | MIT Licensed | https://stenciljs.com
  */
 "use strict";
 var __defProp = Object.defineProperty;
@@ -9839,11 +9839,14 @@ function resetWindow(win) {
       } catch (e2) {
       }
     }
-    win.fetch = null;
-    win.Headers = null;
-    win.Request = null;
-    win.Response = null;
-    win.FetchError = null;
+    const windowDestroyed = () => {
+      throw new Error("MockWindow was already destroyed");
+    };
+    win.fetch = windowDestroyed;
+    win.Headers = windowDestroyed;
+    win.Request = windowDestroyed;
+    win.Response = windowDestroyed;
+    win.FetchError = windowDestroyed;
   }
 }
 function resetWindowDimensions(win) {

package/mock-doc/index.js

@@ -1,5 +1,5 @@
 /*!
- Stencil Mock Doc v4.44.2 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc v4.45.0 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -9787,11 +9787,14 @@ function resetWindow(win) {
       } catch (e2) {
       }
     }
-    win.fetch = null;
-    win.Headers = null;
-    win.Request = null;
-    win.Response = null;
-    win.FetchError = null;
+    const windowDestroyed = () => {
+      throw new Error("MockWindow was already destroyed");
+    };
+    win.fetch = windowDestroyed;
+    win.Headers = windowDestroyed;
+    win.Request = windowDestroyed;
+    win.Response = windowDestroyed;
+    win.FetchError = windowDestroyed;
   }
 }
 function resetWindowDimensions(win) {

package/mock-doc/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/mock-doc",
-  "version": "4.44.2",
+  "version": "4.45.0",
   "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.44.2",
+  "version": "4.45.0",
   "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.44.2 | MIT Licensed | https://stenciljs.com
+ Stencil Screenshot v4.45.0 | 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.44.2",
+  "version": "4.45.0",
   "description": "Stencil Screenshot.",
   "main": "./index.js",
   "types": "./index.d.ts",

package/screenshot/pixel-match.js

@@ -1,5 +1,5 @@
 /*
- Stencil Screenshot Pixel Match v4.44.2 | MIT Licensed | https://stenciljs.com
+ Stencil Screenshot Pixel Match v4.45.0 | MIT Licensed | https://stenciljs.com
  */
 "use strict";
 var __create = Object.create;