@stencil/core 5.0.0-beta.19 → 5.0.0-beta.20

package/dist/{client-BUal4Vkx.mjs → client-CVXS3JZ-.mjs}

@@ -753,6 +753,11 @@ const emitEvent = (elm, name, opts) => {
 	return ev;
 };
 const getRegistry = () => customElements;
+/**
+* @param elm a defined component host
+* @returns the registry the host's class was defined in, else the active registry
+*/
+const getHostRegistry = (elm) => elm.constructor._registry ?? getRegistry();
 //#endregion
 //#region src/runtime/vdom/set-accessor.ts
 /**
@@ -997,6 +1002,7 @@ function sortedAttrNames(attrNames) {
 let scopeId;
 let contentRef;
 let hostTagName;
+let hostRegistry;
 let useNativeShadowDom = false;
 let checkSlotFallbackVisibility = false;
 let checkSlotRelocate = false;
@@ -1070,8 +1076,7 @@ const createElm = (oldParentVNode, newParentVNode, childIndex) => {
 		if (BUILD.svg && !isSvgMode) isSvgMode = newVNode.$tag$ === "svg";
 		if (!win.document) throw new Error("No DOM environment available for rendering.");
 		const tag = !useNativeShadowDom && BUILD.slotRelocation && newVNode.$flags$ & VNODE_FLAGS.isSlotFallback ? "slot-fb" : newVNode.$tag$;
-		const _reg = getRegistry();
-		const registryOpts = _reg !== win.customElements && tag.includes("-") ? { customElementRegistry: _reg } : void 0;
+		const registryOpts = hostRegistry !== win.customElements && tag.includes("-") ? { customElementRegistry: hostRegistry } : void 0;
 		elm = newVNode.$elm$ = BUILD.svg && isSvgMode ? win.document.createElementNS(SVG_NS, tag) : win.document.createElement(tag, registryOpts);
 		if (BUILD.svg && isSvgMode && newVNode.$tag$ === "foreignObject") isSvgMode = false;
 		if (BUILD.vdomAttribute) updateElement(null, newVNode, isSvgMode);
@@ -1620,6 +1625,7 @@ const renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
 	const oldVNode = hostRef.$vnode$ || newVNode(null, null);
 	const rootVnode = isHost(renderFnResults) ? renderFnResults : h(null, null, renderFnResults);
 	hostTagName = hostElm.tagName;
+	hostRegistry = getHostRegistry(hostElm);
 	if (BUILD.isDev && Array.isArray(renderFnResults) && renderFnResults.some(isHost)) throw new Error(`The <Host> must be the single root component.
 Looks like the render() function of "${hostTagName.toLowerCase()}" is returning an array that contains the <Host>.
 

package/dist/compiler/browser.js

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

package/dist/compiler/index.d.mts

@@ -1,4 +1,4 @@
-import { $ as CompilerFsStats, $n as WorkerMainController, $t as OutputTargetBuild, A as BuildOverrides, An as ResolveModuleIdResults, At as HotModuleReplacement, B as CompilerEventBuildLog, Bn as SsrFactoryOptions, Bt as Logger, C as BuildEmitEvents, Cn as PluginTransformResults, Cr as JsonDocsStyle, Ct as DevServerEditor, D as BuildOnEventRemove, Dn as PrerenderResults, Dr as JsonDocsValue, Dt as HistoryApiFallback, E as BuildNoChangeResults, En as PrerenderOptions, Er as JsonDocsUsage, Et as FsWatchResults, F as Compiler, Fn as SerializeDocumentOptions, Ft as LazyRequire, G as CompilerEventFileAdd, Gn as TransformOptions, Gt as OptimizeCssInput, H as CompilerEventBuildStart, Hn as StencilDevServerConfig, Ht as LoggerTimeSpan, I as CompilerBuildResults, In as ServiceWorkerConfig, It as LightDomPatches, J as CompilerEventFsChange, Jn as TranspileResults, Jt as OptimizeJsOutput, K as CompilerEventFileDelete, Kn as TranspileOnlyResults, Kt as OptimizeCssOutput, L as CompilerBuildStart, Ln as SitemapXmpOpts, Lt as LoadConfigInit, M as CliInitOptions, Mn as RobotsTxtOpts, Mt as HydrateFactoryOptions, N as CompileScriptMinifyOptions, Nn as RobotsTxtResults, Nt as HydratedFlag, O as BuildOnEvents, On as PrerenderStartOptions, Or as StyleDoc, Ot as HmrGlobalStyleUpdate, P as CompileTarget, Pn as RolldownConfig, Pt as LOG_LEVELS, Q as CompilerFileWatcherEvent, Qn as WatcherCloseResults, Qt as OutputTargetBaseNext, R as CompilerDependency, Rn as SitemapXmpResults, Rt as LoadConfigResults, S as AutoprefixerOptions, Sn as PluginCtx, Sr as JsonDocsSlot, St as DevServerConfig, T as BuildLog, Tn as PrerenderHydrateOptions, Tr as JsonDocsTypeLibrary, Tt as DocsReadmeCustomColumn, U as CompilerEventDirAdd, Un as StencilDocsConfig, Ut as ModeConfig, V as CompilerEventBuildNoChange, Vn as StencilConfig, Vt as LoggerLineUpdater, W as CompilerEventDirDelete, Wn as SystemDetails, Wt as NodeResolveConfig, X as CompilerFileWatcher, Xn as ValidatedConfig, Xt as OutputTargetAssets, Y as CompilerEventName, Yn as UnvalidatedConfig, Yt as OutputTarget, Z as CompilerFileWatcherCallback, Zn as ValidatedOutputTargetWww, Zt as OutputTargetBase, _ as PrintLine, _n as OutputTargetWww, _r as JsonDocsListener, _t as CopyTask, a as ComponentCompilerEvent, an as OutputTargetDocsCustom, at as CompilerSystemRealpathResults, b as SsrResults, bn as PlatformPath, br as JsonDocsPart, bt as CustomElementsExportBehaviorOptions, c as ComponentCompilerMethod, cn as OutputTargetDocsReadme, ct as CompilerSystemRemoveFileResults, d as ComponentCompilerTypeReferences, dn as OutputTargetLoaderBundle, dr as JsonDocMethodParameter, dt as CompilerSystemWriteFileResults, en as OutputTargetCollection, er as WorkerOptions, et as CompilerRequest, f as ComponentGlobalStyle, fn as OutputTargetSsr, fr as JsonDocs, ft as CompilerWatcher, g as PrerenderUrlResults, gn as OutputTargetTypes, gr as JsonDocsEvent, gt as CopyResults, h as PackageJsonData, hn as OutputTargetStats, hr as JsonDocsDependencyGraph, ht as ConfigCompat, i as CompilerWorkerContext, in as OutputTargetDocsAgentSkill, it as CompilerSystemCreateDirectoryResults, j as BuildResultsComponentGraph, jn as ResolveModuleOptions, jt as HydrateDocumentOptions, k as BuildOutput, kn as ResolveModuleIdOptions, kr as FsWriteResults, kt as HmrStyleUpdate, l as ComponentCompilerProperty, ln as OutputTargetDocsVscode, lr as UserBuildConditionals, lt as CompilerSystemRenameResults, m as LazyBundlesRuntimeData, mn as OutputTargetStandalone, mr as JsonDocsCustomState, mt as ConfigBundle, nn as OutputTargetCustom, nt as CompilerSystem, o as ComponentCompilerListener, on as OutputTargetDocsCustomElementsManifest, ot as CompilerSystemRemoveDirectoryOptions, pn as OutputTargetSsrWasm, pr as JsonDocsComponent, pt as Config, q as CompilerEventFileUpdate, qn as TranspileOptions, qt as OptimizeJsInput, r as CompilerCtx, rn as OutputTargetDistLazy, rt as CompilerSystemCreateDirectoryOptions, s as ComponentCompilerMeta, sn as OutputTargetDocsJson, st as CompilerSystemRemoveDirectoryResults, t as BuildCtx, tn as OutputTargetCopy, tt as CompilerRequestResponse, u as ComponentCompilerState, un as OutputTargetGlobalStyle, ut as CompilerSystemRenamedPath, vn as PageReloadStrategy, vr as JsonDocsMethod, vt as Credentials, w as BuildEvents, wn as PrerenderConfig, wr as JsonDocsTag, wt as Diagnostic, x as WorkerMsgHandler, xn as Plugin, xr as JsonDocsProp, xt as DevServer, yn as ParsedPath, yr as JsonDocsMethodReturn, yt as CustomElementsExportBehavior, z as CompilerEventBuildFinish, zn as SsrDocumentOptions, zt as LogLevel } from "../index-DVRMGB2z.mjs";
+import { $ as CompilerFsStats, $n as WorkerMainController, $t as OutputTargetBuild, A as BuildOverrides, An as ResolveModuleIdResults, At as HotModuleReplacement, B as CompilerEventBuildLog, Bn as SsrFactoryOptions, Bt as Logger, C as BuildEmitEvents, Cn as PluginTransformResults, Cr as JsonDocsStyle, Ct as DevServerEditor, D as BuildOnEventRemove, Dn as PrerenderResults, Dr as JsonDocsValue, Dt as HistoryApiFallback, E as BuildNoChangeResults, En as PrerenderOptions, Er as JsonDocsUsage, Et as FsWatchResults, F as Compiler, Fn as SerializeDocumentOptions, Ft as LazyRequire, G as CompilerEventFileAdd, Gn as TransformOptions, Gt as OptimizeCssInput, H as CompilerEventBuildStart, Hn as StencilDevServerConfig, Ht as LoggerTimeSpan, I as CompilerBuildResults, In as ServiceWorkerConfig, It as LightDomPatches, J as CompilerEventFsChange, Jn as TranspileResults, Jt as OptimizeJsOutput, K as CompilerEventFileDelete, Kn as TranspileOnlyResults, Kt as OptimizeCssOutput, L as CompilerBuildStart, Ln as SitemapXmpOpts, Lt as LoadConfigInit, M as CliInitOptions, Mn as RobotsTxtOpts, Mt as HydrateFactoryOptions, N as CompileScriptMinifyOptions, Nn as RobotsTxtResults, Nt as HydratedFlag, O as BuildOnEvents, On as PrerenderStartOptions, Or as StyleDoc, Ot as HmrGlobalStyleUpdate, P as CompileTarget, Pn as RolldownConfig, Pt as LOG_LEVELS, Q as CompilerFileWatcherEvent, Qn as WatcherCloseResults, Qt as OutputTargetBaseNext, R as CompilerDependency, Rn as SitemapXmpResults, Rt as LoadConfigResults, S as AutoprefixerOptions, Sn as PluginCtx, Sr as JsonDocsSlot, St as DevServerConfig, T as BuildLog, Tn as PrerenderHydrateOptions, Tr as JsonDocsTypeLibrary, Tt as DocsReadmeCustomColumn, U as CompilerEventDirAdd, Un as StencilDocsConfig, Ut as ModeConfig, V as CompilerEventBuildNoChange, Vn as StencilConfig, Vt as LoggerLineUpdater, W as CompilerEventDirDelete, Wn as SystemDetails, Wt as NodeResolveConfig, X as CompilerFileWatcher, Xn as ValidatedConfig, Xt as OutputTargetAssets, Y as CompilerEventName, Yn as UnvalidatedConfig, Yt as OutputTarget, Z as CompilerFileWatcherCallback, Zn as ValidatedOutputTargetWww, Zt as OutputTargetBase, _ as PrintLine, _n as OutputTargetWww, _r as JsonDocsListener, _t as CopyTask, a as ComponentCompilerEvent, an as OutputTargetDocsCustom, at as CompilerSystemRealpathResults, b as SsrResults, bn as PlatformPath, br as JsonDocsPart, bt as CustomElementsExportBehaviorOptions, c as ComponentCompilerMethod, cn as OutputTargetDocsReadme, ct as CompilerSystemRemoveFileResults, d as ComponentCompilerTypeReferences, dn as OutputTargetLoaderBundle, dr as JsonDocMethodParameter, dt as CompilerSystemWriteFileResults, en as OutputTargetCollection, er as WorkerOptions, et as CompilerRequest, f as ComponentGlobalStyle, fn as OutputTargetSsr, fr as JsonDocs, ft as CompilerWatcher, g as PrerenderUrlResults, gn as OutputTargetTypes, gr as JsonDocsEvent, gt as CopyResults, h as PackageJsonData, hn as OutputTargetStats, hr as JsonDocsDependencyGraph, ht as ConfigCompat, i as CompilerWorkerContext, in as OutputTargetDocsAgentSkill, it as CompilerSystemCreateDirectoryResults, j as BuildResultsComponentGraph, jn as ResolveModuleOptions, jt as HydrateDocumentOptions, k as BuildOutput, kn as ResolveModuleIdOptions, kr as FsWriteResults, kt as HmrStyleUpdate, l as ComponentCompilerProperty, ln as OutputTargetDocsVscode, lr as UserBuildConditionals, lt as CompilerSystemRenameResults, m as LazyBundlesRuntimeData, mn as OutputTargetStandalone, mr as JsonDocsCustomState, mt as ConfigBundle, nn as OutputTargetCustom, nt as CompilerSystem, o as ComponentCompilerListener, on as OutputTargetDocsCustomElementsManifest, ot as CompilerSystemRemoveDirectoryOptions, pn as OutputTargetSsrWasm, pr as JsonDocsComponent, pt as Config, q as CompilerEventFileUpdate, qn as TranspileOptions, qt as OptimizeJsInput, r as CompilerCtx, rn as OutputTargetDistLazy, rt as CompilerSystemCreateDirectoryOptions, s as ComponentCompilerMeta, sn as OutputTargetDocsJson, st as CompilerSystemRemoveDirectoryResults, t as BuildCtx, tn as OutputTargetCopy, tt as CompilerRequestResponse, u as ComponentCompilerState, un as OutputTargetGlobalStyle, ut as CompilerSystemRenamedPath, vn as PageReloadStrategy, vr as JsonDocsMethod, vt as Credentials, w as BuildEvents, wn as PrerenderConfig, wr as JsonDocsTag, wt as Diagnostic, x as WorkerMsgHandler, xn as Plugin, xr as JsonDocsProp, xt as DevServer, yn as ParsedPath, yr as JsonDocsMethodReturn, yt as CustomElementsExportBehavior, z as CompilerEventBuildFinish, zn as SsrDocumentOptions, zt as LogLevel } from "../index-B9-Byy8z.mjs";
 import ts from "typescript";
 import { Plugin as Plugin$1 } from "rolldown";
 //#region src/version.d.ts

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-CsCXc_9d.mjs";
-import { a as LOG_LEVELS, i as CustomElementsExportBehaviorOptions } from "../node-DGo5Qu7U.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-CUsOl_Kw.mjs";
+import { a as LOG_LEVELS, i as CustomElementsExportBehaviorOptions } from "../node-Bz2SOK7_.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/utils/index.d.mts

@@ -1,4 +1,4 @@
-import { $i as CUSTOM, $r as filterActiveTargets, Ai as buildWarn, Ar as ModeValidationError, Bi as loadTypeScriptDiagnostics, Br as isJsFile, Ca as TYPES, Ci as isOutputTargetWww, Da as XLINK_NS, Di as TASK_CANCELED_MSG, Ea as WWW, Ei as shouldExcludeComponent, Fi as escapeHtml, Fr as createJsVarName, Gi as formatLazyBundleRuntimeMeta, Gr as readOnlyArrayHasStringMember, Hi as isRolldownError, Hr as isTsFile, Ii as normalizeDiagnostics, Ir as generatePreamble, Ji as CMP_FLAGS, Jr as getSourceMappingUrlForEndOfFile, Ki as stringifyRuntimeData, Kr as readPackageJson, Li as splitLineBreaks, Lr as getTextDocs, Mi as hasError, Mr as validateComponentTag, Ni as hasWarning, Nr as ParsePackageJsonResult, Oi as buildError, Pi as shouldIgnoreError, Pr as addDocBlock, Qi as COPY, Qr as FilterComponentsResult, Ri as augmentDiagnosticWithNode, Rr as hasDependency, Sa as SVG_NS, Si as isOutputTargetTypes, Ta as WATCH_FLAGS, Ti as relativeImport, Ui as loadRolldownDiagnostics, Ur as isTsxFile, Vi as createOnWarnFn, Vr as isJsxFile, Wi as formatComponentRuntimeMeta, Wr as parsePackageJson, Xi as COLLECTION_APP_DATA_FILE_NAME, Xr as rolldownToStencilSourceMap, Yi as COLLECTION, Yr as getSourceMappingUrlLinker, Zi as COLLECTION_MANIFEST_FILE_NAME, Zr as result_d_exports, _a as SSR, _i as isOutputTargetLoaderBundle, aa as DOCS_JSON, ai as isOutputTargetCollection, ba as STATS, bi as isOutputTargetStandalone, ca as EVENT_FLAGS, ci as isOutputTargetDistLazy, da as HOST_FLAGS, di as isOutputTargetDocsCustom, ea as DEFAULT_STYLE_MODE, ei as filterExcludedComponents, fa as HTML_NS, fi as isOutputTargetDocsCustomElementsManifest, ga as NODE_TYPES, gi as isOutputTargetGlobalStyle, ha as MEMBER_FLAGS, hi as isOutputTargetDocsVscode, ia as DOCS_CUSTOM_ELEMENTS_MANIFEST, ii as isOutputTargetAssets, ji as catchError, jr as validateComponentModes, ki as buildJsonFileError, la as GENERATED_DTS, li as isOutputTargetDocs, ma as LOADER_BUNDLE, mi as isOutputTargetDocsReadme, na as DOCS_AGENT_SKILL, ni as getComponentsDtsTypesFilePath, oa as DOCS_README, oi as isOutputTargetCopy, pa as LISTENER_FLAGS, pi as isOutputTargetDocsJson, qi as ASSETS, qr as getInlineSourceMappingUrlLinker, ra as DOCS_CUSTOM, ri as getComponentsFromModules, sa as DOCS_VSCODE, si as isOutputTargetCustom, ta as DIST_LAZY, ti as getComponentsDtsSrcFilePath, ua as GLOBAL_STYLE, ui as isOutputTargetDocsAgentSkill, va as SSR_WASM, vi as isOutputTargetSsr, wa as VALID_CONFIG_OUTPUT_TARGETS, wi as isValidConfigOutputTarget, xa as STYLE_EXT, xi as isOutputTargetStats, ya as STANDALONE, yi as isOutputTargetSsrWasm, zi as loadTypeScriptDiagnostic, zr as isDtsFile } from "../../index-DVRMGB2z.mjs";
+import { $i as CUSTOM, $r as filterActiveTargets, Ai as buildWarn, Ar as ModeValidationError, Bi as loadTypeScriptDiagnostics, Br as isJsFile, Ca as TYPES, Ci as isOutputTargetWww, Da as XLINK_NS, Di as TASK_CANCELED_MSG, Ea as WWW, Ei as shouldExcludeComponent, Fi as escapeHtml, Fr as createJsVarName, Gi as formatLazyBundleRuntimeMeta, Gr as readOnlyArrayHasStringMember, Hi as isRolldownError, Hr as isTsFile, Ii as normalizeDiagnostics, Ir as generatePreamble, Ji as CMP_FLAGS, Jr as getSourceMappingUrlForEndOfFile, Ki as stringifyRuntimeData, Kr as readPackageJson, Li as splitLineBreaks, Lr as getTextDocs, Mi as hasError, Mr as validateComponentTag, Ni as hasWarning, Nr as ParsePackageJsonResult, Oi as buildError, Pi as shouldIgnoreError, Pr as addDocBlock, Qi as COPY, Qr as FilterComponentsResult, Ri as augmentDiagnosticWithNode, Rr as hasDependency, Sa as SVG_NS, Si as isOutputTargetTypes, Ta as WATCH_FLAGS, Ti as relativeImport, Ui as loadRolldownDiagnostics, Ur as isTsxFile, Vi as createOnWarnFn, Vr as isJsxFile, Wi as formatComponentRuntimeMeta, Wr as parsePackageJson, Xi as COLLECTION_APP_DATA_FILE_NAME, Xr as rolldownToStencilSourceMap, Yi as COLLECTION, Yr as getSourceMappingUrlLinker, Zi as COLLECTION_MANIFEST_FILE_NAME, Zr as result_d_exports, _a as SSR, _i as isOutputTargetLoaderBundle, aa as DOCS_JSON, ai as isOutputTargetCollection, ba as STATS, bi as isOutputTargetStandalone, ca as EVENT_FLAGS, ci as isOutputTargetDistLazy, da as HOST_FLAGS, di as isOutputTargetDocsCustom, ea as DEFAULT_STYLE_MODE, ei as filterExcludedComponents, fa as HTML_NS, fi as isOutputTargetDocsCustomElementsManifest, ga as NODE_TYPES, gi as isOutputTargetGlobalStyle, ha as MEMBER_FLAGS, hi as isOutputTargetDocsVscode, ia as DOCS_CUSTOM_ELEMENTS_MANIFEST, ii as isOutputTargetAssets, ji as catchError, jr as validateComponentModes, ki as buildJsonFileError, la as GENERATED_DTS, li as isOutputTargetDocs, ma as LOADER_BUNDLE, mi as isOutputTargetDocsReadme, na as DOCS_AGENT_SKILL, ni as getComponentsDtsTypesFilePath, oa as DOCS_README, oi as isOutputTargetCopy, pa as LISTENER_FLAGS, pi as isOutputTargetDocsJson, qi as ASSETS, qr as getInlineSourceMappingUrlLinker, ra as DOCS_CUSTOM, ri as getComponentsFromModules, sa as DOCS_VSCODE, si as isOutputTargetCustom, ta as DIST_LAZY, ti as getComponentsDtsSrcFilePath, ua as GLOBAL_STYLE, ui as isOutputTargetDocsAgentSkill, va as SSR_WASM, vi as isOutputTargetSsr, wa as VALID_CONFIG_OUTPUT_TARGETS, wi as isValidConfigOutputTarget, xa as STYLE_EXT, xi as isOutputTargetStats, ya as STANDALONE, yi as isOutputTargetSsrWasm, zi as loadTypeScriptDiagnostic, zr as isDtsFile } from "../../index-B9-Byy8z.mjs";
 //#region src/utils/byte-size.d.ts
 /**
  * Used to learn the size of a string in bytes.

package/dist/{compiler-CsCXc_9d.mjs → compiler-CUsOl_Kw.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-BUal4Vkx.mjs";
+import { E as SERVER_BUILD_FLAGS, T as HYDRATED_CSS, w as CLIENT_BUILD_FLAGS } from "./client-CVXS3JZ-.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-DGo5Qu7U.mjs";
+import { i as CustomElementsExportBehaviorOptions, o as buildEvents, r as createNodeLogger, t as createNodeSys } from "./node-Bz2SOK7_.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.19";
-const buildId = "1791586317";
-const vermoji = "🏵";
+const version = "5.0.0-beta.20";
+const buildId = "1791812865";
+const vermoji = "🚕";
 /**
 * Get the installed version of a tool/dependency.
 * Handles packages with exports maps that point to subdirectories.
@@ -10605,7 +10605,7 @@ const generateCustomElementType = (componentsDtsRelPath, cmp) => {
 		`/**`,
 		` * Used to define this component and all nested components recursively.`,
 		` */`,
-		`export const defineCustomElement: () => void;`,
+		`export const defineCustomElement: (opts?: { registry?: CustomElementRegistry }) => void;`,
 		``
 	].join("\n");
 };
@@ -11554,7 +11554,7 @@ export declare function defineCustomElements(win?: Window, opts?: CustomElements
 
 /**
  * Used to specify a nonce value that corresponds with an application's CSP.
- * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * When set, the nonce will be added to all dynamically created style tags at runtime.
  * Alternatively, the nonce value can be set on a meta tag in the DOM head
  * (<meta name="csp-nonce" content="{ nonce value here }" />) which
  * will result in the same behavior.
@@ -11603,7 +11603,7 @@ const generateStandaloneApiTypes = async (compilerCtx, typesDir, hasAssets) => {
 	const standaloneDtsContent = `export * from './components';
 /**
  * Used to specify a nonce value that corresponds with an application's CSP.
- * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * When set, the nonce will be added to all dynamically created style tags at runtime.
  * Alternatively, the nonce value can be set on a meta tag in the DOM head
  * (<meta name="csp-nonce" content="{ nonce value here }" />) which
  * will result in the same behavior.
@@ -12416,11 +12416,6 @@ export function ssrFactory($stencilWindow, $stencilHydrateOpts, $stencilHydrateR
   var setInterval = $stencilWindow.setInterval.bind($stencilWindow);
   var setTimeout = $stencilWindow.setTimeout.bind($stencilWindow);
 
-  // Tag transform functions are provided from the outer scope
-  // This ensures the factory uses the same instance as the runner
-  var setTagTransformer = $stencilTagTransform.setTagTransformer;
-  var transformTag = $stencilTagTransform.transformTag;
-
   var CharacterData = $stencilWindow.CharacterData;
   var CSS = $stencilWindow.CSS;
   var CustomEvent = $stencilWindow.CustomEvent;
@@ -12798,8 +12793,9 @@ const generateSsrFactoryEntry = async (buildCtx) => {
 	const cmps = buildCtx.components;
 	const ssrCmps = await updateSsrComponents(cmps);
 	const s = new MagicString("");
-	s.append(`import { ssrApp, registerComponents, styles } from '${STENCIL_INTERNAL_SSR_PLATFORM_ID}';\n`);
+	s.append(`import { ssrApp, registerComponents, setTagTransformer, styles } from '${STENCIL_INTERNAL_SSR_PLATFORM_ID}';\n`);
 	ssrCmps.forEach((cmpData) => s.append(cmpData.importLine + "\n"));
+	s.append(`setTagTransformer((tag) => $stencilTagTransform.transformTag(tag));\n`);
 	s.append(`registerComponents([\n`);
 	ssrCmps.forEach((cmpData) => {
 		s.append(`  ${cmpData.uniqueComponentClassName},\n`);

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

@@ -1821,7 +1821,7 @@ interface StencilConfig {
    */
   transformAliasedImportPaths?: boolean;
   /**
-   * Passes custom configuration down to the "@rolldown/plugin-node-resolve" that Stencil uses under the hood.
+   * Passes custom configuration to Rolldown's module resolution (its `resolve` option), e.g. `alias`.
    * For further information: https://stenciljs.com/docs/module-bundling
    */
   nodeResolve?: NodeResolveConfig;

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

