@stencil/core 4.24.0 → 4.25.0-dev.1737694903.66340b2

package/internal/hydrate/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal/hydrate",
-  "version": "4.24.0",
+  "version": "4.25.0-dev.1737694903.66340b2",
   "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.24.0 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Runner v4.25.0-dev.1737694903.66340b2 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -11923,6 +11923,10 @@ function createElement(ownerDocument, tagName) {
       return new MockMetaElement(ownerDocument);
     case "script":
       return new MockScriptElement(ownerDocument);
+    case "slot":
+      return new MockSlotElement(ownerDocument);
+    case "slot-fb":
+      return new MockHTMLElement(ownerDocument, tagName);
     case "style":
       return new MockStyleElement(ownerDocument);
     case "template":
@@ -11931,8 +11935,6 @@ 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;
@@ -12352,6 +12354,68 @@ var MockUListElement = class extends MockHTMLElement {
     super(ownerDocument, "ul");
   }
 };
+var MockSlotElement = class _MockSlotElement extends MockHTMLElement {
+  constructor(ownerDocument) {
+    super(ownerDocument, "slot");
+  }
+  assignedNodes(opts) {
+    let nodesToReturn = [];
+    const ownerHost = this.getRootNode().host;
+    if (!ownerHost) return nodesToReturn;
+    if (ownerHost.childNodes.length) {
+      if (this.name) {
+        nodesToReturn = ownerHost.childNodes.filter(
+          (n) => n.nodeType === 1 /* ELEMENT_NODE */ && n.getAttribute("slot") === this.name
+        );
+      } else {
+        nodesToReturn = ownerHost.childNodes.filter(
+          (n) => n.nodeType === 1 /* ELEMENT_NODE */ && !n.getAttribute("slot") || n.nodeType !== 1 /* ELEMENT_NODE */
+        );
+      }
+      if (nodesToReturn.length) return nodesToReturn;
+    }
+    if (!(opts == null ? void 0 : opts.flatten)) return this.childNodes.filter((n) => !(n instanceof _MockSlotElement));
+    return this.childNodes.reduce(
+      (acc, node) => {
+        if (node instanceof _MockSlotElement) {
+          acc.push(...node.assignedNodes(opts));
+        } else {
+          acc.push(node);
+        }
+        return acc;
+      },
+      []
+    );
+  }
+  assignedElements(opts) {
+    let elesToReturn = [];
+    const ownerHost = this.getRootNode().host;
+    if (!ownerHost) return elesToReturn;
+    if (ownerHost.children.length) {
+      if (this.name) {
+        elesToReturn = ownerHost.children.filter((n) => n.getAttribute("slot") == this.name);
+      } else {
+        elesToReturn = ownerHost.children.filter((n) => !n.getAttribute("slot"));
+      }
+      if (elesToReturn.length) return elesToReturn;
+    }
+    if (!(opts == null ? void 0 : opts.flatten)) return this.children.filter((n) => !(n instanceof _MockSlotElement));
+    return this.children.reduce(
+      (acc, node) => {
+        if (node instanceof _MockSlotElement) {
+          acc.push(...node.assignedElements(opts));
+        } else {
+          acc.push(node);
+        }
+        return acc;
+      },
+      []
+    );
+  }
+};
+patchPropAttributes(MockSlotElement.prototype, {
+  name: String
+});
 var CanvasRenderingContext = class {
   constructor(context, contextAttributes) {
     this.context = context;
@@ -14121,15 +14185,20 @@ var Build = {
 };
 
 // src/client/client-host-ref.ts
+import { BUILD as BUILD3 } from "@stencil/core/internal/app-data";
+
+// src/utils/es2022-rewire-class-members.ts
 import { BUILD as BUILD2 } from "@stencil/core/internal/app-data";
-var hostRefs = BUILD2.hotModuleReplacement ? window.__STENCIL_HOSTREFS__ || (window.__STENCIL_HOSTREFS__ = /* @__PURE__ */ new WeakMap()) : /* @__PURE__ */ new WeakMap();
+
+// src/client/client-host-ref.ts
+var hostRefs = BUILD3.hotModuleReplacement ? window.__STENCIL_HOSTREFS__ || (window.__STENCIL_HOSTREFS__ = /* @__PURE__ */ new WeakMap()) : /* @__PURE__ */ new WeakMap();
 
 // src/client/client-load-module.ts
-import { BUILD as BUILD4 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD5 } from "@stencil/core/internal/app-data";
 
 // src/client/client-log.ts
-import { BUILD as BUILD3 } from "@stencil/core/internal/app-data";
-var STENCIL_DEV_MODE = BUILD3.isTesting ? ["STENCIL:"] : [
+import { BUILD as BUILD4 } from "@stencil/core/internal/app-data";
+var STENCIL_DEV_MODE = BUILD4.isTesting ? ["STENCIL:"] : [
   "%cstencil",
   "color: white;background:#4c47ff;font-weight: bold; font-size:10px; padding:2px 6px; border-radius: 5px"
 ];
@@ -14138,16 +14207,16 @@ var STENCIL_DEV_MODE = BUILD3.isTesting ? ["STENCIL:"] : [
 var modeResolutionChain = [];
 
 // src/client/client-task-queue.ts
-import { BUILD as BUILD6 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD7 } from "@stencil/core/internal/app-data";
 
 // src/client/client-window.ts
-import { BUILD as BUILD5 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD6 } from "@stencil/core/internal/app-data";
 var win = typeof window !== "undefined" ? window : {};
 var doc = win.document || { head: {} };
 var H = win.HTMLElement || class {
 };
-var supportsShadow = BUILD5.shadowDom;
-var supportsConstructableStylesheets = BUILD5.constructableCSS ? /* @__PURE__ */ (() => {
+var supportsShadow = BUILD6.shadowDom;
+var supportsConstructableStylesheets = BUILD6.constructableCSS ? /* @__PURE__ */ (() => {
   try {
     new CSSStyleSheet();
     return typeof new CSSStyleSheet().replaceSync === "function";
@@ -14157,10 +14226,10 @@ var supportsConstructableStylesheets = BUILD5.constructableCSS ? /* @__PURE__ */
 })() : false;
 
 // src/client/index.ts
-import { BUILD as BUILD28, Env, NAMESPACE as NAMESPACE2 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD29, Env, NAMESPACE as NAMESPACE2 } from "@stencil/core/internal/app-data";
 
 // src/runtime/bootstrap-custom-element.ts
-import { BUILD as BUILD25 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD26 } from "@stencil/core/internal/app-data";
 
 // src/utils/helpers.ts
 var isString = (v) => typeof v === "string";
@@ -14253,69 +14322,69 @@ var unwrapErr = (result) => {
 };
 
 // src/runtime/connected-callback.ts
-import { BUILD as BUILD23 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD24 } from "@stencil/core/internal/app-data";
 
 // src/runtime/client-hydrate.ts
-import { BUILD as BUILD11 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD12 } from "@stencil/core/internal/app-data";
 
 // src/runtime/dom-extras.ts
-import { BUILD as BUILD8 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD9 } from "@stencil/core/internal/app-data";
 
 // src/runtime/slot-polyfill-utils.ts
-import { BUILD as BUILD7 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD8 } from "@stencil/core/internal/app-data";
 
 // src/runtime/profile.ts
-import { BUILD as BUILD9 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD10 } from "@stencil/core/internal/app-data";
 
 // src/runtime/vdom/h.ts
-import { BUILD as BUILD10 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD11 } from "@stencil/core/internal/app-data";
 
 // src/runtime/initialize-component.ts
-import { BUILD as BUILD22 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD23 } from "@stencil/core/internal/app-data";
 
 // src/runtime/mode.ts
 var setMode = (handler) => modeResolutionChain.push(handler);
 
 // src/runtime/proxy-component.ts
-import { BUILD as BUILD21 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD22 } from "@stencil/core/internal/app-data";
 
 // src/runtime/set-value.ts
-import { BUILD as BUILD20 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD21 } from "@stencil/core/internal/app-data";
 
 // src/runtime/parse-property-value.ts
-import { BUILD as BUILD12 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD13 } from "@stencil/core/internal/app-data";
 
 // src/runtime/update-component.ts
-import { BUILD as BUILD19, NAMESPACE } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD20, NAMESPACE } from "@stencil/core/internal/app-data";
 
 // src/runtime/event-emitter.ts
-import { BUILD as BUILD14 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD15 } from "@stencil/core/internal/app-data";
 
 // src/runtime/element.ts
-import { BUILD as BUILD13 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD14 } from "@stencil/core/internal/app-data";
 
 // src/runtime/styles.ts
-import { BUILD as BUILD15 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD16 } from "@stencil/core/internal/app-data";
 
 // src/runtime/vdom/vdom-render.ts
-import { BUILD as BUILD18 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD19 } from "@stencil/core/internal/app-data";
 
 // src/runtime/vdom/update-element.ts
-import { BUILD as BUILD17 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD18 } from "@stencil/core/internal/app-data";
 
 // src/runtime/vdom/set-accessor.ts
-import { BUILD as BUILD16 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD17 } from "@stencil/core/internal/app-data";
 var CAPTURE_EVENT_SUFFIX = "Capture";
 var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
 
 // src/runtime/disconnected-callback.ts
-import { BUILD as BUILD24 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD25 } from "@stencil/core/internal/app-data";
 
 // src/runtime/bootstrap-lazy.ts
-import { BUILD as BUILD26 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD27 } from "@stencil/core/internal/app-data";
 
 // src/runtime/host-listener.ts
-import { BUILD as BUILD27 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD28 } 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.24.0",
+  "version": "4.25.0-dev.1737694903.66340b2",
   "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/testing/index.js

@@ -2502,23 +2502,23 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
     if (import_app_data13.BUILD.lazyLoad && import_app_data13.BUILD.hostListener) {
       hostRef.$flags$ |= 256 /* isListenReady */;
       if (hostRef.$queuedListeners$) {
-        hostRef.$queuedListeners$.map(([methodName, event]) => safeCall(instance, methodName, event));
+        hostRef.$queuedListeners$.map(([methodName, event]) => safeCall(instance, methodName, event, elm));
         hostRef.$queuedListeners$ = void 0;
       }
     }
     emitLifecycleEvent(elm, "componentWillLoad");
     if (import_app_data13.BUILD.cmpWillLoad) {
-      maybePromise = safeCall(instance, "componentWillLoad");
+      maybePromise = safeCall(instance, "componentWillLoad", void 0, elm);
     }
   } else {
     emitLifecycleEvent(elm, "componentWillUpdate");
     if (import_app_data13.BUILD.cmpWillUpdate) {
-      maybePromise = safeCall(instance, "componentWillUpdate");
+      maybePromise = safeCall(instance, "componentWillUpdate", void 0, elm);
     }
   }
   emitLifecycleEvent(elm, "componentWillRender");
   if (import_app_data13.BUILD.cmpWillRender) {
-    maybePromise = enqueue(maybePromise, () => safeCall(instance, "componentWillRender"));
+    maybePromise = enqueue(maybePromise, () => safeCall(instance, "componentWillRender", void 0, elm));
   }
   endSchedule();
   return enqueue(maybePromise, () => updateComponent(hostRef, instance, isInitialLoad));
@@ -2631,7 +2631,7 @@ var postUpdateComponent = (hostRef) => {
     if (import_app_data13.BUILD.isDev) {
       hostRef.$flags$ |= 1024 /* devOnRender */;
     }
-    safeCall(instance, "componentDidRender");
+    safeCall(instance, "componentDidRender", void 0, elm);
     if (import_app_data13.BUILD.isDev) {
       hostRef.$flags$ &= ~1024 /* devOnRender */;
     }
@@ -2646,7 +2646,7 @@ var postUpdateComponent = (hostRef) => {
       if (import_app_data13.BUILD.isDev) {
         hostRef.$flags$ |= 2048 /* devOnDidLoad */;
       }
-      safeCall(instance, "componentDidLoad");
+      safeCall(instance, "componentDidLoad", void 0, elm);
       if (import_app_data13.BUILD.isDev) {
         hostRef.$flags$ &= ~2048 /* devOnDidLoad */;
       }
@@ -2664,7 +2664,7 @@ var postUpdateComponent = (hostRef) => {
       if (import_app_data13.BUILD.isDev) {
         hostRef.$flags$ |= 1024 /* devOnRender */;
       }
-      safeCall(instance, "componentDidUpdate");
+      safeCall(instance, "componentDidUpdate", void 0, elm);
       if (import_app_data13.BUILD.isDev) {
         hostRef.$flags$ &= ~1024 /* devOnRender */;
       }
@@ -2709,12 +2709,12 @@ var appDidLoad = (who) => {
     performance.measure(`[Stencil] ${import_app_data13.NAMESPACE} initial load (by ${who})`, "st:app:start");
   }
 };
-var safeCall = (instance, method, arg) => {
+var safeCall = (instance, method, arg, elm) => {
   if (instance && instance[method]) {
     try {
       return instance[method](arg);
     } catch (e) {
-      consoleError(e);
+      consoleError(e, elm);
     }
   }
   return void 0;
@@ -2817,6 +2817,12 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
 var proxyComponent = (Cstr, cmpMeta, flags) => {
   var _a, _b;
   const prototype = Cstr.prototype;
+  if (import_app_data15.BUILD.isTesting) {
+    if (prototype.done) {
+      return;
+    }
+    prototype.done = true;
+  }
   if (import_app_data15.BUILD.formAssociated && cmpMeta.$flags$ & 64 /* formAssociated */ && flags & 1 /* isElementConstructor */) {
     FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS.forEach((cbName) => {
       const originalFormAssociatedCallback = prototype[cbName];
@@ -2876,8 +2882,8 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
                 (flags & 1 /* isElementConstructor */) === 0 && // if the class has a setter, then the Element can update instance values, so ignore
                 (cmpMeta.$members$[memberName][0] & 4096 /* Setter */) === 0 && // the element is not constructing
                 (ref && ref.$flags$ & 8 /* isConstructingInstance */) === 0 && // the member is a prop
-                (cmpMeta.$members$[memberName][0] & 31 /* Prop */) !== 0 && // the member is not mutable
-                (cmpMeta.$members$[memberName][0] & 1024 /* Mutable */) === 0
+                (memberFlags & 31 /* Prop */) !== 0 && // the member is not mutable
+                (memberFlags & 1024 /* Mutable */) === 0
               ) {
                 consoleDevWarn(
                   `@Prop() "${memberName}" on <${cmpMeta.$tagName$}> is immutable but was modified from within the component.
@@ -3000,8 +3006,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
   let Cstr;
   if ((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
     hostRef.$flags$ |= 32 /* hasInitializedComponent */;
-    const bundleId = cmpMeta.$lazyBundleId$;
-    if ((import_app_data16.BUILD.lazyLoad || import_app_data16.BUILD.hydrateClientSide) && bundleId) {
+    if (import_app_data16.BUILD.lazyLoad || import_app_data16.BUILD.hydrateClientSide) {
       const CstrImport = loadModule(cmpMeta, hostRef, hmrVersionId);
       if (CstrImport && "then" in CstrImport) {
         const endLoad = uniqueTime(
@@ -3030,7 +3035,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
       try {
         new Cstr(hostRef);
       } catch (e) {
-        consoleError(e);
+        consoleError(e, elm);
       }
       if (import_app_data16.BUILD.member) {
         hostRef.$flags$ &= ~8 /* isConstructingInstance */;
@@ -3039,7 +3044,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
         hostRef.$flags$ |= 128 /* isWatchReady */;
       }
       endNewInstance();
-      fireConnectedCallback(hostRef.$lazyInstance$);
+      fireConnectedCallback(hostRef.$lazyInstance$, elm);
     } else {
       Cstr = elm.constructor;
       const cmpTag = elm.localName;
@@ -3078,9 +3083,9 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
     schedule();
   }
 };
-var fireConnectedCallback = (instance) => {
+var fireConnectedCallback = (instance, elm) => {
   if (import_app_data16.BUILD.lazyLoad && import_app_data16.BUILD.connectedCallback) {
-    safeCall(instance, "connectedCallback");
+    safeCall(instance, "connectedCallback", void 0, elm);
   }
 };
 
@@ -3141,9 +3146,9 @@ var connectedCallback = (elm) => {
     } else {
       addHostEventListeners(elm, hostRef, cmpMeta.$listeners$, false);
       if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
-        fireConnectedCallback(hostRef.$lazyInstance$);
+        fireConnectedCallback(hostRef.$lazyInstance$, elm);
       } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
-        hostRef.$onReadyPromise$.then(() => fireConnectedCallback(hostRef.$lazyInstance$));
+        hostRef.$onReadyPromise$.then(() => fireConnectedCallback(hostRef.$lazyInstance$, elm));
       }
     }
     endConnected();
@@ -3159,12 +3164,12 @@ var setContentReference = (elm) => {
 
 // src/runtime/disconnected-callback.ts
 var import_app_data18 = require("@stencil/core/internal/app-data");
-var disconnectInstance = (instance) => {
+var disconnectInstance = (instance, elm) => {
   if (import_app_data18.BUILD.lazyLoad && import_app_data18.BUILD.disconnectedCallback) {
-    safeCall(instance, "disconnectedCallback");
+    safeCall(instance, "disconnectedCallback", void 0, elm || instance);
   }
   if (import_app_data18.BUILD.cmpDidUnload) {
-    safeCall(instance, "componentDidUnload");
+    safeCall(instance, "componentDidUnload", void 0, elm || instance);
   }
 };
 var disconnectedCallback = async (elm) => {
@@ -3179,9 +3184,9 @@ var disconnectedCallback = async (elm) => {
     if (!import_app_data18.BUILD.lazyLoad) {
       disconnectInstance(elm);
     } else if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
-      disconnectInstance(hostRef.$lazyInstance$);
+      disconnectInstance(hostRef.$lazyInstance$, elm);
     } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
-      hostRef.$onReadyPromise$.then(() => disconnectInstance(hostRef.$lazyInstance$));
+      hostRef.$onReadyPromise$.then(() => disconnectInstance(hostRef.$lazyInstance$, elm));
     }
   }
   if (rootAppliedStyles.has(elm)) {
@@ -3544,7 +3549,7 @@ var hostListenerProxy = (hostRef, methodName) => (ev) => {
       hostRef.$hostElement$[methodName](ev);
     }
   } catch (e) {
-    consoleError(e);
+    consoleError(e, hostRef.$hostElement$);
   }
 };
 var getHostListenerTarget = (elm, flags) => {

package/internal/testing/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal/testing",
-  "version": "4.24.0",
+  "version": "4.25.0-dev.1737694903.66340b2",
   "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.24.0 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc (CommonJS) v4.25.0-dev.1737694903.66340b2 | MIT Licensed | https://stenciljs.com
  */
 "use strict";
 var __defProp = Object.defineProperty;
@@ -7795,6 +7795,10 @@ function createElement(ownerDocument, tagName) {
       return new MockMetaElement(ownerDocument);
     case "script":
       return new MockScriptElement(ownerDocument);
+    case "slot":
+      return new MockSlotElement(ownerDocument);
+    case "slot-fb":
+      return new MockHTMLElement(ownerDocument, tagName);
     case "style":
       return new MockStyleElement(ownerDocument);
     case "template":
@@ -7803,8 +7807,6 @@ 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 win = ownerDocument.defaultView;
@@ -8224,6 +8226,68 @@ var MockUListElement = class extends MockHTMLElement {
     super(ownerDocument, "ul");
   }
 };
+var MockSlotElement = class _MockSlotElement extends MockHTMLElement {
+  constructor(ownerDocument) {
+    super(ownerDocument, "slot");
+  }
+  assignedNodes(opts) {
+    let nodesToReturn = [];
+    const ownerHost = this.getRootNode().host;
+    if (!ownerHost) return nodesToReturn;
+    if (ownerHost.childNodes.length) {
+      if (this.name) {
+        nodesToReturn = ownerHost.childNodes.filter(
+          (n) => n.nodeType === 1 /* ELEMENT_NODE */ && n.getAttribute("slot") === this.name
+        );
+      } else {
+        nodesToReturn = ownerHost.childNodes.filter(
+          (n) => n.nodeType === 1 /* ELEMENT_NODE */ && !n.getAttribute("slot") || n.nodeType !== 1 /* ELEMENT_NODE */
+        );
+      }
+      if (nodesToReturn.length) return nodesToReturn;
+    }
+    if (!(opts == null ? void 0 : opts.flatten)) return this.childNodes.filter((n) => !(n instanceof _MockSlotElement));
+    return this.childNodes.reduce(
+      (acc, node) => {
+        if (node instanceof _MockSlotElement) {
+          acc.push(...node.assignedNodes(opts));
+        } else {
+          acc.push(node);
+        }
+        return acc;
+      },
+      []
+    );
+  }
+  assignedElements(opts) {
+    let elesToReturn = [];
+    const ownerHost = this.getRootNode().host;
+    if (!ownerHost) return elesToReturn;
+    if (ownerHost.children.length) {
+      if (this.name) {
+        elesToReturn = ownerHost.children.filter((n) => n.getAttribute("slot") == this.name);
+      } else {
+        elesToReturn = ownerHost.children.filter((n) => !n.getAttribute("slot"));
+      }
+      if (elesToReturn.length) return elesToReturn;
+    }
+    if (!(opts == null ? void 0 : opts.flatten)) return this.children.filter((n) => !(n instanceof _MockSlotElement));
+    return this.children.reduce(
+      (acc, node) => {
+        if (node instanceof _MockSlotElement) {
+          acc.push(...node.assignedElements(opts));
+        } else {
+          acc.push(node);
+        }
+        return acc;
+      },
+      []
+    );
+  }
+};
+patchPropAttributes(MockSlotElement.prototype, {
+  name: String
+});
 var CanvasRenderingContext = class {
   constructor(context, contextAttributes) {
     this.context = context;

package/mock-doc/index.d.ts

@@ -312,6 +312,15 @@ declare class MockTitleElement extends MockHTMLElement {
 declare class MockUListElement extends MockHTMLElement {
   constructor(ownerDocument: any);
 }
+declare class MockSlotElement extends MockHTMLElement {
+  constructor(ownerDocument: any);
+  assignedNodes(opts?: {
+    flatten: boolean;
+  }): (MockNode | Node)[];
+  assignedElements(opts?: {
+    flatten: boolean;
+  }): (Element | MockHTMLElement)[];
+}
 type CanvasContext = '2d' | 'webgl' | 'webgl2' | 'bitmaprenderer';
 declare class CanvasRenderingContext {
   context: CanvasContext;

package/mock-doc/index.js

@@ -1,5 +1,5 @@
 /*!
- Stencil Mock Doc v4.24.0 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc v4.25.0-dev.1737694903.66340b2 | MIT Licensed | https://stenciljs.com
  */
 
 // src/runtime/runtime-constants.ts
@@ -7742,6 +7742,10 @@ function createElement(ownerDocument, tagName) {
       return new MockMetaElement(ownerDocument);
     case "script":
       return new MockScriptElement(ownerDocument);
+    case "slot":
+      return new MockSlotElement(ownerDocument);
+    case "slot-fb":
+      return new MockHTMLElement(ownerDocument, tagName);
     case "style":
       return new MockStyleElement(ownerDocument);
     case "template":
@@ -7750,8 +7754,6 @@ 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 win = ownerDocument.defaultView;
@@ -8171,6 +8173,68 @@ var MockUListElement = class extends MockHTMLElement {
     super(ownerDocument, "ul");
   }
 };
+var MockSlotElement = class _MockSlotElement extends MockHTMLElement {
+  constructor(ownerDocument) {
+    super(ownerDocument, "slot");
+  }
+  assignedNodes(opts) {
+    let nodesToReturn = [];
+    const ownerHost = this.getRootNode().host;
+    if (!ownerHost) return nodesToReturn;
+    if (ownerHost.childNodes.length) {
+      if (this.name) {
+        nodesToReturn = ownerHost.childNodes.filter(
+          (n) => n.nodeType === 1 /* ELEMENT_NODE */ && n.getAttribute("slot") === this.name
+        );
+      } else {
+        nodesToReturn = ownerHost.childNodes.filter(
+          (n) => n.nodeType === 1 /* ELEMENT_NODE */ && !n.getAttribute("slot") || n.nodeType !== 1 /* ELEMENT_NODE */
+        );
+      }
+      if (nodesToReturn.length) return nodesToReturn;
+    }
+    if (!(opts == null ? void 0 : opts.flatten)) return this.childNodes.filter((n) => !(n instanceof _MockSlotElement));
+    return this.childNodes.reduce(
+      (acc, node) => {
+        if (node instanceof _MockSlotElement) {
+          acc.push(...node.assignedNodes(opts));
+        } else {
+          acc.push(node);
+        }
+        return acc;
+      },
+      []
+    );
+  }
+  assignedElements(opts) {
+    let elesToReturn = [];
+    const ownerHost = this.getRootNode().host;
+    if (!ownerHost) return elesToReturn;
+    if (ownerHost.children.length) {
+      if (this.name) {
+        elesToReturn = ownerHost.children.filter((n) => n.getAttribute("slot") == this.name);
+      } else {
+        elesToReturn = ownerHost.children.filter((n) => !n.getAttribute("slot"));
+      }
+      if (elesToReturn.length) return elesToReturn;
+    }
+    if (!(opts == null ? void 0 : opts.flatten)) return this.children.filter((n) => !(n instanceof _MockSlotElement));
+    return this.children.reduce(
+      (acc, node) => {
+        if (node instanceof _MockSlotElement) {
+          acc.push(...node.assignedElements(opts));
+        } else {
+          acc.push(node);
+        }
+        return acc;
+      },
+      []
+    );
+  }
+};
+patchPropAttributes(MockSlotElement.prototype, {
+  name: String
+});
 var CanvasRenderingContext = class {
   constructor(context, contextAttributes) {
     this.context = context;

package/mock-doc/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/mock-doc",
-  "version": "4.24.0",
+  "version": "4.25.0-dev.1737694903.66340b2",
   "description": "Mock window, document and DOM outside of a browser environment.",
   "main": "./index.cjs",
   "module": "./index.js",