@stencil/core 4.23.0 → 4.23.1

package/internal/hydrate/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal/hydrate",
-  "version": "4.23.0",
+  "version": "4.23.1",
   "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.23.0 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Runner v4.23.1 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -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" && (!node.getAttribute || !node.getAttribute("shadowrootmode"))) {
+      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;
@@ -11928,6 +11931,8 @@ function createElement(ownerDocument, tagName) {
       return new MockTitleElement(ownerDocument);
     case "ul":
       return new MockUListElement(ownerDocument);
+    case "slot-fb":
+      return new MockHTMLElement(ownerDocument, tagName);
   }
   if (ownerDocument != null && tagName.includes("-")) {
     const win2 = ownerDocument.defaultView;
@@ -14152,10 +14157,10 @@ var supportsConstructableStylesheets = BUILD5.constructableCSS ? /* @__PURE__ */
 })() : false;
 
 // src/client/index.ts
-import { BUILD as BUILD27, Env, NAMESPACE as NAMESPACE2 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD28, Env, NAMESPACE as NAMESPACE2 } from "@stencil/core/internal/app-data";
 
 // src/runtime/bootstrap-custom-element.ts
-import { BUILD as BUILD24 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD25 } from "@stencil/core/internal/app-data";
 
 // src/utils/helpers.ts
 var isString = (v) => typeof v === "string";
@@ -14248,66 +14253,69 @@ var unwrapErr = (result) => {
 };
 
 // src/runtime/connected-callback.ts
-import { BUILD as BUILD22 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD23 } from "@stencil/core/internal/app-data";
 
 // src/runtime/client-hydrate.ts
-import { BUILD as BUILD13 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD14 } from "@stencil/core/internal/app-data";
 
 // src/runtime/dom-extras.ts
-import { BUILD as BUILD11 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD12 } from "@stencil/core/internal/app-data";
+
+// src/runtime/slot-polyfill-utils.ts
+import { BUILD as BUILD7 } from "@stencil/core/internal/app-data";
 
 // src/runtime/vdom/vdom-render.ts
-import { BUILD as BUILD10 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD11 } from "@stencil/core/internal/app-data";
 
 // src/runtime/vdom/h.ts
-import { BUILD as BUILD7 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD8 } from "@stencil/core/internal/app-data";
 
 // src/runtime/vdom/update-element.ts
-import { BUILD as BUILD9 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD10 } from "@stencil/core/internal/app-data";
 
 // src/runtime/vdom/set-accessor.ts
-import { BUILD as BUILD8 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD9 } 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";
+import { BUILD as BUILD13 } from "@stencil/core/internal/app-data";
 
 // src/runtime/initialize-component.ts
-import { BUILD as BUILD21 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD22 } from "@stencil/core/internal/app-data";
 
 // src/runtime/mode.ts
 var setMode = (handler) => modeResolutionChain.push(handler);
 
 // src/runtime/proxy-component.ts
-import { BUILD as BUILD20 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD21 } from "@stencil/core/internal/app-data";
 
 // src/runtime/set-value.ts
-import { BUILD as BUILD19 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD20 } from "@stencil/core/internal/app-data";
 
 // src/runtime/parse-property-value.ts
-import { BUILD as BUILD14 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD15 } from "@stencil/core/internal/app-data";
 
 // src/runtime/update-component.ts
-import { BUILD as BUILD18, NAMESPACE } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD19, NAMESPACE } from "@stencil/core/internal/app-data";
 
 // src/runtime/event-emitter.ts
-import { BUILD as BUILD16 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD17 } from "@stencil/core/internal/app-data";
 
 // src/runtime/element.ts
-import { BUILD as BUILD15 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD16 } from "@stencil/core/internal/app-data";
 
 // src/runtime/styles.ts
-import { BUILD as BUILD17 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD18 } from "@stencil/core/internal/app-data";
 
 // src/runtime/disconnected-callback.ts
-import { BUILD as BUILD23 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD24 } from "@stencil/core/internal/app-data";
 
 // src/runtime/bootstrap-lazy.ts
-import { BUILD as BUILD25 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD26 } from "@stencil/core/internal/app-data";
 
 // src/runtime/host-listener.ts
