@stencil/core 5.0.0-alpha.17 → 5.0.0-alpha.19

package/dist/{client-CgXNkftm.mjs → client-CvcvHKz4.mjs}

@@ -4405,17 +4405,30 @@ const hmrStandalone = async (hostElement, cmpMeta, hmrVersionId) => {
 			if (styleDesc) {
 				Object.defineProperty(ctor, "style", styleDesc);
 				const newStyle = NewClass.style;
-				if (newStyle) registerStyle(getScopeId(cmpMeta), newStyle, !!(cmpMeta.$flags$ & CMP_FLAGS.shadowDomEncapsulation));
+				if (newStyle) {
+					const scopeId = getScopeId(cmpMeta);
+					const isShadow = !!(cmpMeta.$flags$ & CMP_FLAGS.shadowDomEncapsulation);
+					console.log("[stencil-hmr] registerStyle", {
+						tag: cmpMeta.$tagName$,
+						scopeId,
+						isShadow,
+						cssLen: newStyle.length
+					});
+					registerStyle(scopeId, newStyle, isShadow);
+				}
 			}
 		}
+		const isShadow = !!(cmpMeta.$flags$ & CMP_FLAGS.shadowDomEncapsulation);
 		document.querySelectorAll(cmpMeta.$tagName$).forEach((el) => {
-			if (BUILD.hostListener) {
-				const hostRef = getHostRef(el);
-				if (hostRef?.$rmListeners$) {
-					hostRef.$rmListeners$.map((rmListener) => rmListener());
-					hostRef.$rmListeners$ = void 0;
-					addHostEventListeners(el, hostRef, cmpMeta.$listeners$);
-				}
+			const hostRef = getHostRef(el);
+			if (BUILD.hostListener && hostRef?.$rmListeners$) {
+				hostRef.$rmListeners$.map((rmListener) => rmListener());
+				hostRef.$rmListeners$ = void 0;
+				addHostEventListeners(el, hostRef, cmpMeta.$listeners$);
+			}
+			if (!isShadow && hostRef) {
+				console.log("[stencil-hmr] calling attachStyles for", cmpMeta.$tagName$);
+				attachStyles(hostRef);
 			}
 			forceUpdate(el);
 		});

package/dist/compiler/index.mjs

@@ -1,4 +1,4 @@
-import { f as scopeCss } from "../client-CgXNkftm.mjs";
-import { C as version, S as vermoji, _ as cmpMetaToDocsComponent, a as createPrerenderer, c as createWorkerContext, d as nodeRequire, f as optimizeCss, g as generateManifest, i as createSystem, l as createWorkerMessageHandler, m as validateConfig, n as transpile, o as loadConfig, r as transpileSync, s as createCompiler, t as ts, u as optimizeJs, w as versions, x as buildId, y as getScopeId } from "../compiler-CXWiPNlE.mjs";
-import { a as LOG_LEVELS, i as CustomElementsExportBehaviorOptions } from "../node-jFf98r0u.mjs";
+import { f as scopeCss } from "../client-CvcvHKz4.mjs";
+import { C as version, S as vermoji, _ as cmpMetaToDocsComponent, a as createPrerenderer, c as createWorkerContext, d as nodeRequire, f as optimizeCss, g as generateManifest, i as createSystem, l as createWorkerMessageHandler, m as validateConfig, n as transpile, o as loadConfig, r as transpileSync, s as createCompiler, t as ts, u as optimizeJs, w as versions, x as buildId, y as getScopeId } from "../compiler-Du--5G0l.mjs";
+import { a as LOG_LEVELS, i as CustomElementsExportBehaviorOptions } from "../node-DKVq_Ud0.mjs";
 export { CustomElementsExportBehaviorOptions, LOG_LEVELS, buildId, cmpMetaToDocsComponent, createCompiler, createPrerenderer, createSystem, createWorkerContext, createWorkerMessageHandler, generateManifest, getScopeId, loadConfig, nodeRequire, optimizeCss, optimizeJs, scopeCss, transpile, transpileSync, ts, validateConfig, vermoji, version, versions };

package/dist/{compiler-CXWiPNlE.mjs → compiler-Du--5G0l.mjs}

@@ -1,8 +1,8 @@
 import { n as __require } from "./chunk-z9aeyW2b.mjs";
-import { O as HYDRATED_CSS, f as scopeCss } from "./client-CgXNkftm.mjs";
+import { O as HYDRATED_CSS, f as scopeCss } from "./client-CvcvHKz4.mjs";
 import { $ as VALID_CONFIG_OUTPUT_TARGETS, C as ASSETS, D as COLLECTION_MANIFEST_FILE_NAME, E as COLLECTION_APP_DATA_FILE_NAME, F as DOCS_README, J as STANDALONE, L as EVENT_FLAGS, O as COPY, P as DOCS_JSON, Q as TYPES, R as GENERATED_DTS, T as COLLECTION, U as LOADER_BUNDLE, X as STYLE_EXT, Y as STATS, _ as sortBy, a as fromEntries, b as toTitleCase, d as isNumber$1, et as WATCH_FLAGS, f as isObject, h as noop, i as flatOne, j as DIST_LAZY, l as isFunction, m as mergeIntoWith, n as dashToPascalCase, o as isBoolean$1, p as isString$1, u as isIterable, x as unique, y as toDashCase, z as GLOBAL_STYLE } from "./regular-expression-CFVJOTUh.mjs";
 import { $ as loadTypeScriptDiagnostics, A as isOutputTargetCollection, B as isOutputTargetGlobalStyle, Ct as formatComponentRuntimeMeta, E as getComponentsDtsSrcFilePath, Et as byteSize, F as isOutputTargetDocsCustom, G as isOutputTargetStats, H as isOutputTargetSsr, I as isOutputTargetDocsCustomElementsManifest, J as isValidConfigOutputTarget, K as isOutputTargetTypes, L as isOutputTargetDocsJson, M as isOutputTargetCustom, N as isOutputTargetDistLazy, O as getComponentsFromModules, P as isOutputTargetDocs, Q as loadTypeScriptDiagnostic, R as isOutputTargetDocsReadme, S as ok, St as isGlob, T as filterExcludedComponents, Tt as stringifyRuntimeData, U as isOutputTargetSsrWasm, V as isOutputTargetLoaderBundle, W as isOutputTargetStandalone, Y as relativeImport, Z as augmentDiagnosticWithNode, _ as getSourceMappingUrlForEndOfFile, _t as catchError, a as getTextDocs, at as relative$1, b as err, ct as isRolldownError, d as isTsxFile, dt as normalizeDiagnostics, et as join$2, f as parsePackageJson, ft as splitLineBreaks, g as getInlineSourceMappingUrlLinker, gt as buildWarn, h as isRemoteUrl, ht as buildJsonFileError, i as generatePreamble, it as normalizePath, j as isOutputTargetCopy, k as isOutputTargetAssets, lt as loadRolldownDiagnostics, m as readPackageJson, mt as buildError, n as addDocBlock, nt as normalizeFsPath, o as hasDependency, ot as resolve$2, p as readOnlyArrayHasStringMember, q as isOutputTargetWww, r as createJsVarName, rt as normalizeFsPathQuery, s as isDtsFile, st as createOnWarnFn, t as validateComponentTag, u as isTsFile, vt as hasError, w as filterActiveTargets, x as map, xt as isRootPath, y as rolldownToStencilSourceMap, yt as hasWarning, z as isOutputTargetDocsVscode } from "./validation-ByxKj8bC.mjs";
-import { i as CustomElementsExportBehaviorOptions, o as buildEvents, r as createNodeLogger, t as createNodeSys } from "./node-jFf98r0u.mjs";
+import { i as CustomElementsExportBehaviorOptions, o as buildEvents, r as createNodeLogger, t as createNodeSys } from "./node-DKVq_Ud0.mjs";
 import ts, { default as ts$1 } from "typescript";
 import { readFileSync } from "node:fs";
 import { basename, dirname, isAbsolute, join, resolve } from "node:path";
@@ -28,9 +28,9 @@ import { createJiti } from "jiti";
 import * as process$1 from "process";
 import { dataToEsm } from "@rollup/pluginutils";
 //#region src/version.ts
-const version = "5.0.0-alpha.17";
-const buildId = "1783170414";
-const vermoji = "🎨";
+const version = "5.0.0-alpha.19";
+const buildId = "1783462346";
+const vermoji = "🐛";
 /**
 * Get the installed version of a tool/dependency.
 * Handles packages with exports maps that point to subdirectories.

package/dist/index.mjs

@@ -1,2 +1,2 @@
-import { B as Event, C as setAssetPath, E as setPlatformHelpers, G as State, H as Method, I as AttachInternals, J as Build, K as Watch, L as AttrDeserialize, N as setErrorHandler, R as Component, S as getAssetPath, T as writeTask, U as Prop, V as Listen, W as PropSerialize, a as transformTag, b as getElement, c as Fragment, d as setMode, g as getRenderingRef, h as forceUpdate, i as setTagTransformer, m as h, o as render, p as Host, q as resolveVar, s as Mixin, u as getMode, w as readTask, x as getShadowRoot, z as Element } from "./client-CgXNkftm.mjs";
+import { B as Event, C as setAssetPath, E as setPlatformHelpers, G as State, H as Method, I as AttachInternals, J as Build, K as Watch, L as AttrDeserialize, N as setErrorHandler, R as Component, S as getAssetPath, T as writeTask, U as Prop, V as Listen, W as PropSerialize, a as transformTag, b as getElement, c as Fragment, d as setMode, g as getRenderingRef, h as forceUpdate, i as setTagTransformer, m as h, o as render, p as Host, q as resolveVar, s as Mixin, u as getMode, w as readTask, x as getShadowRoot, z as Element } from "./client-CvcvHKz4.mjs";
 export { AttachInternals, AttrDeserialize, Build, Component, Element, Event, Fragment, Host, Listen, Method, Mixin, Prop, PropSerialize, State, Watch, forceUpdate, getAssetPath, getElement, getMode, getRenderingRef, getShadowRoot, h, readTask, render, resolveVar, setAssetPath, setErrorHandler, setMode, setPlatformHelpers, setTagTransformer, transformTag, writeTask };

package/dist/jsx-runtime.mjs

@@ -1,2 +1,2 @@
-import { c as Fragment, n as jsxDEV, r as jsxs, t as jsx } from "./client-CgXNkftm.mjs";
+import { c as Fragment, n as jsxDEV, r as jsxs, t as jsx } from "./client-CvcvHKz4.mjs";
 export { Fragment, jsx, jsxDEV, jsxs };

package/dist/{node-jFf98r0u.mjs → node-DKVq_Ud0.mjs}

@@ -1,5 +1,5 @@
 import { n as __require } from "./chunk-z9aeyW2b.mjs";
-import "./client-CgXNkftm.mjs";
+import "./client-CvcvHKz4.mjs";
 import { h as noop, i as flatOne, l as isFunction, p as isString } from "./regular-expression-CFVJOTUh.mjs";
 import { St as isGlob, _t as catchError, bt as shouldIgnoreError, it as normalizePath, mt as buildError, pt as TASK_CANCELED_MSG } from "./validation-ByxKj8bC.mjs";
 import fs from "node:fs";

package/dist/runtime/client/lazy.js

@@ -4545,17 +4545,30 @@ const hmrStandalone = async (hostElement, cmpMeta, hmrVersionId) => {
 			if (styleDesc) {
 				Object.defineProperty(ctor, "style", styleDesc);
 				const newStyle = NewClass.style;
-				if (newStyle) registerStyle(getScopeId(cmpMeta), newStyle, !!(cmpMeta.$flags$ & CMP_FLAGS.shadowDomEncapsulation));
+				if (newStyle) {
+					const scopeId = getScopeId(cmpMeta);
+					const isShadow = !!(cmpMeta.$flags$ & CMP_FLAGS.shadowDomEncapsulation);
+					console.log("[stencil-hmr] registerStyle", {
+						tag: cmpMeta.$tagName$,
+						scopeId,
+						isShadow,
+						cssLen: newStyle.length
+					});
+					registerStyle(scopeId, newStyle, isShadow);
+				}
 			}
 		}
+		const isShadow = !!(cmpMeta.$flags$ & CMP_FLAGS.shadowDomEncapsulation);
 		document.querySelectorAll(cmpMeta.$tagName$).forEach((el) => {
-			if (BUILD.hostListener) {
-				const hostRef = getHostRef(el);
-				if (hostRef?.$rmListeners$) {
-					hostRef.$rmListeners$.map((rmListener) => rmListener());
-					hostRef.$rmListeners$ = void 0;
-					addHostEventListeners(el, hostRef, cmpMeta.$listeners$);
-				}
+			const hostRef = getHostRef(el);
+			if (BUILD.hostListener && hostRef?.$rmListeners$) {
+				hostRef.$rmListeners$.map((rmListener) => rmListener());
+				hostRef.$rmListeners$ = void 0;
+				addHostEventListeners(el, hostRef, cmpMeta.$listeners$);
+			}
+			if (!isShadow && hostRef) {
+				console.log("[stencil-hmr] calling attachStyles for", cmpMeta.$tagName$);
+				attachStyles(hostRef);
 			}
 			forceUpdate(el);
 		});

package/dist/runtime/client/runtime.js

@@ -4539,17 +4539,30 @@ const hmrStandalone = async (hostElement, cmpMeta, hmrVersionId) => {
 			if (styleDesc) {
 				Object.defineProperty(ctor, "style", styleDesc);
 				const newStyle = NewClass.style;
-				if (newStyle) registerStyle(getScopeId(cmpMeta), newStyle, !!(cmpMeta.$flags$ & CMP_FLAGS.shadowDomEncapsulation));
+				if (newStyle) {
+					const scopeId = getScopeId(cmpMeta);
+					const isShadow = !!(cmpMeta.$flags$ & CMP_FLAGS.shadowDomEncapsulation);
+					console.log("[stencil-hmr] registerStyle", {
+						tag: cmpMeta.$tagName$,
+						scopeId,
+						isShadow,
+						cssLen: newStyle.length
+					});
+					registerStyle(scopeId, newStyle, isShadow);
+				}
 			}
 		}
+		const isShadow = !!(cmpMeta.$flags$ & CMP_FLAGS.shadowDomEncapsulation);
 		document.querySelectorAll(cmpMeta.$tagName$).forEach((el) => {
-			if (BUILD$1.hostListener) {
-				const hostRef = getHostRef(el);
-				if (hostRef?.$rmListeners$) {
-					hostRef.$rmListeners$.map((rmListener) => rmListener());
-					hostRef.$rmListeners$ = void 0;
-					addHostEventListeners(el, hostRef, cmpMeta.$listeners$);
-				}
+			const hostRef = getHostRef(el);
+			if (BUILD$1.hostListener && hostRef?.$rmListeners$) {
+				hostRef.$rmListeners$.map((rmListener) => rmListener());
+				hostRef.$rmListeners$ = void 0;
+				addHostEventListeners(el, hostRef, cmpMeta.$listeners$);
+			}
+			if (!isShadow && hostRef) {
+				console.log("[stencil-hmr] calling attachStyles for", cmpMeta.$tagName$);
+				attachStyles(hostRef);
 			}
 			forceUpdate(el);
 		});

package/dist/runtime/index.js

@@ -4410,17 +4410,30 @@ const hmrStandalone = async (hostElement, cmpMeta, hmrVersionId) => {
 			if (styleDesc) {
 				Object.defineProperty(ctor, "style", styleDesc);
 				const newStyle = NewClass.style;
-				if (newStyle) registerStyle(getScopeId(cmpMeta), newStyle, !!(cmpMeta.$flags$ & CMP_FLAGS.shadowDomEncapsulation));
+				if (newStyle) {
+					const scopeId = getScopeId(cmpMeta);
+					const isShadow = !!(cmpMeta.$flags$ & CMP_FLAGS.shadowDomEncapsulation);
+					console.log("[stencil-hmr] registerStyle", {
+						tag: cmpMeta.$tagName$,
+						scopeId,
+						isShadow,
+						cssLen: newStyle.length
+					});
+					registerStyle(scopeId, newStyle, isShadow);
+				}
 			}
 		}
+		const isShadow = !!(cmpMeta.$flags$ & CMP_FLAGS.shadowDomEncapsulation);
 		document.querySelectorAll(cmpMeta.$tagName$).forEach((el) => {
-			if (BUILD.hostListener) {
-				const hostRef = getHostRef(el);
-				if (hostRef?.$rmListeners$) {
-					hostRef.$rmListeners$.map((rmListener) => rmListener());
-					hostRef.$rmListeners$ = void 0;
-					addHostEventListeners(el, hostRef, cmpMeta.$listeners$);
-				}
+			const hostRef = getHostRef(el);
+			if (BUILD.hostListener && hostRef?.$rmListeners$) {
+				hostRef.$rmListeners$.map((rmListener) => rmListener());
+				hostRef.$rmListeners$ = void 0;
+				addHostEventListeners(el, hostRef, cmpMeta.$listeners$);
+			}
+			if (!isShadow && hostRef) {
+				console.log("[stencil-hmr] calling attachStyles for", cmpMeta.$tagName$);
+				attachStyles(hostRef);
 			}
 			forceUpdate(el);
 		});

package/dist/runtime/server/index.mjs

@@ -4177,17 +4177,30 @@ const hmrStandalone = async (hostElement, cmpMeta, hmrVersionId) => {
 			if (styleDesc) {
 				Object.defineProperty(ctor, "style", styleDesc);
 				const newStyle = NewClass.style;
-				if (newStyle) registerStyle(getScopeId(cmpMeta), newStyle, !!(cmpMeta.$flags$ & CMP_FLAGS.shadowDomEncapsulation));
+				if (newStyle) {
+					const scopeId = getScopeId(cmpMeta);
+					const isShadow = !!(cmpMeta.$flags$ & CMP_FLAGS.shadowDomEncapsulation);
+					console.log("[stencil-hmr] registerStyle", {
+						tag: cmpMeta.$tagName$,
+						scopeId,
+						isShadow,
+						cssLen: newStyle.length
+					});
+					registerStyle(scopeId, newStyle, isShadow);
+				}
 			}
 		}
+		const isShadow = !!(cmpMeta.$flags$ & CMP_FLAGS.shadowDomEncapsulation);
 		document.querySelectorAll(cmpMeta.$tagName$).forEach((el) => {
-			if (BUILD$1.hostListener) {
-				const hostRef = getHostRef(el);
-				if (hostRef?.$rmListeners$) {
-					hostRef.$rmListeners$.map((rmListener) => rmListener());
-					hostRef.$rmListeners$ = void 0;
-					addHostEventListeners(el, hostRef, cmpMeta.$listeners$);
-				}
+			const hostRef = getHostRef(el);
+			if (BUILD$1.hostListener && hostRef?.$rmListeners$) {
+				hostRef.$rmListeners$.map((rmListener) => rmListener());
+				hostRef.$rmListeners$ = void 0;
+				addHostEventListeners(el, hostRef, cmpMeta.$listeners$);
+			}
+			if (!isShadow && hostRef) {
+				console.log("[stencil-hmr] calling attachStyles for", cmpMeta.$tagName$);
+				attachStyles(hostRef);
 			}
 			forceUpdate(el);
 		});

package/dist/sys/node/index.mjs

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

package/dist/sys/node/worker.mjs

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

package/dist/testing/index.mjs

@@ -1,8 +1,8 @@
-import { A as HYDRATE_ID, C as setAssetPath, D as DEFAULT_DOC_DATA, F as reWireGetterSetter, M as STENCIL_DOC_DATA, P as getHostRef$1, S as getAssetPath, X as Env, Y as BUILD, _ as insertBefore, b as getElement, c as Fragment, g as getRenderingRef, h as forceUpdate, j as NODE_TYPE, k as HYDRATE_CHILD_ID, l as bootstrapLazy, m as h, p as Host, s as Mixin, u as getMode, v as renderVdom, y as createEvent } from "../client-CgXNkftm.mjs";
+import { A as HYDRATE_ID, C as setAssetPath, D as DEFAULT_DOC_DATA, F as reWireGetterSetter, M as STENCIL_DOC_DATA, P as getHostRef$1, S as getAssetPath, X as Env, Y as BUILD, _ as insertBefore, b as getElement, c as Fragment, g as getRenderingRef, h as forceUpdate, j as NODE_TYPE, k as HYDRATE_CHILD_ID, l as bootstrapLazy, m as h, p as Host, s as Mixin, u as getMode, v as renderVdom, y as createEvent } from "../client-CvcvHKz4.mjs";
 import { L as EVENT_FLAGS, h as noop, w as CMP_FLAGS } from "../regular-expression-CFVJOTUh.mjs";
-import { b as getBuildFeatures, c as createWorkerContext, h as Cache, i as createSystem, o as loadConfig, p as createInMemoryFs, s as createCompiler, v as BuildContext } from "../compiler-CXWiPNlE.mjs";
+import { b as getBuildFeatures, c as createWorkerContext, h as Cache, i as createSystem, o as loadConfig, p as createInMemoryFs, s as createCompiler, v as BuildContext } from "../compiler-Du--5G0l.mjs";
 import { wt as formatLazyBundleRuntimeMeta } from "../validation-ByxKj8bC.mjs";
-import { o as buildEvents } from "../node-jFf98r0u.mjs";
+import { o as buildEvents } from "../node-DKVq_Ud0.mjs";
 import fs from "node:fs";
 import path from "node:path";
 import { fileURLToPath } from "node:url";

package/package.json

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