@stencil/core 4.20.0 → 4.21.0-dev.1724780308.9f407a8

package/internal/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal",
-  "version": "4.20.0",
+  "version": "4.21.0-dev.1724780308.9f407a8",
   "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-public-compiler.d.ts

@@ -2,6 +2,7 @@ import type { ConfigFlags } from '../cli/config-flags';
 import type { PrerenderUrlResults, PrintLine } from '../internal';
 import type { BuildCtx, CompilerCtx } from './stencil-private';
 import type { JsonDocs } from './stencil-public-docs';
+import type { ResolutionHandler } from './stencil-public-runtime';
 export * from './stencil-public-docs';
 /**
  * https://stenciljs.com/docs/config/
@@ -847,10 +848,10 @@ export interface SerializeDocumentOptions extends HydrateDocumentOptions {
      */
     removeHtmlComments?: boolean;
     /**
-     * If set to `false` Stencil will ignore the fact that a component has a `shadow: true`
-     * flag and serializes it as a scoped component. If set to `true` the component will
-     * be rendered within a Declarative Shadow DOM.
-     * @default false
+     * If set to `true` the component will be rendered within a Declarative Shadow DOM.
+     * If set to `false` Stencil will ignore the contents of the shadow root and render the
+     * element as given in provided template.
+     * @default true
      */
     serializeShadowRoot?: boolean;
     /**
@@ -859,6 +860,11 @@ export interface SerializeDocumentOptions extends HydrateDocumentOptions {
      * @default true
      */
     fullDocument?: boolean;
+    /**
+     * Style mode to render the component in.
+     * @see https://stenciljs.com/docs/styling#style-modes
+     */
+    mode?: ResolutionHandler;
 }
 export interface HydrateFactoryOptions extends SerializeDocumentOptions {
     serializeToHtml: boolean;
@@ -1504,6 +1510,11 @@ export interface CopyTask {
      * the output target for which this copy operation is configured.
      */
     dest?: string;
+    /**
+     * An optional array of glob patterns to exclude from the copy operation.
+     * @default ['**\/__mocks__/**', '**\/__fixtures__/**', '**\/dist/**', '**\/.{idea,git,cache,output,temp}/**', '**\/.ds_store', '**\/.gitignore', '**\/desktop.ini', '**\/thumbs.db']
+     */
+    ignore?: string[];
     /**
      * Whether or not Stencil should issue warnings if it cannot find the
      * specified source files or directories. Defaults to `false`.

package/internal/testing/index.js

@@ -1014,17 +1014,19 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
           if ((import_app_data7.BUILD.hydrateServerSide || import_app_data7.BUILD.hotModuleReplacement) && cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {
             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"));
+          if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
+            if (styleContainerNode.nodeName === "HEAD") {
+              const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
+              const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : document.querySelector("style");
+              styleContainerNode.insertBefore(styleElm, referenceNode2);
+            } else if ("host" in styleContainerNode) {
+              styleContainerNode.prepend(styleElm);
+            } else {
+              styleContainerNode.append(styleElm);
+            }
+          }
+          if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */ && styleContainerNode.nodeName !== "HEAD") {
+            styleContainerNode.insertBefore(styleElm, null);
           }
         }
         if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
@@ -1132,7 +1134,11 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
             if (memberName === "list") {
               isProp = false;
             } else if (oldValue == null || elm[memberName] != n) {
-              elm[memberName] = n;
+              if (typeof elm.__lookupSetter__(memberName) === "function") {
+                elm[memberName] = n;
+              } else {
+                elm.setAttribute(memberName, n);
+              }
             }
           } else {
             elm[memberName] = newValue;

package/internal/testing/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal/testing",
-  "version": "4.20.0",
+  "version": "4.21.0-dev.1724780308.9f407a8",
   "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.20.0 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc (CommonJS) v4.21.0-dev.1724780308.9f407a8 | MIT Licensed | https://stenciljs.com
  */
 "use strict";
 var __defProp = Object.defineProperty;
@@ -7853,6 +7853,11 @@ patchPropAttributes(
     type: "submit"
   }
 );