@@ -483,7 +483,7 @@ declare function setAssetPath(path: string): string;
 /**
  * Used to specify a nonce value that corresponds with an application's
  * [Content Security Policy (CSP)](https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP).
- * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * When set, the nonce will be added to all dynamically created style tags at runtime.
  * Alternatively, the nonce value can be set on a `meta` tag in the DOM head
  * (<meta name="csp-nonce" content="{ nonce value here }" />) and will result in the same behavior.
  * @param nonce The value to be used for the nonce attribute.

package/dist/{index-DVRMGB2z.d.mts → index-B9-Byy8z.d.mts}

@@ -1861,7 +1861,7 @@ interface StencilConfig {
    */
   transformAliasedImportPaths?: boolean;
   /**
-   * Passes custom configuration down to the "@rolldown/plugin-node-resolve" that Stencil uses under the hood.
+   * Passes custom configuration to Rolldown's module resolution (its `resolve` option), e.g. `alias`.
    * For further information: https://stenciljs.com/docs/module-bundling
    */
   nodeResolve?: NodeResolveConfig;

package/dist/{index-ObycKlsk.d.mts → index-Dz1G9pWZ.d.mts}

@@ -1,4 +1,4 @@
-import { ar as RafCallback, cr as TagTransformer, lr as UserBuildConditionals, n as ChildType, nr as ErrorHandler, p as HostElement, rr as FunctionalComponent, sr as ResolutionHandler, ur as VNode, v as PropsType, y as RuntimeRef } from "./index-DVRMGB2z.mjs";
+import { ar as RafCallback, cr as TagTransformer, lr as UserBuildConditionals, n as ChildType, nr as ErrorHandler, p as HostElement, rr as FunctionalComponent, sr as ResolutionHandler, ur as VNode, v as PropsType, y as RuntimeRef } from "./index-B9-Byy8z.mjs";
 //#region src/client/client-build.d.ts
 declare const Build: UserBuildConditionals;
 //#endregion

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

