@stencil/core 5.0.0-beta.30 → 5.0.0-beta.31

package/dist/app-data/index.d.ts

@@ -1,2 +1,2 @@
-import { n as Env, r as NAMESPACE, t as BUILD } from "../index-BHciXst1.js";
+import { n as Env, r as NAMESPACE, t as BUILD } from "../index-CicD4Pgn.js";
 export { BUILD, Env, NAMESPACE };

package/dist/{client-BYvfR_Hx.mjs → client-DIvBaMnB.mjs}

@@ -459,6 +459,50 @@ function findSlotFromSlottedNode(slottedNode, parentHost) {
 //#endregion
 //#region src/runtime/dom-extras.ts
 /**
+* Patches a node slotted into a non-shadow component so it behaves as it would in a native slot:
+* - `parentNode` returns the host element
+* - `remove()` fires `slotchange` on the node's slot
+*
+* @param node the slotted node to be patched
+*/
+const patchSlottedNode = (node) => {
+	patchParentNode(node);
+	patchSlottedRemove(node);
+};
+/**
+* Detaches a slotted node from where it physically sits in the component's rendered DOM, through
+* the unpatched accessors. Not via `remove()`: mock-doc's `remove()` calls
+* `parentNode.removeChild()`, and a slotted node's patched `parentNode` is the host, whose patched
+* `removeChild()` would come straight back here.
+*
+* @param node the slotted node to detach
+*/
+const removeSlottedNode = (node) => {
+	const parent = internalCall(node, "parentNode");
+	if (parent) internalCall(parent, "removeChild")(node);
+};
+/**
+* Patches `remove()` on a node slotted into a non-shadow component, so that removing it fires
+* `slotchange` on its slot (and updates fallback content), as removing a node from a native slot
+* does. Stencil's own node moves, while `isTmpDisconnected` is set, don't fire it.
+*
+* @param node the slotted node to patch
+*/
+const patchSlottedRemove = (node) => {
+	const child = node;
+	if (!child || child.__remove || typeof child.remove !== "function") return;
+	child.__remove = child.remove;
+	child.remove = function() {
+		const host = this["s-ol"]?.parentElement;
+		const { slotNode } = findSlotFromSlottedNode(this);
+		removeSlottedNode(this);
+		if (slotNode && !(plt.$flags$ & PLATFORM_FLAGS.isTmpDisconnected)) {
+			dispatchSlotChangeEvent(slotNode);
+			updateFallbackSlotVisibility(host);
+		}
+	};
+};
+/**
 * Patches the `parentNode` accessor of a non-shadow slotted node
 *
 * @param node the slotted node to be patched
@@ -1020,6 +1064,7 @@ let isSvgMode = false;
 * These ensure that ref callbacks are called in the correct order:
 * first all removal callbacks (with null), then all attachment callbacks (with elements).
 */
+const initialSlotChanges = /* @__PURE__ */ new Set();
 const refCallbacksToRemove = [];
 const refCallbacksToAttach = [];
 /** Disposers for signal subscriptions on individual DOM nodes (text nodes, <s-show> wrappers). */
@@ -1574,10 +1619,13 @@ const insertBefore = (parent, newNode, reference, isInitialLoad) => {
 		if (BUILD.scoped && typeof newNode["s-sn"] === "string" && !!newNode["s-sr"] && !!newNode["s-cr"]) addRemoveSlotScopedClass(newNode["s-cr"], newNode, parent, newNode.parentElement);
 		else if (typeof newNode["s-sn"] === "string") {
 			const hostElm = newNode["s-hn"] && parent.closest?.(newNode["s-hn"]);
-			if ((BUILD.lightDomPatches || BUILD.slotChildNodes || BUILD.patchAll && !!(hostElm && getHostRef(hostElm)?.$cmpMeta$.$flags$ & CMP_FLAGS.patchAll)) && parent.getRootNode().nodeType !== NODE_TYPES.DOCUMENT_FRAGMENT_NODE) patchParentNode(newNode);
+			if ((BUILD.lightDomPatches || BUILD.slotChildNodes || BUILD.patchAll && !!(hostElm && getHostRef(hostElm)?.$cmpMeta$.$flags$ & CMP_FLAGS.patchAll)) && parent.getRootNode().nodeType !== NODE_TYPES.DOCUMENT_FRAGMENT_NODE) patchSlottedNode(newNode);
 			parent.insertBefore(newNode, reference);
 			const { slotNode } = findSlotFromSlottedNode(newNode);
-			if (slotNode && !isInitialLoad) dispatchSlotChangeEvent(slotNode);
+			if (slotNode) {
+				if (isInitialLoad) initialSlotChanges.add(slotNode);
+				else dispatchSlotChangeEvent(slotNode);
+			}
 			return newNode;
 		}
 	}
@@ -1733,6 +1781,11 @@ render() {
 		if (checkSlotFallbackVisibility) updateFallbackSlotVisibility(rootVnode.$elm$);
 		plt.$flags$ &= ~PLATFORM_FLAGS.isTmpDisconnected;
 		relocateNodes.length = 0;
+		if (initialSlotChanges.size) {
+			const slotNodes = [...initialSlotChanges];
+			initialSlotChanges.clear();
+			nextTick(() => slotNodes.forEach(dispatchSlotChangeEvent));
+		}
 	}
 	if (BUILD.slotRelocation && !useNativeShadowDom && !(cmpMeta.$flags$ & CMP_FLAGS.shadowDomEncapsulation) && hostElm["s-cr"]) {
 		const children = rootVnode.$elm$.__childNodes || rootVnode.$elm$.childNodes;

package/dist/compiler/browser.js

@@ -1843,7 +1843,7 @@ const validateComponentTag = (tag) => {
 };
 //#endregion
 //#region src/version.ts
-const version = "5.0.0-beta.30";
+const version = "5.0.0-beta.31";
 //#endregion
 //#region src/compiler/events.ts
 const buildEvents = () => {
@@ -12829,7 +12829,8 @@ const parseMethodDecorator = (config, diagnostics, tsSourceFile, typeChecker, pr
 	const returnTypeNode = typeChecker.typeToTypeNode(returnType, method, ts$1.NodeBuilderFlags.NoTruncation | ts$1.NodeBuilderFlags.NoTypeReduction);
 	let returnString = typeToString(typeChecker, returnType);
 	let signatureString = typeChecker.signatureToString(signature, method, flags, ts$1.SignatureKind.Call);
-	if (!config._isTesting) {
+	const isAsync = !!method.modifiers?.some((m) => m.kind === ts$1.SyntaxKind.AsyncKeyword);
+	if (!config._isTesting && !isAsync) {
 		if (returnString === "void") {
 			const warn = buildWarn(diagnostics);
 			warn.header = "@Method requires async";
@@ -15044,6 +15045,8 @@ function extractAncestorMeta(ancestor, cmpSourceFile, resolveImport, config) {
 		"events",
 		"listeners",
 		"watchers",
+		"serializers",
+		"deserializers",
 		"methods"
 	].includes(m.name.text));
 	if (!hasUsableStaticMembers && className) {
@@ -15063,6 +15066,8 @@ function extractAncestorMeta(ancestor, cmpSourceFile, resolveImport, config) {
 		events: reanchorInheritedTypeReferences(reclassifyGlobalTypeReferences(parseStaticEvents(resolvedStaticMembers) ?? [], parentSf, resolvedPath, resolveImport), resolvedPath, cmpSourceFile.fileName),
 		listeners: parseStaticListeners(resolvedStaticMembers) ?? [],
 		watchers: parseStaticWatchers(resolvedStaticMembers) ?? [],
+		serializers: parseStaticSerializers(resolvedStaticMembers, "serializers") ?? [],
+		deserializers: parseStaticSerializers(resolvedStaticMembers, "deserializers") ?? [],
 		methodNames: resolvedClassNode.members.filter(ts$1.isMethodDeclaration).map((m) => ts$1.isIdentifier(m.name) ? m.name.text : "").filter(Boolean)
 	};
 }
@@ -15092,8 +15097,8 @@ function mergeExtendedClassMetaWithResolveImport(cmpNode, staticMembers, sourceF
 	let events = parseStaticEvents(staticMembers);
 	let watchers = parseStaticWatchers(staticMembers);
 	let classMethods = cmpNode.members.filter(ts$1.isMethodDeclaration).map((m) => ts$1.isIdentifier(m.name) ? m.name.text : "").filter(Boolean);
-	const serializers = [];
-	const deserializers = [];
+	let serializers = parseStaticSerializers(staticMembers, "serializers");
+	let deserializers = parseStaticSerializers(staticMembers, "deserializers");
 	const ancestors = [];
 	resolveAncestors(cmpNode, sourceFile, sourceFile.fileName, resolveImport, /* @__PURE__ */ new Set(), ancestors, cmpNode, buildCtx);
 	ancestors.forEach((ancestor) => {
@@ -15107,6 +15112,8 @@ function mergeExtendedClassMetaWithResolveImport(cmpNode, staticMembers, sourceF
 		events = [...deDupeMembers(parentMeta.events, events), ...events];
 		listeners = [...deDupeMembers(parentMeta.listeners, listeners), ...listeners];
 		watchers = [...deDupeMembers(parentMeta.watchers, watchers), ...watchers];
+		serializers = [...deDupeMembers(parentMeta.serializers ?? [], serializers), ...serializers];
+		deserializers = [...deDupeMembers(parentMeta.deserializers ?? [], deserializers), ...deserializers];
 		classMethods = [...classMethods, ...parentMeta.methodNames];
 	});
 	return {

package/dist/compiler/index.mjs

@@ -1,3 +1,3 @@
-import { A as version, C as hasStencilHydrateImport, D as parseCssOnlyComponents, E as replaceStencilHydrateImport, M as scopeCss, O as buildId, S as hasStencilGlobalsImport, T as replaceStencilGlobalsImport, _ as cmpMetaToDocsComponent, a as createPrerenderer, b as buildHydrateCss, c as createWorkerContext, d as nodeRequire, f as optimizeCss, g as generateManifest, h as generateComponentTypesFile, i as createSystem, j as versions, k as vermoji, l as createWorkerMessageHandler, m as validateHydrated, n as transpile, o as loadConfig, p as validateConfig, r as transpileSync, s as createCompiler, t as ts, u as optimizeJs, v as getScopeId, w as replaceStencilCssComponentsImport, x as hasStencilCssComponentsImport, y as foldBuildFlags } from "../compiler-6RhuOkQ0.mjs";
-import { a as LOG_LEVELS, i as CustomElementsExportBehaviorOptions } from "../node-CvPPhnWO.mjs";
+import { A as version, C as hasStencilHydrateImport, D as parseCssOnlyComponents, E as replaceStencilHydrateImport, M as scopeCss, O as buildId, S as hasStencilGlobalsImport, T as replaceStencilGlobalsImport, _ as cmpMetaToDocsComponent, a as createPrerenderer, b as buildHydrateCss, c as createWorkerContext, d as nodeRequire, f as optimizeCss, g as generateManifest, h as generateComponentTypesFile, i as createSystem, j as versions, k as vermoji, l as createWorkerMessageHandler, m as validateHydrated, n as transpile, o as loadConfig, p as validateConfig, r as transpileSync, s as createCompiler, t as ts, u as optimizeJs, v as getScopeId, w as replaceStencilCssComponentsImport, x as hasStencilCssComponentsImport, y as foldBuildFlags } from "../compiler-BI12oAIV.mjs";
+import { a as LOG_LEVELS, i as CustomElementsExportBehaviorOptions } from "../node-D-21Ykxi.mjs";
 export { CustomElementsExportBehaviorOptions, LOG_LEVELS, buildHydrateCss, buildId, cmpMetaToDocsComponent, createCompiler, createPrerenderer, createSystem, createWorkerContext, createWorkerMessageHandler, foldBuildFlags, generateComponentTypesFile, generateManifest, getScopeId, hasStencilCssComponentsImport, hasStencilGlobalsImport, hasStencilHydrateImport, loadConfig, nodeRequire, optimizeCss, optimizeJs, parseCssOnlyComponents, replaceStencilCssComponentsImport, replaceStencilGlobalsImport, replaceStencilHydrateImport, scopeCss, transpile, transpileSync, ts, validateConfig, validateHydrated, vermoji, version, versions };

package/dist/{compiler-6RhuOkQ0.mjs → compiler-BI12oAIV.mjs}

@@ -1,9 +1,9 @@
 import { n as __require } from "./rolldown-runtime-BhDjJH2R.mjs";
-import { E as SERVER_BUILD_FLAGS, T as HYDRATED_CSS, w as CLIENT_BUILD_FLAGS } from "./client-BYvfR_Hx.mjs";
+import { E as SERVER_BUILD_FLAGS, T as HYDRATED_CSS, w as CLIENT_BUILD_FLAGS } from "./client-DIvBaMnB.mjs";
 import { $ as VALID_CONFIG_OUTPUT_TARGETS, A as DIST_LAZY, D as COPY, E as COLLECTION_MANIFEST_FILE_NAME, J as STANDALONE, L as EVENT_FLAGS, P as DOCS_JSON, Q as TYPES, R as GENERATED_DTS, S as ASSETS, T as COLLECTION_APP_DATA_FILE_NAME, U as LOADER_BUNDLE, X as STYLE_EXT, Y as STATS, a as isBoolean$1, b as unique, c as isFunction, d as isObject, et as WATCH_FLAGS, f as isString$1, g as sortBy, i as fromEntries, l as isIterable, m as noop, p as mergeIntoWith, r as flatOne, t as dashToPascalCase, u as isNumber$1, v as toDashCase, w as COLLECTION, y as toTitleCase, z as GLOBAL_STYLE } from "./helpers-Cpp3qc3u.mjs";
 import { E as escapeRegExpSpecialCharacters, S as formatComponentRuntimeMeta, T as byteSize, _ as loadRolldownDiagnostics, a as getSourceMappingUrlForEndOfFile, b as splitLineBreaks, c as err, f as augmentDiagnosticWithNode, g as isRolldownError, h as createOnWarnFn, i as getInlineSourceMappingUrlLinker, l as map, m as loadTypeScriptDiagnostics, n as validateComponentTag, p as loadTypeScriptDiagnostic, r as isRemoteUrl, s as rolldownToStencilSourceMap, t as validateComponentModes, u as ok, w as stringifyRuntimeData, x as isRootPath, y as normalizeDiagnostics } from "./validation-DAdGTrys.mjs";
 import { $ as catchError, A as isOutputTargetDocsVscode, B as relativeImport, C as isOutputTargetDistLazy, D as isOutputTargetDocsCustomElementsManifest, E as isOutputTargetDocsCustom, F as isOutputTargetStandalone, G as normalizeFsPathQuery, H as join$2, I as isOutputTargetStats, J as resolve$2, K as normalizePath, L as isOutputTargetTypes, M as isOutputTargetLoaderBundle, N as isOutputTargetSsr, O as isOutputTargetDocsJson, P as isOutputTargetSsrWasm, Q as buildWarn, R as isOutputTargetWww, S as isOutputTargetCustom, T as isOutputTargetDocsAgentSkill, V as shouldExcludeComponent, W as normalizeFsPath, X as buildError, Z as buildJsonFileError, a as hasDependency, b as isOutputTargetCollection, d as parsePackageJson, et as hasError, f as readOnlyArrayHasStringMember, g as getComponentsDtsSrcFilePath, h as filterExcludedComponents, i as getTextDocs, j as isOutputTargetGlobalStyle, k as isOutputTargetDocsReadme, l as isTsFile, m as filterActiveTargets, n as createJsVarName, o as isDtsFile, p as readPackageJson, q as relative$1, r as generatePreamble, rt as isGlob, t as addDocBlock, tt as hasWarning, u as isTsxFile, v as getComponentsFromModules, w as isOutputTargetDocs, x as isOutputTargetCopy, y as isOutputTargetAssets, z as isValidConfigOutputTarget } from "./util-IKfWWLJo.mjs";
-import { i as CustomElementsExportBehaviorOptions, o as buildEvents, r as createNodeLogger, t as createNodeSys } from "./node-CvPPhnWO.mjs";
+import { i as CustomElementsExportBehaviorOptions, o as buildEvents, r as createNodeLogger, t as createNodeSys } from "./node-D-21Ykxi.mjs";
 import ts, { default as ts$1 } from "typescript";
 import { readFileSync } from "node:fs";
 import { basename, dirname, isAbsolute, join, resolve } from "node:path";
@@ -461,9 +461,9 @@ const scopeCss = (cssText, scopeId, commentOriginalSelector) => {
 };
 //#endregion
 //#region src/version.ts
-const version = "5.0.0-beta.30";
-const buildId = "1793793116";
-const vermoji = "🏎";
+const version = "5.0.0-beta.31";
+const buildId = "1793811862";
+const vermoji = "🤘";
 /**
 * Get the installed version of a tool/dependency.
 * Handles packages with exports maps that point to subdirectories.
@@ -16107,7 +16107,8 @@ const parseMethodDecorator = (config, diagnostics, tsSourceFile, typeChecker, pr
 	const returnTypeNode = typeChecker.typeToTypeNode(returnType, method, ts.NodeBuilderFlags.NoTruncation | ts.NodeBuilderFlags.NoTypeReduction);
 	let returnString = typeToString(typeChecker, returnType);
 	let signatureString = typeChecker.signatureToString(signature, method, flags, ts.SignatureKind.Call);
-	if (!config._isTesting) {
+	const isAsync = !!method.modifiers?.some((m) => m.kind === ts.SyntaxKind.AsyncKeyword);
+	if (!config._isTesting && !isAsync) {
 		if (returnString === "void") {
 			const warn = buildWarn(diagnostics);
 			warn.header = "@Method requires async";
@@ -17893,6 +17894,8 @@ function extractAncestorMeta(ancestor, cmpSourceFile, resolveImport, config) {
 		"events",
 		"listeners",
 		"watchers",
+		"serializers",
+		"deserializers",
 		"methods"
 	].includes(m.name.text));
 	if (!hasUsableStaticMembers && className) {
@@ -17912,6 +17915,8 @@ function extractAncestorMeta(ancestor, cmpSourceFile, resolveImport, config) {
 		events: reanchorInheritedTypeReferences(reclassifyGlobalTypeReferences(parseStaticEvents(resolvedStaticMembers) ?? [], parentSf, resolvedPath, resolveImport), resolvedPath, cmpSourceFile.fileName),
 		listeners: parseStaticListeners(resolvedStaticMembers) ?? [],
 		watchers: parseStaticWatchers(resolvedStaticMembers) ?? [],
+		serializers: parseStaticSerializers(resolvedStaticMembers, "serializers") ?? [],
+		deserializers: parseStaticSerializers(resolvedStaticMembers, "deserializers") ?? [],
 		methodNames: resolvedClassNode.members.filter(ts.isMethodDeclaration).map((m) => ts.isIdentifier(m.name) ? m.name.text : "").filter(Boolean)
 	};
 }
@@ -17941,8 +17946,8 @@ function mergeExtendedClassMetaWithResolveImport(cmpNode, staticMembers, sourceF
 	let events = parseStaticEvents(staticMembers);
 	let watchers = parseStaticWatchers(staticMembers);
 	let classMethods = cmpNode.members.filter(ts.isMethodDeclaration).map((m) => ts.isIdentifier(m.name) ? m.name.text : "").filter(Boolean);
-	const serializers = [];
-	const deserializers = [];
+	let serializers = parseStaticSerializers(staticMembers, "serializers");
+	let deserializers = parseStaticSerializers(staticMembers, "deserializers");
 	const ancestors = [];
 	resolveAncestors(cmpNode, sourceFile, sourceFile.fileName, resolveImport, /* @__PURE__ */ new Set(), ancestors, cmpNode, buildCtx);
 	ancestors.forEach((ancestor) => {
@@ -17956,6 +17961,8 @@ function mergeExtendedClassMetaWithResolveImport(cmpNode, staticMembers, sourceF
 		events = [...deDupeMembers(parentMeta.events, events), ...events];
 		listeners = [...deDupeMembers(parentMeta.listeners, listeners), ...listeners];
 		watchers = [...deDupeMembers(parentMeta.watchers, watchers), ...watchers];
+		serializers = [...deDupeMembers(parentMeta.serializers ?? [], serializers), ...serializers];
+		deserializers = [...deDupeMembers(parentMeta.deserializers ?? [], deserializers), ...deserializers];
 		classMethods = [...classMethods, ...parentMeta.methodNames];
 	});
 	return {

package/dist/declarations/stencil-public-runtime.d.ts

@@ -2069,6 +2069,8 @@ interface JSXAttributes<T = globalThis.Element> {
   key?: string | number;
   ref?: (elm?: T) => void;
   children?: any;
+  [key: `attr:${string}`]: any;
+  [key: `prop:${string}`]: any;
 }
 interface CustomElementsDefineOptions {
   exclude?: string[];

package/dist/{index-BHciXst1.d.ts → index-CicD4Pgn.d.ts}

@@ -1336,6 +1336,8 @@ interface JSXAttributes<T = globalThis.Element> {
   key?: string | number;
   ref?: (elm?: T) => void;
   children?: any;
+  [key: `attr:${string}`]: any;
+  [key: `prop:${string}`]: any;
 }
 interface CustomElementsDefineOptions {
   exclude?: string[];

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { C as Build, S as setErrorHandler, _ as getAssetPath, a as transformTag, b as writeTask, c as Mixin, d as Host, f as h, g as getShadowRoot, h as getElement, i as setTagTransformer, l as getMode, m as getRenderingRef, o as render, p as forceUpdate, s as ReactiveControllerHost, u as setMode, v as setAssetPath, x as setPlatformHelpers, y as readTask } from "./client-BYvfR_Hx.mjs";
+import { C as Build, S as setErrorHandler, _ as getAssetPath, a as transformTag, b as writeTask, c as Mixin, d as Host, f as h, g as getShadowRoot, h as getElement, i as setTagTransformer, l as getMode, m as getRenderingRef, o as render, p as forceUpdate, s as ReactiveControllerHost, u as setMode, v as setAssetPath, x as setPlatformHelpers, y as readTask } from "./client-DIvBaMnB.mjs";
 import { t as Fragment } from "./fragment-Di1hWOC8.mjs";
 //#region src/client/client-decorators.ts
 /**

package/dist/jsx-runtime.mjs

@@ -1,3 +1,3 @@
-import { n as jsxDEV, r as jsxs, t as jsx } from "./client-BYvfR_Hx.mjs";
+import { n as jsxDEV, r as jsxs, t as jsx } from "./client-DIvBaMnB.mjs";
 import { t as Fragment } from "./fragment-Di1hWOC8.mjs";
 export { Fragment, jsx, jsxDEV, jsxs };

package/dist/{node-CvPPhnWO.mjs → node-D-21Ykxi.mjs}

@@ -1,5 +1,5 @@
 import { n as __require } from "./rolldown-runtime-BhDjJH2R.mjs";
-import "./client-BYvfR_Hx.mjs";
+import "./client-DIvBaMnB.mjs";
 import { c as isFunction, f as isString, m as noop, r as flatOne } from "./helpers-Cpp3qc3u.mjs";
 import { $ as catchError, K as normalizePath, X as buildError, Y as TASK_CANCELED_MSG, nt as shouldIgnoreError, rt as isGlob } from "./util-IKfWWLJo.mjs";
 import fs from "node:fs";

package/dist/runtime/client/lazy.js

@@ -978,6 +978,7 @@ const patchSlotAppendChild = (HostElementPrototype) => {
 		const { slotName, slotNode } = findSlotFromSlottedNode(newChild, this);
 		if (slotNode) {
 			addSlotRelocateNode(newChild, slotNode);
+			patchSlottedNode(newChild);
 			const slotChildNodes = getSlotChildSiblings(slotNode, slotName);
 			const appendAfter = slotChildNodes[slotChildNodes.length - 1];
 			const insertedNode = internalCall(internalCall(appendAfter, "parentNode"), "insertBefore")(newChild, appendAfter.nextSibling);
@@ -1000,8 +1001,10 @@ const patchSlotRemoveChild = (ElementPrototype) => {
 	ElementPrototype.__removeChild = ElementPrototype.removeChild;
 	ElementPrototype.removeChild = function(toRemove) {
 		if (toRemove && typeof toRemove["s-sn"] !== "undefined") {
-			if (getHostSlotNodes(this.__childNodes || this.childNodes, this.tagName, toRemove["s-sn"]) && toRemove.isConnected) {
-				toRemove.remove();
+			const slotNode = getHostSlotNodes(this.__childNodes || this.childNodes, this.tagName, toRemove["s-sn"]);
+			if (slotNode && toRemove.isConnected) {
+				removeSlottedNode(toRemove);
+				if (slotNode[0]) dispatchSlotChangeEvent(slotNode[0]);
 				updateFallbackSlotVisibility(this);
 				return;
 			}
@@ -1024,6 +1027,7 @@ const patchSlotPrepend = (HostElementPrototype) => {
 			const slotNode = getHostSlotNodes(internalCall(this, "childNodes"), this.tagName, slotName)[0];
 			if (slotNode) {
 				addSlotRelocateNode(newChild, slotNode, true);
+				patchSlottedNode(newChild);
 				const appendAfter = getSlotChildSiblings(slotNode, slotName)[0];
 				const toReturn = internalCall(internalCall(appendAfter, "parentNode"), "insertBefore")(newChild, internalCall(appendAfter, "nextSibling"));
 				dispatchSlotChangeEvent(slotNode);
@@ -1099,6 +1103,7 @@ const patchInsertBefore = (HostElementPrototype) => {
 					}
 					if (slotName === currentChild["s-sn"]) {
 						addSlotRelocateNode(newChild, slotNode);
+						patchSlottedNode(newChild);
 						internalCall(internalCall(currentChild, "parentNode"), "insertBefore")(newChild, currentChild);
 						dispatchSlotChangeEvent(slotNode);
 					}
@@ -1177,10 +1182,21 @@ const patchChildSlotNodes = (elm) => {
 	} });
 };
 /**
-* Patches sibling accessors of a 'slotted' node within a non-shadow component.
-* Meaning whilst stepping through a non-shadow element's nodes, only the mock 'lightDOM' nodes are returned.
-* Especially relevant when rendering components via SSR... Frameworks will often try to reconcile their
-* VDOM with the real DOM by stepping through nodes with 'nextSibling' et al.
+* Patches a node slotted into a non-shadow component so it behaves as it would in a native slot:
+* - `parentNode` returns the host element
+* - `remove()` fires `slotchange` on the node's slot
+*
+* @param node the slotted node to be patched
+*/
+const patchSlottedNode = (node) => {
+	patchParentNode(node);
+	patchSlottedRemove(node);
+};
+/**
+* Patches a slotted node from SSR markup: everything {@link patchSlottedNode} does, plus its
+* sibling accessors, so whilst stepping through a non-shadow element's nodes only the mock
+* 'lightDOM' nodes are returned. Frameworks hydrating SSR output often reconcile their VDOM with
+* the real DOM by stepping through nodes with 'nextSibling' et al.
 * - `nextSibling`
 * - `nextElementSibling`
 * - `previousSibling`
@@ -1188,11 +1204,11 @@ const patchChildSlotNodes = (elm) => {
 *
 * @param node the slotted node to be patched
 */
-const patchSlottedNode = (node) => {
+const patchSsrSlottedNode = (node) => {
 	if (!node || node.__nextSibling !== void 0 || !globalThis.Node) return;
 	patchNextSibling(node);
 	patchPreviousSibling(node);
-	patchParentNode(node);
+	patchSlottedNode(node);
 	if (node.nodeType === Node.ELEMENT_NODE) {
 		patchNextElementSibling(node);
 		patchPreviousElementSibling(node);
@@ -1259,6 +1275,39 @@ const patchPreviousElementSibling = (element) => {
 	} });
 };
 /**
+* Detaches a slotted node from where it physically sits in the component's rendered DOM, through
+* the unpatched accessors. Not via `remove()`: mock-doc's `remove()` calls
+* `parentNode.removeChild()`, and a slotted node's patched `parentNode` is the host, whose patched
+* `removeChild()` would come straight back here.
+*
+* @param node the slotted node to detach
+*/
+const removeSlottedNode = (node) => {
+	const parent = internalCall(node, "parentNode");
+	if (parent) internalCall(parent, "removeChild")(node);
+};
+/**
+* Patches `remove()` on a node slotted into a non-shadow component, so that removing it fires
+* `slotchange` on its slot (and updates fallback content), as removing a node from a native slot
+* does. Stencil's own node moves, while `isTmpDisconnected` is set, don't fire it.
+*
+* @param node the slotted node to patch
+*/
+const patchSlottedRemove = (node) => {
+	const child = node;
+	if (!child || child.__remove || typeof child.remove !== "function") return;
+	child.__remove = child.remove;
+	child.remove = function() {
+		const host = this["s-ol"]?.parentElement;
+		const { slotNode } = findSlotFromSlottedNode(this);
+		removeSlottedNode(this);
+		if (slotNode && !(plt.$flags$ & PLATFORM_FLAGS.isTmpDisconnected)) {
+			dispatchSlotChangeEvent(slotNode);
+			updateFallbackSlotVisibility(host);
+		}
+	};
+};
+/**
 * Patches the `parentNode` accessor of a non-shadow slotted node
 *
 * @param node the slotted node to be patched
@@ -1997,6 +2046,7 @@ let isSvgMode = false;
 * These ensure that ref callbacks are called in the correct order:
 * first all removal callbacks (with null), then all attachment callbacks (with elements).
 */
+const initialSlotChanges = /* @__PURE__ */ new Set();
 const refCallbacksToRemove = [];
 const refCallbacksToAttach = [];
 /** Disposers for signal subscriptions on individual DOM nodes (text nodes, <s-show> wrappers). */
@@ -2551,10 +2601,13 @@ const insertBefore = (parent, newNode, reference, isInitialLoad) => {
 		if (BUILD.scoped && typeof newNode["s-sn"] === "string" && !!newNode["s-sr"] && !!newNode["s-cr"]) addRemoveSlotScopedClass(newNode["s-cr"], newNode, parent, newNode.parentElement);
 		else if (typeof newNode["s-sn"] === "string") {
 			const hostElm = newNode["s-hn"] && parent.closest?.(newNode["s-hn"]);
-			if ((BUILD.lightDomPatches || BUILD.slotChildNodes || BUILD.patchAll && !!(hostElm && getHostRef(hostElm)?.$cmpMeta$.$flags$ & CMP_FLAGS.patchAll)) && parent.getRootNode().nodeType !== NODE_TYPES.DOCUMENT_FRAGMENT_NODE) patchParentNode(newNode);
+			if ((BUILD.lightDomPatches || BUILD.slotChildNodes || BUILD.patchAll && !!(hostElm && getHostRef(hostElm)?.$cmpMeta$.$flags$ & CMP_FLAGS.patchAll)) && parent.getRootNode().nodeType !== NODE_TYPES.DOCUMENT_FRAGMENT_NODE) patchSlottedNode(newNode);
 			parent.insertBefore(newNode, reference);
 			const { slotNode } = findSlotFromSlottedNode(newNode);
-			if (slotNode && !isInitialLoad) dispatchSlotChangeEvent(slotNode);
+			if (slotNode) {
+				if (isInitialLoad) initialSlotChanges.add(slotNode);
+				else dispatchSlotChangeEvent(slotNode);
+			}
 			return newNode;
 		}
 	}
@@ -2710,6 +2763,11 @@ render() {
 		if (checkSlotFallbackVisibility) updateFallbackSlotVisibility(rootVnode.$elm$);
 		plt.$flags$ &= ~PLATFORM_FLAGS.isTmpDisconnected;
 		relocateNodes.length = 0;
+		if (initialSlotChanges.size) {
+			const slotNodes = [...initialSlotChanges];
+			initialSlotChanges.clear();
+			nextTick(() => slotNodes.forEach(dispatchSlotChangeEvent));
+		}
 	}
 	if (BUILD.slotRelocation && !useNativeShadowDom && !(cmpMeta.$flags$ & CMP_FLAGS.shadowDomEncapsulation) && hostElm["s-cr"]) {
 		const children = rootVnode.$elm$.__childNodes || rootVnode.$elm$.childNodes;
@@ -3462,7 +3520,7 @@ const initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
 				}
 				addSlotRelocateNode(siNode, siSlot, false, siNode["s-oo"] || currentPos);
 				if (siNode.parentElement?.shadowRoot && siNode["getAttribute"] && siNode.getAttribute("slot")) siNode.removeAttribute("slot");
-				if (BUILD.lightDomPatches || BUILD.slotChildNodes || BUILD.patchAll && hostRef.$cmpMeta$.$flags$ & CMP_FLAGS.patchAll) patchSlottedNode(siNode);
+				if (BUILD.lightDomPatches || BUILD.slotChildNodes || BUILD.patchAll && hostRef.$cmpMeta$.$flags$ & CMP_FLAGS.patchAll) patchSsrSlottedNode(siNode);
 			}
 			currentPos = (siNode["s-oo"] || currentPos) + 1;
 		}

package/dist/runtime/client/runtime.d.ts

@@ -1347,6 +1347,8 @@ interface JSXAttributes<T = globalThis.Element> {
   key?: string | number;
   ref?: (elm?: T) => void;
   children?: any;
+  [key: `attr:${string}`]: any;
+  [key: `prop:${string}`]: any;
 }
 interface CustomElementsDefineOptions {
   exclude?: string[];

package/dist/runtime/client/runtime.js

@@ -972,6 +972,7 @@ const patchSlotAppendChild = (HostElementPrototype) => {
 		const { slotName, slotNode } = findSlotFromSlottedNode(newChild, this);
 		if (slotNode) {
 			addSlotRelocateNode(newChild, slotNode);
+			patchSlottedNode(newChild);
 			const slotChildNodes = getSlotChildSiblings(slotNode, slotName);
 			const appendAfter = slotChildNodes[slotChildNodes.length - 1];
 			const insertedNode = internalCall(internalCall(appendAfter, "parentNode"), "insertBefore")(newChild, appendAfter.nextSibling);
@@ -994,8 +995,10 @@ const patchSlotRemoveChild = (ElementPrototype) => {
 	ElementPrototype.__removeChild = ElementPrototype.removeChild;
 	ElementPrototype.removeChild = function(toRemove) {
 		if (toRemove && typeof toRemove["s-sn"] !== "undefined") {
-			if (getHostSlotNodes(this.__childNodes || this.childNodes, this.tagName, toRemove["s-sn"]) && toRemove.isConnected) {
-				toRemove.remove();
+			const slotNode = getHostSlotNodes(this.__childNodes || this.childNodes, this.tagName, toRemove["s-sn"]);
+			if (slotNode && toRemove.isConnected) {
+				removeSlottedNode(toRemove);
+				if (slotNode[0]) dispatchSlotChangeEvent(slotNode[0]);
 				updateFallbackSlotVisibility(this);
 				return;
 			}
@@ -1018,6 +1021,7 @@ const patchSlotPrepend = (HostElementPrototype) => {
 			const slotNode = getHostSlotNodes(internalCall(this, "childNodes"), this.tagName, slotName)[0];
 			if (slotNode) {
 				addSlotRelocateNode(newChild, slotNode, true);
+				patchSlottedNode(newChild);
 				const appendAfter = getSlotChildSiblings(slotNode, slotName)[0];
 				const toReturn = internalCall(internalCall(appendAfter, "parentNode"), "insertBefore")(newChild, internalCall(appendAfter, "nextSibling"));
 				dispatchSlotChangeEvent(slotNode);
@@ -1093,6 +1097,7 @@ const patchInsertBefore = (HostElementPrototype) => {
 					}
 					if (slotName === currentChild["s-sn"]) {
 						addSlotRelocateNode(newChild, slotNode);
+						patchSlottedNode(newChild);
 						internalCall(internalCall(currentChild, "parentNode"), "insertBefore")(newChild, currentChild);
 						dispatchSlotChangeEvent(slotNode);
 					}
@@ -1171,10 +1176,21 @@ const patchChildSlotNodes = (elm) => {
 	} });
 };
 /**
-* Patches sibling accessors of a 'slotted' node within a non-shadow component.
-* Meaning whilst stepping through a non-shadow element's nodes, only the mock 'lightDOM' nodes are returned.
-* Especially relevant when rendering components via SSR... Frameworks will often try to reconcile their
-* VDOM with the real DOM by stepping through nodes with 'nextSibling' et al.
+* Patches a node slotted into a non-shadow component so it behaves as it would in a native slot:
+* - `parentNode` returns the host element
+* - `remove()` fires `slotchange` on the node's slot
+*
+* @param node the slotted node to be patched
+*/
+const patchSlottedNode = (node) => {
+	patchParentNode(node);
+	patchSlottedRemove(node);
+};
+/**
+* Patches a slotted node from SSR markup: everything {@link patchSlottedNode} does, plus its
+* sibling accessors, so whilst stepping through a non-shadow element's nodes only the mock
+* 'lightDOM' nodes are returned. Frameworks hydrating SSR output often reconcile their VDOM with
+* the real DOM by stepping through nodes with 'nextSibling' et al.
 * - `nextSibling`
 * - `nextElementSibling`
 * - `previousSibling`
@@ -1182,11 +1198,11 @@ const patchChildSlotNodes = (elm) => {
 *
 * @param node the slotted node to be patched
 */
-const patchSlottedNode = (node) => {
+const patchSsrSlottedNode = (node) => {
 	if (!node || node.__nextSibling !== void 0 || !globalThis.Node) return;
 	patchNextSibling(node);
 	patchPreviousSibling(node);
-	patchParentNode(node);
+	patchSlottedNode(node);
 	if (node.nodeType === Node.ELEMENT_NODE) {
 		patchNextElementSibling(node);
 		patchPreviousElementSibling(node);
@@ -1253,6 +1269,39 @@ const patchPreviousElementSibling = (element) => {
 	} });
 };
 /**
+* Detaches a slotted node from where it physically sits in the component's rendered DOM, through
+* the unpatched accessors. Not via `remove()`: mock-doc's `remove()` calls
+* `parentNode.removeChild()`, and a slotted node's patched `parentNode` is the host, whose patched
+* `removeChild()` would come straight back here.
+*
+* @param node the slotted node to detach
+*/
+const removeSlottedNode = (node) => {
+	const parent = internalCall(node, "parentNode");
+	if (parent) internalCall(parent, "removeChild")(node);
+};
+/**
+* Patches `remove()` on a node slotted into a non-shadow component, so that removing it fires
+* `slotchange` on its slot (and updates fallback content), as removing a node from a native slot
+* does. Stencil's own node moves, while `isTmpDisconnected` is set, don't fire it.
+*
+* @param node the slotted node to patch
+*/
+const patchSlottedRemove = (node) => {
+	const child = node;
+	if (!child || child.__remove || typeof child.remove !== "function") return;
+	child.__remove = child.remove;
+	child.remove = function() {
+		const host = this["s-ol"]?.parentElement;
+		const { slotNode } = findSlotFromSlottedNode(this);
+		removeSlottedNode(this);
+		if (slotNode && !(plt.$flags$ & PLATFORM_FLAGS.isTmpDisconnected)) {
+			dispatchSlotChangeEvent(slotNode);
+			updateFallbackSlotVisibility(host);
+		}
+	};
+};
+/**
 * Patches the `parentNode` accessor of a non-shadow slotted node
 *
 * @param node the slotted node to be patched
@@ -1991,6 +2040,7 @@ let isSvgMode = false;
 * These ensure that ref callbacks are called in the correct order:
 * first all removal callbacks (with null), then all attachment callbacks (with elements).
 */
+const initialSlotChanges = /* @__PURE__ */ new Set();
 const refCallbacksToRemove = [];
 const refCallbacksToAttach = [];
 /** Disposers for signal subscriptions on individual DOM nodes (text nodes, <s-show> wrappers). */
@@ -2545,10 +2595,13 @@ const insertBefore = (parent, newNode, reference, isInitialLoad) => {
 		if (BUILD$1.scoped && typeof newNode["s-sn"] === "string" && !!newNode["s-sr"] && !!newNode["s-cr"]) addRemoveSlotScopedClass(newNode["s-cr"], newNode, parent, newNode.parentElement);
 		else if (typeof newNode["s-sn"] === "string") {
 			const hostElm = newNode["s-hn"] && parent.closest?.(newNode["s-hn"]);
-			if ((BUILD$1.lightDomPatches || BUILD$1.slotChildNodes || BUILD$1.patchAll && !!(hostElm && getHostRef(hostElm)?.$cmpMeta$.$flags$ & CMP_FLAGS.patchAll)) && parent.getRootNode().nodeType !== NODE_TYPES.DOCUMENT_FRAGMENT_NODE) patchParentNode(newNode);
+			if ((BUILD$1.lightDomPatches || BUILD$1.slotChildNodes || BUILD$1.patchAll && !!(hostElm && getHostRef(hostElm)?.$cmpMeta$.$flags$ & CMP_FLAGS.patchAll)) && parent.getRootNode().nodeType !== NODE_TYPES.DOCUMENT_FRAGMENT_NODE) patchSlottedNode(newNode);
 			parent.insertBefore(newNode, reference);
 			const { slotNode } = findSlotFromSlottedNode(newNode);
-			if (slotNode && !isInitialLoad) dispatchSlotChangeEvent(slotNode);
+			if (slotNode) {
+				if (isInitialLoad) initialSlotChanges.add(slotNode);
+				else dispatchSlotChangeEvent(slotNode);
+			}
 			return newNode;
 		}
 	}
@@ -2704,6 +2757,11 @@ render() {
 		if (checkSlotFallbackVisibility) updateFallbackSlotVisibility(rootVnode.$elm$);
 		plt.$flags$ &= ~PLATFORM_FLAGS.isTmpDisconnected;
 		relocateNodes.length = 0;
+		if (initialSlotChanges.size) {
+			const slotNodes = [...initialSlotChanges];
+			initialSlotChanges.clear();
+			nextTick(() => slotNodes.forEach(dispatchSlotChangeEvent));
+		}
 	}
 	if (BUILD$1.slotRelocation && !useNativeShadowDom && !(cmpMeta.$flags$ & CMP_FLAGS.shadowDomEncapsulation) && hostElm["s-cr"]) {
 		const children = rootVnode.$elm$.__childNodes || rootVnode.$elm$.childNodes;
@@ -3456,7 +3514,7 @@ const initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
 				}
 				addSlotRelocateNode(siNode, siSlot, false, siNode["s-oo"] || currentPos);
 				if (siNode.parentElement?.shadowRoot && siNode["getAttribute"] && siNode.getAttribute("slot")) siNode.removeAttribute("slot");
-				if (BUILD$1.lightDomPatches || BUILD$1.slotChildNodes || BUILD$1.patchAll && hostRef.$cmpMeta$.$flags$ & CMP_FLAGS.patchAll) patchSlottedNode(siNode);
+				if (BUILD$1.lightDomPatches || BUILD$1.slotChildNodes || BUILD$1.patchAll && hostRef.$cmpMeta$.$flags$ & CMP_FLAGS.patchAll) patchSsrSlottedNode(siNode);
 			}
 			currentPos = (siNode["s-oo"] || currentPos) + 1;
 		}

package/dist/runtime/index.d.ts

@@ -1,4 +1,4 @@
-import { C as ReactiveControllerHostInterface, E as VNode, S as MixedInCtor, T as TagTransformer, _ as ComponentInterface, a as ComponentConstructor, b as HTMLStencilElement, c as ComponentRuntimeMeta, d as HostRef, f as LazyBundlesRuntimeData, g as RuntimeRef, h as RenderNode, i as ChildType, l as ComponentRuntimeMetaCompact, m as PropsType, o as ComponentConstructorChangeHandlers, p as PlatformRuntime, s as ComponentRuntimeHostListener, u as HostElement, v as CustomElementsDefineOptions, w as ResolutionHandler, x as JSXBase, y as FunctionalComponent } from "../index-BHciXst1.js";
+import { C as ReactiveControllerHostInterface, E as VNode, S as MixedInCtor, T as TagTransformer, _ as ComponentInterface, a as ComponentConstructor, b as HTMLStencilElement, c as ComponentRuntimeMeta, d as HostRef, f as LazyBundlesRuntimeData, g as RuntimeRef, h as RenderNode, i as ChildType, l as ComponentRuntimeMetaCompact, m as PropsType, o as ComponentConstructorChangeHandlers, p as PlatformRuntime, s as ComponentRuntimeHostListener, u as HostElement, v as CustomElementsDefineOptions, w as ResolutionHandler, x as JSXBase, y as FunctionalComponent } from "../index-CicD4Pgn.js";
 //#region src/runtime/asset-path.d.ts
 declare const getAssetPath: (path: string) => string;
 declare const setAssetPath: (path: string) => string;

package/dist/runtime/index.js

@@ -844,6 +844,7 @@ const patchSlotAppendChild = (HostElementPrototype) => {
 		const { slotName, slotNode } = findSlotFromSlottedNode(newChild, this);
 		if (slotNode) {
 			addSlotRelocateNode(newChild, slotNode);
+			patchSlottedNode(newChild);
 			const slotChildNodes = getSlotChildSiblings(slotNode, slotName);
 			const appendAfter = slotChildNodes[slotChildNodes.length - 1];
 			const insertedNode = internalCall(internalCall(appendAfter, "parentNode"), "insertBefore")(newChild, appendAfter.nextSibling);
@@ -866,8 +867,10 @@ const patchSlotRemoveChild = (ElementPrototype) => {
 	ElementPrototype.__removeChild = ElementPrototype.removeChild;
 	ElementPrototype.removeChild = function(toRemove) {
 		if (toRemove && typeof toRemove["s-sn"] !== "undefined") {
-			if (getHostSlotNodes(this.__childNodes || this.childNodes, this.tagName, toRemove["s-sn"]) && toRemove.isConnected) {
-				toRemove.remove();
+			const slotNode = getHostSlotNodes(this.__childNodes || this.childNodes, this.tagName, toRemove["s-sn"]);
+			if (slotNode && toRemove.isConnected) {
+				removeSlottedNode(toRemove);
+				if (slotNode[0]) dispatchSlotChangeEvent(slotNode[0]);
 				updateFallbackSlotVisibility(this);
 				return;
 			}
@@ -890,6 +893,7 @@ const patchSlotPrepend = (HostElementPrototype) => {
 			const slotNode = getHostSlotNodes(internalCall(this, "childNodes"), this.tagName, slotName)[0];
 			if (slotNode) {
 				addSlotRelocateNode(newChild, slotNode, true);
+				patchSlottedNode(newChild);
 				const appendAfter = getSlotChildSiblings(slotNode, slotName)[0];
 				const toReturn = internalCall(internalCall(appendAfter, "parentNode"), "insertBefore")(newChild, internalCall(appendAfter, "nextSibling"));
 				dispatchSlotChangeEvent(slotNode);
@@ -965,6 +969,7 @@ const patchInsertBefore = (HostElementPrototype) => {
 					}
 					if (slotName === currentChild["s-sn"]) {
 						addSlotRelocateNode(newChild, slotNode);
+						patchSlottedNode(newChild);
 						internalCall(internalCall(currentChild, "parentNode"), "insertBefore")(newChild, currentChild);
 						dispatchSlotChangeEvent(slotNode);
 					}
@@ -1043,10 +1048,21 @@ const patchChildSlotNodes = (elm) => {
 	} });
 };
 /**
-* Patches sibling accessors of a 'slotted' node within a non-shadow component.
-* Meaning whilst stepping through a non-shadow element's nodes, only the mock 'lightDOM' nodes are returned.
-* Especially relevant when rendering components via SSR... Frameworks will often try to reconcile their
-* VDOM with the real DOM by stepping through nodes with 'nextSibling' et al.
+* Patches a node slotted into a non-shadow component so it behaves as it would in a native slot:
+* - `parentNode` returns the host element
+* - `remove()` fires `slotchange` on the node's slot
+*
+* @param node the slotted node to be patched
+*/
+const patchSlottedNode = (node) => {
+	patchParentNode(node);
+	patchSlottedRemove(node);
+};
+/**
+* Patches a slotted node from SSR markup: everything {@link patchSlottedNode} does, plus its
+* sibling accessors, so whilst stepping through a non-shadow element's nodes only the mock
+* 'lightDOM' nodes are returned. Frameworks hydrating SSR output often reconcile their VDOM with
+* the real DOM by stepping through nodes with 'nextSibling' et al.
 * - `nextSibling`
 * - `nextElementSibling`
 * - `previousSibling`
@@ -1054,11 +1070,11 @@ const patchChildSlotNodes = (elm) => {
 *
 * @param node the slotted node to be patched
 */
-const patchSlottedNode = (node) => {
+const patchSsrSlottedNode = (node) => {
 	if (!node || node.__nextSibling !== void 0 || !globalThis.Node) return;
 	patchNextSibling(node);
 	patchPreviousSibling(node);
-	patchParentNode(node);
+	patchSlottedNode(node);
 	if (node.nodeType === Node.ELEMENT_NODE) {
 		patchNextElementSibling(node);
 		patchPreviousElementSibling(node);
@@ -1125,6 +1141,39 @@ const patchPreviousElementSibling = (element) => {
 	} });
 };
 /**
+* Detaches a slotted node from where it physically sits in the component's rendered DOM, through
+* the unpatched accessors. Not via `remove()`: mock-doc's `remove()` calls
+* `parentNode.removeChild()`, and a slotted node's patched `parentNode` is the host, whose patched
+* `removeChild()` would come straight back here.
+*
+* @param node the slotted node to detach
+*/
+const removeSlottedNode = (node) => {
+	const parent = internalCall(node, "parentNode");
+	if (parent) internalCall(parent, "removeChild")(node);
+};
+/**
+* Patches `remove()` on a node slotted into a non-shadow component, so that removing it fires
+* `slotchange` on its slot (and updates fallback content), as removing a node from a native slot
+* does. Stencil's own node moves, while `isTmpDisconnected` is set, don't fire it.
+*
+* @param node the slotted node to patch
+*/
+const patchSlottedRemove = (node) => {
+	const child = node;
+	if (!child || child.__remove || typeof child.remove !== "function") return;
+	child.__remove = child.remove;
+	child.remove = function() {
+		const host = this["s-ol"]?.parentElement;
+		const { slotNode } = findSlotFromSlottedNode(this);
+		removeSlottedNode(this);
+		if (slotNode && !(plt.$flags$ & PLATFORM_FLAGS.isTmpDisconnected)) {
+			dispatchSlotChangeEvent(slotNode);
+			updateFallbackSlotVisibility(host);
+		}
+	};
+};
+/**
 * Patches the `parentNode` accessor of a non-shadow slotted node
 *
 * @param node the slotted node to be patched
@@ -1863,6 +1912,7 @@ let isSvgMode = false;
 * These ensure that ref callbacks are called in the correct order:
 * first all removal callbacks (with null), then all attachment callbacks (with elements).
 */
+const initialSlotChanges = /* @__PURE__ */ new Set();
 const refCallbacksToRemove = [];
 const refCallbacksToAttach = [];
 /** Disposers for signal subscriptions on individual DOM nodes (text nodes, <s-show> wrappers). */
@@ -2417,10 +2467,13 @@ const insertBefore = (parent, newNode, reference, isInitialLoad) => {
 		if (BUILD.scoped && typeof newNode["s-sn"] === "string" && !!newNode["s-sr"] && !!newNode["s-cr"]) addRemoveSlotScopedClass(newNode["s-cr"], newNode, parent, newNode.parentElement);
 		else if (typeof newNode["s-sn"] === "string") {
 			const hostElm = newNode["s-hn"] && parent.closest?.(newNode["s-hn"]);
-			if ((BUILD.lightDomPatches || BUILD.slotChildNodes || BUILD.patchAll && !!(hostElm && getHostRef(hostElm)?.$cmpMeta$.$flags$ & CMP_FLAGS.patchAll)) && parent.getRootNode().nodeType !== NODE_TYPES.DOCUMENT_FRAGMENT_NODE) patchParentNode(newNode);
+			if ((BUILD.lightDomPatches || BUILD.slotChildNodes || BUILD.patchAll && !!(hostElm && getHostRef(hostElm)?.$cmpMeta$.$flags$ & CMP_FLAGS.patchAll)) && parent.getRootNode().nodeType !== NODE_TYPES.DOCUMENT_FRAGMENT_NODE) patchSlottedNode(newNode);
 			parent.insertBefore(newNode, reference);
 			const { slotNode } = findSlotFromSlottedNode(newNode);
-			if (slotNode && !isInitialLoad) dispatchSlotChangeEvent(slotNode);
+			if (slotNode) {
+				if (isInitialLoad) initialSlotChanges.add(slotNode);
+				else dispatchSlotChangeEvent(slotNode);
+			}
 			return newNode;
 		}
 	}
@@ -2576,6 +2629,11 @@ render() {
 		if (checkSlotFallbackVisibility) updateFallbackSlotVisibility(rootVnode.$elm$);
 		plt.$flags$ &= ~PLATFORM_FLAGS.isTmpDisconnected;
 		relocateNodes.length = 0;
+		if (initialSlotChanges.size) {
+			const slotNodes = [...initialSlotChanges];
+			initialSlotChanges.clear();
+			nextTick(() => slotNodes.forEach(dispatchSlotChangeEvent));
+		}
 	}
 	if (BUILD.slotRelocation && !useNativeShadowDom && !(cmpMeta.$flags$ & CMP_FLAGS.shadowDomEncapsulation) && hostElm["s-cr"]) {
 		const children = rootVnode.$elm$.__childNodes || rootVnode.$elm$.childNodes;
@@ -3328,7 +3386,7 @@ const initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
 				}
 				addSlotRelocateNode(siNode, siSlot, false, siNode["s-oo"] || currentPos);
 				if (siNode.parentElement?.shadowRoot && siNode["getAttribute"] && siNode.getAttribute("slot")) siNode.removeAttribute("slot");
-				if (BUILD.lightDomPatches || BUILD.slotChildNodes || BUILD.patchAll && hostRef.$cmpMeta$.$flags$ & CMP_FLAGS.patchAll) patchSlottedNode(siNode);
+				if (BUILD.lightDomPatches || BUILD.slotChildNodes || BUILD.patchAll && hostRef.$cmpMeta$.$flags$ & CMP_FLAGS.patchAll) patchSsrSlottedNode(siNode);
 			}
 			currentPos = (siNode["s-oo"] || currentPos) + 1;
 		}

package/dist/runtime/server/index.mjs

@@ -640,6 +640,7 @@ const patchSlotAppendChild = (HostElementPrototype) => {
 		const { slotName, slotNode } = findSlotFromSlottedNode(newChild, this);
 		if (slotNode) {
 			addSlotRelocateNode(newChild, slotNode);
+			patchSlottedNode(newChild);
 			const slotChildNodes = getSlotChildSiblings(slotNode, slotName);
 			const appendAfter = slotChildNodes[slotChildNodes.length - 1];
 			const insertedNode = internalCall(internalCall(appendAfter, "parentNode"), "insertBefore")(newChild, appendAfter.nextSibling);
@@ -662,8 +663,10 @@ const patchSlotRemoveChild = (ElementPrototype) => {
 	ElementPrototype.__removeChild = ElementPrototype.removeChild;
 	ElementPrototype.removeChild = function(toRemove) {
 		if (toRemove && typeof toRemove["s-sn"] !== "undefined") {
-			if (getHostSlotNodes(this.__childNodes || this.childNodes, this.tagName, toRemove["s-sn"]) && toRemove.isConnected) {
-				toRemove.remove();
+			const slotNode = getHostSlotNodes(this.__childNodes || this.childNodes, this.tagName, toRemove["s-sn"]);
+			if (slotNode && toRemove.isConnected) {
+				removeSlottedNode(toRemove);
+				if (slotNode[0]) dispatchSlotChangeEvent(slotNode[0]);
 				updateFallbackSlotVisibility(this);
 				return;
 			}
@@ -686,6 +689,7 @@ const patchSlotPrepend = (HostElementPrototype) => {
 			const slotNode = getHostSlotNodes(internalCall(this, "childNodes"), this.tagName, slotName)[0];
 			if (slotNode) {
 				addSlotRelocateNode(newChild, slotNode, true);
+				patchSlottedNode(newChild);
 				const appendAfter = getSlotChildSiblings(slotNode, slotName)[0];
 				const toReturn = internalCall(internalCall(appendAfter, "parentNode"), "insertBefore")(newChild, internalCall(appendAfter, "nextSibling"));
 				dispatchSlotChangeEvent(slotNode);
@@ -761,6 +765,7 @@ const patchInsertBefore = (HostElementPrototype) => {
 					}
 					if (slotName === currentChild["s-sn"]) {
 						addSlotRelocateNode(newChild, slotNode);
+						patchSlottedNode(newChild);
 						internalCall(internalCall(currentChild, "parentNode"), "insertBefore")(newChild, currentChild);
 						dispatchSlotChangeEvent(slotNode);
 					}
@@ -839,10 +844,21 @@ const patchChildSlotNodes = (elm) => {
 	} });
 };
 /**
-* Patches sibling accessors of a 'slotted' node within a non-shadow component.
-* Meaning whilst stepping through a non-shadow element's nodes, only the mock 'lightDOM' nodes are returned.
-* Especially relevant when rendering components via SSR... Frameworks will often try to reconcile their
-* VDOM with the real DOM by stepping through nodes with 'nextSibling' et al.
+* Patches a node slotted into a non-shadow component so it behaves as it would in a native slot:
+* - `parentNode` returns the host element
+* - `remove()` fires `slotchange` on the node's slot
+*
+* @param node the slotted node to be patched
+*/
+const patchSlottedNode = (node) => {
+	patchParentNode(node);
+	patchSlottedRemove(node);
+};
+/**
+* Patches a slotted node from SSR markup: everything {@link patchSlottedNode} does, plus its
+* sibling accessors, so whilst stepping through a non-shadow element's nodes only the mock
+* 'lightDOM' nodes are returned. Frameworks hydrating SSR output often reconcile their VDOM with
+* the real DOM by stepping through nodes with 'nextSibling' et al.
 * - `nextSibling`
 * - `nextElementSibling`
 * - `previousSibling`
@@ -850,11 +866,11 @@ const patchChildSlotNodes = (elm) => {
 *
 * @param node the slotted node to be patched
 */
-const patchSlottedNode = (node) => {
+const patchSsrSlottedNode = (node) => {
 	if (!node || node.__nextSibling !== void 0 || !globalThis.Node) return;
 	patchNextSibling(node);
 	patchPreviousSibling(node);
-	patchParentNode(node);
+	patchSlottedNode(node);
 	if (node.nodeType === Node.ELEMENT_NODE) {
 		patchNextElementSibling(node);
 		patchPreviousElementSibling(node);
@@ -921,6 +937,39 @@ const patchPreviousElementSibling = (element) => {
 	} });
 };
 /**
+* Detaches a slotted node from where it physically sits in the component's rendered DOM, through
+* the unpatched accessors. Not via `remove()`: mock-doc's `remove()` calls
+* `parentNode.removeChild()`, and a slotted node's patched `parentNode` is the host, whose patched
+* `removeChild()` would come straight back here.
+*
+* @param node the slotted node to detach
+*/
+const removeSlottedNode = (node) => {
+	const parent = internalCall(node, "parentNode");
+	if (parent) internalCall(parent, "removeChild")(node);
+};
+/**
+* Patches `remove()` on a node slotted into a non-shadow component, so that removing it fires
+* `slotchange` on its slot (and updates fallback content), as removing a node from a native slot
+* does. Stencil's own node moves, while `isTmpDisconnected` is set, don't fire it.
+*
+* @param node the slotted node to patch
+*/
+const patchSlottedRemove = (node) => {
+	const child = node;
+	if (!child || child.__remove || typeof child.remove !== "function") return;
+	child.__remove = child.remove;
+	child.remove = function() {
+		const host = this["s-ol"]?.parentElement;
+		const { slotNode } = findSlotFromSlottedNode(this);
+		removeSlottedNode(this);
+		if (slotNode && !(plt.$flags$ & PLATFORM_FLAGS.isTmpDisconnected)) {
+			dispatchSlotChangeEvent(slotNode);
+			updateFallbackSlotVisibility(host);
+		}
+	};
+};
+/**
 * Patches the `parentNode` accessor of a non-shadow slotted node
 *
 * @param node the slotted node to be patched
@@ -1627,6 +1676,7 @@ let isSvgMode = false;
 * These ensure that ref callbacks are called in the correct order:
 * first all removal callbacks (with null), then all attachment callbacks (with elements).
 */
+const initialSlotChanges = /* @__PURE__ */ new Set();
 const refCallbacksToRemove = [];
 const refCallbacksToAttach = [];
 /** Disposers for signal subscriptions on individual DOM nodes (text nodes, <s-show> wrappers). */
@@ -2181,10 +2231,13 @@ const insertBefore = (parent, newNode, reference, isInitialLoad) => {
 		if (BUILD$1.scoped && typeof newNode["s-sn"] === "string" && !!newNode["s-sr"] && !!newNode["s-cr"]) addRemoveSlotScopedClass(newNode["s-cr"], newNode, parent, newNode.parentElement);
 		else if (typeof newNode["s-sn"] === "string") {
 			const hostElm = newNode["s-hn"] && parent.closest?.(newNode["s-hn"]);
-			if ((BUILD$1.lightDomPatches || BUILD$1.slotChildNodes || BUILD$1.patchAll && !!(hostElm && getHostRef(hostElm)?.$cmpMeta$.$flags$ & CMP_FLAGS.patchAll)) && parent.getRootNode().nodeType !== NODE_TYPES.DOCUMENT_FRAGMENT_NODE) patchParentNode(newNode);
+			if ((BUILD$1.lightDomPatches || BUILD$1.slotChildNodes || BUILD$1.patchAll && !!(hostElm && getHostRef(hostElm)?.$cmpMeta$.$flags$ & CMP_FLAGS.patchAll)) && parent.getRootNode().nodeType !== NODE_TYPES.DOCUMENT_FRAGMENT_NODE) patchSlottedNode(newNode);
 			parent.insertBefore(newNode, reference);
 			const { slotNode } = findSlotFromSlottedNode(newNode);
-			if (slotNode && !isInitialLoad) dispatchSlotChangeEvent(slotNode);
+			if (slotNode) {
+				if (isInitialLoad) initialSlotChanges.add(slotNode);
+				else dispatchSlotChangeEvent(slotNode);
+			}
 			return newNode;
 		}
 	}
@@ -2340,6 +2393,11 @@ render() {
 		if (checkSlotFallbackVisibility) updateFallbackSlotVisibility(rootVnode.$elm$);
 		plt.$flags$ &= ~PLATFORM_FLAGS.isTmpDisconnected;
 		relocateNodes.length = 0;
+		if (initialSlotChanges.size) {
+			const slotNodes = [...initialSlotChanges];
+			initialSlotChanges.clear();
+			nextTick(() => slotNodes.forEach(dispatchSlotChangeEvent));
+		}
 	}
 	if (BUILD$1.slotRelocation && !useNativeShadowDom && !(cmpMeta.$flags$ & CMP_FLAGS.shadowDomEncapsulation) && hostElm["s-cr"]) {
 		const children = rootVnode.$elm$.__childNodes || rootVnode.$elm$.childNodes;
@@ -3090,7 +3148,7 @@ const initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
 				}
 				addSlotRelocateNode(siNode, siSlot, false, siNode["s-oo"] || currentPos);
 				if (siNode.parentElement?.shadowRoot && siNode["getAttribute"] && siNode.getAttribute("slot")) siNode.removeAttribute("slot");
-				if (BUILD$1.lightDomPatches || BUILD$1.slotChildNodes || BUILD$1.patchAll && hostRef.$cmpMeta$.$flags$ & CMP_FLAGS.patchAll) patchSlottedNode(siNode);
+				if (BUILD$1.lightDomPatches || BUILD$1.slotChildNodes || BUILD$1.patchAll && hostRef.$cmpMeta$.$flags$ & CMP_FLAGS.patchAll) patchSsrSlottedNode(siNode);
 			}
 			currentPos = (siNode["s-oo"] || currentPos) + 1;
 		}

package/dist/sys/node/index.mjs

@@ -1,2 +1,2 @@
-import { n as setupNodeProcess, r as createNodeLogger, t as createNodeSys } from "../../node-CvPPhnWO.mjs";
+import { n as setupNodeProcess, r as createNodeLogger, t as createNodeSys } from "../../node-D-21Ykxi.mjs";
 export { createNodeLogger, createNodeSys, setupNodeProcess };

package/dist/sys/node/worker.mjs

@@ -1,5 +1,5 @@
-import { l as createWorkerMessageHandler } from "../../compiler-6RhuOkQ0.mjs";
-import { t as createNodeSys } from "../../node-CvPPhnWO.mjs";
+import { l as createWorkerMessageHandler } from "../../compiler-BI12oAIV.mjs";
+import { t as createNodeSys } from "../../node-D-21Ykxi.mjs";
 //#region src/sys/node/node-worker-thread.ts
 /**
 * Initialize a worker thread, setting up various machinery for managing

package/dist/testing/index.mjs

@@ -33,7 +33,7 @@ import "@rollup/pluginutils";
 import { createHash } from "crypto";
 import { afterAll, vi } from "vitest";
 //#region src/version.ts
-const version = "5.0.0-beta.30";
+const version = "5.0.0-beta.31";
 const MEMBER_FLAGS = {
 	String: 1,
 	Number: 2,
@@ -1472,6 +1472,7 @@ const patchSlotAppendChild = (HostElementPrototype) => {
 		const { slotName, slotNode } = findSlotFromSlottedNode(newChild, this);
 		if (slotNode) {
 			addSlotRelocateNode(newChild, slotNode);
+			patchSlottedNode(newChild);
 			const slotChildNodes = getSlotChildSiblings(slotNode, slotName);
 			const appendAfter = slotChildNodes[slotChildNodes.length - 1];
 			const insertedNode = internalCall(internalCall(appendAfter, "parentNode"), "insertBefore")(newChild, appendAfter.nextSibling);
@@ -1494,8 +1495,10 @@ const patchSlotRemoveChild = (ElementPrototype) => {
 	ElementPrototype.__removeChild = ElementPrototype.removeChild;
 	ElementPrototype.removeChild = function(toRemove) {
 		if (toRemove && typeof toRemove["s-sn"] !== "undefined") {
-			if (getHostSlotNodes(this.__childNodes || this.childNodes, this.tagName, toRemove["s-sn"]) && toRemove.isConnected) {
-				toRemove.remove();
+			const slotNode = getHostSlotNodes(this.__childNodes || this.childNodes, this.tagName, toRemove["s-sn"]);
+			if (slotNode && toRemove.isConnected) {
+				removeSlottedNode(toRemove);
+				if (slotNode[0]) dispatchSlotChangeEvent(slotNode[0]);
 				updateFallbackSlotVisibility(this);
 				return;
 			}
@@ -1518,6 +1521,7 @@ const patchSlotPrepend = (HostElementPrototype) => {
 			const slotNode = getHostSlotNodes(internalCall(this, "childNodes"), this.tagName, slotName)[0];
 			if (slotNode) {
 				addSlotRelocateNode(newChild, slotNode, true);
+				patchSlottedNode(newChild);
 				const appendAfter = getSlotChildSiblings(slotNode, slotName)[0];
 				const toReturn = internalCall(internalCall(appendAfter, "parentNode"), "insertBefore")(newChild, internalCall(appendAfter, "nextSibling"));
 				dispatchSlotChangeEvent(slotNode);
@@ -1593,6 +1597,7 @@ const patchInsertBefore = (HostElementPrototype) => {
 					}
 					if (slotName === currentChild["s-sn"]) {
 						addSlotRelocateNode(newChild, slotNode);
+						patchSlottedNode(newChild);
 						internalCall(internalCall(currentChild, "parentNode"), "insertBefore")(newChild, currentChild);
 						dispatchSlotChangeEvent(slotNode);
 					}
@@ -1671,10 +1676,21 @@ const patchChildSlotNodes = (elm) => {
 	} });
 };
 /**
-* Patches sibling accessors of a 'slotted' node within a non-shadow component.
-* Meaning whilst stepping through a non-shadow element's nodes, only the mock 'lightDOM' nodes are returned.
-* Especially relevant when rendering components via SSR... Frameworks will often try to reconcile their
-* VDOM with the real DOM by stepping through nodes with 'nextSibling' et al.
+* Patches a node slotted into a non-shadow component so it behaves as it would in a native slot:
+* - `parentNode` returns the host element
+* - `remove()` fires `slotchange` on the node's slot
+*
+* @param node the slotted node to be patched
+*/
+const patchSlottedNode = (node) => {
+	patchParentNode(node);
+	patchSlottedRemove(node);
+};
+/**
+* Patches a slotted node from SSR markup: everything {@link patchSlottedNode} does, plus its
+* sibling accessors, so whilst stepping through a non-shadow element's nodes only the mock
+* 'lightDOM' nodes are returned. Frameworks hydrating SSR output often reconcile their VDOM with
+* the real DOM by stepping through nodes with 'nextSibling' et al.
 * - `nextSibling`
 * - `nextElementSibling`
 * - `previousSibling`
@@ -1682,11 +1698,11 @@ const patchChildSlotNodes = (elm) => {
 *
 * @param node the slotted node to be patched
 */
-const patchSlottedNode = (node) => {
+const patchSsrSlottedNode = (node) => {
 	if (!node || node.__nextSibling !== void 0 || !globalThis.Node) return;
 	patchNextSibling(node);
 	patchPreviousSibling(node);
-	patchParentNode(node);
+	patchSlottedNode(node);
 	if (node.nodeType === Node.ELEMENT_NODE) {
 		patchNextElementSibling(node);
 		patchPreviousElementSibling(node);
@@ -1753,6 +1769,39 @@ const patchPreviousElementSibling = (element) => {
 	} });
 };
 /**
+* Detaches a slotted node from where it physically sits in the component's rendered DOM, through
+* the unpatched accessors. Not via `remove()`: mock-doc's `remove()` calls
+* `parentNode.removeChild()`, and a slotted node's patched `parentNode` is the host, whose patched
+* `removeChild()` would come straight back here.
+*
+* @param node the slotted node to detach
+*/
+const removeSlottedNode = (node) => {
+	const parent = internalCall(node, "parentNode");
+	if (parent) internalCall(parent, "removeChild")(node);
+};
+/**
+* Patches `remove()` on a node slotted into a non-shadow component, so that removing it fires
+* `slotchange` on its slot (and updates fallback content), as removing a node from a native slot
+* does. Stencil's own node moves, while `isTmpDisconnected` is set, don't fire it.
+*
+* @param node the slotted node to patch
+*/
+const patchSlottedRemove = (node) => {
+	const child = node;
+	if (!child || child.__remove || typeof child.remove !== "function") return;
+	child.__remove = child.remove;
+	child.remove = function() {
+		const host = this["s-ol"]?.parentElement;
+		const { slotNode } = findSlotFromSlottedNode(this);
+		removeSlottedNode(this);
+		if (slotNode && !(plt.$flags$ & PLATFORM_FLAGS.isTmpDisconnected)) {
+			dispatchSlotChangeEvent(slotNode);
+			updateFallbackSlotVisibility(host);
+		}
+	};
+};
+/**
 * Patches the `parentNode` accessor of a non-shadow slotted node
 *
 * @param node the slotted node to be patched
@@ -2382,6 +2431,7 @@ let isSvgMode = false;
 * These ensure that ref callbacks are called in the correct order:
 * first all removal callbacks (with null), then all attachment callbacks (with elements).
 */
+const initialSlotChanges = /* @__PURE__ */ new Set();
 const refCallbacksToRemove = [];
 const refCallbacksToAttach = [];
 /** Disposers for signal subscriptions on individual DOM nodes (text nodes, <s-show> wrappers). */
@@ -2936,10 +2986,13 @@ const insertBefore = (parent, newNode, reference, isInitialLoad) => {
 		if (BUILD.scoped && typeof newNode["s-sn"] === "string" && !!newNode["s-sr"] && !!newNode["s-cr"]) addRemoveSlotScopedClass(newNode["s-cr"], newNode, parent, newNode.parentElement);
 		else if (typeof newNode["s-sn"] === "string") {
 			const hostElm = newNode["s-hn"] && parent.closest?.(newNode["s-hn"]);
-			if ((BUILD.lightDomPatches || BUILD.slotChildNodes || BUILD.patchAll && !!(hostElm && getHostRef(hostElm)?.$cmpMeta$.$flags$ & CMP_FLAGS.patchAll)) && parent.getRootNode().nodeType !== NODE_TYPES.DOCUMENT_FRAGMENT_NODE) patchParentNode(newNode);
+			if ((BUILD.lightDomPatches || BUILD.slotChildNodes || BUILD.patchAll && !!(hostElm && getHostRef(hostElm)?.$cmpMeta$.$flags$ & CMP_FLAGS.patchAll)) && parent.getRootNode().nodeType !== NODE_TYPES.DOCUMENT_FRAGMENT_NODE) patchSlottedNode(newNode);
 			parent.insertBefore(newNode, reference);
 			const { slotNode } = findSlotFromSlottedNode(newNode);
-			if (slotNode && !isInitialLoad) dispatchSlotChangeEvent(slotNode);
+			if (slotNode) {
+				if (isInitialLoad) initialSlotChanges.add(slotNode);
+				else dispatchSlotChangeEvent(slotNode);
+			}
 			return newNode;
 		}
 	}
@@ -3095,6 +3148,11 @@ render() {
 		if (checkSlotFallbackVisibility) updateFallbackSlotVisibility(rootVnode.$elm$);
 		plt.$flags$ &= ~PLATFORM_FLAGS.isTmpDisconnected;
 		relocateNodes.length = 0;
+		if (initialSlotChanges.size) {
+			const slotNodes = [...initialSlotChanges];
+			initialSlotChanges.clear();
+			nextTick(() => slotNodes.forEach(dispatchSlotChangeEvent));
+		}
 	}
 	if (BUILD.slotRelocation && !useNativeShadowDom && !(cmpMeta.$flags$ & CMP_FLAGS.shadowDomEncapsulation) && hostElm["s-cr"]) {
 		const children = rootVnode.$elm$.__childNodes || rootVnode.$elm$.childNodes;
@@ -3847,7 +3905,7 @@ const initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
 				}
 				addSlotRelocateNode(siNode, siSlot, false, siNode["s-oo"] || currentPos);
 				if (siNode.parentElement?.shadowRoot && siNode["getAttribute"] && siNode.getAttribute("slot")) siNode.removeAttribute("slot");
-				if (BUILD.lightDomPatches || BUILD.slotChildNodes || BUILD.patchAll && hostRef.$cmpMeta$.$flags$ & CMP_FLAGS.patchAll) patchSlottedNode(siNode);
+				if (BUILD.lightDomPatches || BUILD.slotChildNodes || BUILD.patchAll && hostRef.$cmpMeta$.$flags$ & CMP_FLAGS.patchAll) patchSsrSlottedNode(siNode);
 			}
 			currentPos = (siNode["s-oo"] || currentPos) + 1;
 		}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core",
-  "version": "5.0.0-beta.30",
+  "version": "5.0.0-beta.31",
   "description": "A Compiler for Web Components and Progressive Web Apps",
   "keywords": [
     "components",
@@ -126,9 +126,9 @@
     "terser": "^5.50.0",
     "tinyglobby": "^0.2.17",
     "typescript": ">5.0.0 <7.0.0",
-    "@stencil/cli": "5.0.0-beta.30",
-    "@stencil/mock-doc": "5.0.0-beta.30",
-    "@stencil/dev-server": "5.0.0-beta.30"
+    "@stencil/mock-doc": "5.0.0-beta.31",
+    "@stencil/cli": "5.0.0-beta.31",
+    "@stencil/dev-server": "5.0.0-beta.31"
   },
   "devDependencies": {
     "@ionic/prettier-config": "^4.0.0",