@stencil/core 4.18.0 → 4.18.1

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 | 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",
   "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;

package/internal/testing/index.js

@@ -927,7 +927,7 @@ var checkSlotFallbackVisibility = false;
 var checkSlotRelocate = false;
 var isSvgMode = false;
 var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
-  var _a, _b, _c, _d;
+  var _a;
   const newVNode2 = newParentVNode.$children$[childIndex];
   let i2 = 0;
   let elm;
@@ -979,13 +979,6 @@ var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
     if ((import_app_data10.BUILD.shadowDom || import_app_data10.BUILD.scoped) && isDef(scopeId) && elm["s-si"] !== scopeId) {
       elm.classList.add(elm["s-si"] = scopeId);
     }
-    if (import_app_data10.BUILD.scoped) {
-      const rootScopeId = ((_a = newParentVNode.$elm$) == null ? void 0 : _a["s-rsc"]) || ((_b = newParentVNode.$elm$) == null ? void 0 : _b["s-si"]) || ((_c = newParentVNode.$elm$) == null ? void 0 : _c["s-sc"]);
-      if (rootScopeId) {
-        elm["s-rsc"] = rootScopeId;
-        !elm.classList.contains(rootScopeId) && elm.classList.add(rootScopeId);
-      }
-    }
     if (newVNode2.$children$) {
       for (i2 = 0; i2 < newVNode2.$children$.length; ++i2) {
         childNode = createElm(oldParentVNode, newVNode2, i2, elm);
@@ -1008,7 +1001,7 @@ var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
       elm["s-sr"] = true;
       elm["s-cr"] = contentRef;
       elm["s-sn"] = newVNode2.$name$ || "";
-      elm["s-rf"] = (_d = newVNode2.$attrs$) == null ? void 0 : _d.ref;
+      elm["s-rf"] = (_a = newVNode2.$attrs$) == null ? void 0 : _a.ref;
       oldVNode = oldParentVNode && oldParentVNode.$children$ && oldParentVNode.$children$[childIndex];
       if (oldVNode && oldVNode.$tag$ === newVNode2.$tag$ && oldParentVNode.$elm$) {
         if (import_app_data10.BUILD.experimentalSlotFixes) {
@@ -1029,7 +1022,7 @@ var relocateToHostRoot = (parentElm) => {
     const childNodeArray = Array.from(parentElm.childNodes);
     for (const childNode of contentRefNode ? childNodeArray.reverse() : childNodeArray) {
       if (childNode["s-sh"] != null) {
-        host.insertBefore(childNode, contentRefNode != null ? contentRefNode : null);
+        insertBefore(host, childNode, contentRefNode != null ? contentRefNode : null);
         childNode["s-sh"] = void 0;
         checkSlotRelocate = true;
       }
@@ -1051,7 +1044,7 @@ var putBackInOriginalLocation = (parentElm, recursive) => {
   for (let i2 = oldSlotChildNodes.length - 1; i2 >= 0; i2--) {
     const childNode = oldSlotChildNodes[i2];
     if (childNode["s-hn"] !== hostTagName && childNode["s-ol"]) {
-      parentReferenceNode(childNode).insertBefore(childNode, referenceNode(childNode));
+      insertBefore(parentReferenceNode(childNode), childNode, referenceNode(childNode));
       childNode["s-ol"].remove();
       childNode["s-ol"] = void 0;
       childNode["s-sh"] = void 0;
@@ -1074,7 +1067,7 @@ var addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
       childNode = createElm(null, parentVNode, startIdx, parentElm);
       if (childNode) {
         vnodes[startIdx].$elm$ = childNode;
-        containerElm.insertBefore(childNode, import_app_data10.BUILD.slotRelocation ? referenceNode(before) : before);
+        insertBefore(containerElm, childNode, import_app_data10.BUILD.slotRelocation ? referenceNode(before) : before);
       }
     }
   }
@@ -1134,7 +1127,7 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
         putBackInOriginalLocation(oldStartVnode.$elm$.parentNode, false);
       }
       patch(oldStartVnode, newEndVnode, isInitialRender);
-      parentElm.insertBefore(oldStartVnode.$elm$, oldEndVnode.$elm$.nextSibling);
+      insertBefore(parentElm, oldStartVnode.$elm$, oldEndVnode.$elm$.nextSibling);
       oldStartVnode = oldCh[++oldStartIdx];
       newEndVnode = newCh[--newEndIdx];
     } else if (isSameVnode(oldEndVnode, newStartVnode, isInitialRender)) {
@@ -1142,7 +1135,7 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
         putBackInOriginalLocation(oldEndVnode.$elm$.parentNode, false);
       }
       patch(oldEndVnode, newStartVnode, isInitialRender);
-      parentElm.insertBefore(oldEndVnode.$elm$, oldStartVnode.$elm$);
+      insertBefore(parentElm, oldEndVnode.$elm$, oldStartVnode.$elm$);
       oldEndVnode = oldCh[--oldEndIdx];
       newStartVnode = newCh[++newStartIdx];
     } else {
@@ -1171,9 +1164,9 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
       }
       if (node) {
         if (import_app_data10.BUILD.slotRelocation) {
-          parentReferenceNode(oldStartVnode.$elm$).insertBefore(node, referenceNode(oldStartVnode.$elm$));
+          insertBefore(parentReferenceNode(oldStartVnode.$elm$), node, referenceNode(oldStartVnode.$elm$));
         } else {
-          oldStartVnode.$elm$.parentNode.insertBefore(node, oldStartVnode.$elm$);
+          insertBefore(oldStartVnode.$elm$.parentNode, node, oldStartVnode.$elm$);
         }
       }
     }
@@ -1344,6 +1337,28 @@ var nullifyVNodeRefs = (vNode) => {
     vNode.$children$ && vNode.$children$.map(nullifyVNodeRefs);
   }
 };
+var insertBefore = (parent, newNode, reference) => {
+  const inserted = parent == null ? void 0 : parent.insertBefore(newNode, reference);
+  if (import_app_data10.BUILD.scoped) {
+    setParentScopeIdAsClassName(newNode, parent);
+  }
+  return inserted;
+};
+var findParentScopeId = (element) => {
+  return element ? element["s-rsc"] || element["s-si"] || element["s-sc"] || findParentScopeId(element.parentElement) : void 0;
+};
+var setParentScopeIdAsClassName = (element, parent) => {
+  var _a, _b, _c;
+  if (element && parent) {
+    const oldRootScopeId = element["s-rsc"];
+    const newRootScopeId = findParentScopeId(parent);
+    oldRootScopeId && ((_a = element.classList) == null ? void 0 : _a.contains(oldRootScopeId)) && element.classList.remove(oldRootScopeId);
+    if (newRootScopeId) {
+      element["s-rsc"] = newRootScopeId;
+      !((_b = element.classList) == null ? void 0 : _b.contains(newRootScopeId)) && ((_c = element.classList) == null ? void 0 : _c.add(newRootScopeId));
+    }
+  }
+};
 var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
   var _a, _b, _c, _d, _e;
   const hostElm = hostRef.$hostElement$;
@@ -1400,7 +1415,7 @@ render() {
         if (!nodeToRelocate["s-ol"]) {
           const orgLocationNode = import_app_data10.BUILD.isDebug || import_app_data10.BUILD.hydrateServerSide ? originalLocationDebugNode(nodeToRelocate) : doc.createTextNode("");
           orgLocationNode["s-nr"] = nodeToRelocate;
-          nodeToRelocate.parentNode.insertBefore(nodeToRelocate["s-ol"] = orgLocationNode, nodeToRelocate);
+          insertBefore(nodeToRelocate.parentNode, nodeToRelocate["s-ol"] = orgLocationNode, nodeToRelocate);
         }
       }
       for (const relocateData of relocateNodes) {
@@ -1431,7 +1446,7 @@ render() {
               if (!import_app_data10.BUILD.experimentalSlotFixes && !nodeToRelocate["s-hn"] && nodeToRelocate["s-ol"]) {
                 nodeToRelocate["s-hn"] = nodeToRelocate["s-ol"].parentNode.nodeName;
               }
-              parentNodeRef.insertBefore(nodeToRelocate, insertBeforeNode);
+              insertBefore(parentNodeRef, nodeToRelocate, insertBeforeNode);
               if (nodeToRelocate.nodeType === 1 /* ElementNode */) {
                 nodeToRelocate.hidden = (_c = nodeToRelocate["s-ih"]) != null ? _c : false;
               }
@@ -1743,6 +1758,11 @@ var serverSideConnected = (elm) => {
 var getValue = (ref, propName) => getHostRef(ref).$instanceValues$.get(propName);
 var setValue = (ref, propName, newVal, cmpMeta) => {
   const hostRef = getHostRef(ref);
+  if (import_app_data12.BUILD.lazyLoad && !hostRef) {
+    throw new Error(
+      `Couldn't find host element for "${cmpMeta.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`
+    );
+  }
   const elm = import_app_data12.BUILD.lazyLoad ? hostRef.$hostElement$ : ref;
   const oldVal = hostRef.$instanceValues$.get(propName);
   const flags = hostRef.$flags$;
@@ -2065,7 +2085,7 @@ var setContentReference = (elm) => {
     import_app_data15.BUILD.isDebug ? `content-ref (host=${elm.localName})` : ""
   );
   contentRefElm["s-cn"] = true;
-  elm.insertBefore(contentRefElm, elm.firstChild);
+  insertBefore(elm, contentRefElm, elm.firstChild);
 };
 
 // src/runtime/disconnected-callback.ts
@@ -2134,7 +2154,8 @@ var patchCloneNode = (HostElementPrototype) => {
         "s-ol",
         "s-nr",
         "s-si",
-        "s-rf"
+        "s-rf",
+        "s-rsc"
       ];
       for (; i2 < srcNode.childNodes.length; i2++) {
         slotted = srcNode.childNodes[i2]["s-nr"];
@@ -2162,7 +2183,7 @@ var patchSlotAppendChild = (HostElementPrototype) => {
     if (slotNode) {
       const slotChildNodes = getHostSlotChildNodes(slotNode, slotName);
       const appendAfter = slotChildNodes[slotChildNodes.length - 1];
-      const insertedNode = appendAfter.parentNode.insertBefore(newChild, appendAfter.nextSibling);
+      const insertedNode = insertBefore(appendAfter.parentNode, newChild, appendAfter.nextSibling);
       updateFallbackSlotVisibility(this);
       return insertedNode;
     }
@@ -2203,7 +2224,7 @@ var patchSlotPrepend = (HostElementPrototype) => {
         newChild["s-ol"] = slotPlaceholder;
         const slotChildNodes = getHostSlotChildNodes(slotNode, slotName);
         const appendAfter = slotChildNodes[0];
-        return appendAfter.parentNode.insertBefore(newChild, appendAfter.nextSibling);
+        return insertBefore(appendAfter.parentNode, newChild, appendAfter.nextSibling);
       }
       if (newChild.nodeType === 1 && !!newChild.getAttribute("slot")) {
         newChild.hidden = true;
@@ -2301,7 +2322,7 @@ var patchTextContent = (hostElementPrototype) => {
           if (node["s-sn"] === "") {
             const textNode = this.ownerDocument.createTextNode(value);
             textNode["s-sn"] = "";
-            node.parentElement.insertBefore(textNode, node.nextSibling);
+            insertBefore(node.parentElement, textNode, node.nextSibling);
           } else {
             node.remove();
           }
@@ -2332,7 +2353,7 @@ var patchTextContent = (hostElementPrototype) => {
           this.__textContent = value;
           const contentRefElm = this["s-cr"];
           if (contentRefElm) {
-            this.insertBefore(contentRefElm, this.firstChild);
+            insertBefore(this, contentRefElm, this.firstChild);
           }
         }
       }
@@ -2726,14 +2747,10 @@ var hostListenerProxy = (hostRef, methodName) => (ev) => {
   }
 };
 var getHostListenerTarget = (elm, flags) => {
-  if (import_app_data20.BUILD.hostListenerTargetDocument && flags & 4 /* TargetDocument */)
-    return doc;
-  if (import_app_data20.BUILD.hostListenerTargetWindow && flags & 8 /* TargetWindow */)
-    return win;
-  if (import_app_data20.BUILD.hostListenerTargetBody && flags & 16 /* TargetBody */)
-    return doc.body;
-  if (import_app_data20.BUILD.hostListenerTargetParent && flags & 32 /* TargetParent */)
-    return elm.parentElement;
+  if (import_app_data20.BUILD.hostListenerTargetDocument && flags & 4 /* TargetDocument */) return doc;
+  if (import_app_data20.BUILD.hostListenerTargetWindow && flags & 8 /* TargetWindow */) return win;
+  if (import_app_data20.BUILD.hostListenerTargetBody && flags & 16 /* TargetBody */) return doc.body;
+  if (import_app_data20.BUILD.hostListenerTargetParent && flags & 32 /* TargetParent */) return elm.parentElement;
   return elm;
 };
 var hostListenerOpts = (flags) => supportsListenerOptions ? {
@@ -2758,7 +2775,7 @@ var insertVdomAnnotations = (doc2, staticComponents) => {
     const orgLocationNodes = [];
     parseVNodeAnnotations(doc2, doc2.body, docData, orgLocationNodes);
     orgLocationNodes.forEach((orgLocationNode) => {
-      var _a, _b;
+      var _a;
       if (orgLocationNode != null && orgLocationNode["s-nr"]) {
         const nodeRef = orgLocationNode["s-nr"];
         let hostId = nodeRef["s-host-id"];
@@ -2781,7 +2798,7 @@ var insertVdomAnnotations = (doc2, staticComponents) => {
             }
             const commentBeforeTextNode = doc2.createComment(childId);
             commentBeforeTextNode.nodeValue = `${TEXT_NODE_ID}.${childId}`;
-            (_b = nodeRef.parentNode) == null ? void 0 : _b.insertBefore(commentBeforeTextNode, nodeRef);
+            insertBefore(nodeRef.parentNode, commentBeforeTextNode, nodeRef);
           }
         }
         let orgLocationNodeId = `${ORG_LOCATION_ID}.${childId}`;
@@ -2866,7 +2883,7 @@ var insertChildVNodeAnnotations = (doc2, vnodeChild, cmpData, hostId, depth, ind
     if (nodeName !== "STYLE" && nodeName !== "SCRIPT") {
       const textNodeId = `${TEXT_NODE_ID}.${childId}`;
       const commentBeforeTextNode = doc2.createComment(textNodeId);
-      parentNode == null ? void 0 : parentNode.insertBefore(commentBeforeTextNode, childElm);
+      insertBefore(parentNode, commentBeforeTextNode, childElm);
     }
   } else if (childElm.nodeType === 8 /* CommentNode */) {
     if (childElm["s-sr"]) {

package/internal/testing/package.json

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