@stencil/core 5.0.0-beta.33 → 5.0.0-beta.34

package/dist/{client-DIvBaMnB.mjs → client-UbH-XkYu.mjs}

@@ -1057,6 +1057,7 @@ let hostTagName;
 let hostRegistry;
 let useNativeShadowDom = false;
 let checkSlotFallbackVisibility = false;
+/** Whether the current render has slotted content to relocate. Set at the start of each render. */
 let checkSlotRelocate = false;
 let isSvgMode = false;
 /**
@@ -1616,6 +1617,7 @@ const flushQueuedRefCallbacks = () => {
 */
 const insertBefore = (parent, newNode, reference, isInitialLoad) => {
 	if (BUILD.slotRelocation) {
+		if (parent?.["s-cr"]) checkSlotRelocate = true;
 		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"]);
@@ -1718,6 +1720,7 @@ render() {
 	if (BUILD.slotRelocation) {
 		contentRef = hostElm["s-cr"];
 		checkSlotFallbackVisibility = false;
+		checkSlotRelocate = !useNativeShadowDom && !!(cmpMeta.$flags$ & CMP_FLAGS.hasSlot);
 	}
 	patch(oldVNode, rootVnode, isInitialLoad);
 	if (BUILD.slotRelocation) {
@@ -1787,7 +1790,7 @@ render() {
 			nextTick(() => slotNodes.forEach(dispatchSlotChangeEvent));
 		}
 	}
-	if (BUILD.slotRelocation && !useNativeShadowDom && !(cmpMeta.$flags$ & CMP_FLAGS.shadowDomEncapsulation) && hostElm["s-cr"]) {
+	if (BUILD.slotRelocation && !(cmpMeta.$flags$ & CMP_FLAGS.shadowDomEncapsulation) && hostElm["s-cr"]) {
 		const children = rootVnode.$elm$.__childNodes || rootVnode.$elm$.childNodes;
 		for (const childNode of children) if (childNode["s-hn"] !== hostTagName && childNode["s-sh"] !== hostTagName) {
 			if (isInitialLoad && childNode["s-ih"] == null) childNode["s-ih"] = childNode.hidden ?? false;

package/dist/compiler/browser.js

@@ -1843,7 +1843,7 @@ const validateComponentTag = (tag) => {
 };
 //#endregion
 //#region src/version.ts
-const version = "5.0.0-beta.33";
+const version = "5.0.0-beta.34";
 //#endregion
 //#region src/compiler/events.ts
 const buildEvents = () => {

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-BY98wn8T.mjs";
-import { a as LOG_LEVELS, i as CustomElementsExportBehaviorOptions } from "../node-CPevTsN9.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-CVL510L-.mjs";
+import { a as LOG_LEVELS, i as CustomElementsExportBehaviorOptions } from "../node-eg7pofz5.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-BY98wn8T.mjs → compiler-CVL510L-.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-DIvBaMnB.mjs";
+import { E as SERVER_BUILD_FLAGS, T as HYDRATED_CSS, w as CLIENT_BUILD_FLAGS } from "./client-UbH-XkYu.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-BlVm1Vu0.mjs";
 import { $ as buildWarn, A as isOutputTargetDocsVscode, B as isValidConfigOutputTarget, C as isOutputTargetDistLazy, D as isOutputTargetDocsCustomElementsManifest, E as isOutputTargetDocsCustom, F as isOutputTargetSsrWasm, G as normalizeFsPath, H as shouldExcludeComponent, I as isOutputTargetStandalone, J as relative$1, K as normalizeFsPathQuery, L as isOutputTargetStats, M as isOutputTargetLoaderBundle, N as isOutputTargetServerRenderer, O as isOutputTargetDocsJson, P as isOutputTargetSsr, Q as buildJsonFileError, R as isOutputTargetTypes, S as isOutputTargetCustom, T as isOutputTargetDocsAgentSkill, U as join$2, V as relativeImport, Y as resolve$2, Z as buildError, a as hasDependency, b as isOutputTargetCollection, d as parsePackageJson, et as catchError, f as readOnlyArrayHasStringMember, g as getComponentsDtsSrcFilePath, h as filterExcludedComponents, i as getTextDocs, it as isGlob, j as isOutputTargetGlobalStyle, k as isOutputTargetDocsReadme, l as isTsFile, m as filterActiveTargets, n as createJsVarName, nt as hasWarning, o as isDtsFile, p as readPackageJson, q as normalizePath, r as generatePreamble, t as addDocBlock, tt as hasError, u as isTsxFile, v as getComponentsFromModules, w as isOutputTargetDocs, x as isOutputTargetCopy, y as isOutputTargetAssets, z as isOutputTargetWww } from "./util-C-H1H84W.mjs";
-import { i as CustomElementsExportBehaviorOptions, o as buildEvents, r as createNodeLogger, t as createNodeSys } from "./node-CPevTsN9.mjs";
+import { i as CustomElementsExportBehaviorOptions, o as buildEvents, r as createNodeLogger, t as createNodeSys } from "./node-eg7pofz5.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.33";
-const buildId = "1793922003";
-const vermoji = "📌";
+const version = "5.0.0-beta.34";
+const buildId = "1793980027";
+const vermoji = "🦀";
 /**
 * Get the installed version of a tool/dependency.
 * Handles packages with exports maps that point to subdirectories.

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-DIvBaMnB.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-UbH-XkYu.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-DIvBaMnB.mjs";
+import { n as jsxDEV, r as jsxs, t as jsx } from "./client-UbH-XkYu.mjs";
 import { t as Fragment } from "./fragment-Di1hWOC8.mjs";
 export { Fragment, jsx, jsxDEV, jsxs };

package/dist/{node-CPevTsN9.mjs → node-eg7pofz5.mjs}

@@ -1,5 +1,5 @@
 import { n as __require } from "./rolldown-runtime-BhDjJH2R.mjs";
-import "./client-DIvBaMnB.mjs";
+import "./client-UbH-XkYu.mjs";
 import { c as isFunction, f as isString, m as noop, r as flatOne } from "./helpers-Cpp3qc3u.mjs";
 import { X as TASK_CANCELED_MSG, Z as buildError, et as catchError, it as isGlob, q as normalizePath, rt as shouldIgnoreError } from "./util-C-H1H84W.mjs";
 import fs from "node:fs";

package/dist/runtime/client/lazy.js

@@ -2039,6 +2039,7 @@ let hostTagName;
 let hostRegistry;
 let useNativeShadowDom = false;
 let checkSlotFallbackVisibility = false;
+/** Whether the current render has slotted content to relocate. Set at the start of each render. */
 let checkSlotRelocate = false;
 let isSvgMode = false;
 /**
@@ -2598,6 +2599,7 @@ const flushQueuedRefCallbacks = () => {
 */
 const insertBefore = (parent, newNode, reference, isInitialLoad) => {
 	if (BUILD.slotRelocation) {
+		if (parent?.["s-cr"]) checkSlotRelocate = true;
 		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"]);
@@ -2700,6 +2702,7 @@ render() {
 	if (BUILD.slotRelocation) {
 		contentRef = hostElm["s-cr"];
 		checkSlotFallbackVisibility = false;
+		checkSlotRelocate = !useNativeShadowDom && !!(cmpMeta.$flags$ & CMP_FLAGS.hasSlot);
 	}
 	patch(oldVNode, rootVnode, isInitialLoad);
 	if (BUILD.slotRelocation) {
@@ -2769,7 +2772,7 @@ render() {
 			nextTick(() => slotNodes.forEach(dispatchSlotChangeEvent));
 		}
 	}
-	if (BUILD.slotRelocation && !useNativeShadowDom && !(cmpMeta.$flags$ & CMP_FLAGS.shadowDomEncapsulation) && hostElm["s-cr"]) {
+	if (BUILD.slotRelocation && !(cmpMeta.$flags$ & CMP_FLAGS.shadowDomEncapsulation) && hostElm["s-cr"]) {
 		const children = rootVnode.$elm$.__childNodes || rootVnode.$elm$.childNodes;
 		for (const childNode of children) if (childNode["s-hn"] !== hostTagName && childNode["s-sh"] !== hostTagName) {
 			if (isInitialLoad && childNode["s-ih"] == null) childNode["s-ih"] = childNode.hidden ?? false;
@@ -3463,7 +3466,7 @@ const initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
 		const orgLocationNode = plt.$orgLocNodes$.get(orgLocationId);
 		const node = childRenderNode.$elm$;
 		if (!shadowRoot) {
-			node["s-hn"] = transformTag(tagName).toUpperCase();
+			if (childRenderNode.$hostId$ === hostId) node["s-hn"] = transformTag(tagName).toUpperCase();
 			if (childRenderNode.$tag$ === "slot") node["s-cr"] = hostElm["s-cr"];
 		} else if (childRenderNode.$tag$?.toString().includes("-") && childRenderNode.$tag$ !== "slot-fb" && !childRenderNode.$elm$.shadowRoot) {
 			const cmpMeta = getHostRef(childRenderNode.$elm$);
@@ -3513,11 +3516,7 @@ const initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
 			const siSlot = slottedItem.slot;
 			if (hostEle.shadowRoot && siNode.parentElement !== hostEle) hostEle.insertBefore(siNode, slotGroup[snGroupIdx - 1]?.node?.nextSibling);
 			if (!hostEle.shadowRoot || !shadowRoot) {
-				if (!siSlot["s-cr"]) {
-					siSlot["s-cr"] = hostEle["s-cr"];
-					if (!siSlot["s-cr"] && hostEle.shadowRoot) siSlot["s-cr"] = hostEle;
-					else siSlot["s-cr"] = (hostEle.__childNodes || hostEle.childNodes)[0];
-				}
+				if (!siSlot["s-cr"]) siSlot["s-cr"] = hostEle["s-cr"] || (hostEle.shadowRoot ? hostEle : (hostEle.__childNodes || hostEle.childNodes)[0]);
 				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) patchSsrSlottedNode(siNode);

package/dist/runtime/client/runtime.js

@@ -2033,6 +2033,7 @@ let hostTagName;
 let hostRegistry;
 let useNativeShadowDom = false;
 let checkSlotFallbackVisibility = false;
+/** Whether the current render has slotted content to relocate. Set at the start of each render. */
 let checkSlotRelocate = false;
 let isSvgMode = false;
 /**
@@ -2592,6 +2593,7 @@ const flushQueuedRefCallbacks = () => {
 */
 const insertBefore = (parent, newNode, reference, isInitialLoad) => {
 	if (BUILD$1.slotRelocation) {
+		if (parent?.["s-cr"]) checkSlotRelocate = true;
 		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"]);
@@ -2694,6 +2696,7 @@ render() {
 	if (BUILD$1.slotRelocation) {
 		contentRef = hostElm["s-cr"];
 		checkSlotFallbackVisibility = false;
+		checkSlotRelocate = !useNativeShadowDom && !!(cmpMeta.$flags$ & CMP_FLAGS.hasSlot);
 	}
 	patch(oldVNode, rootVnode, isInitialLoad);
 	if (BUILD$1.slotRelocation) {
@@ -2763,7 +2766,7 @@ render() {
 			nextTick(() => slotNodes.forEach(dispatchSlotChangeEvent));
 		}
 	}
-	if (BUILD$1.slotRelocation && !useNativeShadowDom && !(cmpMeta.$flags$ & CMP_FLAGS.shadowDomEncapsulation) && hostElm["s-cr"]) {
+	if (BUILD$1.slotRelocation && !(cmpMeta.$flags$ & CMP_FLAGS.shadowDomEncapsulation) && hostElm["s-cr"]) {
 		const children = rootVnode.$elm$.__childNodes || rootVnode.$elm$.childNodes;
 		for (const childNode of children) if (childNode["s-hn"] !== hostTagName && childNode["s-sh"] !== hostTagName) {
 			if (isInitialLoad && childNode["s-ih"] == null) childNode["s-ih"] = childNode.hidden ?? false;
@@ -3457,7 +3460,7 @@ const initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
 		const orgLocationNode = plt.$orgLocNodes$.get(orgLocationId);
 		const node = childRenderNode.$elm$;
 		if (!shadowRoot) {
-			node["s-hn"] = transformTag(tagName).toUpperCase();
+			if (childRenderNode.$hostId$ === hostId) node["s-hn"] = transformTag(tagName).toUpperCase();
 			if (childRenderNode.$tag$ === "slot") node["s-cr"] = hostElm["s-cr"];
 		} else if (childRenderNode.$tag$?.toString().includes("-") && childRenderNode.$tag$ !== "slot-fb" && !childRenderNode.$elm$.shadowRoot) {
 			const cmpMeta = getHostRef(childRenderNode.$elm$);
@@ -3507,11 +3510,7 @@ const initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
 			const siSlot = slottedItem.slot;
 			if (hostEle.shadowRoot && siNode.parentElement !== hostEle) hostEle.insertBefore(siNode, slotGroup[snGroupIdx - 1]?.node?.nextSibling);
 			if (!hostEle.shadowRoot || !shadowRoot) {
-				if (!siSlot["s-cr"]) {
-					siSlot["s-cr"] = hostEle["s-cr"];
-					if (!siSlot["s-cr"] && hostEle.shadowRoot) siSlot["s-cr"] = hostEle;
-					else siSlot["s-cr"] = (hostEle.__childNodes || hostEle.childNodes)[0];
-				}
+				if (!siSlot["s-cr"]) siSlot["s-cr"] = hostEle["s-cr"] || (hostEle.shadowRoot ? hostEle : (hostEle.__childNodes || hostEle.childNodes)[0]);
 				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) patchSsrSlottedNode(siNode);

package/dist/runtime/index.js

@@ -1905,6 +1905,7 @@ let hostTagName;
 let hostRegistry;
 let useNativeShadowDom = false;
 let checkSlotFallbackVisibility = false;
+/** Whether the current render has slotted content to relocate. Set at the start of each render. */
 let checkSlotRelocate = false;
 let isSvgMode = false;
 /**
@@ -2464,6 +2465,7 @@ const flushQueuedRefCallbacks = () => {
 */
 const insertBefore = (parent, newNode, reference, isInitialLoad) => {
 	if (BUILD.slotRelocation) {
+		if (parent?.["s-cr"]) checkSlotRelocate = true;
 		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"]);
@@ -2566,6 +2568,7 @@ render() {
 	if (BUILD.slotRelocation) {
 		contentRef = hostElm["s-cr"];
 		checkSlotFallbackVisibility = false;
+		checkSlotRelocate = !useNativeShadowDom && !!(cmpMeta.$flags$ & CMP_FLAGS.hasSlot);
 	}
 	patch(oldVNode, rootVnode, isInitialLoad);
 	if (BUILD.slotRelocation) {
@@ -2635,7 +2638,7 @@ render() {
 			nextTick(() => slotNodes.forEach(dispatchSlotChangeEvent));
 		}
 	}
-	if (BUILD.slotRelocation && !useNativeShadowDom && !(cmpMeta.$flags$ & CMP_FLAGS.shadowDomEncapsulation) && hostElm["s-cr"]) {
+	if (BUILD.slotRelocation && !(cmpMeta.$flags$ & CMP_FLAGS.shadowDomEncapsulation) && hostElm["s-cr"]) {
 		const children = rootVnode.$elm$.__childNodes || rootVnode.$elm$.childNodes;
 		for (const childNode of children) if (childNode["s-hn"] !== hostTagName && childNode["s-sh"] !== hostTagName) {
 			if (isInitialLoad && childNode["s-ih"] == null) childNode["s-ih"] = childNode.hidden ?? false;
@@ -3329,7 +3332,7 @@ const initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
 		const orgLocationNode = plt.$orgLocNodes$.get(orgLocationId);
 		const node = childRenderNode.$elm$;
 		if (!shadowRoot) {
-			node["s-hn"] = transformTag(tagName).toUpperCase();
+			if (childRenderNode.$hostId$ === hostId) node["s-hn"] = transformTag(tagName).toUpperCase();
 			if (childRenderNode.$tag$ === "slot") node["s-cr"] = hostElm["s-cr"];
 		} else if (childRenderNode.$tag$?.toString().includes("-") && childRenderNode.$tag$ !== "slot-fb" && !childRenderNode.$elm$.shadowRoot) {
 			const cmpMeta = getHostRef(childRenderNode.$elm$);
@@ -3379,11 +3382,7 @@ const initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
 			const siSlot = slottedItem.slot;
 			if (hostEle.shadowRoot && siNode.parentElement !== hostEle) hostEle.insertBefore(siNode, slotGroup[snGroupIdx - 1]?.node?.nextSibling);
 			if (!hostEle.shadowRoot || !shadowRoot) {
-				if (!siSlot["s-cr"]) {
-					siSlot["s-cr"] = hostEle["s-cr"];
-					if (!siSlot["s-cr"] && hostEle.shadowRoot) siSlot["s-cr"] = hostEle;
-					else siSlot["s-cr"] = (hostEle.__childNodes || hostEle.childNodes)[0];
-				}
+				if (!siSlot["s-cr"]) siSlot["s-cr"] = hostEle["s-cr"] || (hostEle.shadowRoot ? hostEle : (hostEle.__childNodes || hostEle.childNodes)[0]);
 				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) patchSsrSlottedNode(siNode);

package/dist/runtime/server/index.mjs

@@ -1669,6 +1669,7 @@ let hostTagName;
 let hostRegistry;
 let useNativeShadowDom = false;
 let checkSlotFallbackVisibility = false;
+/** Whether the current render has slotted content to relocate. Set at the start of each render. */
 let checkSlotRelocate = false;
 let isSvgMode = false;
 /**
@@ -2228,6 +2229,7 @@ const flushQueuedRefCallbacks = () => {
 */
 const insertBefore = (parent, newNode, reference, isInitialLoad) => {
 	if (BUILD$1.slotRelocation) {
+		if (parent?.["s-cr"]) checkSlotRelocate = true;
 		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"]);
@@ -2330,6 +2332,7 @@ render() {
 	if (BUILD$1.slotRelocation) {
 		contentRef = hostElm["s-cr"];
 		checkSlotFallbackVisibility = false;
+		checkSlotRelocate = !useNativeShadowDom && !!(cmpMeta.$flags$ & CMP_FLAGS.hasSlot);
 	}
 	patch(oldVNode, rootVnode, isInitialLoad);
 	if (BUILD$1.slotRelocation) {
@@ -2399,7 +2402,7 @@ render() {
 			nextTick(() => slotNodes.forEach(dispatchSlotChangeEvent));
 		}
 	}
-	if (BUILD$1.slotRelocation && !useNativeShadowDom && !(cmpMeta.$flags$ & CMP_FLAGS.shadowDomEncapsulation) && hostElm["s-cr"]) {
+	if (BUILD$1.slotRelocation && !(cmpMeta.$flags$ & CMP_FLAGS.shadowDomEncapsulation) && hostElm["s-cr"]) {
 		const children = rootVnode.$elm$.__childNodes || rootVnode.$elm$.childNodes;
 		for (const childNode of children) if (childNode["s-hn"] !== hostTagName && childNode["s-sh"] !== hostTagName) {
 			if (isInitialLoad && childNode["s-ih"] == null) childNode["s-ih"] = childNode.hidden ?? false;
@@ -3091,7 +3094,7 @@ const initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
 		const orgLocationNode = plt.$orgLocNodes$.get(orgLocationId);
 		const node = childRenderNode.$elm$;
 		if (!shadowRoot) {
-			node["s-hn"] = transformTag(tagName).toUpperCase();
+			if (childRenderNode.$hostId$ === hostId) node["s-hn"] = transformTag(tagName).toUpperCase();
 			if (childRenderNode.$tag$ === "slot") node["s-cr"] = hostElm["s-cr"];
 		} else if (childRenderNode.$tag$?.toString().includes("-") && childRenderNode.$tag$ !== "slot-fb" && !childRenderNode.$elm$.shadowRoot) {
 			const cmpMeta = getHostRef(childRenderNode.$elm$);
@@ -3141,11 +3144,7 @@ const initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
 			const siSlot = slottedItem.slot;
 			if (hostEle.shadowRoot && siNode.parentElement !== hostEle) hostEle.insertBefore(siNode, slotGroup[snGroupIdx - 1]?.node?.nextSibling);
 			if (!hostEle.shadowRoot || !shadowRoot) {
-				if (!siSlot["s-cr"]) {
-					siSlot["s-cr"] = hostEle["s-cr"];
-					if (!siSlot["s-cr"] && hostEle.shadowRoot) siSlot["s-cr"] = hostEle;
-					else siSlot["s-cr"] = (hostEle.__childNodes || hostEle.childNodes)[0];
-				}
+				if (!siSlot["s-cr"]) siSlot["s-cr"] = hostEle["s-cr"] || (hostEle.shadowRoot ? hostEle : (hostEle.__childNodes || hostEle.childNodes)[0]);
 				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) patchSsrSlottedNode(siNode);

package/dist/sys/node/index.mjs

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

package/dist/sys/node/worker.mjs

@@ -1,5 +1,5 @@
-import { l as createWorkerMessageHandler } from "../../compiler-BY98wn8T.mjs";
-import { t as createNodeSys } from "../../node-CPevTsN9.mjs";
+import { l as createWorkerMessageHandler } from "../../compiler-CVL510L-.mjs";
+import { t as createNodeSys } from "../../node-eg7pofz5.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.33";
+const version = "5.0.0-beta.34";
 const MEMBER_FLAGS = {
 	String: 1,
 	Number: 2,
@@ -2424,6 +2424,7 @@ let hostTagName;
 let hostRegistry;
 let useNativeShadowDom = false;
 let checkSlotFallbackVisibility = false;
+/** Whether the current render has slotted content to relocate. Set at the start of each render. */
 let checkSlotRelocate = false;
 let isSvgMode = false;
 /**
@@ -2983,6 +2984,7 @@ const flushQueuedRefCallbacks = () => {
 */
 const insertBefore = (parent, newNode, reference, isInitialLoad) => {
 	if (BUILD.slotRelocation) {
+		if (parent?.["s-cr"]) checkSlotRelocate = true;
 		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"]);
@@ -3085,6 +3087,7 @@ render() {
 	if (BUILD.slotRelocation) {
 		contentRef = hostElm["s-cr"];
 		checkSlotFallbackVisibility = false;
+		checkSlotRelocate = !useNativeShadowDom && !!(cmpMeta.$flags$ & CMP_FLAGS.hasSlot);
 	}
 	patch(oldVNode, rootVnode, isInitialLoad);
 	if (BUILD.slotRelocation) {
@@ -3154,7 +3157,7 @@ render() {
 			nextTick(() => slotNodes.forEach(dispatchSlotChangeEvent));
 		}
 	}
-	if (BUILD.slotRelocation && !useNativeShadowDom && !(cmpMeta.$flags$ & CMP_FLAGS.shadowDomEncapsulation) && hostElm["s-cr"]) {
+	if (BUILD.slotRelocation && !(cmpMeta.$flags$ & CMP_FLAGS.shadowDomEncapsulation) && hostElm["s-cr"]) {
 		const children = rootVnode.$elm$.__childNodes || rootVnode.$elm$.childNodes;
 		for (const childNode of children) if (childNode["s-hn"] !== hostTagName && childNode["s-sh"] !== hostTagName) {
 			if (isInitialLoad && childNode["s-ih"] == null) childNode["s-ih"] = childNode.hidden ?? false;
@@ -3848,7 +3851,7 @@ const initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
 		const orgLocationNode = plt.$orgLocNodes$.get(orgLocationId);
 		const node = childRenderNode.$elm$;
 		if (!shadowRoot) {
-			node["s-hn"] = transformTag(tagName).toUpperCase();
+			if (childRenderNode.$hostId$ === hostId) node["s-hn"] = transformTag(tagName).toUpperCase();
 			if (childRenderNode.$tag$ === "slot") node["s-cr"] = hostElm["s-cr"];
 		} else if (childRenderNode.$tag$?.toString().includes("-") && childRenderNode.$tag$ !== "slot-fb" && !childRenderNode.$elm$.shadowRoot) {
 			const cmpMeta = getHostRef(childRenderNode.$elm$);
@@ -3898,11 +3901,7 @@ const initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
 			const siSlot = slottedItem.slot;
 			if (hostEle.shadowRoot && siNode.parentElement !== hostEle) hostEle.insertBefore(siNode, slotGroup[snGroupIdx - 1]?.node?.nextSibling);
 			if (!hostEle.shadowRoot || !shadowRoot) {
-				if (!siSlot["s-cr"]) {
-					siSlot["s-cr"] = hostEle["s-cr"];
-					if (!siSlot["s-cr"] && hostEle.shadowRoot) siSlot["s-cr"] = hostEle;
-					else siSlot["s-cr"] = (hostEle.__childNodes || hostEle.childNodes)[0];
-				}
+				if (!siSlot["s-cr"]) siSlot["s-cr"] = hostEle["s-cr"] || (hostEle.shadowRoot ? hostEle : (hostEle.__childNodes || hostEle.childNodes)[0]);
 				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) patchSsrSlottedNode(siNode);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core",
-  "version": "5.0.0-beta.33",
+  "version": "5.0.0-beta.34",
   "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.33",
-    "@stencil/dev-server": "5.0.0-beta.33",
-    "@stencil/mock-doc": "5.0.0-beta.33"
+    "@stencil/cli": "5.0.0-beta.34",
+    "@stencil/dev-server": "5.0.0-beta.34",
+    "@stencil/mock-doc": "5.0.0-beta.34"
   },
   "devDependencies": {
     "@ionic/prettier-config": "^4.0.0",