@stencil/core 4.22.3-dev.1733806913.ee4aa0b → 4.22.3-dev.1734139838.9d13d9d

package/internal/hydrate/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal/hydrate",
-  "version": "4.22.3-dev.1733806913.ee4aa0b",
+  "version": "4.22.3-dev.1734139838.9d13d9d",
   "description": "Stencil internal hydrate platform to be imported by the Stencil Compiler. Breaking changes can and will happen at any time.",
   "main": "./index.js",
   "private": true

package/internal/hydrate/runner.js

@@ -1,5 +1,5 @@
 /*
- Stencil Hydrate Runner v4.22.3-dev.1733806913.ee4aa0b | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Runner v4.22.3-dev.1734139838.9d13d9d | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -10429,7 +10429,7 @@ function serializeNodeToHtml(elm, serializationOptions = {}) {
     text: []
   };
   let renderedNode = "";
-  const children = !opts.fullDocument && elm.body ? Array.from(elm.body.childNodes) : opts.outerHtml ? [elm] : Array.from(elm.childNodes);
+  const children = !opts.fullDocument && elm.body ? Array.from(elm.body.childNodes) : opts.outerHtml ? [elm] : Array.from(getChildNodes(elm));
   for (let i = 0, ii = children.length; i < ii; i++) {
     const child = children[i];
     const chunks = Array.from(streamToHtml(child, opts, output));
@@ -10462,7 +10462,10 @@ function* streamToHtml(node, opts, output) {
       const tag = tagName === shadowRootTag ? "template" : tagName;
       yield "<" + tag;
       output.currentLineWidth += tag.length + 1;
-      if (tag === "template") {
+      if (tag === "template" && (!node.getAttribute || !node.getAttribute("shadowrootmode")) && /**
+       * If the node is a shadow root, we want to add the `shadowrootmode` attribute
+       */
+      ("host" in node || node.nodeName.toLocaleLowerCase() === shadowRootTag)) {
         const mode = ` shadowrootmode="open"`;
         yield mode;
         output.currentLineWidth += mode.length;
@@ -10546,7 +10549,8 @@ style="${cssText}">`;
         output.indent = output.indent + ((_c = opts.indentSpaces) != null ? _c : 0);
         yield* streamToHtml(shadowRoot, opts, output);
         output.indent = output.indent - ((_d = opts.indentSpaces) != null ? _d : 0);
-        if (opts.newLines && (node.childNodes.length === 0 || node.childNodes.length === 1 && node.childNodes[0].nodeType === 3 /* TEXT_NODE */ && ((_e = node.childNodes[0].nodeValue) == null ? void 0 : _e.trim()) === "")) {
+        const childNodes = getChildNodes(node);
+        if (opts.newLines && (childNodes.length === 0 || childNodes.length === 1 && childNodes[0].nodeType === 3 /* TEXT_NODE */ && ((_e = childNodes[0].nodeValue) == null ? void 0 : _e.trim()) === "")) {
           yield "\n";
           output.currentLineWidth = 0;
           for (let i = 0; i < output.indent; i++) {
@@ -10557,7 +10561,7 @@ style="${cssText}">`;
       }
       if (opts.excludeTagContent == null || opts.excludeTagContent.includes(tagName) === false) {
         const tag = tagName === shadowRootTag ? "template" : tagName;
-        const childNodes = tagName === "template" ? node.content.childNodes : node.childNodes;
+        const childNodes = tagName === "template" ? node.content.childNodes : getChildNodes(node);
         const childNodeLength = childNodes.length;
         if (childNodeLength > 0) {
           if (childNodeLength === 1 && childNodes[0].nodeType === 3 /* TEXT_NODE */ && (typeof childNodes[0].nodeValue !== "string" || childNodes[0].nodeValue.trim() === "")) {
@@ -10730,6 +10734,9 @@ function isWithinWhitespaceSensitive(node) {
   }
   return false;
 }
+function getChildNodes(node) {
+  return node.__childNodes || node.childNodes;
+}
 var NON_ESCAPABLE_CONTENT = /* @__PURE__ */ new Set([
   "STYLE",
   "SCRIPT",
@@ -14242,59 +14249,59 @@ var unwrapErr = (result) => {
 };
 
 // src/runtime/connected-callback.ts
-import { BUILD as BUILD21 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD22 } from "@stencil/core/internal/app-data";
 
 // src/runtime/client-hydrate.ts
-import { BUILD as BUILD9 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD13 } from "@stencil/core/internal/app-data";
 
-// src/runtime/profile.ts
-import { BUILD as BUILD7 } from "@stencil/core/internal/app-data";
+// src/runtime/dom-extras.ts
+import { BUILD as BUILD11 } from "@stencil/core/internal/app-data";
+
+// src/runtime/vdom/vdom-render.ts
+import { BUILD as BUILD10 } from "@stencil/core/internal/app-data";
 
 // src/runtime/vdom/h.ts
+import { BUILD as BUILD7 } from "@stencil/core/internal/app-data";
+
+// src/runtime/vdom/update-element.ts
+import { BUILD as BUILD9 } from "@stencil/core/internal/app-data";
+
+// src/runtime/vdom/set-accessor.ts
 import { BUILD as BUILD8 } from "@stencil/core/internal/app-data";
+var CAPTURE_EVENT_SUFFIX = "Capture";
+var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
+
+// src/runtime/profile.ts
+import { BUILD as BUILD12 } from "@stencil/core/internal/app-data";
 
 // src/runtime/initialize-component.ts
-import { BUILD as BUILD20 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD21 } from "@stencil/core/internal/app-data";
 
 // src/runtime/mode.ts
 var setMode = (handler) => modeResolutionChain.push(handler);
 
 // src/runtime/proxy-component.ts
-import { BUILD as BUILD19 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD20 } from "@stencil/core/internal/app-data";
 
 // src/runtime/set-value.ts
-import { BUILD as BUILD18 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD19 } from "@stencil/core/internal/app-data";
 
 // src/runtime/parse-property-value.ts
-import { BUILD as BUILD10 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD14 } from "@stencil/core/internal/app-data";
 
 // src/runtime/update-component.ts
-import { BUILD as BUILD17, NAMESPACE } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD18, NAMESPACE } from "@stencil/core/internal/app-data";
 
 // src/runtime/event-emitter.ts
-import { BUILD as BUILD12 } from "@stencil/core/internal/app-data";
-
-// src/runtime/element.ts
-import { BUILD as BUILD11 } from "@stencil/core/internal/app-data";
-
-// src/runtime/styles.ts
-import { BUILD as BUILD13 } from "@stencil/core/internal/app-data";
-
-// src/runtime/vdom/vdom-render.ts
 import { BUILD as BUILD16 } from "@stencil/core/internal/app-data";
 
-// src/runtime/vdom/update-element.ts
+// src/runtime/element.ts
 import { BUILD as BUILD15 } from "@stencil/core/internal/app-data";
 
-// src/runtime/vdom/set-accessor.ts
-import { BUILD as BUILD14 } from "@stencil/core/internal/app-data";
-var CAPTURE_EVENT_SUFFIX = "Capture";
-var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
+// src/runtime/styles.ts
+import { BUILD as BUILD17 } from "@stencil/core/internal/app-data";
 
 // src/runtime/disconnected-callback.ts
-import { BUILD as BUILD22 } from "@stencil/core/internal/app-data";
-
-// src/runtime/dom-extras.ts
 import { BUILD as BUILD23 } from "@stencil/core/internal/app-data";
 
 // src/runtime/bootstrap-lazy.ts

package/internal/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal",
-  "version": "4.22.3-dev.1733806913.ee4aa0b",
+  "version": "4.22.3-dev.1734139838.9d13d9d",
   "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-private.d.ts

@@ -1241,6 +1241,11 @@ export interface RenderNode extends HostElement {
      * back to the node that's been moved around.
      */
     ['s-nr']?: RenderNode;
+    /**
+     * Original Order:
+     * During SSR; a number representing the order of a slotted node
+     */
+    ['s-oo']?: number;
     /**
      * Scope Id
      */