@stencil/core 4.32.0 → 4.33.0

package/internal/testing/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal/testing",
-  "version": "4.32.0",
+  "version": "4.33.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.32.0 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc (CommonJS) v4.33.0 | MIT Licensed | https://stenciljs.com
  */
 "use strict";
 var __defProp = Object.defineProperty;
@@ -7583,6 +7583,12 @@ var MockDocumentFragment = class _MockDocumentFragment extends MockHTMLElement {
   getElementById(id) {
     return getElementById(this, id);
   }
+  get adoptedStyleSheets() {
+    return [];
+  }
+  set adoptedStyleSheets(_adoptedStyleSheets) {
+    throw new Error("Unimplemented");
+  }
   cloneNode(deep) {
     const cloned = new _MockDocumentFragment(null);
     if (deep) {
@@ -7631,7 +7637,9 @@ var MockCSSStyleSheet = class {
   deleteRule(index) {
     if (index >= 0 && index < this.cssRules.length) {
       this.cssRules.splice(index, 1);
-      updateStyleTextNode(this.ownerNode);
+      if (this.ownerNode) {
+        updateStyleTextNode(this.ownerNode);
+      }
     }
   }
   insertRule(rule, index = 0) {
@@ -7647,9 +7655,23 @@ var MockCSSStyleSheet = class {
     const cssRule = new MockCSSRule(this);
     cssRule.cssText = rule;
     this.cssRules.splice(index, 0, cssRule);
-    updateStyleTextNode(this.ownerNode);
+    if (this.ownerNode) {
+      updateStyleTextNode(this.ownerNode);
+    }
     return index;
   }
+  replaceSync(cssText) {
+    this.cssRules = [];
+    const rules = cssText.split("}").map((rule) => rule.trim()).filter(Boolean).map((rule) => rule + "}");
+    for (const rule of rules) {
+      const cssRule = new MockCSSRule(this);
+      cssRule.cssText = rule;
+      this.cssRules.push(cssRule);
+    }
+    if (this.ownerNode) {
+      updateStyleTextNode(this.ownerNode);
+    }
+  }
 };
 function getStyleElementText(styleElm) {
   const output = [];
@@ -8731,9 +8753,11 @@ var WINDOW_PROPS = [
   "NodeList",
   "FocusEvent",
   "KeyboardEvent",
-  "MouseEvent"
+  "MouseEvent",
+  "CSSStyleSheet"
 ];
 var GLOBAL_CONSTRUCTORS = [
+  ["CSSStyleSheet", MockCSSStyleSheet],
   ["CustomEvent", MockCustomEvent],
   ["DocumentFragment", MockDocumentFragment],
   ["DOMParser", MockDOMParser],
@@ -8941,12 +8965,6 @@ var MockShadowRoot = class extends MockDocumentFragment {
   get activeElement() {
     return null;
   }
-  set adoptedStyleSheets(_adoptedStyleSheets) {
-    throw new Error("Unimplemented");
-  }
-  get adoptedStyleSheets() {
-    return [];
-  }
   get cloneable() {
     return false;
   }

package/mock-doc/index.d.ts

@@ -85,15 +85,16 @@ declare class MockCSSRule {
   constructor(parentStyleSheet: MockCSSStyleSheet);
 }
 declare class MockCSSStyleSheet {
-  ownerNode: any;
+  ownerNode?: MockStyleElement;
   type: string;
   parentStyleSheet: MockCSSStyleSheet;
   cssRules: MockCSSRule[];
-  constructor(ownerNode: MockStyleElement);
+  constructor(ownerNode?: MockStyleElement);
   get rules(): MockCSSRule[];
   set rules(rules: MockCSSRule[]);
   deleteRule(index: number): void;
   insertRule(rule: string, index?: number): number;
+  replaceSync(cssText: string): void;
 }
 declare function getStyleElementText(styleElm: MockStyleElement): string;
 declare function setStyleElementText(styleElm: MockStyleElement, text: string): void;
@@ -115,6 +116,8 @@ declare function dataset(elm: MockElement): any;
 declare class MockDocumentFragment extends MockHTMLElement {
   constructor(ownerDocument: any);
   getElementById(id: string): MockElement;
+  get adoptedStyleSheets(): MockCSSStyleSheet[];
+  set adoptedStyleSheets(_adoptedStyleSheets: MockCSSStyleSheet[]);
   cloneNode(deep?: boolean): MockDocumentFragment;
 }
 declare class MockDocumentTypeNode extends MockHTMLElement {
@@ -915,8 +918,6 @@ interface SerializeNodeToHtmlOptions {
 }
 declare class MockShadowRoot extends MockDocumentFragment {
   get activeElement(): HTMLElement | null;
-  set adoptedStyleSheets(_adoptedStyleSheets: StyleSheet[]);
-  get adoptedStyleSheets(): StyleSheet[];
   get cloneable(): boolean;
   get delegatesFocus(): boolean;
   get fullscreenElement(): HTMLElement | null;

package/mock-doc/index.js

@@ -1,5 +1,5 @@
 /*!
- Stencil Mock Doc v4.32.0 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc v4.33.0 | MIT Licensed | https://stenciljs.com
  */
 
 // src/runtime/runtime-constants.ts
@@ -7530,6 +7530,12 @@ var MockDocumentFragment = class _MockDocumentFragment extends MockHTMLElement {
   getElementById(id) {
     return getElementById(this, id);
   }
+  get adoptedStyleSheets() {
+    return [];
+  }
+  set adoptedStyleSheets(_adoptedStyleSheets) {
+    throw new Error("Unimplemented");
+  }
   cloneNode(deep) {
     const cloned = new _MockDocumentFragment(null);
     if (deep) {
@@ -7578,7 +7584,9 @@ var MockCSSStyleSheet = class {
   deleteRule(index) {
     if (index >= 0 && index < this.cssRules.length) {
       this.cssRules.splice(index, 1);
-      updateStyleTextNode(this.ownerNode);
+      if (this.ownerNode) {
+        updateStyleTextNode(this.ownerNode);
+      }
     }
   }
   insertRule(rule, index = 0) {
@@ -7594,9 +7602,23 @@ var MockCSSStyleSheet = class {
     const cssRule = new MockCSSRule(this);
     cssRule.cssText = rule;
     this.cssRules.splice(index, 0, cssRule);
-    updateStyleTextNode(this.ownerNode);
+    if (this.ownerNode) {
+      updateStyleTextNode(this.ownerNode);
+    }
     return index;
   }
+  replaceSync(cssText) {
+    this.cssRules = [];
+    const rules = cssText.split("}").map((rule) => rule.trim()).filter(Boolean).map((rule) => rule + "}");
+    for (const rule of rules) {
+      const cssRule = new MockCSSRule(this);
+      cssRule.cssText = rule;
+      this.cssRules.push(cssRule);
+    }
+    if (this.ownerNode) {
+      updateStyleTextNode(this.ownerNode);
+    }
+  }
 };
 function getStyleElementText(styleElm) {
   const output = [];
@@ -8678,9 +8700,11 @@ var WINDOW_PROPS = [
   "NodeList",
   "FocusEvent",
   "KeyboardEvent",
-  "MouseEvent"
+  "MouseEvent",
+  "CSSStyleSheet"
 ];
 var GLOBAL_CONSTRUCTORS = [
+  ["CSSStyleSheet", MockCSSStyleSheet],
   ["CustomEvent", MockCustomEvent],
   ["DocumentFragment", MockDocumentFragment],
   ["DOMParser", MockDOMParser],
@@ -8888,12 +8912,6 @@ var MockShadowRoot = class extends MockDocumentFragment {
   get activeElement() {
     return null;
   }
-  set adoptedStyleSheets(_adoptedStyleSheets) {
-    throw new Error("Unimplemented");
-  }
-  get adoptedStyleSheets() {
-    return [];
-  }
   get cloneable() {
     return false;
   }

package/mock-doc/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/mock-doc",
-  "version": "4.32.0",
+  "version": "4.33.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.32.0",
+  "version": "4.33.0",
   "license": "MIT",
   "main": "./internal/stencil-core/index.cjs",
   "module": "./internal/stencil-core/index.js",
@@ -52,6 +52,10 @@
       "import": "./internal/app-data/index.js",
       "require": "./internal/app-data/index.cjs"
     },
+    "./internal/app-globals": {
+      "import": "./internal/app-globals/index.js",
+      "require": "./internal/app-globals/index.js"
+    },
     "./mock-doc": {
       "types": "./mock-doc/index.d.ts",
       "import": "./mock-doc/index.js",

package/screenshot/index.js

@@ -1,5 +1,5 @@
 /*
- Stencil Screenshot v4.32.0 | MIT Licensed | https://stenciljs.com
+ Stencil Screenshot v4.33.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.32.0",
+  "version": "4.33.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.32.0 | MIT Licensed | https://stenciljs.com
+ Stencil Screenshot Pixel Match v4.33.0 | MIT Licensed | https://stenciljs.com
  */
 "use strict";
 var __create = Object.create;