package/dist/{node-DGo5Qu7U.mjs → node-Bz2SOK7_.mjs}

@@ -1,5 +1,5 @@
 import { n as __require } from "./rolldown-runtime-BhDjJH2R.mjs";
-import "./client-BUal4Vkx.mjs";
+import "./client-CVXS3JZ-.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";
@@ -1898,35 +1898,10 @@ function createNodeSys(c = {}) {
 			totalmem: totalmem()
 		}
 	};
-	sys.lazyRequire = new NodeLazyRequire(new NodeResolveModule(), {
-		"@types/jest": {
-			minVersion: "24.9.1",
-			recommendedVersion: "29",
-			maxVersion: "29.0.0"
-		},
-		jest: {
-			minVersion: "24.9.0",
-			recommendedVersion: "29",
-			maxVersion: "29.0.0"
-		},
-		"jest-cli": {
-			minVersion: "24.9.0",
-			recommendedVersion: "29",
-			maxVersion: "29.0.0"
-		},
-		puppeteer: {
-			minVersion: "10.0.0",
-			recommendedVersion: "20"
-		},
-		"puppeteer-core": {
-			minVersion: "10.0.0",
-			recommendedVersion: "20"
-		},
-		"workbox-build": {
-			minVersion: "4.3.1",
-			recommendedVersion: "4.3.1"
-		}
-	});
+	sys.lazyRequire = new NodeLazyRequire(new NodeResolveModule(), { "workbox-build": {
+		minVersion: "4.3.1",
+		recommendedVersion: "7"
+	} });
 	prcs.on("SIGINT", runInterruptsCallbacks);
 	prcs.on("exit", runInterruptsCallbacks);
 	return sys;

