@stencil/core 4.40.0 → 4.40.1

package/internal/client/patch-browser.js

@@ -1,5 +1,5 @@
 /*
- Stencil Client Patch Browser v4.40.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.40.1 | MIT Licensed | https://stenciljs.com
  */
 
 // src/client/client-patch-browser.ts

package/internal/hydrate/index.js

@@ -1,5 +1,5 @@
 /*
- Stencil Hydrate Platform v4.40.0 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Platform v4.40.1 | MIT Licensed | https://stenciljs.com
  */
 var __create = Object.create;
 var __defProp = Object.defineProperty;

package/internal/hydrate/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal/hydrate",
-  "version": "4.40.0",
+  "version": "4.40.1",
   "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.40.0 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Runner v4.40.1 | MIT Licensed | https://stenciljs.com
  */
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -324,6 +324,9 @@ var H = win.HTMLElement || class {
 var supportsShadow = BUILD6.shadowDom;
 var supportsConstructableStylesheets = BUILD6.constructableCSS ? /* @__PURE__ */ (() => {
   try {
+    if (!win.document.adoptedStyleSheets) {
+      return false;
+    }
     new CSSStyleSheet();
     return typeof new CSSStyleSheet().replaceSync === "function";
   } catch (e) {
@@ -16497,7 +16500,7 @@ var parseCss = (css, filePath) => {
   const stylesheet = () => {
     const rulesList = rules();
     return {
-      type: 14 /* StyleSheet */,
+      type: 15 /* StyleSheet */,
       stylesheet: {
         source: filePath,
         rules: rulesList
@@ -16636,7 +16639,7 @@ var parseCss = (css, filePath) => {
     const style = comments().concat(rules());
     if (!close()) return error(`@supports missing '}'`);
     return pos({
-      type: 15 /* Supports */,
+      type: 16 /* Supports */,
       supports,
       rules: style
     });
@@ -16653,49 +16656,38 @@ var parseCss = (css, filePath) => {
       rules: style
     });
   };
-  const atmedia = () => {
+  const atquery = (name) => {
     const pos = position();
-    const m = match2(/^@media *([^{]+)/);
+    const regex = new RegExp("^@" + name + " *([^{]+)");
+    const m = match2(regex);
     if (!m) return null;
     const media = trim(m[1]);
-    if (!open()) return error(`@media missing '{'`);
+    if (!open()) return error(`@${name} missing '{'`);
     const style = comments().concat(rules());
-    if (!close()) return error(`@media missing '}'`);
+    if (!close()) return error(`@${name} missing '}'`);
     return pos({
-      type: 10 /* Media */,
+      type: name === "media" ? 10 /* Media */ : 11 /* Container */,
       media,
       rules: style
     });
   };
-  const nestedAtmedia = () => {
+  const nestedAtQuery = (name) => {
     const pos = position();
-    const m = match2(/^@media *([^{]+)/);
+    const regex = new RegExp("^@" + name + " *([^{]+)");
+    const m = match2(regex);
     if (!m) return null;
     const media = trim(m[1]);
     const decls = declarations();
     if (!decls) return null;
     return pos({
-      type: 10 /* Media */,
+      type: name === "media" ? 10 /* Media */ : name === "container" ? 11 /* Container */ : 16 /* Supports */,
       media,
       declarations: decls
     });
   };
-  const nestedAtsupports = () => {
-    const pos = position();
-    const m = match2(/^@supports *([^{]+)/);
-    if (!m) return null;
-    const supports = trim(m[1]);
-    const decls = declarations();
-    if (!decls) return null;
-    return pos({
-      type: 15 /* Supports */,
-      supports,
-      declarations: decls
-    });
-  };
   const nestedAtrule = () => {
     if (css[0] !== "@") return null;
-    return nestedAtmedia() || nestedAtsupports();
+    return nestedAtQuery("media") || nestedAtQuery("supports") || nestedAtQuery("container");
   };
   const atcustommedia = () => {
     const pos = position();
@@ -16721,7 +16713,7 @@ var parseCss = (css, filePath) => {
     }
     if (!close()) return error(`@page missing '}'`);
     return pos({
-      type: 12 /* Page */,
+      type: 13 /* Page */,
       selectors: sel,
       declarations: decls
     });
@@ -16774,10 +16766,10 @@ var parseCss = (css, filePath) => {
   };
   const atimport = compileAtrule("import", 7 /* Import */);
   const atcharset = compileAtrule("charset", 0 /* Charset */);
-  const atnamespace = compileAtrule("namespace", 11 /* Namespace */);
+  const atnamespace = compileAtrule("namespace", 12 /* Namespace */);
   const atrule = () => {
     if (css[0] !== "@") return null;
-    return atkeyframes() || atmedia() || atcustommedia() || atsupports() || atimport() || atcharset() || atnamespace() || atdocument() || atpage() || athost() || atfontface();
+    return atkeyframes() || atquery("media") || atquery("container") || atcustommedia() || atsupports() || atimport() || atcharset() || atnamespace() || atdocument() || atpage() || athost() || atfontface();
   };
   const rule = () => {
     const pos = position();
@@ -16833,7 +16825,7 @@ var parseCss = (css, filePath) => {
     }
     if (!close()) return error(`missing '}'`);
     return pos({
-      type: 13 /* Rule */,
+      type: 14 /* Rule */,
       selectors: sel,
       declarations: decls,
       rules: nestedRules.length > 0 ? nestedRules : null
@@ -16939,7 +16931,7 @@ var serializeCssVisitNode = (opts, node, index, len) => {
   if (nodeType === 4 /* Declaration */) {
     return serializeCssDeclaration(node, index, len);
   }
-  if (nodeType === 13 /* Rule */) {
+  if (nodeType === 14 /* Rule */) {
     return serializeCssRule(opts, node);
   }
   if (nodeType === 1 /* Comment */) {
@@ -16952,6 +16944,9 @@ var serializeCssVisitNode = (opts, node, index, len) => {
   if (nodeType === 10 /* Media */) {
     return serializeCssMedia(opts, node);
   }
+  if (nodeType === 11 /* Container */) {
+    return serializeCssContainer(opts, node);
+  }
   if (nodeType === 8 /* KeyFrames */) {
     return serializeCssKeyframes(opts, node);
   }
@@ -16961,7 +16956,7 @@ var serializeCssVisitNode = (opts, node, index, len) => {
   if (nodeType === 5 /* FontFace */) {
     return serializeCssFontFace(opts, node);
   }
-  if (nodeType === 15 /* Supports */) {
+  if (nodeType === 16 /* Supports */) {
     return serializeCssSupports(opts, node);
   }
   if (nodeType === 7 /* Import */) {
@@ -16970,7 +16965,7 @@ var serializeCssVisitNode = (opts, node, index, len) => {
   if (nodeType === 0 /* Charset */) {
     return "@charset " + node.charset + ";";
   }
-  if (nodeType === 12 /* Page */) {
+  if (nodeType === 13 /* Page */) {
     return serializeCssPage(opts, node);
   }
   if (nodeType === 6 /* Host */) {
@@ -16982,7 +16977,7 @@ var serializeCssVisitNode = (opts, node, index, len) => {
   if (nodeType === 3 /* Document */) {
     return serializeCssDocument(opts, node);
   }
-  if (nodeType === 11 /* Namespace */) {
+  if (nodeType === 12 /* Namespace */) {
     return "@namespace " + node.namespace + ";";
   }
   return "";
@@ -17112,6 +17107,13 @@ var serializeCssSupports = (opts, node) => {
   }
   return "@supports " + node.supports + "{" + supportsCss + "}";
 };
+var serializeCssContainer = (opts, node) => {
+  const containerCss = node.declarations ? serializeCssMapVisit(opts, node.declarations) : serializeCssMapVisit(opts, node.rules);
+  if (containerCss === "") {
+    return "";
+  }
+  return "@container " + removeMediaWhitespace(node.media) + "{" + containerCss + "}";
+};
 var serializeCssPage = (opts, node) => {
   var _a2, _b;
   const sel = (_b = (_a2 = node.selectors) == null ? void 0 : _a2.join(", ")) != null ? _b : "";

package/internal/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal",
-  "version": "4.40.0",
+  "version": "4.40.1",
   "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/testing/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal/testing",
-  "version": "4.40.0",
+  "version": "4.40.1",
   "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.40.0 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc (CommonJS) v4.40.1 | MIT Licensed | https://stenciljs.com
  */
 "use strict";
 var __defProp = Object.defineProperty;

package/mock-doc/index.js

@@ -1,5 +1,5 @@
 /*!
- Stencil Mock Doc v4.40.0 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc v4.40.1 | MIT Licensed | https://stenciljs.com
  */
 
 // src/runtime/runtime-constants.ts

package/mock-doc/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/mock-doc",
-  "version": "4.40.0",
+  "version": "4.40.1",
   "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.40.0",
+  "version": "4.40.1",
   "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.40.0 | MIT Licensed | https://stenciljs.com
+ Stencil Screenshot v4.40.1 | MIT Licensed | https://stenciljs.com
  */
 "use strict";
 var __create = Object.create;
@@ -2265,6 +2265,9 @@ var H = win.HTMLElement || class {
 var supportsShadow = BUILD.shadowDom;
 var supportsConstructableStylesheets = BUILD.constructableCSS ? /* @__PURE__ */ (() => {
   try {
+    if (!win.document.adoptedStyleSheets) {
+      return false;
+    }
     new CSSStyleSheet();
     return typeof new CSSStyleSheet().replaceSync === "function";
   } catch (e) {

package/screenshot/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/screenshot",
-  "version": "4.40.0",
+  "version": "4.40.1",
   "description": "Stencil Screenshot.",
   "main": "./index.js",
   "types": "./index.d.ts",

package/screenshot/pixel-match.js

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