@stencil/core 4.35.3-dev.1751864631.58bc2b5 → 4.35.3-dev.1752037473.56fe6e3

package/internal/testing/index.js

@@ -80,6 +80,7 @@ __export(index_exports, {
   styles: () => styles,
   supportsConstructableStylesheets: () => supportsConstructableStylesheets,
   supportsListenerOptions: () => supportsListenerOptions,
+  supportsMutableAdoptedStyleSheets: () => supportsMutableAdoptedStyleSheets,
   supportsShadow: () => supportsShadow,
   win: () => win,
   writeTask: () => writeTask
@@ -310,6 +311,7 @@ var setPlatformHelpers = (helpers) => {
 };
 var supportsListenerOptions = true;
 var supportsConstructableStylesheets = false;
+var supportsMutableAdoptedStyleSheets = false;
 var setSupportsShadowDom = (supports) => {
   supportsShadow = supports;
 };
@@ -609,7 +611,13 @@ function createShadowRoot(cmpMeta) {
     delegatesFocus: !!(cmpMeta.$flags$ & 16 /* shadowDelegatesFocus */)
   }) : this.attachShadow({ mode: "open" });
   if (globalStyleSheet === void 0) globalStyleSheet = (_a = createStyleSheetIfNeededAndSupported(globalStyles)) != null ? _a : null;
-  if (globalStyleSheet) shadowRoot.adoptedStyleSheets.push(globalStyleSheet);
+  if (globalStyleSheet) {
+    if (supportsMutableAdoptedStyleSheets) {
+      shadowRoot.adoptedStyleSheets.push(globalStyleSheet);
+    } else {
+      shadowRoot.adoptedStyleSheets = [...shadowRoot.adoptedStyleSheets, globalStyleSheet];
+    }
+  }
 }
 
 // src/utils/util.ts
@@ -1322,7 +1330,11 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
               if (supportsConstructableStylesheets) {
                 const stylesheet = new CSSStyleSheet();
                 stylesheet.replaceSync(style);
-                styleContainerNode.adoptedStyleSheets.unshift(stylesheet);
+                if (supportsMutableAdoptedStyleSheets) {
+                  styleContainerNode.adoptedStyleSheets.unshift(stylesheet);
+                } else {
+                  styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
+                }
               } else {
                 const existingStyleContainer = styleContainerNode.querySelector("style");
                 if (existingStyleContainer) {
@@ -1347,7 +1359,11 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
         }
       }
     } else if (import_app_data5.BUILD.constructableCSS && !styleContainerNode.adoptedStyleSheets.includes(style)) {
-      styleContainerNode.adoptedStyleSheets.push(style);
+      if (supportsMutableAdoptedStyleSheets) {
+        styleContainerNode.adoptedStyleSheets.push(style);
+      } else {
+        styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, style];
+      }
     }
   }
   return scopeId2;
@@ -4531,6 +4547,7 @@ var scopedSSR = false;
   styles,
   supportsConstructableStylesheets,
   supportsListenerOptions,
+  supportsMutableAdoptedStyleSheets,
   supportsShadow,
   win,
   writeTask

package/internal/testing/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal/testing",
-  "version": "4.35.3-dev.1751864631.58bc2b5",
+  "version": "4.35.3-dev.1752037473.56fe6e3",
   "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.35.3-dev.1751864631.58bc2b5 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc (CommonJS) v4.35.3-dev.1752037473.56fe6e3 | MIT Licensed | https://stenciljs.com
  */
 "use strict";
 var __defProp = Object.defineProperty;
@@ -6263,6 +6263,11 @@ function* streamToHtml(node, opts, output) {
         const mode = ` shadowrootmode="open"`;
         yield mode;
         output.currentLineWidth += mode.length;
+        if (node.delegatesFocus) {
+          const delegatesFocusAttr = " shadowrootdelegatesfocus";
+          yield delegatesFocusAttr;
+          output.currentLineWidth += delegatesFocusAttr.length;
+        }
       }
       const attrsLength = node.attributes.length;
       const attributes = opts.prettyHtml && attrsLength > 1 ? cloneAttributes(node.attributes, true) : node.attributes;
@@ -6828,7 +6833,9 @@ var MockElement = class extends MockNode2 {
     addEventListener(this, type, handler);
   }
   attachShadow(_opts) {
+    var _a;
     const shadowRoot = this.ownerDocument.createDocumentFragment();
+    shadowRoot.delegatesFocus = (_a = _opts.delegatesFocus) != null ? _a : false;
     this.shadowRoot = shadowRoot;
     return shadowRoot;
   }

package/mock-doc/index.js

@@ -1,5 +1,5 @@
 /*!
- Stencil Mock Doc v4.35.3-dev.1751864631.58bc2b5 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc v4.35.3-dev.1752037473.56fe6e3 | MIT Licensed | https://stenciljs.com
  */
 
 // src/runtime/runtime-constants.ts
@@ -6210,6 +6210,11 @@ function* streamToHtml(node, opts, output) {
         const mode = ` shadowrootmode="open"`;
         yield mode;
         output.currentLineWidth += mode.length;
+        if (node.delegatesFocus) {
+          const delegatesFocusAttr = " shadowrootdelegatesfocus";
+          yield delegatesFocusAttr;
+          output.currentLineWidth += delegatesFocusAttr.length;
+        }
       }
       const attrsLength = node.attributes.length;
       const attributes = opts.prettyHtml && attrsLength > 1 ? cloneAttributes(node.attributes, true) : node.attributes;
@@ -6775,7 +6780,9 @@ var MockElement = class extends MockNode2 {
     addEventListener(this, type, handler);
   }
   attachShadow(_opts) {
+    var _a;
     const shadowRoot = this.ownerDocument.createDocumentFragment();
+    shadowRoot.delegatesFocus = (_a = _opts.delegatesFocus) != null ? _a : false;
     this.shadowRoot = shadowRoot;
     return shadowRoot;
   }

package/mock-doc/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/mock-doc",
-  "version": "4.35.3-dev.1751864631.58bc2b5",
+  "version": "4.35.3-dev.1752037473.56fe6e3",
   "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.35.3-dev.1751864631.58bc2b5",
+  "version": "4.35.3-dev.1752037473.56fe6e3",
   "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.35.3-dev.1751864631.58bc2b5 | MIT Licensed | https://stenciljs.com
+ Stencil Screenshot v4.35.3-dev.1752037473.56fe6e3 | 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.35.3-dev.1751864631.58bc2b5",
+  "version": "4.35.3-dev.1752037473.56fe6e3",
   "description": "Stencil Screenshot.",
   "main": "./index.js",
   "types": "./index.d.ts",

package/screenshot/pixel-match.js

@@ -1,5 +1,5 @@
 /*
- Stencil Screenshot Pixel Match v4.35.3-dev.1751864631.58bc2b5 | MIT Licensed | https://stenciljs.com
+ Stencil Screenshot Pixel Match v4.35.3-dev.1752037473.56fe6e3 | MIT Licensed | https://stenciljs.com
  */
 "use strict";
 var __create = Object.create;