@jasonshimmy/custom-elements-runtime 3.5.0 → 3.7.1

package/dist/{template-compiler-C3h8_vbE.js → template-compiler-q_rTI8PA.js}

@@ -1,11 +1,11 @@
 import { r as e, t } from "./logger-DIJ0UH3R.js";
 import { a as n, i as r, n as i, o as a, r as o } from "./namespace-helpers-CIUkG8Mn.js";
-import { C as s, O as c, S as l, T as u, _ as d, a as f, d as p, f as m, i as h, l as g, n as _, o as v, p as y, u as b, v as x, w as S } from "./helpers-tJgb4Qve.js";
+import { C as s, O as c, S as l, T as u, _ as d, a as f, d as p, f as m, i as h, l as g, n as _, o as v, p as y, u as b, v as x, w as S } from "./helpers-kOWgceUQ.js";
 import { a as C, d as w, f as T, i as E, n as ee, r as D, u as O } from "./css-utils-Bn-dO44e.js";
 import { resetWhenCounter as te } from "./custom-elements-runtime.directives.es.js";
 import { getTransitionStyleSheet as ne } from "./custom-elements-runtime.transitions.es.js";
-import { t as re } from "./tag-utils-CoSXTr1F.js";
-import { c as ie, t as k } from "./hooks-CEUnvtsA.js";
+import { t as re } from "./tag-utils-Dg0vRKq9.js";
+import { c as ie, t as k } from "./hooks-Dj1xwqpK.js";
 //#region src/lib/runtime/watchers.ts
 function ae(e, n, r) {
 	if (r) for (let [i, a] of Object.entries(r)) {
@@ -2002,15 +2002,26 @@ function Ve(e, t, n, r) {
 }
 //#endregion
 //#region src/lib/runtime/render.ts
-var Y = [], He = /* @__PURE__ */ new WeakMap(), X = /* @__PURE__ */ new WeakMap();
-function Ue(e, t) {
+var Y = [], He = /* @__PURE__ */ new WeakMap(), X = /* @__PURE__ */ new WeakMap(), Ue = /* @__PURE__ */ new Map();
+function We(e) {
+	if (typeof CSSStyleSheet > "u" || !("replaceSync" in CSSStyleSheet.prototype)) return null;
+	let t = Ue.get(e);
+	if (t) return t;
+	try {
+		let t = new CSSStyleSheet();
+		return t.replaceSync(e), Ue.set(e, t), t;
+	} catch {
+		return null;
+	}
+}
+function Ge(e, t) {
 	X.has(e) || X.set(e, /* @__PURE__ */ new Set()), X.get(e).add(t);
 }
-function We(e, t) {
+function Ke(e, t) {
 	let n = X.get(e);
 	n && (n.delete(t), n.size === 0 && X.delete(e));
 }
-function Ge(e, n, r, i, a, o, s, c) {
+function qe(e, n, r, i, a, o, s, c) {
 	if (e) {
 		Y.push(r);
 		try {
@@ -2019,7 +2030,7 @@ function Ge(e, n, r, i, a, o, s, c) {
 				o(!0);
 				let n = e.host.isConnected, u = e, d = u._asyncRenderToken = (u._asyncRenderToken ?? 0) + 1;
 				l.then((t) => {
-					n && !e.host.isConnected || u._asyncRenderToken === d && (o(!1), s(null), Ke(e, t, r, i, a), c(e.innerHTML));
+					n && !e.host.isConnected || u._asyncRenderToken === d && (o(!1), s(null), Je(e, t, r, i, a), c(e.innerHTML));
 				}).catch((r) => {
 					if (n && !e.host.isConnected || u._asyncRenderToken !== d) return;
 					o(!1);
@@ -2028,7 +2039,7 @@ function Ge(e, n, r, i, a, o, s, c) {
 				});
 				return;
 			}
-			Ke(e, l, r, i, a), c(e.innerHTML);
+			Je(e, l, r, i, a), c(e.innerHTML);
 		} catch (n) {
 			let r = n instanceof Error ? n : Error(String(n));
 			t(`[${e.host.tagName.toLowerCase()}] Render error:`, r), s(r);
@@ -2037,10 +2048,10 @@ function Ge(e, n, r, i, a, o, s, c) {
 		}
 	}
 }
-function Ke(e, t, n, r, i) {
+function Je(e, t, n, r, i) {
 	e && (Ve(e, Array.isArray(t) ? t : [t], n, r), i(e.innerHTML));
 }
-function qe(n, r, i, a, o, s, c) {
+function Ye(n, r, i, a, o, s, c) {
 	s !== null && clearTimeout(s);
 	let l = Date.now() - r < 16, { isVitest: d, isCypress: f, isTest: p } = u(), m = (d || p) && !f;
 	if (l) {
@@ -2068,7 +2079,7 @@ function qe(n, r, i, a, o, s, c) {
 	};
 	h > 0 ? c(setTimeout(g, h)) : p ? g() : (c({}), queueMicrotask(g));
 }
-function Je(e, t) {
+function Xe(e, t) {
 	let n = t;
 	try {
 		let t = X.get(e);
@@ -2086,22 +2097,22 @@ function Je(e, t) {
 	} catch {}
 	return n;
 }
-function Ye(e) {
+function Ze(e) {
 	return "adoptedStyleSheets" in e && typeof CSSStyleSheet < "u" && "replaceSync" in CSSStyleSheet.prototype;
 }
-function Xe(e, t) {
+function Qe(e, t) {
 	let n = e.querySelector("style[data-cer-runtime]");
 	n || (n = document.createElement("style"), r(n, "data-cer-runtime", "true"), e.appendChild(n));
 	try {
 		n.textContent = t;
 	} catch {}
 }
-function Ze(e, t, n, r, i) {
+function $e(e, t, n, r, i) {
 	if (!e) return;
-	let a = Je(e, n);
+	let a = Xe(e, n);
 	if (He.get(e) === a) return;
 	He.set(e, a);
-	let o = D(e) ? E(a) : "", s = ee(), c = t._computedStyle, l = Ye(e), u = ne(), d = "";
+	let o = D(e) ? E(a) : "", s = ee(), c = t._computedStyle, l = Ze(e), u = ne(), d = "";
 	if (!l) try {
 		u?.cssRules && (d = Array.from(u.cssRules).map((e) => e.cssText).join("\n"));
 	} catch {
@@ -2110,7 +2121,7 @@ function Ze(e, t, n, r, i) {
 	if (!o?.trim() && !c && !s) {
 		if (i(null), l) e.adoptedStyleSheets = [O(), u];
 		else {
-			Xe(e, w(`${w(C)}\n${d}`));
+			Qe(e, w(`${w(C)}\n${d}`));
 			try {
 				e.adoptedStyleSheets = [O(), u];
 			} catch {}
@@ -2119,16 +2130,16 @@ function Ze(e, t, n, r, i) {
 	}
 	let f = "";
 	if (c && (f += c + "\n"), o && (f += o + "\n"), f = T(f), f = w(f), l) {
-		let t = r;
-		t ||= new CSSStyleSheet();
+		let t = !o?.trim() && !!c, n;
+		t ? (n = We(f), n ||= new CSSStyleSheet()) : (n = r, n ||= new CSSStyleSheet());
 		try {
-			t.replaceSync(f);
-			let n = [O(), u];
-			s && n.push(s), n.push(t), e.adoptedStyleSheets = n, i(t);
+			t || n.replaceSync(f);
+			let r = [O(), u];
+			s && r.push(s), r.push(n), e.adoptedStyleSheets = r, i(t ? null : n);
 			return;
 		} catch {}
 	}
-	Xe(e, w(`${w(C)}\n${d}\n${f}`));
+	Qe(e, w(`${w(C)}\n${d}\n${f}`));
 	try {
 		let t = [O(), u];
 		if (s && t.push(s), typeof CSSStyleSheet < "u") try {
@@ -2146,7 +2157,7 @@ function Ze(e, t, n, r, i) {
 }
 //#endregion
 //#region src/lib/runtime/component/element-class.ts
-function Qe(n, r) {
+function et(n, r) {
 	if (!r.render) throw Error("Component must have a render function");
 	return typeof window > "u" ? class {
 		constructor() {}
@@ -2232,7 +2243,7 @@ function Qe(n, r) {
 		connectedCallback() {
 			this._runLogicWithinErrorBoundary(r, () => {
 				let e = this.getRootNode();
-				e && e !== document && "host" in e && Ue(e, this);
+				e && e !== document && "host" in e && Ge(e, this);
 				let t = this.getAttribute("data-cer-hydrate");
 				if (t !== "none") {
 					if (t === "idle") {
@@ -2265,7 +2276,7 @@ function Qe(n, r) {
 		disconnectedCallback() {
 			this._runLogicWithinErrorBoundary(r, () => {
 				let e = this.getRootNode();
-				e && e !== document && "host" in e && We(e, this), de(r, this.context, this._listeners, () => {
+				e && e !== document && "host" in e && Ke(e, this), de(r, this.context, this._listeners, () => {
 					this._listeners = [];
 				}, () => {
 					this._watchers.clear();
@@ -2288,7 +2299,7 @@ function Qe(n, r) {
 		}
 		_render(e) {
 			this._runLogicWithinErrorBoundary(e, () => {
-				Ge(this.shadowRoot, e, this.context, this._refs, (e) => {
+				qe(this.shadowRoot, e, this.context, this._refs, (e) => {
 					this._lastHtmlStringForJitCSS = e, typeof this.onHtmlStringUpdate == "function" && this?.onHtmlStringUpdate?.(e);
 				}, (e) => {
 					this._templateLoading = e, this?.onLoadingStateChange?.(e);
@@ -2303,7 +2314,7 @@ function Qe(n, r) {
 		_requestRender() {
 			this._runLogicWithinErrorBoundary(this._cfg, () => {
 				c(() => {
-					qe(() => this._render(this._cfg), this._lastRenderTime, this._renderCount, (e) => {
+					Ye(() => this._render(this._cfg), this._lastRenderTime, this._renderCount, (e) => {
 						this._lastRenderTime = e;
 					}, (e) => {
 						this._renderCount = e;
@@ -2315,7 +2326,7 @@ function Qe(n, r) {
 		}
 		_applyStyle(e, t) {
 			this._runLogicWithinErrorBoundary(e, () => {
-				Ze(this.shadowRoot, this.context, t, this._styleSheet, (e) => {
+				$e(this.shadowRoot, this.context, t, this._styleSheet, (e) => {
 					this._styleSheet = e;
 				});
 			});
@@ -2435,14 +2446,14 @@ function Qe(n, r) {
 }
 //#endregion
 //#region src/lib/runtime/component/factory.ts
-function $e(e, n, r, i) {
+function tt(e, n, r, i) {
 	for (let a of r) try {
 		a(...i);
 	} catch (r) {
 		t(`[${e}] Error in ${n} lifecycle hook:`, r);
 	}
 }
-function et(r, i, o) {
+function nt(r, i, o) {
 	n();
 	let c = re(r), u = {}, d = {
 		props: {},
@@ -2531,19 +2542,19 @@ function et(r, i, o) {
 					if (e.onConnected) {
 						let t = e.onConnected;
 						u.onConnected = (e) => {
-							$e(c, "useOnConnected", t, [e]);
+							tt(c, "useOnConnected", t, [e]);
 						};
 					}
 					if (e.onDisconnected) {
 						let t = e.onDisconnected;
 						u.onDisconnected = (e) => {
-							$e(c, "useOnDisconnected", t, [e]);
+							tt(c, "useOnDisconnected", t, [e]);
 						};
 					}
 					if (e.onAttributeChanged) {
 						let t = e.onAttributeChanged;
 						u.onAttributeChanged = (e, n, r, i) => {
-							$e(c, "useOnAttributeChanged", t, [
+							tt(c, "useOnAttributeChanged", t, [
 								e,
 								n,
 								r,
@@ -2554,7 +2565,7 @@ function et(r, i, o) {
 					if (e.onError) {
 						let t = e.onError;
 						u.onError = (e) => {
-							$e(c, "useOnError", t, [e]);
+							tt(c, "useOnError", t, [e]);
 						};
 					}
 					if (e.props && !Object.keys(d.props ?? {}).length) {
@@ -2606,7 +2617,7 @@ function et(r, i, o) {
 		} catch (t) {
 			e(`[${c}] Failed to register component. Check your component definition for errors.`, t);
 		}
-		typeof customElements < "u" && !customElements.get(c) && customElements.define(c, Qe(c, d));
+		typeof customElements < "u" && !customElements.get(c) && customElements.define(c, et(c, d));
 	}
 }
 //#endregion
@@ -2625,7 +2636,7 @@ function Q(e) {
 function $(e) {
 	return typeof e == "object" && !!e && "tag" in e && !Q(e);
 }
-function tt(e, t) {
+function rt(e, t) {
 	return e.key == null ? {
 		...e,
 		key: t
@@ -2633,14 +2644,14 @@ function tt(e, t) {
 }
 //#endregion
 //#region src/lib/runtime/template-compiler/props-parser.ts
-function nt(t, n) {
+function it(t, n) {
 	if (t == null) {
 		e(`⚠️ Event handler for '@${n}' is ${t}. This will prevent the event from working. Use a function reference instead: @${n}="\${functionName}"`);
 		return;
 	}
 	typeof t != "function" && e(`🚨 Potential infinite loop detected! Event handler for '@${n}' appears to be the result of a function call (${typeof t}) instead of a function reference. Change @${n}="\${functionName()}" to @${n}="\${functionName}" to pass the function reference instead of calling it immediately.`), t === void 0 && typeof t != "function" && e(`💡 Tip: If your event handler function returns undefined, make sure you're passing the function reference, not calling it. Use @${n}="\${fn}" not @${n}="\${fn()}"`);
 }
-function rt(e, t = [], n = {}) {
+function at(e, t = [], n = {}) {
 	let r = {}, i = {}, a = {}, o = [], s = /([:@#]?)([a-zA-Z0-9-:.]+)(?:\s*=\s*("([^"\\]*(\\.[^"\\]*)*)"|'([^'\\]*(\\.[^'\\]*)*)'|([^\s>]+)))?/g, c;
 	for (; c = s.exec(e);) {
 		let e = c[1], s = c[2], l = "";
@@ -2685,7 +2696,7 @@ function rt(e, t = [], n = {}) {
 			}
 		} else if (e === "@") {
 			let [e, ...t] = s.split("."), i = t;
-			nt(m, e);
+			it(m, e);
 			let a = typeof m == "function" ? m : typeof n[m] == "function" ? n[m] : void 0;
 			if (a) {
 				let t = (n) => {
@@ -2704,7 +2715,7 @@ function rt(e, t = [], n = {}) {
 }
 //#endregion
 //#region src/lib/runtime/template-compiler/impl.ts
-function it(e) {
+function ot(e) {
 	if (!$(e) || Q(e)) return e;
 	let t = e.props?.directives;
 	if (t && t.when) {
@@ -2716,14 +2727,14 @@ function it(e) {
 			...e,
 			props: a
 		};
-		return Array.isArray(o.children) && (o.children = o.children.map((e) => typeof e == "object" && e ? it(e) : e)), {
+		return Array.isArray(o.children) && (o.children = o.children.map((e) => typeof e == "object" && e ? ot(e) : e)), {
 			tag: "#anchor",
 			key: e.key == null ? `when-${e.tag}` : `when-${e.key}`,
 			children: r ? [o] : []
 		};
 	}
 	if (Array.isArray(e.children)) {
-		let t = e.children.map((e) => typeof e == "object" && e ? it(e) : e);
+		let t = e.children.map((e) => typeof e == "object" && e ? ot(e) : e);
 		return {
 			...e,
 			children: t
@@ -2731,7 +2742,7 @@ function it(e) {
 	}
 	return e;
 }
-function at(e, t, n) {
+function st(e, t, n) {
 	let r = Y.length > 0 ? Y[Y.length - 1] : void 0, i = n ?? r, a = !n && t.length === 0, o = a ? e.join("<!--TEMPLATE_DELIM-->") : null;
 	if (a && o) {
 		let e = me.get(o);
@@ -2786,7 +2797,7 @@ function at(e, t, n) {
 			return;
 		}
 		if ($(e)) {
-			n.push(tt(e, void 0));
+			n.push(rt(e, void 0));
 			return;
 		}
 		if (Array.isArray(e)) {
@@ -2826,7 +2837,7 @@ function at(e, t, n) {
 	]);
 	for (; S = u.exec(l);) if (!(S[0].startsWith("<!--") && S[0].endsWith("-->"))) {
 		if (S[1]) {
-			let e = S[1], n = S[0][1] === "/", r = S[0][S[0].length - 2] === "/" || ie.has(e), { props: a, attrs: o, directives: s, bound: c } = rt(S[2] || "", t, i ?? {}), l = {
+			let e = S[1], n = S[0][1] === "/", r = S[0][S[0].length - 2] === "/" || ie.has(e), { props: a, attrs: o, directives: s, bound: c } = at(S[2] || "", t, i ?? {}), l = {
 				props: {},
 				attrs: {}
 			};
@@ -3021,7 +3032,7 @@ function at(e, t, n) {
 			}
 		}
 	}
-	let k = D.filter((e) => $(e) && e.tag === "#text" ? typeof e.children == "string" && e.children.trim() !== "" : !0).map((e) => it(e));
+	let k = D.filter((e) => $(e) && e.tag === "#text" ? typeof e.children == "string" && e.children.trim() !== "" : !0).map((e) => ot(e));
 	if (k.length === 1) {
 		let e = k[0];
 		return a && o && me.set(o, e), e;
@@ -3033,12 +3044,12 @@ function at(e, t, n) {
 }
 //#endregion
 //#region src/lib/runtime/template-compiler.ts
-function ot(e, ...t) {
+function ct(e, ...t) {
 	if (S()) return [];
 	let n = t[t.length - 1];
-	return at(e, t, typeof n == "object" && n && !Array.isArray(n) ? n : void 0);
+	return st(e, t, typeof n == "object" && n && !Array.isArray(n) ? n : void 0);
 }
 //#endregion
-export { et as n, Ve as r, ot as t };
+export { nt as n, Ve as r, ct as t };
 
-//# sourceMappingURL=template-compiler-C3h8_vbE.js.map
+//# sourceMappingURL=template-compiler-q_rTI8PA.js.map