-import { BUILD as BUILD26 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD27 } from "@stencil/core/internal/app-data";
 
 // src/compiler/html/canonical-link.ts
 var updateCanonicalLink = (doc2, href) => {

package/internal/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal",
-  "version": "4.23.0",
+  "version": "4.23.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-private.d.ts

@@ -98,6 +98,7 @@ export interface BuildFeatures {
     propBoolean: boolean;
     propNumber: boolean;
     propString: boolean;
+    modernPropertyDecls: boolean;
     lifecycle: boolean;
     cmpDidLoad: boolean;
     cmpShouldUpdate: boolean;
@@ -464,6 +465,7 @@ export interface ComponentCompilerFeatures {
     hasMember: boolean;
     hasMethod: boolean;
     hasMode: boolean;
+    hasModernPropertyDecls: boolean;
     hasProp: boolean;
     hasPropBoolean: boolean;
     hasPropNumber: boolean;
@@ -583,6 +585,7 @@ export interface ComponentCompilerStaticProperty {
     defaultValue?: string;
     getter: boolean;
     setter: boolean;
+    ogPropName?: string;
 }
 /**
  * Intermediate Representation (IR) of a property on a Stencil component
@@ -986,6 +989,10 @@ export interface HostElement extends HTMLElement {
      * do the work of actually updating the component in-place.
      */
     ['s-hmr']?: (versionId: string) => void;
+    /**
+     * A list of nested nested hydration promises that
+     * must be resolved for the top, ancestor component to be fully hydrated
+     */
     ['s-p']?: Promise<void>[];
     componentOnReady?: () => Promise<this>;
 }
@@ -1201,9 +1208,10 @@ export interface RenderNode extends HostElement {
      */
     ['s-cn']?: boolean;
     /**
-     * Is a slot reference node:
-     * This is a node that represents where a slot
-     * was originally located.
+     * Is a `slot` node when `shadow: false` (or `scoped: true`).
+     *
+     * This is a node (either empty text-node or `<slot-fb>` element)
+     * that represents where a `<slot>` is located in the original JSX.
      */
     ['s-sr']?: boolean;
     /**
@@ -1266,9 +1274,57 @@ export interface RenderNode extends HostElement {
     /**
      * On a `scoped: true` component
      * with `experimentalSlotFixes` flag enabled,
-     * returns the internal `childNodes` of the scoped element
+     * returns the internal `childNodes` of the component
      */
     readonly __childNodes?: NodeListOf<ChildNode>;
+    /**
+     * On a `scoped: true` component
+     * with `experimentalSlotFixes` flag enabled,
+     * returns the internal `children` of the component
+     */
+    readonly __children?: HTMLCollectionOf<Element>;
+    /**
+     * On a `scoped: true` component
+     * with `experimentalSlotFixes` flag enabled,
+     * returns the internal `firstChild` of the component
+     */
+    readonly __firstChild?: ChildNode;
+    /**
+     * On a `scoped: true` component
+     * with `experimentalSlotFixes` flag enabled,
+     * returns the internal `lastChild` of the component
+     */
+    readonly __lastChild?: ChildNode;
+    /**
+     * On a `scoped: true` component
+     * with `experimentalSlotFixes` flag enabled,
+     * returns the internal `textContent` of the component
+     */
+    __textContent?: string;
+    /**
+     * On a `scoped: true` component
+     * with `experimentalSlotFixes` flag enabled,
+     * gives access to the original `append` method
+     */
+    __append?: (...nodes: (Node | string)[]) => void;
+    /**
+     * On a `scoped: true` component
+     * with `experimentalSlotFixes` flag enabled,
+     * gives access to the original `prepend` method
+     */
+    __prepend?: (...nodes: (Node | string)[]) => void;
+    /**
+     * On a `scoped: true` component
+     * with `experimentalSlotFixes` flag enabled,
+     * gives access to the original `appendChild` method
+     */
+    __appendChild?: <T extends Node>(newChild: T) => T;
+    /**
+     * On a `scoped: true` component
+     * with `experimentalSlotFixes` flag enabled,
+     * gives access to the original `removeChild` method
+     */
+    __removeChild?: <T extends Node>(child: T) => T;
 }
 export type LazyBundlesRuntimeData = LazyBundleRuntimeData[];
 export type LazyBundleRuntimeData = [