@stencil/core 5.0.0-alpha.4 → 5.0.0-alpha.5

package/dist/{runtime-COEYYPyw.js → runtime-CKyUrF4i.js}

@@ -1309,7 +1309,8 @@ const addStyle = (styleContainerNode, cmpMeta, mode) => {
 				styleElm.textContent = style;
 				const nonce = plt.$nonce$ ?? queryNonceMetaTagContent(win.document);
 				if (nonce != null) styleElm.setAttribute("nonce", nonce);
-				if ((BUILD.hydrateServerSide || BUILD.hotModuleReplacement) && (cmpMeta.$flags$ & CMP_FLAGS.scopedCssEncapsulation || cmpMeta.$flags$ & CMP_FLAGS.shadowNeedsScopedCss || cmpMeta.$flags$ & CMP_FLAGS.shadowDomEncapsulation)) styleElm.setAttribute(HYDRATED_STYLE_ID, scopeId);
+				if (BUILD.hydrateServerSide && (cmpMeta.$flags$ & CMP_FLAGS.scopedCssEncapsulation || cmpMeta.$flags$ & CMP_FLAGS.shadowNeedsScopedCss || cmpMeta.$flags$ & CMP_FLAGS.shadowDomEncapsulation) || BUILD.hotModuleReplacement) styleElm.setAttribute(HYDRATED_STYLE_ID, scopeId);
+				if (BUILD.hotModuleReplacement && cmpMeta.$flags$ & CMP_FLAGS.hasSlotRelocation) styleElm.setAttribute("data-slot-fb", "");
 				/**
 				* attach styles at the end of the head tag if we render scoped components
 				*/
@@ -2420,6 +2421,46 @@ const computeMode = (elm) => modeResolutionChain.map((h) => h(elm)).find((m) =>
 const setMode = (handler) => modeResolutionChain.push(handler);
 const getMode = (ref) => getHostRef(ref)?.$modeName$;
 //#endregion
+//#region src/runtime/normalize-watchers.ts
+/**
+* Normalizes watcher metadata to the current `{ [methodName]: flags }[]` format.
+*
+* Prior to Stencil 4.39.x (PR #6484), the `@Watch()` compiler emitted watcher
+* handlers as a plain string array: `{ "min": ["minChanged"] }`. The new format
+* wraps each entry in an object that carries option flags (e.g. `immediate`):
+* `{ "min": [{ "minChanged": 0 }] }`.
+*
+* When a library (e.g. Ionic Framework) was compiled with an older Stencil compiler
+* but consumed by an app using a newer Stencil runtime, the runtime's
+* `Object.entries(watcher)` call receives a string and misinterprets its character
+* indices as method names, causing:
+*   `TypeError: instance[watchMethodName] is not a function`
+*
+* This helper should be used at `$watchers$` assignment sites that need to
+* accept both legacy and current compiler metadata so downstream code on those
+* paths can safely assume the new object format.
+*
+* @param raw The raw watcher map from compiled metadata (new or legacy format).
+* @returns A normalized watcher map in the `{ [methodName]: flags }[]` format, or `undefined` if `raw` is `undefined` or empty.
+*/
+const normalizeWatchers = (raw) => {
+	if (!raw) return void 0;
+	const keys = Object.keys(raw);
+	if (keys.length === 0) return void 0;
+	let hasLegacy = false;
+	for (const propName of keys) {
+		if (hasLegacy) break;
+		for (const h of raw[propName]) if (typeof h === "string") {
+			hasLegacy = true;
+			break;
+		}
+	}
+	if (!hasLegacy) return raw;
+	const out = {};
+	for (const propName of keys) out[propName] = raw[propName].map((h) => typeof h === "string" ? { [h]: 0 } : h);
+	return out;
+};
+//#endregion
 //#region src/runtime/parse-property-value.ts
 /**
 * Parse a new property value for a given property type.
@@ -3770,7 +3811,7 @@ const proxyComponent = (Cstr, cmpMeta, flags) => {
 	});
 	if (BUILD.member && cmpMeta.$members$ || BUILD.propChangeCallback) {
 		if (BUILD.propChangeCallback) {
-			if (Cstr.watchers && !cmpMeta.$watchers$) cmpMeta.$watchers$ = Cstr.watchers;
+			if (Cstr.watchers && !cmpMeta.$watchers$) cmpMeta.$watchers$ = normalizeWatchers(Cstr.watchers);
 			if (Cstr.deserializers && !cmpMeta.$deserializers$) cmpMeta.$deserializers$ = Cstr.deserializers;
 			if (Cstr.serializers && !cmpMeta.$serializers$) cmpMeta.$serializers$ = Cstr.serializers;
 		}
@@ -3920,7 +3961,7 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
 				if (!Cstr) throw new Error(`Constructor for "${cmpMeta.$tagName$}#${hostRef.$modeName$}" was not found`);
 				if (BUILD.member && !Cstr.isProxied) {
 					if (BUILD.propChangeCallback) {
-						cmpMeta.$watchers$ = Cstr.watchers;
+						cmpMeta.$watchers$ = normalizeWatchers(Cstr.watchers);
 						cmpMeta.$serializers$ = Cstr.serializers;
 						cmpMeta.$deserializers$ = Cstr.deserializers;
 					}
@@ -4096,7 +4137,59 @@ const disconnectedCallback = async (elm) => {
 	if (elm.shadowRoot && rootAppliedStyles.has(elm.shadowRoot)) rootAppliedStyles.delete(elm.shadowRoot);
 };
 //#endregion
-//#region src/runtime/bootstrap-custom-element.ts
+//#region src/runtime/hmr-component.ts
+/**
+* Kick off hot-module-replacement for a component. In order to replace the
+* component in-place we:
+*
+* 1. get a reference to the {@link d.HostRef} for the element
+* 2. reset the element's runtime flags
+* 3. re-run the initialization logic for the element (via
+*    {@link initializeComponent})
+*
+* For standalone (non-lazy) builds, we instead re-import the component module
+* and patch the prototype of the registered constructor in-place, then
+* force a re-render of all existing instances in the DOM.
+*
+* @param hostElement the host element for the component which we want to start
+* doing HMR
+* @param cmpMeta runtime metadata for the component
+* @param hmrVersionId the current HMR version ID
+*/
+const hmrStart = (hostElement, cmpMeta, hmrVersionId) => {
+	if (BUILD.lazyLoad) {
+		const hostRef = getHostRef(hostElement);
+		if (!hostRef) return;
+		hostRef.$flags$ = HOST_FLAGS.hasConnected;
+		initializeComponent(hostElement, hostRef, cmpMeta, hmrVersionId);
+	} else hmrStandalone(hostElement, cmpMeta, hmrVersionId);
+};
+const hmrStandalone = async (hostElement, cmpMeta, hmrVersionId) => {
+	const modulePath = hostElement.constructor.__stencil_module__;
+	console.log(`[Stencil HMR] hmrStandalone <${cmpMeta.$tagName$}> modulePath:`, modulePath);
+	if (!modulePath) {
+		console.warn(`[Stencil HMR] No __stencil_module__ on <${cmpMeta.$tagName$}> constructor — was this built with devMode?`);
+		return;
+	}
+	try {
+		const newModule = await import(
+			/* @vite-ignore */
+			`${modulePath}?s-hmr=${hmrVersionId}`
+);
+		const NewClass = Object.values(newModule).find((v) => typeof v === "function" && v.is === cmpMeta.$tagName$) ?? newModule.default;
+		if (!NewClass) return;
+		const ctor = customElements.get(cmpMeta.$tagName$);
+		if (ctor) for (const key of Object.getOwnPropertyNames(NewClass.prototype)) {
+			if (key === "constructor") continue;
+			Object.defineProperty(ctor.prototype, key, Object.getOwnPropertyDescriptor(NewClass.prototype, key));
+		}
+		document.querySelectorAll(cmpMeta.$tagName$).forEach((el) => forceUpdate(el));
+	} catch (e) {
+		console.error(`[Stencil HMR] Failed to reload <${cmpMeta.$tagName$}>`, e);
+	}
+};
+//#endregion
+//#region src/runtime/bootstrap-standalone.ts
 const defineCustomElement = (Cstr, compactMeta) => {
 	customElements.define(transformTag(compactMeta[1]), proxyCustomElement(Cstr, compactMeta));
 };
@@ -4110,12 +4203,15 @@ const proxyCustomElement = (Cstr, compactMeta) => {
 		if (BUILD.member) cmpMeta.$members$ = compactMeta[2];
 		if (BUILD.hostListener) cmpMeta.$listeners$ = compactMeta[3];
 		if (BUILD.propChangeCallback) {
-			cmpMeta.$watchers$ = Cstr.$watchers$;
+			cmpMeta.$watchers$ = normalizeWatchers(Cstr.$watchers$);
 			cmpMeta.$deserializers$ = Cstr.$deserializers$;
 			cmpMeta.$serializers$ = Cstr.$serializers$;
 		}
 		if (BUILD.reflect) cmpMeta.$attrsToReflect$ = [];
 		if (BUILD.shadowDom && !supportsShadow && cmpMeta.$flags$ & CMP_FLAGS.shadowDomEncapsulation) cmpMeta.$flags$ |= CMP_FLAGS.needsShadowDomShim;
+		if (BUILD.hotModuleReplacement) Cstr.prototype["s-hmr"] = function(hmrVersionId) {
+			hmrStart(this, cmpMeta, hmrVersionId);
+		};
 		if (!(cmpMeta.$flags$ & CMP_FLAGS.shadowDomEncapsulation) && cmpMeta.$flags$ & CMP_FLAGS.hasSlot) if (BUILD.experimentalSlotFixes || BUILD.patchAll && cmpMeta.$flags$ & CMP_FLAGS.patchAll) patchPseudoShadowDom(Cstr.prototype);
 		else {
 			if (BUILD.slotChildNodesFix || BUILD.patchChildren && cmpMeta.$flags$ & CMP_FLAGS.patchChildren) patchChildSlotNodes(Cstr.prototype);
@@ -4196,29 +4292,7 @@ const forceModeUpdate = (elm) => {
 	}
 };
 //#endregion
-//#region src/runtime/hmr-component.ts
-/**
-* Kick off hot-module-replacement for a component. In order to replace the
-* component in-place we:
-*
-* 1. get a reference to the {@link d.HostRef} for the element
-* 2. reset the element's runtime flags
-* 3. re-run the initialization logic for the element (via
-*    {@link initializeComponent})
-*
-* @param hostElement the host element for the component which we want to start
-* doing HMR
-* @param cmpMeta runtime metadata for the component
-* @param hmrVersionId the current HMR version ID
-*/
-const hmrStart = (hostElement, cmpMeta, hmrVersionId) => {
-	const hostRef = getHostRef(hostElement);
-	if (!hostRef) return;
-	hostRef.$flags$ = HOST_FLAGS.hasConnected;
-	initializeComponent(hostElement, hostRef, cmpMeta, hmrVersionId);
-};
-//#endregion
-//#region src/runtime/bootstrap-lazy.ts
+//#region src/runtime/bootstrap-loader.ts
 const bootstrapLazy = (lazyBundles, options = {}) => {
 	if (BUILD.profile && performance.mark) performance.mark("st:app:start");
 	installDevTools();
@@ -4252,7 +4326,7 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
 			if (BUILD.hostListener) cmpMeta.$listeners$ = compactMeta[3];
 			if (BUILD.reflect) cmpMeta.$attrsToReflect$ = [];
 			if (BUILD.propChangeCallback) {
-				cmpMeta.$watchers$ = compactMeta[4] ?? {};
+				cmpMeta.$watchers$ = normalizeWatchers(compactMeta[4]);
 				cmpMeta.$serializers$ = compactMeta[5] ?? {};
 				cmpMeta.$deserializers$ = compactMeta[6] ?? {};
 			}
@@ -4674,4 +4748,4 @@ const insertChildVNodeAnnotations = (doc, vnodeChild, cmpData, hostId, depth, in
 	}
 };
 //#endregion
-export { h as A, postUpdateComponent as C, getMode as D, parsePropertyValue as E, HYDRATED_STYLE_ID as F, getShadowRoot as M, getAssetPath as N, setMode as O, setAssetPath as P, getRenderingRef as S, createEvent as T, connectedCallback as _, transformTag as a, setValue as b, setNonce as c, Fragment as d, bootstrapLazy as f, disconnectedCallback as g, proxyCustomElement as h, setTagTransformer as i, getElement as j, Host as k, Mixin as l, forceModeUpdate as m, jsx as n, render as o, defineCustomElement as p, jsxs as r, setPlatformOptions as s, insertVdomAnnotations as t, addHostEventListeners as u, proxyComponent as v, renderVdom as w, forceUpdate as x, getValue as y };
+export { Host as A, postUpdateComponent as C, normalizeWatchers as D, parsePropertyValue as E, setAssetPath as F, HYDRATED_STYLE_ID as I, getElement as M, getShadowRoot as N, getMode as O, getAssetPath as P, getRenderingRef as S, createEvent as T, connectedCallback as _, transformTag as a, setValue as b, setNonce as c, Fragment as d, bootstrapLazy as f, disconnectedCallback as g, proxyCustomElement as h, setTagTransformer as i, h as j, setMode as k, Mixin as l, forceModeUpdate as m, jsx as n, render as o, defineCustomElement as p, jsxs as r, setPlatformOptions as s, insertVdomAnnotations as t, addHostEventListeners as u, proxyComponent as v, renderVdom as w, forceUpdate as x, getValue as y };

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

@@ -1,4 +1,4 @@
-import { $r as Logger, _r as CompilerSystem } from "../../index-BwTaN1Nq.mjs";
+import { Qr as Logger, _r as CompilerSystem } from "../../index-D5zaocDq.mjs";
 
 //#region src/sys/node/logger/index.d.ts
 /**

package/dist/sys/node/index.mjs

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

package/dist/sys/node/worker.mjs

@@ -1,5 +1,5 @@
-import { l as createWorkerMessageHandler } from "../../compiler-BYRrEeD-.mjs";
-import { t as createNodeSys } from "../../node-BF2jSfWg.mjs";
+import { l as createWorkerMessageHandler } from "../../compiler-Dxri2g8Z.mjs";
+import { t as createNodeSys } from "../../node-pj6rF4Wt.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

@@ -1,5 +1,5 @@
-import { $r as Logger, B as ComponentCompilerMeta, Bt as Module, E as CompilerCtx, Et as HostRef, Gt as NewSpecPageOptions, Qr as LogLevel, Tt as HostElement, Xr as LoadConfigInit, _r as CompilerSystem, a as BuildCtx, bn as SpecPage, fa as UserBuildConditionals, hn as RuntimeRef, la as RafCallback, na as UnvalidatedConfig, pt as ComponentRuntimeMeta, ra as ValidatedConfig, sa as ErrorHandler, ti as LoggerTimeSpan, zr as Diagnostic } from "../index-BwTaN1Nq.mjs";
-import { _ as Env, c as getMode, d as Fragment, f as createEvent, g as setAssetPath, h as getAssetPath, i as getRenderingRef, n as h, p as getElement, r as forceUpdate, t as Host, u as Mixin } from "../index-9LTuoSiw.mjs";
+import { B as ComponentCompilerMeta, E as CompilerCtx, Et as HostRef, Lt as NewSpecPageOptions, Mt as Module, Qr as Logger, Tt as HostElement, Yr as LoadConfigInit, Zr as LogLevel, _r as CompilerSystem, a as BuildCtx, aa as ValidatedConfig, da as RafCallback, ei as LoggerTimeSpan, fn as SpecPage, ia as UnvalidatedConfig, la as ErrorHandler, ma as UserBuildConditionals, pt as ComponentRuntimeMeta, sn as RuntimeRef, zr as Diagnostic } from "../index-D5zaocDq.mjs";
+import { _ as Env, c as getMode, d as Fragment, f as createEvent, g as setAssetPath, h as getAssetPath, i as getRenderingRef, n as h, p as getElement, r as forceUpdate, t as Host, u as Mixin } from "../index-Dat4djoo.mjs";
 import { Mock } from "vitest";
 
 //#region src/testing/testing-logger.d.ts

package/dist/testing/index.mjs

@@ -1,10 +1,10 @@
-import { B as BUILD, E as reWireGetterSetter, V as Env, _ as getElement, a as Mixin, b as setAssetPath, c as forceUpdate, d as createEvent, f as getMode, g as h, h as Host, l as getRenderingRef, o as Fragment, s as bootstrapLazy, t as insertVdomAnnotations, u as renderVdom, y as getAssetPath } from "../client-Dti6fFpE.mjs";
-import { C as CMP_FLAGS, V as EVENT_FLAGS, h as noop } from "../regular-expression-D5pGVpCu.mjs";
-import { _ as getBuildFeatures, c as createWorkerContext, h as BuildContext, i as createSystem, m as Cache, p as createInMemoryFs } from "../compiler-BYRrEeD-.mjs";
-import { St as formatLazyBundleRuntimeMeta } from "../validation-Byxie0Uk.mjs";
-import { o as buildEvents } from "../node-BF2jSfWg.mjs";
-import path from "node:path";
-import path$1 from "path";
+import { B as BUILD, E as reWireGetterSetter, V as Env, _ as getElement, a as Mixin, b as setAssetPath, c as forceUpdate, d as createEvent, f as getMode, g as h, h as Host, l as getRenderingRef, o as Fragment, s as bootstrapLazy, t as insertVdomAnnotations, u as renderVdom, y as getAssetPath } from "../client-Dnio47yQ.mjs";
+import { F as EVENT_FLAGS, h as noop, w as CMP_FLAGS } from "../regular-expression-D0_N0PGa.mjs";
+import { _ as getBuildFeatures, c as createWorkerContext, g as BuildContext, h as Cache, i as createSystem, p as createInMemoryFs } from "../compiler-Dxri2g8Z.mjs";
+import { St as formatLazyBundleRuntimeMeta } from "../validation-BA8nzXu_.mjs";
+import { o as buildEvents } from "../node-pj6rF4Wt.mjs";
+import nodePath from "node:path";
+import path from "path";
 import { MockWindow, setupGlobal } from "@stencil/mock-doc";
 import { createHash } from "crypto";
 import { afterAll, vi } from "vitest";
@@ -86,7 +86,7 @@ const createTestingSystem = () => {
 	let diskReads = 0;
 	let diskWrites = 0;
 	const sys = createSystem();
-	sys.platformPath = path$1;
+	sys.platformPath = path;
 	sys.generateContentHash = (content, length) => {
 		let hash = createHash("sha1").update(content).digest("hex").toLowerCase();
 		if (typeof length === "number") hash = hash.slice(0, length);
@@ -260,7 +260,7 @@ const mockComponentMeta = (overrides = {}) => ({
 */
 function mockValidatedConfig(overrides = {}) {
 	const baseConfig = mockConfig(overrides);
-	const rootDir = path.resolve("/");
+	const rootDir = nodePath.resolve("/");
 	return {
 		...baseConfig,
 		cacheDir: ".stencil",
@@ -277,7 +277,7 @@ function mockValidatedConfig(overrides = {}) {
 		minifyJs: false,
 		namespace: "Testing",
 		outputTargets: baseConfig.outputTargets ?? [],
-		packageJsonFilePath: path.join(rootDir, "package.json"),
+		packageJsonFilePath: nodePath.join(rootDir, "package.json"),
 		rootDir,
 		sourceMap: true,
 		srcDir: "/src",
@@ -289,7 +289,6 @@ function mockValidatedConfig(overrides = {}) {
 			inputOptions: {},
 			outputOptions: {}
 		},
-		validatePrimaryPackageOutputTarget: false,
 		...overrides
 	};
 }
@@ -301,14 +300,13 @@ function mockValidatedConfig(overrides = {}) {
 * @returns the mock Stencil configuration
 */
 function mockConfig(overrides = {}) {
-	const rootDir = path.resolve("/");
+	const rootDir = nodePath.resolve("/");
 	let { sys } = overrides;
 	if (!sys) sys = createTestingSystem();
 	sys.getCurrentDirectory = () => rootDir;
 	return {
 		_isTesting: true,
 		buildAppCore: false,
-		buildDist: true,
 		bundles: null,
 		devMode: true,
 		enableCache: false,
@@ -366,7 +364,7 @@ function mockCompilerCtx(config) {
 		activeFilesUpdated: [],
 		addWatchDir: noop,
 		addWatchFile: noop,
-		cachedGlobalStyle: null,
+		globalStyleCache: /* @__PURE__ */ new Map(),
 		changedFiles: /* @__PURE__ */ new Set(),
 		changedModules: /* @__PURE__ */ new Set(),
 		collections: [],
@@ -383,9 +381,11 @@ function mockCompilerCtx(config) {
 		reset: noop,
 		resolvedCollections: /* @__PURE__ */ new Set(),
 		rolldownCache: /* @__PURE__ */ new Map(),
-		rolldownCacheHydrate: null,
+		rolldownCacheSsr: null,
 		rolldownCacheLazy: null,
 		rolldownCacheNative: null,
+		transpileCache: /* @__PURE__ */ new Map(),
+		prevStylesMap: /* @__PURE__ */ new Map(),
 		styleModeNames: /* @__PURE__ */ new Set(),
 		worker: createWorkerContext(innerConfig.sys),
 		cssTransformCache: /* @__PURE__ */ new Map()

package/dist/{validation-Byxie0Uk.mjs → validation-BA8nzXu_.mjs}

@@ -1,7 +1,7 @@
 import { t as __exportAll } from "./chunk-CjcI7cDX.mjs";
-import { A as DIST_CUSTOM_ELEMENTS, B as DOCS_VSCODE, C as CMP_FLAGS, E as CUSTOM, F as DIST_TYPES, G as LISTENER_FLAGS, H as GENERATED_DTS, I as DOCS_CUSTOM, J as STATS, K as MEMBER_FLAGS, L as DOCS_CUSTOM_ELEMENTS_MANIFEST, M as DIST_HYDRATE_SCRIPT, N as DIST_LAZY, O as DIST, P as DIST_LAZY_LOADER, R as DOCS_JSON, T as COPY, X as VALID_CONFIG_OUTPUT_TARGETS, Z as WATCH_FLAGS, _ as sortBy, b as toTitleCase, i as flatOne, j as DIST_GLOBAL_STYLES, k as DIST_COLLECTION, n as dashToPascalCase, p as isString, r as escapeWithPattern, u as isIterable, y as toDashCase, z as DOCS_README } from "./regular-expression-D5pGVpCu.mjs";
-import path, { basename, dirname, relative } from "node:path";
-import { minimatch } from "minimatch";
+import { A as DOCS_CUSTOM, B as LISTENER_FLAGS, C as ASSETS, D as CUSTOM, E as COPY, G as STANDALONE, H as MEMBER_FLAGS, I as GENERATED_DTS, K as STATS, L as GLOBAL_STYLE, M as DOCS_JSON, N as DOCS_README, P as DOCS_VSCODE, V as LOADER_BUNDLE, X as VALID_CONFIG_OUTPUT_TARGETS, Y as TYPES, Z as WATCH_FLAGS, _ as sortBy, b as toTitleCase, i as flatOne, j as DOCS_CUSTOM_ELEMENTS_MANIFEST, k as DIST_LAZY, n as dashToPascalCase, p as isString, q as STENCIL_REBUNDLE, r as escapeWithPattern, u as isIterable, w as CMP_FLAGS, y as toDashCase } from "./regular-expression-D0_N0PGa.mjs";
+import nodePath, { basename, dirname, relative } from "node:path";
+import picomatch from "picomatch";
 //#region src/utils/byte-size.ts
 /**
 * Used to learn the size of a string in bytes.
@@ -267,7 +267,8 @@ const buildWarn = (diagnostics) => {
 * @param jsonFilePath the path to the JSON file where the error occurred
 * @param msg the error message
 * @param jsonField the key for the field which caused the error, used for finding
-* the error line in the original JSON file
+* the error line in the original JSON file. Only root-level keys (with minimal
+* indentation, typically 2 spaces) are highlighted to avoid matching nested keys.
 * @returns a reference to the newly-created diagnostic
 */
 const buildJsonFileError = (compilerCtx, diagnostics, jsonFilePath, msg, jsonField) => {
@@ -276,41 +277,60 @@ const buildJsonFileError = (compilerCtx, diagnostics, jsonFilePath, msg, jsonFie
 	err.absFilePath = jsonFilePath;
 	if (typeof jsonField === "string") try {
 		const lines = compilerCtx.fs.readFileSync(jsonFilePath).replace(/\r/g, "\n").split("\n");
+		let bestMatch = null;
+		const ROOT_LEVEL_INDENTATION = 2;
 		for (let i = 0; i < lines.length; i++) {
 			const txtLine = lines[i];
 			const txtIndex = txtLine.indexOf(jsonField);
 			if (txtIndex > -1) {
-				const warnLine = {
+				const indentation = txtLine.search(/\S/);
+				if (indentation === ROOT_LEVEL_INDENTATION) {
+					bestMatch = {
+						lineIndex: i,
+						charIndex: txtIndex,
+						indentation
+					};
+					break;
+				} else if (bestMatch === null || indentation < bestMatch.indentation) bestMatch = {
 					lineIndex: i,
-					lineNumber: i + 1,
-					text: txtLine,
-					errorCharStart: txtIndex,
-					errorLength: jsonField.length
+					charIndex: txtIndex,
+					indentation
 				};
-				err.lineNumber = warnLine.lineNumber;
-				err.columnNumber = txtIndex + 1;
-				err.lines.push(warnLine);
-				if (i >= 0) {
-					const beforeWarnLine = {
-						lineIndex: warnLine.lineIndex - 1,
-						lineNumber: warnLine.lineNumber - 1,
-						text: lines[i - 1],
-						errorCharStart: -1,
-						errorLength: -1
-					};
-					err.lines.unshift(beforeWarnLine);
-				}
-				if (i < lines.length) {
-					const afterWarnLine = {
-						lineIndex: warnLine.lineIndex + 1,
-						lineNumber: warnLine.lineNumber + 1,
-						text: lines[i + 1],
-						errorCharStart: -1,
-						errorLength: -1
-					};
-					err.lines.push(afterWarnLine);
-				}
-				break;
+			}
+		}
+		if (bestMatch !== null && bestMatch.indentation === ROOT_LEVEL_INDENTATION) {
+			const i = bestMatch.lineIndex;
+			const txtIndex = bestMatch.charIndex;
+			const txtLine = lines[i];
+			const warnLine = {
+				lineIndex: i,
+				lineNumber: i + 1,
+				text: txtLine,
+				errorCharStart: txtIndex,
+				errorLength: jsonField.length
+			};
+			err.lineNumber = warnLine.lineNumber;
+			err.columnNumber = txtIndex + 1;
+			err.lines.push(warnLine);
+			if (i > 0) {
+				const beforeWarnLine = {
+					lineIndex: warnLine.lineIndex - 1,
+					lineNumber: warnLine.lineNumber - 1,
+					text: lines[i - 1],
+					errorCharStart: -1,
+					errorLength: -1
+				};
+				err.lines.unshift(beforeWarnLine);
+			}
+			if (i < lines.length - 1) {
+				const afterWarnLine = {
+					lineIndex: warnLine.lineIndex + 1,
+					lineNumber: warnLine.lineNumber + 1,
+					text: lines[i + 1],
+					errorCharStart: -1,
+					errorLength: -1
+				};
+				err.lines.push(afterWarnLine);
 			}
 		}
 	} catch {}
@@ -741,7 +761,7 @@ function relative$1(from, to) {
 	* path. However, our algorithm does differ from that of Node's, as described in this function's JSDoc when a zero
 	* length string is encountered.
 	*/
-	return normalizePath(path.relative(from, to), false);
+	return normalizePath(nodePath.relative(from, to), false);
 }
 /**
 * A wrapped version of node.js' {@link path.join} which adds our custom
@@ -764,7 +784,7 @@ function join$1(...paths) {
 	* Note that our algorithm does differ from Node's, as described in this function's JSDoc regarding trailing
 	* slashes.
 	*/
-	return normalizePath(path.join(...paths), false);
+	return normalizePath(nodePath.join(...paths), false);
 }
 /**
 * A wrapped version of node.js' {@link path.resolve} which adds our custom
@@ -781,7 +801,7 @@ function resolve(...paths) {
 	* When normalizing, we should _not_ attempt to relativize the path returned by the native Node `resolve` method. When
 	* calculating the path from each of the string-based parts, Node does not prepend './' to the calculated path.
 	*/
-	return normalizePath(path.resolve(...paths), false);
+	return normalizePath(nodePath.resolve(...paths), false);
 }
 /**
 * A wrapped version of node.js' {@link path.normalize} which adds our custom
@@ -798,7 +818,7 @@ function normalize(toNormalize) {
 	* When normalizing, we should _not_ attempt to relativize the path returned by the native Node `normalize` method.
 	* When calculating the path from each of the string-based parts, Node does not prepend './' to the calculated path.
 	*/
-	return normalizePath(path.normalize(toNormalize), false);
+	return normalizePath(nodePath.normalize(toNormalize), false);
 }
 //#endregion
 //#region src/utils/logger/logger-typescript.ts
@@ -973,7 +993,7 @@ const flattenDiagnosticMessageText = (tsDiagnostic, diag) => {
 const shouldExcludeComponent = (tagName, excludePatterns) => {
 	if (!excludePatterns || excludePatterns.length === 0) return false;
 	return excludePatterns.some((pattern) => {
-		if (isGlob(pattern)) return minimatch(tagName, pattern);
+		if (isGlob(pattern)) return picomatch.isMatch(tagName, pattern);
 		return pattern === tagName;
 	});
 };
@@ -1025,21 +1045,21 @@ const relativeImport = (pathFrom, pathTo, ext, addPrefix = true) => {
 };
 const getComponentsDtsSrcFilePath = (config) => join$1(config.srcDir, GENERATED_DTS);
 /**
-* Helper to get an appropriate file path for `components.d.ts` for a `"dist"`
-* or `"dist-types"` output target.
+* Helper to get an appropriate file path for `components.d.ts` for an output target.
 *
-* @param outputTarget the output target of interest
+* @param typesDir the directory where types are generated
 * @returns a properly-formatted path
 */
-const getComponentsDtsTypesFilePath = (outputTarget) => join$1(outputTarget.typesDir, GENERATED_DTS);
-const isOutputTargetDist = (o) => o.type === DIST;
-const isOutputTargetDistCollection = (o) => o.type === DIST_COLLECTION;
-const isOutputTargetDistCustomElements = (o) => o.type === DIST_CUSTOM_ELEMENTS;
+const getComponentsDtsTypesFilePath = (typesDir) => join$1(typesDir, GENERATED_DTS);
+const isOutputTargetLoaderBundle = (o) => o.type === LOADER_BUNDLE;
+const isOutputTargetStandalone = (o) => o.type === STANDALONE;
+const isOutputTargetSsr = (o) => o.type === "ssr";
+const isOutputTargetStencilRebundle = (o) => o.type === STENCIL_REBUNDLE;
+const isOutputTargetTypes = (o) => o.type === TYPES;
+const isOutputTargetGlobalStyle = (o) => o.type === GLOBAL_STYLE;
+const isOutputTargetAssets = (o) => o.type === ASSETS;
 const isOutputTargetCopy = (o) => o.type === COPY;
 const isOutputTargetDistLazy = (o) => o.type === DIST_LAZY;
-const isOutputTargetDistLazyLoader = (o) => o.type === DIST_LAZY_LOADER;
-const isOutputTargetDistGlobalStyles = (o) => o.type === DIST_GLOBAL_STYLES;
-const isOutputTargetHydrate = (o) => o.type === DIST_HYDRATE_SCRIPT;
 const isOutputTargetCustom = (o) => o.type === CUSTOM;
 const isOutputTargetDocs = (o) => o.type === "docs-readme" || o.type === "docs-json" || o.type === "docs-custom" || o.type === "docs-vscode" || o.type === "docs-custom-elements-manifest";
 const isOutputTargetDocsReadme = (o) => o.type === DOCS_README;
@@ -1049,15 +1069,6 @@ const isOutputTargetDocsVscode = (o) => o.type === DOCS_VSCODE;
 const isOutputTargetDocsCustomElementsManifest = (o) => o.type === DOCS_CUSTOM_ELEMENTS_MANIFEST;
 const isOutputTargetWww = (o) => o.type === "www";
 const isOutputTargetStats = (o) => o.type === STATS;
-const isOutputTargetDistTypes = (o) => o.type === DIST_TYPES;
-/**
-* Checks whether or not the supplied output target's type matches one of the eligible primary
-* package output target types (i.e. it can have `isPrimaryPackageOutputTarget: true` in its config).
-*
-* @param o The output target to check.
-* @returns Whether the output target type is one of the "primary" output targets.
-*/
-const isEligiblePrimaryPackageOutputTarget = (o) => isOutputTargetDist(o) || isOutputTargetDistCollection(o) || isOutputTargetDistCustomElements(o) || isOutputTargetDistTypes(o);
 /**
 * Retrieve the Stencil component compiler metadata from a collection of Stencil {@link d.Module}s
 * @param moduleFiles the collection of `Module`s to retrieve the metadata from
@@ -1073,6 +1084,19 @@ const getComponentsFromModules = (moduleFiles) => sortBy(flatOne(moduleFiles.map
 function isValidConfigOutputTarget(targetType) {
 	return VALID_CONFIG_OUTPUT_TARGETS.includes(targetType);
 }
+/**
+* Filter output targets based on devMode and their skipInDev setting.
+* In dev mode, targets with `skipInDev: true` are filtered out.
+* In prod mode, all targets are included.
+*
+* @param targets Array of output targets to filter
+* @param devMode Whether we're in dev mode
+* @returns Filtered array of active targets
+*/
+const filterActiveTargets = (targets, devMode) => {
+	if (!devMode) return targets;
+	return targets.filter((t) => !t.skipInDev);
+};
 //#endregion
 //#region src/utils/result.ts
 var result_exports = /* @__PURE__ */ __exportAll({
@@ -1442,4 +1466,4 @@ const validateComponentTag = (tag) => {
 	if (tag.lastIndexOf("-") === tag.length - 1) return `"${tag}" tag cannot end with a dash (-)`;
 };
 //#endregion
-export { join$1 as $, isOutputTargetCustom as A, isOutputTargetDocsCustomElementsManifest as B, result_exports as C, stringifyRuntimeData as Ct, getComponentsFromModules as D, getComponentsDtsTypesFilePath as E, isOutputTargetDistLazy as F, isOutputTargetStats as G, isOutputTargetDocsReadme as H, isOutputTargetDistLazyLoader as I, relativeImport as J, isOutputTargetWww as K, isOutputTargetDistTypes as L, isOutputTargetDistCollection as M, isOutputTargetDistCustomElements as N, isEligiblePrimaryPackageOutputTarget as O, isOutputTargetDistGlobalStyles as P, loadTypeScriptDiagnostics as Q, isOutputTargetDocs as R, ok as S, formatLazyBundleRuntimeMeta as St, getComponentsDtsSrcFilePath as T, isOutputTargetDocsVscode as U, isOutputTargetDocsJson as V, isOutputTargetHydrate as W, augmentDiagnosticWithNode as X, shouldExcludeComponent as Y, loadTypeScriptDiagnostic as Z, getSourceMappingUrlForEndOfFile as _, hasWarning as _t, getTextDocs as a, resolve as at, err as b, isGlob as bt, isJsFile as c, escapeHtml as ct, isTsxFile as d, TASK_CANCELED_MSG as dt, normalize as et, parsePackageJson as f, buildError as ft, getInlineSourceMappingUrlLinker as g, hasError as gt, isRemoteUrl as h, catchError as ht, generatePreamble as i, relative$1 as it, isOutputTargetDist as j, isOutputTargetCopy as k, isJsxFile as l, normalizeDiagnostics as lt, readPackageJson as m, buildWarn as mt, addDocBlock as n, normalizeFsPathQuery as nt, hasDependency as o, createOnWarnFn as ot, readOnlyArrayHasStringMember as p, buildJsonFileError as pt, isValidConfigOutputTarget as q, createJsVarName as r, normalizePath as rt, isDtsFile as s, loadRolldownDiagnostics as st, validateComponentTag as t, normalizeFsPath as tt, isTsFile as u, splitLineBreaks as ut, getSourceMappingUrlLinker as v, shouldIgnoreError as vt, filterExcludedComponents as w, byteSize as wt, map as x, formatComponentRuntimeMeta as xt, rolldownToStencilSourceMap as y, isRootPath as yt, isOutputTargetDocsCustom as z };
+export { join$1 as $, isOutputTargetCopy as A, isOutputTargetLoaderBundle as B, result_exports as C, stringifyRuntimeData as Ct, getComponentsDtsTypesFilePath as D, getComponentsDtsSrcFilePath as E, isOutputTargetDocsCustomElementsManifest as F, isOutputTargetTypes as G, isOutputTargetStandalone as H, isOutputTargetDocsJson as I, relativeImport as J, isOutputTargetWww as K, isOutputTargetDocsReadme as L, isOutputTargetDistLazy as M, isOutputTargetDocs as N, getComponentsFromModules as O, isOutputTargetDocsCustom as P, loadTypeScriptDiagnostics as Q, isOutputTargetDocsVscode as R, ok as S, formatLazyBundleRuntimeMeta as St, filterExcludedComponents as T, isOutputTargetStats as U, isOutputTargetSsr as V, isOutputTargetStencilRebundle as W, augmentDiagnosticWithNode as X, shouldExcludeComponent as Y, loadTypeScriptDiagnostic as Z, getSourceMappingUrlForEndOfFile as _, hasWarning as _t, getTextDocs as a, resolve as at, err as b, isGlob as bt, isJsFile as c, escapeHtml as ct, isTsxFile as d, TASK_CANCELED_MSG as dt, normalize as et, parsePackageJson as f, buildError as ft, getInlineSourceMappingUrlLinker as g, hasError as gt, isRemoteUrl as h, catchError as ht, generatePreamble as i, relative$1 as it, isOutputTargetCustom as j, isOutputTargetAssets as k, isJsxFile as l, normalizeDiagnostics as lt, readPackageJson as m, buildWarn as mt, addDocBlock as n, normalizeFsPathQuery as nt, hasDependency as o, createOnWarnFn as ot, readOnlyArrayHasStringMember as p, buildJsonFileError as pt, isValidConfigOutputTarget as q, createJsVarName as r, normalizePath as rt, isDtsFile as s, loadRolldownDiagnostics as st, validateComponentTag as t, normalizeFsPath as tt, isTsFile as u, splitLineBreaks as ut, getSourceMappingUrlLinker as v, shouldIgnoreError as vt, filterActiveTargets as w, byteSize as wt, map as x, formatComponentRuntimeMeta as xt, rolldownToStencilSourceMap as y, isRootPath as yt, isOutputTargetGlobalStyle as z };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core",
-  "version": "5.0.0-alpha.4",
+  "version": "5.0.0-alpha.5",
   "description": "A Compiler for Web Components and Progressive Web Apps",
   "keywords": [
     "components",
@@ -92,33 +92,32 @@
   "dependencies": {
     "@parcel/watcher": "^2.5.1",
     "@rollup/pluginutils": "^5.3.0",
-    "@stencil/vitest": "^1.10.0",
     "browserslist": "^4.24.0",
     "chalk": "^5.6.2",
     "css-what": "^7.0.0",
-    "glob": "^10.0.0",
-    "graceful-fs": "^4.2.11",
     "lightningcss": "^1.32.0",
     "magic-string": "^0.30.0",
-    "minimatch": "^10.1.2",
+    "picomatch": "^4.0.3",
     "postcss": "^8.5.6",
     "postcss-safe-parser": "^7.0.1",
     "postcss-selector-parser": "^7.1.1",
     "resolve": "^1.22.0",
-    "rolldown": "^1.0.0-rc.13",
+    "rolldown": "^1.0.0-rc.15",
     "semver": "^7.7.4",
     "terser": "5.37.0",
-    "typescript": "~6.0.2",
-    "@stencil/cli": "5.0.0-alpha.4",
-    "@stencil/dev-server": "5.0.0-alpha.4",
-    "@stencil/mock-doc": "5.0.0-alpha.4"
+    "tinyglobby": "^0.2.15",
+    "typescript": ">4.0.0",
+    "@stencil/cli": "5.0.0-alpha.5",
+    "@stencil/dev-server": "5.0.0-alpha.5",
+    "@stencil/mock-doc": "5.0.0-alpha.5"
   },
   "devDependencies": {
     "@ionic/prettier-config": "^4.0.0",
+    "@stencil/vitest": "^1.11.6",
     "prettier": "^3.5.0",
-    "tsdown": "^0.21.6",
+    "tsdown": "^0.21.7",
     "vitest": "^4.1.1",
-    "vitest-environment-stencil": "^1.10.0"
+    "vitest-environment-stencil": "^1.11.6"
   },
   "volta": {
     "extends": "../../package.json"