wrec 0.39.2 → 0.39.4

package/dist/{wrec-s0eHVxHE.js → wrec-1_q5NXuK.js}

@@ -18,7 +18,7 @@ function t(e, n, r = "") {
 	});
 }
 function n(e) {
-	let t = {};
+	let t = Array.isArray(e) ? [] : {};
 	for (let [r, i] of Object.entries(e)) t[r] = typeof i == "object" && i ? n(i) : i;
 	return t;
 }
@@ -98,36 +98,83 @@ r && process.env.NODE_ENV === "development" && (window.WrecState = a);
 //#endregion
 //#region src/paths.ts
 function o(e, t) {
-	let n = e;
-	for (let e of t.split(".")) n = n[e];
-	return n;
+	let n = c(t), r = e;
+	for (let e of n) {
+		if (!s(r)) return;
+		r = r[e];
+	}
+	return r;
+}
+function s(e) {
+	return typeof e == "object" && !!e;
 }
-function s(e, t, n) {
-	let r = t.split("."), i = r.length - 1, a = e;
-	r.forEach((e, t) => {
-		t === i ? a[e] = n : a = a[e];
+function c(e) {
+	if (e = e.trim(), !e) throw Error("path cannot be empty");
+	let t = e.split(".");
+	if (t.some((e) => e.length === 0)) throw Error(`path "${e}" contains an empty segment`);
+	return t;
+}
+function l(e, t, n) {
+	let r = c(t), i = r.length - 1, a = e;
+	r.forEach((e, o) => {
+		if (!s(a)) {
+			let e = r.slice(0, o).join(".");
+			throw Error(`cannot set path "${t}": "${e}" is not object-like`);
+		}
+		let c = a;
+		if (o === i) {
+			c[e] = n;
+			return;
+		}
+		let l = c[e];
+		if (l === void 0) {
+			let e = r.slice(0, o + 1).join(".");
+			throw Error(`cannot set path "${t}": missing "${e}"`);
+		}
+		if (!s(l)) {
+			let e = r.slice(0, o + 1).join(".");
+			throw Error(`cannot set path "${t}": "${e}" is not object-like`);
+		}
+		a = l;
 	});
 }
 //#endregion
 //#region src/sanitize-xss.ts
-var c = new Set([
-	"button",
-	"input",
-	"label",
-	"option",
-	"th"
-]), l = "__WREC", u = "__";
-function d(t) {
+var u = "__WREC", d = "__", f = "[A-Za-z_$][A-Za-z0-9_$]*", p = new Set([
+	"checked",
+	"colspan",
+	"disabled",
+	"for",
+	"id",
+	"max",
+	"min",
+	"name",
+	"rowspan",
+	"scope",
+	"selected",
+	"type",
+	"value"
+]);
+function m(e, t) {
+	return `${u}${e}_${t}${d}`;
+}
+function h(e) {
+	return e.replaceAll("&", "&amp;").replaceAll("\"", "&quot;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
+}
+function g(e) {
+	let t = e.trim();
+	return t ? RegExp(`^${f}$`).test(t) ? !0 : t.startsWith("this.") : !1;
+}
+function _(t) {
 	let n = {
 		allowCommentTag: !0,
-		onTag: (e, t) => {
-			if (c.has(e)) return t;
-		},
 		onTagAttr(e, t, n) {
-			if (t.startsWith("on")) return "";
+			if (t.startsWith("on")) return g(n) ? `${t}="${h(n)}"` : "";
+			if (t === "title" || t.startsWith("aria-") || t.startsWith("data-")) return `${t}="${h(n)}"`;
+			if (e === "a" && t === "href" && n.startsWith("javascript")) return "";
 		},
 		safeAttrValue(e, t, n) {
-			return t === "class" || e === "a" && t === "href" && !n.startsWith("javascript") || e === "img" && t === "src" ? n : "";
+			return t === "class" || p.has(t) || e === "a" && t === "href" || e === "img" && t === "src" ? n : "";
 		},
 		stripIgnoreTagBody: [
 			"script",
@@ -136,55 +183,87 @@ function d(t) {
 		],
 		whiteList: {
 			...e.getDefaultWhiteList(),
-			label: ["class", "for"],
-			span: ["class"]
-		}
-	}, r = [];
+			button: [
+				"class",
+				"id",
+				"type"
+			],
+			input: [
+				"checked",
+				"class",
+				"disabled",
+				"id",
+				"max",
+				"min",
+				"name",
+				"type",
+				"value"
+			],
+			label: [
+				"class",
+				"for",
+				"id"
+			],
+			option: [
+				"class",
+				"id",
+				"selected",
+				"value"
+			],
+			span: ["class", "id"],
+			th: [
+				"class",
+				"colspan",
+				"id",
+				"rowspan",
+				"scope"
+			]
+		}
+	}, r = [], i = Date.now() + Math.floor(Math.random() * 1e6);
 	t = t.replace(/<!--[\s\S]*?-->/g, (e) => {
-		let n = "";
-		do
-			n = l + r.length + u;
-		while (t.includes(n));
-		return r.push(e), n;
+		let t = m(i, r.length);
+		return r.push({
+			comment: e,
+			token: t
+		}), t;
 	});
-	let i = e(t, n);
-	return r.forEach((e, t) => {
-		let n = RegExp(`${l}${t}${u}`, "g");
-		i = i.replace(n, e);
-	}), i;
+	let a = e(t, n);
+	return r.forEach(({ comment: e, token: t }) => {
+		a = a.replaceAll(t, e);
+	}), a;
 }
 //#endregion
 //#region src/wrec.ts
-var f = () => /* @__PURE__ */ new Map(), p = new Set([
+var v = () => /* @__PURE__ */ new Map(), y = new Set([
 	"class",
 	"disabled",
 	"hidden",
 	"id",
 	"tabindex",
 	"title"
-]), m = globalThis.HTMLElement ?? class {}, h = globalThis.customElements ?? {
+]), b = globalThis.HTMLElement ?? class {}, x = globalThis.customElements ?? {
 	get: (e) => void 0,
 	getName: (e) => null,
 	define: () => {},
 	initialize: (e) => {},
 	upgrade: (e) => {},
 	whenDefined: () => Promise.reject(/* @__PURE__ */ Error("customElements is not available in this environment"))
-}, g = class extends Error {}, _ = /([a-zA-Z-]+)\s*:\s*([^;}]+)/g, v = "a-zA-Z_$", y = `[${v}][${v + "0-9"}]*`, b = RegExp(`this\\.(${y})\\s*\\(`, "g"), x = /<!--\s*(.*?)\s*-->/, S = /<(\w+)(?:\s[^>]*)?>((?:[^<]|<(?!\w))*?)<\/\1>/g, C = RegExp(`^this\\.${y}$`), w = RegExp(`this\\.${y}(\\.${y})*`, "g"), T = RegExp(`this\\.${y}(\\.${y})*`), E = 5;
-function D(e) {
-	return e instanceof HTMLButtonElement || e instanceof HTMLFieldSetElement || e instanceof HTMLInputElement || e instanceof HTMLSelectElement || e instanceof HTMLTextAreaElement || e instanceof X;
+}, S = class extends Error {}, ee = /([a-zA-Z-]+)\s*:\s*([^;}]+)/g, C = "a-zA-Z_$", w = `[${C}][${C + "0-9"}]*`, T = RegExp(`this\\.(${w})\\s*\\(`, "g"), E = /<!--\s*(.*?)\s*-->/, D = /<(\w+)(?:\s[^>]*)?>((?:[^<]|<(?!\w))*?)<\/\1>/g, O = RegExp(`^this\\.${w}$`), k = RegExp(`this\\.${w}(\\.${w})*`, "g"), A = RegExp(`this\\.${w}(\\.${w})*`), j = 5;
+function M(e) {
+	return e instanceof HTMLButtonElement || e instanceof HTMLFieldSetElement || e instanceof HTMLInputElement || e instanceof HTMLSelectElement || e instanceof HTMLTextAreaElement || e instanceof $;
 }
-function O(e, t, n) {
+function N(e, t, n) {
 	let r = document.createElement(e);
 	if (t) for (let [e, n] of Object.entries(t)) r.setAttribute(e, n);
 	return n && (r.innerHTML = n), r;
 }
-var k = (e) => Array.isArray(e.values) && e.values.length > 0 ? e.values[0] : A(e.type), A = (e) => e === String ? "" : e === Number ? 0 : e === Boolean ? !1 : e === Array ? [] : e === Object ? {} : void 0;
-function j(e) {
+var P = (e) => Array.isArray(e.values) && e.values.length > 0 ? e.values[0] : F(e.type), F = (e) => e === String ? "" : e === Number ? 0 : e === Boolean ? !1 : e === Array ? [] : e === Object ? {} : void 0;
+function I(e) {
 	let t = [], n = e.firstElementChild;
-	for (; n;) t.push(n), n.shadowRoot && t.push(...j(n.shadowRoot)), n.firstElementChild && t.push(...j(n)), n = n.nextElementSibling;
+	for (; n;) t.push(n), n.shadowRoot && t.push(...I(n.shadowRoot)), n.firstElementChild && t.push(...I(n)), n = n.nextElementSibling;
 	return t;
 }
-function M(e, t) {
+function te(e, t) {
 	let n = e;
 	for (; n;) {
 		let e = Object.getOwnPropertyDescriptor(n, t);
@@ -192,73 +271,73 @@ function M(e, t) {
 		n = Object.getPrototypeOf(n);
 	}
 }
-var N = (e) => e.substring(E).split(".")[0];
-function P(e) {
+var L = (e) => e.substring(j).split(".")[0];
+function R(e) {
 	return e.substring(4).trim();
 }
-function F(e, t) {
+function z(e, t) {
 	let n = e[0];
 	return t.forEach((t, r) => {
 		n += t + e[r + 1];
 	}), n;
 }
-function I(e) {
+function B(e) {
 	return e instanceof HTMLInputElement && e.type === "checkbox";
 }
-function L(e) {
+function V(e) {
 	return e.startsWith("get ");
 }
-function R(e) {
+function H(e) {
 	let t = typeof e;
 	return t === "string" || t === "number" || t === "boolean";
 }
-function z(e) {
+function U(e) {
 	return e instanceof HTMLInputElement && e.type === "radio";
 }
-function B(e) {
+function W(e) {
 	return e.localName === "textarea";
 }
-function V(e) {
+function G(e) {
 	let { localName: t } = e;
 	return t === "input" || t === "select";
 }
-var H = (e) => `get ${e}`, U = (e) => e.replace(/<!--[\s\S]*?-->/g, "");
-function W(e, t, n, r) {
+var K = (e) => `get ${e}`, q = (e) => e.replace(/<!--[\s\S]*?-->/g, "");
+function J(e, t, n, r) {
 	return e.slice(0, t) + r + e.slice(t + n);
 }
-function G(e) {
+function Y(e) {
 	let t = Number(e);
-	if (isNaN(t)) throw new g(`can't convert "${e}" to a number`);
+	if (isNaN(t)) throw new S(`can't convert "${e}" to a number`);
 	return t;
 }
-function K(e, t, n) {
+function X(e, t, n) {
 	let [r] = t.split(":");
-	if (r === "checked" && z(e) && typeof n == "string") {
+	if (r === "checked" && U(e) && typeof n == "string") {
 		let t = e.value === n;
 		t ? e.setAttribute(r, r) : e.removeAttribute(r), e.checked = t;
 		return;
 	}
-	if (R(n)) if (typeof n == "boolean") {
+	if (H(n)) if (typeof n == "boolean") {
 		n ? e.setAttribute(r, r) : e.removeAttribute(r);
-		let t = X.getPropName(r);
+		let t = $.getPropName(r);
 		e[t] = n;
 	} else {
 		let i = e.getAttribute(t), a = String(n);
-		i !== a && (e.setAttribute(r, a), r === "value" && V(e) && (e.value = a));
+		i !== a && (e.setAttribute(r, a), r === "value" && G(e) && (e.value = a));
 	}
 	else {
-		let r = X.getPropName(t);
+		let r = $.getPropName(t);
 		e[r] = n;
 	}
 }
-function q(e, t, n) {
+function Z(e, t, n) {
 	let [r] = t.split(":");
-	e instanceof CSSStyleRule ? e.style.getPropertyValue(r) !== n && e.style.setProperty(r, n) : (K(e, r, n), r === "value" && V(e) && e.value !== n && (e.value = n));
+	e instanceof CSSStyleRule ? e.style.getPropertyValue(r) !== n && e.style.setProperty(r, n) : (X(e, r, n), r === "value" && G(e) && e.value !== n && (e.value = n));
 }
-var J = (e) => typeof e == "string" ? [e] : e;
-async function Y(e) {
+var Q = (e) => typeof e == "string" ? [e] : e;
+async function ne(e) {
 	let t = /* @__PURE__ */ new Set();
-	for (let n of j(e.content)) {
+	for (let n of I(e.content)) {
 		let { localName: e } = n;
 		e.includes("-") && t.add(e);
 	}
@@ -270,9 +349,9 @@ async function Y(e) {
 			}, 1e3);
 		});
 	}
-	return Promise.all([...t].map(async (e) => Promise.race([h.whenDefined(e), n(e)])));
+	return Promise.all([...t].map(async (e) => Promise.race([x.whenDefined(e), n(e)])));
 }
-var X = class e extends m {
+var $ = class e extends b {
 	static {
 		this.attrToPropMap = /* @__PURE__ */ new Map();
 	}
@@ -311,8 +390,8 @@ var X = class e extends m {
 	#d = /* @__PURE__ */ new WeakSet();
 	#f = /* @__PURE__ */ new Map();
 	static define(e) {
-		if (this.elementName = e, h.get(e)) throw new g(`custom element ${e} is already defined`);
-		h.define(e, this);
+		if (this.elementName = e, x.get(e)) throw new S(`custom element ${e} is already defined`);
+		x.define(e, this);
 	}
 	constructor() {
 		super(), this.attachShadow({ mode: "open" });
@@ -347,13 +426,13 @@ var X = class e extends m {
 	}
 	async #p() {
 		let e = this.#n, { template: t } = e;
-		t || (t = e.template = document.createElement("template"), t.innerHTML = e.buildHTML()), await Y(t), this.shadowRoot.replaceChildren(t.content.cloneNode(!0));
+		t || (t = e.template = document.createElement("template"), t.innerHTML = e.buildHTML()), await ne(t), this.shadowRoot.replaceChildren(t.content.cloneNode(!0));
 	}
 	static buildHTML() {
 		let e = "<style>\n    :host([hidden]) { display: none; }";
 		this.css && (e += this.css), e += "</style>\n";
 		let t = this.html.trim();
-		if (!t) throw new g("static property html must be set");
+		if (!t) throw new S("static property html must be set");
 		return t.startsWith("<") || (t = `<span><!--${t}--></span>`), e + t;
 	}
 	changed(e, t, n) {
@@ -373,24 +452,24 @@ var X = class e extends m {
 		this.#F();
 	}
 	#g(t, n, r) {
-		if (t === "class" || t === "style") throw new g(`"${t}" is a reserved property`);
+		if (t === "class" || t === "style") throw new S(`"${t}" is a reserved property`);
 		let i = e.getAttrName(t), a = this.hasAttribute(i);
 		n.required && !a && this.#V(this, i, "is a required attribute");
 		let o = n.value;
 		this.hasOwnProperty(t) && (o = this.#T(t), this.#_(t));
-		let { type: c } = n, l = c === Boolean ? o || a : r.includes(i) && a ? this.#U(t, i) : o ?? k(n), u = "#" + t;
-		this.#R(u, this.#j(t, c, l)), Object.defineProperty(this, t, {
+		let { type: s } = n, c = s === Boolean ? o || a : r.includes(i) && a ? this.#U(t, i) : o ?? P(n), u = "#" + t;
+		this.#R(u, this.#j(t, s, c)), Object.defineProperty(this, t, {
 			enumerable: !0,
 			get() {
 				return this.#T(u);
 			},
 			set(e) {
-				n.computed && !this.#t.has(t) && this.#V(null, t, "is a computed property and cannot be set directly"), c === Number && typeof e == "string" && (e = G(e));
+				n.computed && !this.#t.has(t) && this.#V(null, t, "is a computed property and cannot be set directly"), s === Number && typeof e == "string" && (e = Y(e));
 				let r = this.#T(u);
 				if (e === r) return;
-				this.#$(t, c, e), e = this.#j(t, c, e), this.#R(u, e);
+				this.#$(t, s, e), e = this.#j(t, s, e), this.#R(u, e);
 				let a = this.#l.get(t);
-				a && s(a.state, a.stateProp, e), this.#G(t, c, e, i), this.#e || (this.#K(t), this.#P(t)), this.#J(t, e);
+				a && l(a.state, a.stateProp, e), this.#G(t, s, e, i), this.#e || (this.#K(t), this.#P(t)), this.#J(t, e);
 				let o = this.#i[t];
 				o && this.setFormValue(o, String(e)), this.propertyChangedCallback(t, r, e), n.dispatch && this.dispatch("change", {
 					tagName: this.localName,
@@ -405,8 +484,8 @@ var X = class e extends m {
 		delete this[e];
 	}
 	#v() {
-		let t = this.hasAttribute("disabled"), n = j(this.shadowRoot);
-		for (let r of n) D(r) && (r instanceof e ? t ? r.setAttribute("disabled", "") : r.removeAttribute("disabled") : r.disabled = t);
+		let t = this.hasAttribute("disabled"), n = I(this.shadowRoot);
+		for (let r of n) M(r) && (r instanceof e ? t ? r.setAttribute("disabled", "") : r.removeAttribute("disabled") : r.disabled = t);
 	}
 	disconnectedCallback() {
 		for (let { unsubscribe: e } of this.#f.values()) e();
@@ -437,10 +516,10 @@ var X = class e extends m {
 				let [o, s] = r.split(":"), c = e.getPropName(o);
 				if (o === "checked") {
 					let { type: e } = this.#n.properties[a];
-					I(t) && e !== Boolean && this.#V(t, r, `refers to property "${a}" whose type is not Boolean`), z(t) && e !== String && this.#V(t, r, `refers to property "${a}" whose type is not String`);
+					B(t) && e !== Boolean && this.#V(t, r, `refers to property "${a}" whose type is not Boolean`), U(t) && e !== String && this.#V(t, r, `refers to property "${a}" whose type is not String`);
 				}
 				let l = this.#A(a);
-				n && t.#A(c) || (o === "checked" && z(t) ? t.checked = t.value === i : t[c] = i), o === "value" && (s ? (t["on" + s] === void 0 && this.#V(t, r, "refers to an unsupported event name"), t.setAttribute(o, this.#T(a))) : s = "change"), n && !l && t.#c.set(e.getPropName(o), a);
+				n && t.#A(c) || (o === "checked" && U(t) ? t.checked = t.value === i : t[c] = i), o === "value" && (s ? (t["on" + s] === void 0 && this.#V(t, r, "refers to an unsupported event name"), t.setAttribute(o, this.#T(a))) : s = "change"), n && !l && t.#c.set(e.getPropName(o), a);
 			}
 			this.#z(i, t, r);
 		}
@@ -457,7 +536,7 @@ var X = class e extends m {
 				if (t instanceof HTMLElement) this.#q(t, e);
 				else if (!(t instanceof CSSStyleRule)) {
 					let { element: n, attrName: r } = t;
-					n instanceof CSSStyleRule ? n.style.setProperty(r, e) : q(n, r, e);
+					n instanceof CSSStyleRule ? n.style.setProperty(r, e) : Z(n, r, e);
 				}
 			}
 			if (r.size > 0) {
@@ -483,9 +562,9 @@ var X = class e extends m {
 			}
 		} else {
 			let t = "";
-			if (B(e)) {
+			if (W(e)) {
 				this.#z(e.textContent, e);
-				let n = e.textContent?.match(x);
+				let n = e.textContent?.match(E);
 				n && (t = n[1]);
 			} else {
 				let n = Array.from(e.childNodes).find((e) => e.nodeType === Node.COMMENT_NODE);
@@ -493,7 +572,7 @@ var X = class e extends m {
 			}
 			if (t) {
 				let n = this.#N(e, t);
-				n && B(e) ? e.textContent = this.#T(n) : this.#z(t, e);
+				n && W(e) ? e.textContent = this.#T(n) : this.#z(t, e);
 			}
 		}
 	}
@@ -513,7 +592,7 @@ var X = class e extends m {
 		this.#i = t, this.#a = new FormData(), this.#s = this.attachInternals(), this.#s.setFormValue(this.#a);
 		for (let [e, n] of Object.entries(t)) {
 			let t = this.#T(e);
-			R(t) && this.setFormValue(n, String(t));
+			H(t) && this.setFormValue(n, String(t));
 		}
 		let r = Object.keys(this.#n.properties), i = this.#o;
 		for (let e of r) i[e] = this.#T(e);
@@ -522,7 +601,7 @@ var X = class e extends m {
 		let e = this.#o;
 		for (let t of Object.keys(e)) {
 			let n = e[t];
-			C.test(n) && (n = this.#x(n)), this.#R(t, n);
+			O.test(n) && (n = this.#x(n)), this.#R(t, n);
 		}
 	}
 	static getAttrName(e) {
@@ -532,7 +611,7 @@ var X = class e extends m {
 	#C() {
 		let e = this.#n, t = e.computedGraph;
 		if (t) return t;
-		let n = f(), r = f(), i = {};
+		let n = v(), r = v(), i = {};
 		for (let t of e.registeredComputedProps) n.set(t, []);
 		for (let [t, a] of e.propToComputedMap) for (let [o, s] of a) {
 			if (i[o] = s, !e.registeredComputedProps.has(o) || (n.has(o) || n.set(o, []), !e.registeredComputedProps.has(t))) continue;
@@ -568,7 +647,7 @@ var X = class e extends m {
 				l.set(e, t), t === 0 && s.push(e);
 			}
 		}
-		if (c.length !== a.size) throw new g(`computed properties form a cycle: ${[...a].filter((e) => l.get(e) > 0).sort().join(", ")}`);
+		if (c.length !== a.size) throw new S(`computed properties form a cycle: ${[...a].filter((e) => l.get(e) > 0).sort().join(", ")}`);
 		return c.map((e) => [e, r[e]]);
 	}
 	#T(e) {
@@ -580,21 +659,21 @@ var X = class e extends m {
 	}
 	#E(e, t, n) {
 		let r = this.#T("#" + e), i = this.#l.get(e);
-		i && s(i.state, i.stateProp, r), this.#e || (this.#K(e), this.#P(e)), this.#J(e, r), this.propertyChangedCallback(e, t, n);
+		i && l(i.state, i.stateProp, r), this.#e || (this.#K(e), this.#P(e)), this.#J(e, r), this.propertyChangedCallback(e, t, n);
 	}
 	#D(e, t, n) {
 		if (n.length !== 1) return;
 		let [r] = n;
-		if (!C.test(r)) return;
-		let i = I(e), a = z(e), o = V(e) || B(e), [s, c] = (t ?? "").split(":");
-		if (!(o && s === "value" || i && s === "checked" || a && s === "checked" || B(e))) return;
+		if (!O.test(r)) return;
+		let i = B(e), a = U(e), o = G(e) || W(e), [s, c] = (t ?? "").split(":");
+		if (!(o && s === "value" || i && s === "checked" || a && s === "checked" || W(e))) return;
 		c ? e["on" + c] === void 0 && this.#V(e, t, "refers to an unsupported event name") : c = "change";
-		let l = N(r);
+		let l = L(r);
 		e.addEventListener(c, (e) => {
 			let { target: t } = e;
 			if (!t) return;
 			let { type: n } = this.#n.properties[l], r = t, { value: o } = r;
-			s === "checked" ? i ? this.#R(l, r.checked) : a && r.checked && this.#R(l, o) : this.#R(l, n === Number ? G(o) : o), this.#P(l);
+			s === "checked" ? i ? this.#R(l, r.checked) : a && r.checked && this.#R(l, o) : this.#R(l, n === Number ? Y(o) : o), this.#P(l);
 		});
 	}
 	#O(e) {
@@ -625,8 +704,8 @@ var X = class e extends m {
 	}
 	propertyChangedCallback(e, t, n) {}
 	#N(e, t) {
-		if (!t || !C.test(t)) return;
-		let n = N(t);
+		if (!t || !O.test(t)) return;
+		let n = L(t);
 		return this.#T(n) === void 0 && this.#H(e, "", n), n;
 	}
 	#P(e) {
@@ -650,17 +729,17 @@ var X = class e extends m {
 			i || (i = [], r.set(t, i)), i.push([e, n]);
 		}
 		let a = t.computed;
-		for (let t of a.matchAll(w)) {
-			let r = N(t[0]);
+		for (let t of a.matchAll(k)) {
+			let r = L(t[0]);
 			this.#T(r) === void 0 && this.#H(null, e, r);
-			let o = H(r), s = !1;
-			for (let [e, t] of Object.entries(n.properties)) J(t.usedBy)?.includes(o) && (i(e, a), s = !0);
+			let o = K(r), s = !1;
+			for (let [e, t] of Object.entries(n.properties)) Q(t.usedBy)?.includes(o) && (i(e, a), s = !0);
 			!s && typeof this.#T(r) != "function" && i(r, a);
 		}
-		for (let t of a.matchAll(b)) {
+		for (let t of a.matchAll(T)) {
 			let r = t[1];
-			if (typeof this.#T(r) != "function") throw new g(`property ${e} computed calls non-method ${r}`);
-			for (let [e, t] of Object.entries(n.properties)) J(t.usedBy)?.includes(r) && i(e, a);
+			if (typeof this.#T(r) != "function") throw new S(`property ${e} computed calls non-method ${r}`);
+			for (let [e, t] of Object.entries(n.properties)) Q(t.usedBy)?.includes(r) && i(e, a);
 		}
 	}
 	#L(e, t) {
@@ -679,12 +758,12 @@ var X = class e extends m {
 		let r = this.#Z(t, n, e);
 		if (!r) {
 			let r = e.replaceAll("this..", "this.");
-			n ? q(t, n, r) : "textContent" in t && (t.textContent = r);
+			n ? Z(t, n, r) : "textContent" in t && (t.textContent = r);
 			return;
 		}
 		let i = this.#n;
 		r.forEach((t) => {
-			let n = N(t);
+			let n = L(t);
 			if (typeof this.#T(n) == "function") return;
 			let r = i.propToExprsMap, a = r.get(n);
 			a || (a = [], r.set(n, a)), a.includes(e) || a.push(e);
@@ -699,24 +778,24 @@ var X = class e extends m {
 			attrName: n
 		} : t), t instanceof HTMLElement && this.#D(t, n, r);
 		let o = this.#x(e);
-		n ? q(t, n, o) : this.#q(t, o);
+		n ? Z(t, n, o) : this.#q(t, o);
 	}
 	#B(e, t) {
 		let n = t?.trim() ?? "", r = this.#n.properties[n];
-		r || this.#H(e, "ref", n), r.type !== m && this.#V(e, "ref", `refers to property "${n}" whose type is not HTMLElement`), this.#T(n) && this.#V(e, "ref", `is a duplicate reference to the property "${n}"`), this.#R(n, e), e.removeAttribute("ref");
+		r || this.#H(e, "ref", n), r.type !== b && this.#V(e, "ref", `refers to property "${n}" whose type is not HTMLElement`), this.#T(n) && this.#V(e, "ref", `is a duplicate reference to the property "${n}"`), this.#R(n, e), e.removeAttribute("ref");
 	}
 	setAttributeSafe(e, t) {
 		this.hasAttribute(e) || this.setAttribute(e, t);
 	}
 	setFormValue(e, t) {
-		!this.#a || !R(t) || (this.#a.set(e, t), this.#s?.setFormValue(this.#a));
+		!this.#a || !H(t) || (this.#a.set(e, t), this.#s?.setFormValue(this.#a));
 	}
 	static ssr(e = {}) {
-		throw new g("SSR is not available in the browser build.");
+		throw new S("SSR is not available in the browser build.");
 	}
 	#V(e, t, n) {
 		let r = e instanceof HTMLElement ? e.localName : "CSS rule";
-		throw new g(`component ${this.#n.elementName}` + (e ? `, element "${r}"` : "") + (t ? `, attribute "${t}"` : "") + ` ${n}`);
+		throw new S(`component ${this.#n.elementName}` + (e ? `, element "${r}"` : "") + (t ? `, attribute "${t}"` : "") + ` ${n}`);
 	}
 	#H(e, t, n) {
 		this.#V(e, t, `refers to missing property "${n}"`);
@@ -725,9 +804,9 @@ var X = class e extends m {
 		return this.#W(e, this.getAttribute(t));
 	}
 	#W(t, n) {
-		if (n?.match(w)) return n;
+		if (n?.match(k)) return n;
 		let r = this.#n.properties[t], { type: i, values: a } = r;
-		if (i || this.#V(null, t, "does not specify its type"), n === null) return i === Boolean ? !1 : k(r);
+		if (i || this.#V(null, t, "does not specify its type"), n === null) return i === Boolean ? !1 : P(r);
 		if (i === String) {
 			if (a && !a.includes(n)) {
 				let e = a.map((e) => `"${e}"`).join(", ");
@@ -735,7 +814,7 @@ var X = class e extends m {
 			}
 			return n;
 		}
-		if (i === Number) return G(n);
+		if (i === Number) return Y(n);
 		if (i === Boolean) {
 			if (n === "true") return !0;
 			if (n === "false" || n === "null") return !1;
@@ -744,7 +823,7 @@ var X = class e extends m {
 		}
 	}
 	#G(e, t, n, r) {
-		R(n) && !this.#A(e) && n !== (t === Boolean ? this.hasAttribute(r) : this.#U(e, r)) && K(this, r || e, n);
+		H(n) && !this.#A(e) && n !== (t === Boolean ? this.hasAttribute(r) : this.#U(e, r)) && X(this, r || e, n);
 	}
 	#K(e) {
 		for (let [t, n] of this.#w([e])) this.#L(t, this.#x(n));
@@ -756,9 +835,9 @@ var X = class e extends m {
 		let r = typeof t;
 		r !== "string" && r !== "number" && this.#V(e, void 0, " computed content is not a string or number");
 		let i = String(t);
-		if (e instanceof HTMLElement && B(e)) e.value !== i && (e.value = i);
+		if (e instanceof HTMLElement && W(e)) e.value !== i && (e.value = i);
 		else if (n && r === "string" && i.trim().startsWith("<")) {
-			let t = d(i);
+			let t = _(i);
 			if (e.innerHTML === t) return;
 			e.innerHTML = t, this.#te(e), this.#M(e);
 		} else n && e.textContent !== i && (e.textContent = i);
@@ -778,25 +857,25 @@ var X = class e extends m {
 			let r = e.get(t);
 			r || (r = [], e.set(t, r)), r.includes(n) || r.push(n);
 		}, n = () => {
-			let n = f();
+			let n = v();
 			e.methodToExprsMap = n;
 			let r = Array.from(this.#r.keys());
 			for (let e of r) {
-				for (let r of e.matchAll(b)) t(n, r[1], e);
-				for (let r of e.matchAll(w)) t(n, H(N(r[0])), e);
+				for (let r of e.matchAll(T)) t(n, r[1], e);
+				for (let r of e.matchAll(k)) t(n, K(L(r[0])), e);
 			}
 		}, { properties: r, propToExprsMap: i } = e;
 		for (let [t, a] of Object.entries(r)) {
-			let r = J(a.usedBy);
+			let r = Q(a.usedBy);
 			if (!r) continue;
 			e.methodToExprsMap || n();
 			let { methodToExprsMap: o } = e, s = i.get(t);
 			s || (s = [], i.set(t, s));
 			for (let e of r) {
-				if (L(e)) {
-					let n = P(e);
-					if (typeof M(this, n)?.get != "function") throw new g(`property ${t} usedBy contains non-getter ${e}`);
-				} else if (typeof this.#T(e) != "function") throw new g(`property ${t} usedBy contains non-method ${e}`);
+				if (V(e)) {
+					let n = R(e);
+					if (typeof te(this, n)?.get != "function") throw new S(`property ${t} usedBy contains non-getter ${e}`);
+				} else if (typeof this.#T(e) != "function") throw new S(`property ${t} usedBy contains non-method ${e}`);
 				let n = o.get(e) || [];
 				for (let e of n) s.includes(e) || s.push(e);
 			}
@@ -838,7 +917,7 @@ var X = class e extends m {
 	}
 	#X() {
 		let t = new Set(Object.keys(this.#n.properties));
-		for (let n of this.getAttributeNames()) if (!p.has(n) && !n.startsWith("on") && n !== "ref") {
+		for (let n of this.getAttributeNames()) if (!y.has(n) && !n.startsWith("on") && n !== "ref") {
 			if (n === "form-assoc") {
 				this.#ee();
 				continue;
@@ -853,9 +932,9 @@ var X = class e extends m {
 		}
 	}
 	#Z(e, t, n) {
-		let r = n.match(w);
+		let r = n.match(k);
 		if (r) return r.forEach((n) => {
-			let r = N(n);
+			let r = L(n);
 			this.#T(r) === void 0 && this.#H(e, t, r);
 		}), r;
 	}
@@ -903,35 +982,35 @@ var X = class e extends m {
 		}
 	}
 };
-function Z(e, ...t) {
-	let n = F(e, t);
+function re(e, ...t) {
+	let n = z(e, t);
 	for (;;) {
-		let e = _.exec(n);
+		let e = ee.exec(n);
 		if (!e) break;
 		let t = e[2];
-		if (T.test(t)) {
+		if (A.test(t)) {
 			let r = e[1];
 			if (!r.startsWith("--")) {
 				let i = `--${r}: ${t};
       ${r}: var(--${r})`;
-				n = W(n, e.index, e[0].length, i);
+				n = J(n, e.index, e[0].length, i);
 			}
 		}
 	}
 	return n;
 }
-function Q(e, ...t) {
-	let n = F(e, t);
+function ie(e, ...t) {
+	let n = z(e, t);
 	for (;;) {
-		let e = S.exec(n);
+		let e = D.exec(n);
 		if (!e || e[1] === "style") break;
-		let t = U(e[2]);
-		if (T.test(t)) {
+		let t = q(e[2]);
+		if (A.test(t)) {
 			let r = `<!-- ${t.trim()} -->`, i = e.index + e[0].indexOf(">") + 1;
-			n = W(n, i, t.length, r);
+			n = J(n, i, t.length, r);
 		}
 	}
 	return n;
 }
 //#endregion
-export { a, Q as i, O as n, Z as r, X as t };
+export { a, ie as i, N as n, re as r, $ as t };

package/dist/wrec-ssr.es.js

@@ -1,4 +1,4 @@
-import { a as e, i as t, n, r, t as i } from "./wrec-s0eHVxHE.js";
+import { a as e, i as t, n, r, t as i } from "./wrec-1_q5NXuK.js";
 //#region \0rolldown/runtime.js
 var a = Object.defineProperty, o = Object.getOwnPropertyDescriptor, s = Object.getOwnPropertyNames, c = Object.prototype.hasOwnProperty, l = (e, t) => () => (e && (t = e(e = 0)), t), u = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), d = (e, t) => {
 	let n = {};

package/dist/wrec.es.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, r, t as i } from "./wrec-s0eHVxHE.js";
+import { a as e, i as t, n, r, t as i } from "./wrec-1_q5NXuK.js";
 export { i as Wrec, e as WrecState, n as createElement, r as css, t as html };

package/package.json

@@ -2,7 +2,7 @@
   "name": "wrec",
   "description": "a library that greatly simplifies building web components",
   "author": "R. Mark Volkmann",
-  "version": "0.39.2",
+  "version": "0.39.4",
   "license": "MIT",
   "repository": {
     "type": "git",