package/dist/runtime/client/lazy.js

@@ -1730,6 +1730,11 @@ const setRegistry = (registry) => {
 	_registry = registry;
 };
 const getRegistry = () => _registry ?? customElements;
+/**
+* @param elm a defined component host
+* @returns the registry the host's class was defined in, else the active registry
+*/
+const getHostRegistry = (elm) => elm.constructor._registry ?? getRegistry();
 //#endregion
 //#region src/runtime/vdom/set-accessor.ts
 /**
@@ -1974,6 +1979,7 @@ function sortedAttrNames(attrNames) {
 let scopeId;
 let contentRef;
 let hostTagName;
+let hostRegistry;
 let useNativeShadowDom = false;
 let checkSlotFallbackVisibility = false;
 let checkSlotRelocate = false;
@@ -2047,8 +2053,7 @@ const createElm = (oldParentVNode, newParentVNode, childIndex) => {
 		if (BUILD.svg && !isSvgMode) isSvgMode = newVNode.$tag$ === "svg";
 		if (!win.document) throw new Error("No DOM environment available for rendering.");
 		const tag = !useNativeShadowDom && BUILD.slotRelocation && newVNode.$flags$ & VNODE_FLAGS.isSlotFallback ? "slot-fb" : newVNode.$tag$;
-		const _reg = getRegistry();
-		const registryOpts = _reg !== win.customElements && tag.includes("-") ? { customElementRegistry: _reg } : void 0;
+		const registryOpts = hostRegistry !== win.customElements && tag.includes("-") ? { customElementRegistry: hostRegistry } : void 0;
 		elm = newVNode.$elm$ = BUILD.svg && isSvgMode ? win.document.createElementNS(SVG_NS, tag) : win.document.createElement(tag, registryOpts);
 		if (BUILD.svg && isSvgMode && newVNode.$tag$ === "foreignObject") isSvgMode = false;
 		if (BUILD.vdomAttribute) updateElement(null, newVNode, isSvgMode);
@@ -2597,6 +2602,7 @@ const renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
 	const oldVNode = hostRef.$vnode$ || newVNode(null, null);
 	const rootVnode = isHost(renderFnResults) ? renderFnResults : h(null, null, renderFnResults);
 	hostTagName = hostElm.tagName;
+	hostRegistry = getHostRegistry(hostElm);
 	if (BUILD.isDev && Array.isArray(renderFnResults) && renderFnResults.some(isHost)) throw new Error(`The <Host> must be the single root component.
 Looks like the render() function of "${hostTagName.toLowerCase()}" is returning an array that contains the <Host>.
 
@@ -2749,11 +2755,12 @@ const markFirstConnected = (hostRef) => {
 * autoloader, where the ancestor tag may not be defined yet.
 *
 * @param ancestorElm the nearest Stencil ancestor element
+* @param registry the registry the waiting component is defined in
 */
