@stencil/core 4.18.0 → 4.18.1-dev.1715749302.3cfbb8d

package/internal/hydrate/runner.js

@@ -1,5 +1,5 @@
 /*
- Stencil Hydrate Runner v4.18.0 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Runner v4.18.1-dev.1715749302.3cfbb8d | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -115,10 +115,8 @@ function cloneAttributes(srcAttrs, sortByName = false) {
   return dstAttrs;
 }
 function sortAttributes(a, b) {
-  if (a.name < b.name)
-    return -1;
-  if (a.name > b.name)
-    return 1;
+  if (a.name < b.name) return -1;
+  if (a.name > b.name) return 1;
   return 0;
 }
 var MockAttr = class {
@@ -11200,13 +11198,13 @@ Testing components with ElementInternals is fully supported in e2e tests.`
     setTextContent(this, value);
   }
   insertAdjacentElement(position, elm) {
-    if (position === "beforebegin") {
+    if (position === "beforebegin" && this.parentNode) {
       insertBefore(this.parentNode, elm, this);
     } else if (position === "afterbegin") {
       this.prepend(elm);
     } else if (position === "beforeend") {
       this.appendChild(elm);
-    } else if (position === "afterend") {
+    } else if (position === "afterend" && this.parentNode) {
       insertBefore(this.parentNode, elm, this.nextSibling);
     }
     return elm;
@@ -11215,7 +11213,9 @@ Testing components with ElementInternals is fully supported in e2e tests.`
     const frag = parseFragmentUtil(this.ownerDocument, html);
     if (position === "beforebegin") {
       while (frag.childNodes.length > 0) {
-        insertBefore(this.parentNode, frag.childNodes[0], this);
+        if (this.parentNode) {
+          insertBefore(this.parentNode, frag.childNodes[0], this);
+        }
       }
     } else if (position === "afterbegin") {
       while (frag.childNodes.length > 0) {
@@ -11227,19 +11227,21 @@ Testing components with ElementInternals is fully supported in e2e tests.`
       }
     } else if (position === "afterend") {
       while (frag.childNodes.length > 0) {
-        insertBefore(this.parentNode, frag.childNodes[frag.childNodes.length - 1], this.nextSibling);
+        if (this.parentNode) {
+          insertBefore(this.parentNode, frag.childNodes[frag.childNodes.length - 1], this.nextSibling);
+        }
       }
     }
   }
   insertAdjacentText(position, text) {
     const elm = this.ownerDocument.createTextNode(text);
-    if (position === "beforebegin") {
+    if (position === "beforebegin" && this.parentNode) {
       insertBefore(this.parentNode, elm, this);
     } else if (position === "afterbegin") {
       this.prepend(elm);
     } else if (position === "beforeend") {
       this.appendChild(elm);
-    } else if (position === "afterend") {
+    } else if (position === "afterend" && this.parentNode) {
       insertBefore(this.parentNode, elm, this.nextSibling);
     }
   }
@@ -14126,8 +14128,7 @@ var parseCss = (css, filePath) => {
   const diagnostics = [];
   const updatePosition = (str) => {
     const lines = str.match(/\n/g);
-    if (lines)
-      lineno += lines.length;
+    if (lines) lineno += lines.length;
     const i = str.lastIndexOf("\n");
     column = ~i ? str.length - i : column + str.length;
   };
@@ -14194,8 +14195,7 @@ var parseCss = (css, filePath) => {
   const close = () => match(/^}/);
   const match = (re) => {
     const m = re.exec(css);
-    if (!m)
-      return;
+    if (!m) return;
     const str = m[0];
     updatePosition(str);
     css = css.slice(str.length);
@@ -14223,11 +14223,9 @@ var parseCss = (css, filePath) => {
   };
   const comment = () => {
     const pos = position();
-    if ("/" !== css.charAt(0) || "*" !== css.charAt(1))
-      return null;
+    if ("/" !== css.charAt(0) || "*" !== css.charAt(1)) return null;
     let i = 2;
-    while ("" !== css.charAt(i) && ("*" !== css.charAt(i) || "/" !== css.charAt(i + 1)))
-      ++i;
+    while ("" !== css.charAt(i) && ("*" !== css.charAt(i) || "/" !== css.charAt(i + 1))) ++i;
     i += 2;
     if ("" === css.charAt(i - 1)) {
       return error("End of comment missing");
@@ -14244,8 +14242,7 @@ var parseCss = (css, filePath) => {
   };
   const selector = () => {
     const m = match(/^([^{]+)/);
-    if (!m)
-      return null;
+    if (!m) return null;
     return trim(m[0]).replace(/\/\*([^*]|[\r\n]|(\*+([^*/]|[\r\n])))*\*\/+/g, "").replace(/"(?:\\"|[^"])*"|'(?:\\'|[^'])*'/g, function(m2) {
       return m2.replace(/,/g, "\u200C");
     }).split(/\s*(?![^(]*\)),\s*/).map(function(s) {
@@ -14255,11 +14252,9 @@ var parseCss = (css, filePath) => {
   const declaration = () => {
     const pos = position();
     let prop = match(/^(\*?[-#\/\*\\\w]+(\[[0-9a-z_-]+\])?)\s*/);
-    if (!prop)
-      return null;
+    if (!prop) return null;
     prop = trim(prop[0]);
-    if (!match(/^:\s*/))
-      return error(`property missing ':'`);
+    if (!match(/^:\s*/)) return error(`property missing ':'`);
     const val = match(/^((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^\)]*?\)|[^};])+)/);
     const ret = pos({
       type: 4 /* Declaration */,
@@ -14271,16 +14266,14 @@ var parseCss = (css, filePath) => {
   };
   const declarations = () => {
     const decls = [];
-    if (!open())
-      return error(`missing '{'`);
+    if (!open()) return error(`missing '{'`);
     comments(decls);
     let decl;
     while (decl = declaration()) {
       decls.push(decl);
       comments(decls);
     }
-    if (!close())
-      return error(`missing '}'`);
+    if (!close()) return error(`missing '}'`);
     return decls;
   };
   const keyframe = () => {
@@ -14291,8 +14284,7 @@ var parseCss = (css, filePath) => {
       values.push(m[1]);
       match(/^,\s*/);
     }
-    if (!values.length)
-      return null;
+    if (!values.length) return null;
     return pos({
       type: 9 /* KeyFrame */,
       values,
@@ -14302,23 +14294,19 @@ var parseCss = (css, filePath) => {
   const atkeyframes = () => {
     const pos = position();
     let m = match(/^@([-\w]+)?keyframes\s*/);
-    if (!m)
-      return null;
+    if (!m) return null;
     const vendor = m[1];
     m = match(/^([-\w]+)\s*/);
-    if (!m)
-      return error(`@keyframes missing name`);
+    if (!m) return error(`@keyframes missing name`);
     const name = m[1];
-    if (!open())
-      return error(`@keyframes missing '{'`);
+    if (!open()) return error(`@keyframes missing '{'`);
     let frame;
     let frames = comments();
     while (frame = keyframe()) {
       frames.push(frame);
       frames = frames.concat(comments());
     }
-    if (!close())
-      return error(`@keyframes missing '}'`);
+    if (!close()) return error(`@keyframes missing '}'`);
     return pos({
       type: 8 /* KeyFrames */,
       name,
@@ -14329,14 +14317,11 @@ var parseCss = (css, filePath) => {
   const atsupports = () => {
     const pos = position();
     const m = match(/^@supports *([^{]+)/);
-    if (!m)
-      return null;
+    if (!m) return null;
     const supports = trim(m[1]);
-    if (!open())
-      return error(`@supports missing '{'`);
+    if (!open()) return error(`@supports missing '{'`);
     const style = comments().concat(rules());
-    if (!close())
-      return error(`@supports missing '}'`);
+    if (!close()) return error(`@supports missing '}'`);
     return pos({
       type: 15 /* Supports */,
       supports,
@@ -14346,13 +14331,10 @@ var parseCss = (css, filePath) => {
   const athost = () => {
     const pos = position();
     const m = match(/^@host\s*/);
-    if (!m)
-      return null;
-    if (!open())
-      return error(`@host missing '{'`);
+    if (!m) return null;
+    if (!open()) return error(`@host missing '{'`);
     const style = comments().concat(rules());
-    if (!close())
-      return error(`@host missing '}'`);
+    if (!close()) return error(`@host missing '}'`);
     return pos({
       type: 6 /* Host */,
       rules: style
@@ -14361,14 +14343,11 @@ var parseCss = (css, filePath) => {
   const atmedia = () => {
     const pos = position();
     const m = match(/^@media *([^{]+)/);
-    if (!m)
-      return null;
+    if (!m) return null;
     const media = trim(m[1]);
-    if (!open())
-      return error(`@media missing '{'`);
+    if (!open()) return error(`@media missing '{'`);
     const style = comments().concat(rules());
-    if (!close())
-      return error(`@media missing '}'`);
+    if (!close()) return error(`@media missing '}'`);
     return pos({
       type: 10 /* Media */,
       media,
@@ -14378,8 +14357,7 @@ var parseCss = (css, filePath) => {
   const atcustommedia = () => {
     const pos = position();
     const m = match(/^@custom-media\s+(--[^\s]+)\s*([^{;]+);/);
-    if (!m)
-      return null;
+    if (!m) return null;
     return pos({
       type: 2 /* CustomMedia */,
       name: trim(m[1]),
@@ -14389,19 +14367,16 @@ var parseCss = (css, filePath) => {
   const atpage = () => {
     const pos = position();
     const m = match(/^@page */);
-    if (!m)
-      return null;
+    if (!m) return null;
     const sel = selector() || [];
-    if (!open())
-      return error(`@page missing '{'`);
+    if (!open()) return error(`@page missing '{'`);
     let decls = comments();
     let decl;
     while (decl = declaration()) {
       decls.push(decl);
       decls = decls.concat(comments());
     }
-    if (!close())
-      return error(`@page missing '}'`);
+    if (!close()) return error(`@page missing '}'`);
     return pos({
       type: 12 /* Page */,
       selectors: sel,
@@ -14411,15 +14386,12 @@ var parseCss = (css, filePath) => {
   const atdocument = () => {
     const pos = position();
     const m = match(/^@([-\w]+)?document *([^{]+)/);
-    if (!m)
-      return null;
+    if (!m) return null;
     const vendor = trim(m[1]);
     const doc = trim(m[2]);
-    if (!open())
-      return error(`@document missing '{'`);
+    if (!open()) return error(`@document missing '{'`);
     const style = comments().concat(rules());
-    if (!close())
-      return error(`@document missing '}'`);
+    if (!close()) return error(`@document missing '}'`);
     return pos({
       type: 3 /* Document */,
       document: doc,
@@ -14430,18 +14402,15 @@ var parseCss = (css, filePath) => {
   const atfontface = () => {
     const pos = position();
     const m = match(/^@font-face\s*/);
-    if (!m)
-      return null;
-    if (!open())
-      return error(`@font-face missing '{'`);
+    if (!m) return null;
+    if (!open()) return error(`@font-face missing '{'`);
     let decls = comments();
     let decl;
     while (decl = declaration()) {
       decls.push(decl);
       decls = decls.concat(comments());
     }
-    if (!close())
-      return error(`@font-face missing '}'`);
+    if (!close()) return error(`@font-face missing '}'`);
     return pos({
       type: 5 /* FontFace */,
       declarations: decls
@@ -14452,8 +14421,7 @@ var parseCss = (css, filePath) => {
     return () => {
       const pos = position();
       const m = match(re);
-      if (!m)
-        return null;
+      if (!m) return null;
       const node = {
         type: nodeType
       };
@@ -14465,15 +14433,13 @@ var parseCss = (css, filePath) => {
   const atcharset = compileAtrule("charset", 0 /* Charset */);
   const atnamespace = compileAtrule("namespace", 11 /* Namespace */);
   const atrule = () => {
-    if (css[0] !== "@")
-      return null;
+    if (css[0] !== "@") return null;
     return atkeyframes() || atmedia() || atcustommedia() || atsupports() || atimport() || atcharset() || atnamespace() || atdocument() || atpage() || athost() || atfontface();
   };
   const rule = () => {
     const pos = position();
     const sel = selector();
-    if (!sel)
-      return error("selector missing");
+    if (!sel) return error("selector missing");
     comments();
     return pos({
       type: 13 /* Rule */,
@@ -14527,8 +14493,7 @@ var getCssSelectors = (sel) => {
   const items = sel.split(" ");
   for (let i = 0, l = items.length; i < l; i++) {
     items[i] = items[i].split(":")[0];
-    if (items[i].length === 0)
-      continue;
+    if (items[i].length === 0) continue;
     if (items[i].charAt(0) === ".") {
       SELECTORS.classNames.push(items[i].slice(1));
     } else if (items[i].charAt(0) === "#") {
@@ -14541,10 +14506,8 @@ var getCssSelectors = (sel) => {
     }
   }
   SELECTORS.classNames = SELECTORS.classNames.sort((a, b) => {
-    if (a.length < b.length)
-      return -1;
-    if (a.length > b.length)
-      return 1;
+    if (a.length < b.length) return -1;
+    if (a.length > b.length) return 1;
     return 0;
   });
   return SELECTORS;

package/internal/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal",
-  "version": "4.18.0",
+  "version": "4.18.1-dev.1715749302.3cfbb8d",
   "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

@@ -1,5 +1,6 @@
 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';
 export * from './stencil-public-docs';
 /**
@@ -300,6 +301,7 @@ interface ConfigExtrasBase {
      * It is possible to assign data to the actual `<script>` element's `data-opts` property,
      * which then gets passed to Stencil's initial bootstrap. This feature is only required
      * for very special cases and rarely needed. Defaults to `false`.
+     * @deprecated This option has been deprecated and will be removed in a future major version of Stencil.
      */
     scriptDataOpts?: boolean;
     /**
@@ -2031,8 +2033,17 @@ export interface OutputTargetHydrate extends OutputTargetBase {
 export interface OutputTargetCustom extends OutputTargetBase {
     type: 'custom';
     name: string;
+    /**
+     * Indicate when the output target should be executed.
+     *
+     * - `"onBuildOnly"`: Executed only when `stencil build` is called without `--watch`.
+     * - `"always"`: Executed on every build, including in `watch` mode.
+     *
+     * Defaults to "always".
+     */
+    taskShouldRun?: 'onBuildOnly' | 'always';
     validate?: (config: Config, diagnostics: Diagnostic[]) => void;
-    generator: (config: Config, compilerCtx: any, buildCtx: any, docs: any) => Promise<void>;
+    generator: (config: Config, compilerCtx: CompilerCtx, buildCtx: BuildCtx, docs: JsonDocs) => Promise<void>;
     copy?: CopyTask[];
 }
 /**

package/internal/stencil-public-runtime.d.ts

@@ -768,6 +768,7 @@ export declare namespace JSXBase {
         hrefLang?: string;
         hreflang?: string;
         media?: string;
+        ping?: string;
         rel?: string;
         target?: string;
         referrerPolicy?: ReferrerPolicy;
@@ -794,7 +795,6 @@ export declare namespace JSXBase {
         cite?: string;
     }
     interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
         disabled?: boolean;
         form?: string;
         formAction?: string;
@@ -921,8 +921,6 @@ export declare namespace JSXBase {
         autocapitalize?: string;
         autoComplete?: string;
         autocomplete?: string;
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         capture?: string;
         checked?: boolean;
         crossOrigin?: string;
@@ -979,8 +977,6 @@ export declare namespace JSXBase {
         popoverTarget?: string;
     }
     interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         challenge?: string;
         disabled?: boolean;
         form?: string;
@@ -1129,7 +1125,6 @@ export declare namespace JSXBase {
         type?: string;
     }
     interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
         disabled?: boolean;
         form?: string;
         multiple?: boolean;
@@ -1164,8 +1159,6 @@ export declare namespace JSXBase {
     interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
         autoComplete?: string;
         autocomplete?: string;
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         cols?: number;
         disabled?: boolean;
         form?: string;
@@ -1218,6 +1211,8 @@ export declare namespace JSXBase {
     interface HTMLAttributes<T = HTMLElement> extends DOMAttributes<T> {
         innerHTML?: string;
         accessKey?: string;
+        autoFocus?: boolean;
+        autofocus?: boolean | string;
         class?: string | {
             [className: string]: boolean;
         };