+Object.defineProperty(MockButtonElement.prototype, "form", {
+  get() {
+    return this.hasAttribute("form") ? this.getAttribute("form") : null;
+  }
+});
 var MockImageElement = class extends MockHTMLElement {
   constructor(ownerDocument) {
     super(ownerDocument, "img");

package/mock-doc/index.js

@@ -1,5 +1,5 @@
 /*!
- Stencil Mock Doc v4.20.0 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc v4.21.0-dev.1724780308.9f407a8 | MIT Licensed | https://stenciljs.com
  */
 
 // src/runtime/runtime-constants.ts
@@ -7800,6 +7800,11 @@ patchPropAttributes(
     type: "submit"
   }
 );
+Object.defineProperty(MockButtonElement.prototype, "form", {
+  get() {
+    return this.hasAttribute("form") ? this.getAttribute("form") : null;
+  }
+});
 var MockImageElement = class extends MockHTMLElement {
   constructor(ownerDocument) {
     super(ownerDocument, "img");

package/mock-doc/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/mock-doc",
-  "version": "4.20.0",
+  "version": "4.21.0-dev.1724780308.9f407a8",
   "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.20.0",
+  "version": "4.21.0-dev.1724780308.9f407a8",
   "license": "MIT",
   "main": "./internal/stencil-core/index.cjs",
   "module": "./internal/stencil-core/index.js",
@@ -96,11 +96,11 @@
     "build": "npm run clean && npm run tsc.prod && npm run ts scripts/index.ts -- --prod --ci",
     "build.watch": "npm run build -- --watch",
     "build.updateSelectorEngine": "npm run ts scripts/updateSelectorEngine.ts",
-    "clean": "rm -rf build/ cli/ compiler/ dev-server/ internal/ mock-doc/ sys/ testing/ && npm run clean:scripts && npm run clean.screenshots",
-    "clean.screenshots": "rm -rf test/end-to-end/screenshot/builds test/end-to-end/screenshot/images",
-    "clean:scripts": "rm -rf scripts/build",
+    "clean": "rimraf build/ cli/ compiler/ dev-server/ internal/ mock-doc/ sys/ testing/ && npm run clean:scripts && npm run clean.screenshots",
+    "clean.screenshots": "rimraf test/end-to-end/screenshot/builds test/end-to-end/screenshot/images",
+    "clean:scripts": "rimraf scripts/build",
     "lint": "eslint 'bin/*' 'scripts/*.ts' 'scripts/**/*.ts' 'src/*.ts' 'src/**/*.ts' 'src/**/*.tsx' 'test/wdio/**/*.tsx'",
-    "install.jest": "bash ./src/testing/jest/install-dependencies.sh",
+    "install.jest": "npx tsx ./src/testing/jest/install-dependencies.mts",
     "prettier": "npm run prettier.base -- --write",
     "prettier.base": "prettier --cache \"./({bin,scripts,src,test}/**/*.{ts,tsx,js,jsx})|bin/stencil|.github/(**/)?*.(yml|yaml)|*.js\"",
     "prettier.dry-run": "npm run prettier.base -- --list-different",
@@ -112,6 +112,7 @@
     "test": "node --experimental-vm-modules ./node_modules/jest/bin/jest.js --coverage",
     "test.analysis": "cd test && npm run analysis.build-and-analyze",
     "test.bundlers": "cd test && npm run bundlers",
+    "test.copytask": "cd test/copy-task && npm ci && npm run test",
     "test.dist": "npm run ts scripts/index.ts -- --validate-build",
     "test.end-to-end": "cd test/end-to-end && npm ci && npm test && npm run test.dist",
     "test.jest": "node --experimental-vm-modules ./node_modules/jest/bin/jest.js",
@@ -158,7 +159,7 @@
     "eslint": "^8.23.1",
     "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-jest": "^28.0.0",
-    "eslint-plugin-jsdoc": "^48.0.0",
+    "eslint-plugin-jsdoc": "^50.0.0",
     "eslint-plugin-simple-import-sort": "^12.0.0",
     "eslint-plugin-wdio": "^8.24.12",
     "execa": "9.3.0",
@@ -184,6 +185,7 @@
     "prettier": "3.3.1",
     "prompts": "2.4.2",
     "puppeteer": "^21.0.0",
+    "rimraf": "^6.0.1",
     "rollup": "2.56.3",
     "semver": "^7.3.7",
     "terser": "5.31.1",

package/screenshot/index.js

@@ -1,5 +1,5 @@
 /*
- Stencil Screenshot v4.20.0 | MIT Licensed | https://stenciljs.com
+ Stencil Screenshot v4.21.0-dev.1724780308.9f407a8 | 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.20.0",
+  "version": "4.21.0-dev.1724780308.9f407a8",
   "description": "Stencil Screenshot.",
   "main": "./index.js",
   "types": "./index.d.ts",

package/screenshot/pixel-match.js

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