-const awaitAncestorConnected = async (ancestorElm) => {
+const awaitAncestorConnected = async (ancestorElm, registry) => {
 	let ancestorHostRef = getHostRef(ancestorElm);
 	if (!BUILD.lazyLoad && !ancestorHostRef) {
-		await getRegistry().whenDefined(ancestorElm.tagName.toLowerCase());
+		await registry.whenDefined(ancestorElm.tagName.toLowerCase());
 		ancestorHostRef = getHostRef(ancestorElm);
 	}
 	if (ancestorHostRef && !(ancestorHostRef.$flags$ & HOST_FLAGS.hasFiredConnected)) await ensureFirstConnectPromise(ancestorHostRef);
@@ -4548,7 +4555,7 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
 					replayPendingSetterValues(hostRef, cmpMeta);
 				}
 				endNewInstance();
-				if (BUILD.asyncLoading && hostRef.$ancestorComponent$) await awaitAncestorConnected(hostRef.$ancestorComponent$);
+				if (BUILD.asyncLoading && hostRef.$ancestorComponent$) await awaitAncestorConnected(hostRef.$ancestorComponent$, getHostRegistry(elm));
 				if (!(BUILD.slotRelocation && cmpMeta.$flags$ & CMP_FLAGS.hasSlotRelocation)) {
 					fireConnectedCallback(hostRef.$lazyInstance$, elm);
 					if (BUILD.asyncLoading) markFirstConnected(hostRef);
@@ -4878,7 +4885,7 @@ const proxyCustomElement = (Cstr, compactMeta) => {
 				}
 				connectedCallback(this);
 				if (BUILD.asyncLoading && hostRef && hostRef.$ancestorComponent$) {
-					await awaitAncestorConnected(hostRef.$ancestorComponent$);
+					await awaitAncestorConnected(hostRef.$ancestorComponent$, getHostRegistry(this));
 					if (!this.isConnected) return;
 				}
 				if (originalConnectedCallback && (plt.$flags$ & PLATFORM_FLAGS.isTmpDisconnected) === 0) originalConnectedCallback.call(this);
@@ -5193,7 +5200,7 @@ function Mixin(...mixins) {
 //#region src/runtime/nonce.ts
 /**
 * Assigns the given value to the nonce property on the runtime platform object.
-* During runtime, this value is used to set the nonce attribute on all dynamically created script and style tags.
+* During runtime, this value is used to set the nonce attribute on all dynamically created style tags.
 * @param nonce The value to be assigned to the platform nonce property.
 * @returns void
 */

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

@@ -2390,7 +2390,7 @@ declare const getMode: (ref: RuntimeRef) => string;
 //#region src/runtime/nonce.d.ts
 /**
  * Assigns the given value to the nonce property on the runtime platform object.
- * During runtime, this value is used to set the nonce attribute on all dynamically created script and style tags.
+ * During runtime, this value is used to set the nonce attribute on all dynamically created style tags.
  * @param nonce The value to be assigned to the platform nonce property.
  * @returns void
  */

package/dist/runtime/client/runtime.js

@@ -1724,6 +1724,11 @@ const setRegistry = (registry) => {
 	_registry = registry;
 };
 const getRegistry = () => _registry ?? customElements;
+/**
+* @param elm a defined component host
+* @returns the registry the host's class was defined in, else the active registry
+*/
+const getHostRegistry = (elm) => elm.constructor._registry ?? getRegistry();
 //#endregion
 //#region src/runtime/vdom/set-accessor.ts
 /**
@@ -1968,6 +1973,7 @@ function sortedAttrNames(attrNames) {
 let scopeId;
 let contentRef;
 let hostTagName;
+let hostRegistry;
 let useNativeShadowDom = false;
 let checkSlotFallbackVisibility = false;
 let checkSlotRelocate = false;
@@ -2041,8 +2047,7 @@ const createElm = (oldParentVNode, newParentVNode, childIndex) => {
 		if (BUILD$1.svg && !isSvgMode) isSvgMode = newVNode.$tag$ === "svg";
 		if (!win.document) throw new Error("No DOM environment available for rendering.");
 		const tag = !useNativeShadowDom && BUILD$1.slotRelocation && newVNode.$flags$ & VNODE_FLAGS.isSlotFallback ? "slot-fb" : newVNode.$tag$;
-		const _reg = getRegistry();
-		const registryOpts = _reg !== win.customElements && tag.includes("-") ? { customElementRegistry: _reg } : void 0;
+		const registryOpts = hostRegistry !== win.customElements && tag.includes("-") ? { customElementRegistry: hostRegistry } : void 0;
 		elm = newVNode.$elm$ = BUILD$1.svg && isSvgMode ? win.document.createElementNS(SVG_NS, tag) : win.document.createElement(tag, registryOpts);
 		if (BUILD$1.svg && isSvgMode && newVNode.$tag$ === "foreignObject") isSvgMode = false;
 		if (BUILD$1.vdomAttribute) updateElement(null, newVNode, isSvgMode);
@@ -2591,6 +2596,7 @@ const renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
 	const oldVNode = hostRef.$vnode$ || newVNode(null, null);
 	const rootVnode = isHost(renderFnResults) ? renderFnResults : h(null, null, renderFnResults);
 	hostTagName = hostElm.tagName;
+	hostRegistry = getHostRegistry(hostElm);
 	if (BUILD$1.isDev && Array.isArray(renderFnResults) && renderFnResults.some(isHost)) throw new Error(`The <Host> must be the single root component.
 Looks like the render() function of "${hostTagName.toLowerCase()}" is returning an array that contains the <Host>.
 
@@ -2743,11 +2749,12 @@ const markFirstConnected = (hostRef) => {
 * autoloader, where the ancestor tag may not be defined yet.
 *
 * @param ancestorElm the nearest Stencil ancestor element
+* @param registry the registry the waiting component is defined in
 */
-const awaitAncestorConnected = async (ancestorElm) => {
+const awaitAncestorConnected = async (ancestorElm, registry) => {
 	let ancestorHostRef = getHostRef(ancestorElm);
 	if (!BUILD$1.lazyLoad && !ancestorHostRef) {
-		await getRegistry().whenDefined(ancestorElm.tagName.toLowerCase());
+		await registry.whenDefined(ancestorElm.tagName.toLowerCase());
 		ancestorHostRef = getHostRef(ancestorElm);
 	}
 	if (ancestorHostRef && !(ancestorHostRef.$flags$ & HOST_FLAGS.hasFiredConnected)) await ensureFirstConnectPromise(ancestorHostRef);
@@ -4542,7 +4549,7 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
 					replayPendingSetterValues(hostRef, cmpMeta);
 				}
 				endNewInstance();
-				if (BUILD$1.asyncLoading && hostRef.$ancestorComponent$) await awaitAncestorConnected(hostRef.$ancestorComponent$);
+				if (BUILD$1.asyncLoading && hostRef.$ancestorComponent$) await awaitAncestorConnected(hostRef.$ancestorComponent$, getHostRegistry(elm));
 				if (!(BUILD$1.slotRelocation && cmpMeta.$flags$ & CMP_FLAGS.hasSlotRelocation)) {
 					fireConnectedCallback(hostRef.$lazyInstance$, elm);
 					if (BUILD$1.asyncLoading) markFirstConnected(hostRef);
@@ -4872,7 +4879,7 @@ const proxyCustomElement = (Cstr, compactMeta) => {
 				}
 				connectedCallback(this);
 				if (BUILD$1.asyncLoading && hostRef && hostRef.$ancestorComponent$) {
-					await awaitAncestorConnected(hostRef.$ancestorComponent$);
+					await awaitAncestorConnected(hostRef.$ancestorComponent$, getHostRegistry(this));
 					if (!this.isConnected) return;
 				}
 				if (originalConnectedCallback && (plt.$flags$ & PLATFORM_FLAGS.isTmpDisconnected) === 0) originalConnectedCallback.call(this);
@@ -5187,7 +5194,7 @@ function Mixin(...mixins) {
 //#region src/runtime/nonce.ts
 /**
 * Assigns the given value to the nonce property on the runtime platform object.
-* During runtime, this value is used to set the nonce attribute on all dynamically created script and style tags.
+* During runtime, this value is used to set the nonce attribute on all dynamically created style tags.
 * @param nonce The value to be assigned to the platform nonce property.
 * @returns void
 */

package/dist/runtime/index.d.ts

@@ -84,7 +84,7 @@ declare const getMode: (ref: RuntimeRef) => string;
 //#region src/runtime/nonce.d.ts
 /**
  * Assigns the given value to the nonce property on the runtime platform object.
- * During runtime, this value is used to set the nonce attribute on all dynamically created script and style tags.
+ * During runtime, this value is used to set the nonce attribute on all dynamically created style tags.
  * @param nonce The value to be assigned to the platform nonce property.
  * @returns void
  */

package/dist/runtime/index.js

@@ -1596,6 +1596,11 @@ const setRegistry = (registry) => {
 	_registry = registry;
 };
 const getRegistry = () => _registry ?? customElements;
+/**
+* @param elm a defined component host
+* @returns the registry the host's class was defined in, else the active registry
+*/
+const getHostRegistry = (elm) => elm.constructor._registry ?? getRegistry();
 //#endregion
 //#region src/runtime/vdom/set-accessor.ts
 /**
@@ -1840,6 +1845,7 @@ function sortedAttrNames(attrNames) {
 let scopeId;
 let contentRef;
 let hostTagName;
+let hostRegistry;
 let useNativeShadowDom = false;
 let checkSlotFallbackVisibility = false;
 let checkSlotRelocate = false;
@@ -1913,8 +1919,7 @@ const createElm = (oldParentVNode, newParentVNode, childIndex) => {
 		if (BUILD.svg && !isSvgMode) isSvgMode = newVNode.$tag$ === "svg";
 		if (!win.document) throw new Error("No DOM environment available for rendering.");
 		const tag = !useNativeShadowDom && BUILD.slotRelocation && newVNode.$flags$ & VNODE_FLAGS.isSlotFallback ? "slot-fb" : newVNode.$tag$;
-		const _reg = getRegistry();
-		const registryOpts = _reg !== win.customElements && tag.includes("-") ? { customElementRegistry: _reg } : void 0;
+		const registryOpts = hostRegistry !== win.customElements && tag.includes("-") ? { customElementRegistry: hostRegistry } : void 0;
 		elm = newVNode.$elm$ = BUILD.svg && isSvgMode ? win.document.createElementNS(SVG_NS, tag) : win.document.createElement(tag, registryOpts);
 		if (BUILD.svg && isSvgMode && newVNode.$tag$ === "foreignObject") isSvgMode = false;
 		if (BUILD.vdomAttribute) updateElement(null, newVNode, isSvgMode);
@@ -2463,6 +2468,7 @@ const renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
 	const oldVNode = hostRef.$vnode$ || newVNode(null, null);
 	const rootVnode = isHost(renderFnResults) ? renderFnResults : h(null, null, renderFnResults);
 	hostTagName = hostElm.tagName;
+	hostRegistry = getHostRegistry(hostElm);
 	if (BUILD.isDev && Array.isArray(renderFnResults) && renderFnResults.some(isHost)) throw new Error(`The <Host> must be the single root component.
 Looks like the render() function of "${hostTagName.toLowerCase()}" is returning an array that contains the <Host>.
 
@@ -2615,11 +2621,12 @@ const markFirstConnected = (hostRef) => {
 * autoloader, where the ancestor tag may not be defined yet.
 *
 * @param ancestorElm the nearest Stencil ancestor element
+* @param registry the registry the waiting component is defined in
 */
-const awaitAncestorConnected = async (ancestorElm) => {
+const awaitAncestorConnected = async (ancestorElm, registry) => {
 	let ancestorHostRef = getHostRef(ancestorElm);
 	if (!BUILD.lazyLoad && !ancestorHostRef) {
-		await getRegistry().whenDefined(ancestorElm.tagName.toLowerCase());
+		await registry.whenDefined(ancestorElm.tagName.toLowerCase());
 		ancestorHostRef = getHostRef(ancestorElm);
 	}
 	if (ancestorHostRef && !(ancestorHostRef.$flags$ & HOST_FLAGS.hasFiredConnected)) await ensureFirstConnectPromise(ancestorHostRef);
@@ -4414,7 +4421,7 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
 					replayPendingSetterValues(hostRef, cmpMeta);
 				}
 				endNewInstance();
-				if (BUILD.asyncLoading && hostRef.$ancestorComponent$) await awaitAncestorConnected(hostRef.$ancestorComponent$);
+				if (BUILD.asyncLoading && hostRef.$ancestorComponent$) await awaitAncestorConnected(hostRef.$ancestorComponent$, getHostRegistry(elm));
 				if (!(BUILD.slotRelocation && cmpMeta.$flags$ & CMP_FLAGS.hasSlotRelocation)) {
 					fireConnectedCallback(hostRef.$lazyInstance$, elm);
 					if (BUILD.asyncLoading) markFirstConnected(hostRef);
@@ -4744,7 +4751,7 @@ const proxyCustomElement = (Cstr, compactMeta) => {
 				}
 				connectedCallback(this);
 				if (BUILD.asyncLoading && hostRef && hostRef.$ancestorComponent$) {
-					await awaitAncestorConnected(hostRef.$ancestorComponent$);
+					await awaitAncestorConnected(hostRef.$ancestorComponent$, getHostRegistry(this));
 					if (!this.isConnected) return;
 				}
 				if (originalConnectedCallback && (plt.$flags$ & PLATFORM_FLAGS.isTmpDisconnected) === 0) originalConnectedCallback.call(this);
@@ -5059,7 +5066,7 @@ function Mixin(...mixins) {
 //#region src/runtime/nonce.ts
 /**
 * Assigns the given value to the nonce property on the runtime platform object.
-* During runtime, this value is used to set the nonce attribute on all dynamically created script and style tags.
+* During runtime, this value is used to set the nonce attribute on all dynamically created style tags.
 * @param nonce The value to be assigned to the platform nonce property.
 * @returns void
 */

package/dist/runtime/server/index.d.mts

@@ -1107,7 +1107,7 @@ declare const getMode: (ref: RuntimeRef) => string;
 //#region src/runtime/nonce.d.ts
 /**
  * Assigns the given value to the nonce property on the runtime platform object.
- * During runtime, this value is used to set the nonce attribute on all dynamically created script and style tags.
+ * During runtime, this value is used to set the nonce attribute on all dynamically created style tags.
  * @param nonce The value to be assigned to the platform nonce property.
  * @returns void
  */

package/dist/runtime/server/index.mjs

@@ -81,6 +81,25 @@ const SERVER_BUILD_FLAGS = {
 	isDev: false,
 	isTesting: false
 };
+//#endregion
+//#region src/runtime/tag-transform.ts
+let tagTransformer = void 0;
+/**
+* Transforms a tag name using the current tag transformer
+* @param tag - the tag to transform e.g. `my-tag`
+* @returns the transformed tag e.g. `new-my-tag`
+*/
+function transformTag(tag) {
+	if (!tagTransformer) return tag;
+	return tagTransformer(tag);
+}
+/**
+* Sets the tag transformer to be used when rendering custom elements
+* @param transformer the transformer function to use. Must return a string
+*/
+function setTagTransformer(transformer) {
+	tagTransformer = transformer;
+}
 const MEMBER_FLAGS = {
 	String: 1,
 	Number: 2,
@@ -1349,6 +1368,11 @@ const emitEvent = (elm, name, opts) => {
 	return ev;
 };
 const getRegistry = () => customElements;
+/**
+* @param elm a defined component host
+* @returns the registry the host's class was defined in, else the active registry
+*/
+const getHostRegistry = (elm) => elm.constructor._registry ?? getRegistry();
 //#endregion
 //#region src/runtime/vdom/set-accessor.ts
 /**
@@ -1593,6 +1617,7 @@ function sortedAttrNames(attrNames) {
 let scopeId;
 let contentRef;
 let hostTagName;
+let hostRegistry;
 let useNativeShadowDom = false;
 let checkSlotFallbackVisibility = false;
 let checkSlotRelocate = false;
@@ -1666,8 +1691,7 @@ const createElm = (oldParentVNode, newParentVNode, childIndex) => {
 		if (BUILD$1.svg && !isSvgMode) isSvgMode = newVNode.$tag$ === "svg";
 		if (!win.document) throw new Error("No DOM environment available for rendering.");
 		const tag = !useNativeShadowDom && BUILD$1.slotRelocation && newVNode.$flags$ & VNODE_FLAGS.isSlotFallback ? "slot-fb" : newVNode.$tag$;
-		const _reg = getRegistry();
-		const registryOpts = _reg !== win.customElements && tag.includes("-") ? { customElementRegistry: _reg } : void 0;
+		const registryOpts = hostRegistry !== win.customElements && tag.includes("-") ? { customElementRegistry: hostRegistry } : void 0;
 		elm = newVNode.$elm$ = BUILD$1.svg && isSvgMode ? win.document.createElementNS(SVG_NS, tag) : win.document.createElement(tag, registryOpts);
 		if (BUILD$1.svg && isSvgMode && newVNode.$tag$ === "foreignObject") isSvgMode = false;
 		if (BUILD$1.vdomAttribute) updateElement(null, newVNode, isSvgMode);
@@ -2216,6 +2240,7 @@ const renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
 	const oldVNode = hostRef.$vnode$ || newVNode(null, null);
 	const rootVnode = isHost(renderFnResults) ? renderFnResults : h(null, null, renderFnResults);
 	hostTagName = hostElm.tagName;
+	hostRegistry = getHostRegistry(hostElm);
 	if (BUILD$1.isDev && Array.isArray(renderFnResults) && renderFnResults.some(isHost)) throw new Error(`The <Host> must be the single root component.
 Looks like the render() function of "${hostTagName.toLowerCase()}" is returning an array that contains the <Host>.
 
@@ -2368,11 +2393,12 @@ const markFirstConnected = (hostRef) => {
 * autoloader, where the ancestor tag may not be defined yet.
 *
 * @param ancestorElm the nearest Stencil ancestor element
+* @param registry the registry the waiting component is defined in
 */
-const awaitAncestorConnected = async (ancestorElm) => {
+const awaitAncestorConnected = async (ancestorElm, registry) => {
 	let ancestorHostRef = getHostRef(ancestorElm);
 	if (!BUILD$1.lazyLoad && !ancestorHostRef) {
-		await getRegistry().whenDefined(ancestorElm.tagName.toLowerCase());
+		await registry.whenDefined(ancestorElm.tagName.toLowerCase());
 		ancestorHostRef = getHostRef(ancestorElm);
 	}
 	if (ancestorHostRef && !(ancestorHostRef.$flags$ & HOST_FLAGS.hasFiredConnected)) await ensureFirstConnectPromise(ancestorHostRef);
@@ -4165,7 +4191,7 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
 					replayPendingSetterValues(hostRef, cmpMeta);
 				}
 				endNewInstance();
-				if (BUILD$1.asyncLoading && hostRef.$ancestorComponent$) await awaitAncestorConnected(hostRef.$ancestorComponent$);
+				if (BUILD$1.asyncLoading && hostRef.$ancestorComponent$) await awaitAncestorConnected(hostRef.$ancestorComponent$, getHostRegistry(elm));
 				if (!(BUILD$1.slotRelocation && cmpMeta.$flags$ & CMP_FLAGS.hasSlotRelocation)) {
 					fireConnectedCallback(hostRef.$lazyInstance$, elm);
 					if (BUILD$1.asyncLoading) markFirstConnected(hostRef);
@@ -4495,7 +4521,7 @@ const proxyCustomElement = (Cstr, compactMeta) => {
 				}
 				connectedCallback(this);
 				if (BUILD$1.asyncLoading && hostRef && hostRef.$ancestorComponent$) {
-					await awaitAncestorConnected(hostRef.$ancestorComponent$);
+					await awaitAncestorConnected(hostRef.$ancestorComponent$, getHostRegistry(this));
 					if (!this.isConnected) return;
 				}
 				if (originalConnectedCallback && (plt.$flags$ & PLATFORM_FLAGS.isTmpDisconnected) === 0) originalConnectedCallback.call(this);
@@ -4807,31 +4833,12 @@ function Mixin(...mixins) {
 //#region src/runtime/nonce.ts
 /**
 * Assigns the given value to the nonce property on the runtime platform object.
-* During runtime, this value is used to set the nonce attribute on all dynamically created script and style tags.
+* During runtime, this value is used to set the nonce attribute on all dynamically created style tags.
 * @param nonce The value to be assigned to the platform nonce property.
 * @returns void
 */
 const setNonce = (nonce) => plt.$nonce$ = nonce;
 //#endregion
-//#region src/runtime/tag-transform.ts
-let tagTransformer = void 0;
-/**
-* Transforms a tag name using the current tag transformer
-* @param tag - the tag to transform e.g. `my-tag`
-* @returns the transformed tag e.g. `new-my-tag`
-*/
-function transformTag(tag) {
-	if (!tagTransformer) return tag;
-	return tagTransformer(tag);
-}
-/**
-* Sets the tag transformer to be used when rendering custom elements
-* @param transformer the transformer function to use. Must return a string
-*/
-function setTagTransformer(transformer) {
-	tagTransformer = transformer;
-}
-//#endregion
 //#region src/runtime/vdom/jsx-runtime.ts
 function jsx(type, props, key) {
 	const { children, ...rest } = props ?? {};
@@ -5403,7 +5410,7 @@ const isMemberInElement = (elm, memberName) => {
 const registerComponents = (Cstrs) => {
 	for (const Cstr of Cstrs) {
 		const exportName = Cstr.cmpMeta.$tagName$;
-		const transformedTagName = $stencilTagTransform.transformTag(exportName);
+		const transformedTagName = transformTag(exportName);
 		cmpModules.set(exportName, { [exportName]: Cstr });
 		if (transformedTagName !== exportName) cmpModules.set(transformedTagName, { [transformedTagName]: Cstr });
 	}

package/dist/runtime/server/runner.mjs

@@ -13111,7 +13111,12 @@ const removeUnusedStyleText = (usedSelectors, diagnostics, styleElm) => {
 //#region src/runtime/runtime-constants.ts
 const HYDRATED_STYLE_ID = "sty-id";
 const STENCIL_DOC_DATA = "_stencilDocData";
-BUILD.lazyLoad || globalThis.HTMLElement;
+const SERVER_BUILD_FLAGS = {
+	isBrowser: false,
+	isServer: true,
+	isDev: false,
+	isTesting: false
+};
 //#endregion
 //#region src/runtime/tag-transform.ts
 let tagTransformer = void 0;
@@ -13131,6 +13136,8 @@ function transformTag(tag) {
 function setTagTransformer(transformer) {
 	tagTransformer = transformer;
 }
+({ ...SERVER_BUILD_FLAGS });
+BUILD.lazyLoad || globalThis.HTMLElement;
 //#endregion
 //#region src/server/runner/inspect-element.ts
 function inspectElement(results, elm, depth) {

package/dist/sys/node/index.d.mts

@@ -1,4 +1,4 @@
-import { Bt as Logger, nt as CompilerSystem } from "../../index-DVRMGB2z.mjs";
+import { Bt as Logger, nt as CompilerSystem } from "../../index-B9-Byy8z.mjs";
 //#region src/sys/node/logger/index.d.ts
 /**
  * Create a logger to run in a Node environment

package/dist/sys/node/index.mjs

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

package/dist/sys/node/worker.mjs

@@ -1,5 +1,5 @@
-import { l as createWorkerMessageHandler } from "../../compiler-CsCXc_9d.mjs";
-import { t as createNodeSys } from "../../node-DGo5Qu7U.mjs";
+import { l as createWorkerMessageHandler } from "../../compiler-CUsOl_Kw.mjs";
+import { t as createNodeSys } from "../../node-Bz2SOK7_.mjs";
 //#region src/sys/node/node-worker-thread.ts
 /**
 * Initialize a worker thread, setting up various machinery for managing

package/dist/testing/index.d.mts

@@ -996,7 +996,7 @@ interface StencilConfig {
    */
   transformAliasedImportPaths?: boolean;
   /**
-   * Passes custom configuration down to the "@rolldown/plugin-node-resolve" that Stencil uses under the hood.
+   * Passes custom configuration to Rolldown's module resolution (its `resolve` option), e.g. `alias`.
    * For further information: https://stenciljs.com/docs/module-bundling
    */
   nodeResolve?: NodeResolveConfig;

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.19";
+const version = "5.0.0-beta.20";
 const MEMBER_FLAGS = {
 	String: 1,
 	Number: 2,
@@ -2123,6 +2123,11 @@ function signal(value, options) {
 	return getCore().signal(value, options);
 }
 const getRegistry = () => customElements;
+/**
+* @param elm a defined component host
+* @returns the registry the host's class was defined in, else the active registry
+*/
+const getHostRegistry = (elm) => elm.constructor._registry ?? getRegistry();
 //#endregion
 //#region src/runtime/vdom/set-accessor.ts
 /**
@@ -2367,6 +2372,7 @@ function sortedAttrNames(attrNames) {
 let scopeId;
 let contentRef;
 let hostTagName;
+let hostRegistry;
 let useNativeShadowDom = false;
 let checkSlotFallbackVisibility = false;
 let checkSlotRelocate = false;
@@ -2440,8 +2446,7 @@ const createElm = (oldParentVNode, newParentVNode, childIndex) => {
 		if (BUILD.svg && !isSvgMode) isSvgMode = newVNode.$tag$ === "svg";
 		if (!win.document) throw new Error("No DOM environment available for rendering.");
 		const tag = !useNativeShadowDom && BUILD.slotRelocation && newVNode.$flags$ & VNODE_FLAGS.isSlotFallback ? "slot-fb" : newVNode.$tag$;
-		const _reg = getRegistry();
-		const registryOpts = _reg !== win.customElements && tag.includes("-") ? { customElementRegistry: _reg } : void 0;
+		const registryOpts = hostRegistry !== win.customElements && tag.includes("-") ? { customElementRegistry: hostRegistry } : void 0;
 		elm = newVNode.$elm$ = BUILD.svg && isSvgMode ? win.document.createElementNS(SVG_NS, tag) : win.document.createElement(tag, registryOpts);
 		if (BUILD.svg && isSvgMode && newVNode.$tag$ === "foreignObject") isSvgMode = false;
 		if (BUILD.vdomAttribute) updateElement(null, newVNode, isSvgMode);
@@ -2990,6 +2995,7 @@ const renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
 	const oldVNode = hostRef.$vnode$ || newVNode(null, null);
 	const rootVnode = isHost(renderFnResults) ? renderFnResults : h(null, null, renderFnResults);
 	hostTagName = hostElm.tagName;
+	hostRegistry = getHostRegistry(hostElm);
 	if (BUILD.isDev && Array.isArray(renderFnResults) && renderFnResults.some(isHost)) throw new Error(`The <Host> must be the single root component.
 Looks like the render() function of "${hostTagName.toLowerCase()}" is returning an array that contains the <Host>.
 
@@ -3142,11 +3148,12 @@ const markFirstConnected = (hostRef) => {
 * autoloader, where the ancestor tag may not be defined yet.
 *
 * @param ancestorElm the nearest Stencil ancestor element
+* @param registry the registry the waiting component is defined in
 */
-const awaitAncestorConnected = async (ancestorElm) => {
+const awaitAncestorConnected = async (ancestorElm, registry) => {
 	let ancestorHostRef = getHostRef(ancestorElm);
 	if (!BUILD.lazyLoad && !ancestorHostRef) {
-		await getRegistry().whenDefined(ancestorElm.tagName.toLowerCase());
+		await registry.whenDefined(ancestorElm.tagName.toLowerCase());
 		ancestorHostRef = getHostRef(ancestorElm);
 	}
 	if (ancestorHostRef && !(ancestorHostRef.$flags$ & HOST_FLAGS.hasFiredConnected)) await ensureFirstConnectPromise(ancestorHostRef);
@@ -4926,7 +4933,7 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
 					replayPendingSetterValues(hostRef, cmpMeta);
 				}
 				endNewInstance();
-				if (BUILD.asyncLoading && hostRef.$ancestorComponent$) await awaitAncestorConnected(hostRef.$ancestorComponent$);
+				if (BUILD.asyncLoading && hostRef.$ancestorComponent$) await awaitAncestorConnected(hostRef.$ancestorComponent$, getHostRegistry(elm));
 				if (!(BUILD.slotRelocation && cmpMeta.$flags$ & CMP_FLAGS.hasSlotRelocation)) {
 					fireConnectedCallback(hostRef.$lazyInstance$, elm);
 					if (BUILD.asyncLoading) markFirstConnected(hostRef);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core",
-  "version": "5.0.0-beta.19",
+  "version": "5.0.0-beta.20",
   "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/dev-server": "5.0.0-beta.19",
-    "@stencil/mock-doc": "5.0.0-beta.19",
-    "@stencil/cli": "5.0.0-beta.19"
+    "@stencil/cli": "5.0.0-beta.20",
+    "@stencil/mock-doc": "5.0.0-beta.20",
+    "@stencil/dev-server": "5.0.0-beta.20"
   },
   "devDependencies": {
     "@ionic/prettier-config": "^4.0.0",
@@ -138,6 +138,9 @@
     "vitest": "^4.1.10",
     "vitest-environment-stencil": "^1.14.0"
   },
+  "engines": {
+    "node": ">=22.0.0"
+  },
   "volta": {
     "extends": "../../package.json"
   },