wrec 0.42.0 → 0.42.1

package/dist/{wrec-RkviIlbF.js → wrec-ClOIAA9J.js}

@@ -140,20 +140,20 @@ function l(e, t, n) {
 }
 //#endregion
 //#region src/evaluation.ts
-var u = "a-zA-Z_$", d = `[${u}][${u + "0-9"}]*`, f = RegExp(`this\\.(${d})\\s*\\(`, "g"), p = /<!--\s*(.*?)\s*-->/, m = RegExp(`^this\\.${d}$`), h = RegExp(`this\\.${d}(\\.${d})*`, "g"), g = RegExp(`this\\.${d}(\\.${d})*`);
-function _(e, t) {
+var u = "[a-zA-Z_$][a-zA-Z_$0-9]*", d = RegExp(`this\\.(${u})\\s*\\(`, "g"), ee = /<!--\s*(.*?)\s*-->/, f = RegExp(`^this\\.${u}$`), p = RegExp(`this\\.${u}(\\.${u})*`, "g"), m = RegExp(`this\\.${u}(\\.${u})*`);
+function h(e, t) {
 	for (let [n, r] of Object.entries(t)) e[n] === void 0 && (e[n] = te(r));
 }
-function v(e, t) {
+function g(e, t) {
 	let n = Object.entries(t).filter(([e, t]) => !!t.computed).map(([e]) => e), r = new Set(n), i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map();
 	for (let o of n) {
 		let n = t[o].computed, s = /* @__PURE__ */ new Set();
-		for (let r of n.matchAll(h)) {
-			let n = x(r[0]), i = re(n), a = !1;
+		for (let r of n.matchAll(p)) {
+			let n = y(r[0]), i = x(n), a = !1;
 			for (let [e, n] of Object.entries(t)) S(n.usedBy)?.includes(i) && (s.add(e), a = !0);
 			!a && typeof e[n] != "function" && s.add(n);
 		}
-		for (let e of n.matchAll(f)) {
+		for (let e of n.matchAll(d)) {
 			let n = e[1];
 			for (let [e, r] of Object.entries(t)) S(r.usedBy)?.includes(n) && s.add(e);
 		}
@@ -165,8 +165,8 @@ function v(e, t) {
 		expressions: a
 	};
 }
-function ee(e, t) {
-	let { computedNames: n, dependenciesMap: r, expressions: i } = v(t, e.properties ?? {}), a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), s = [];
+function _(e, t) {
+	let { computedNames: n, dependenciesMap: r, expressions: i } = g(t, e.properties ?? {}), a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), s = [];
 	for (let e of n) {
 		let t = r.get(e) ?? [];
 		o.set(e, t.length), t.length === 0 && s.push(e);
@@ -190,25 +190,25 @@ function ee(e, t) {
 		throw Error(`computed properties form a cycle: ${e.join(", ")}`);
 	}
 	let l = e.context ?? {};
-	for (let e of c) t[e] = b(i.get(e), t, l);
+	for (let e of c) t[e] = v(i.get(e), t, l);
 }
 function te(e) {
-	return e.value === void 0 ? Array.isArray(e.values) && e.values.length > 0 ? e.values[0] : y(e.type) : e.value;
+	return e.value === void 0 ? Array.isArray(e.values) && e.values.length > 0 ? e.values[0] : ne(e.type) : e.value;
 }
-function y(e) {
+function ne(e) {
 	return e === String ? "" : e === Number ? 0 : e === Boolean ? !1 : e === Array ? [] : e === Object ? {} : void 0;
 }
-function b(e, t, n = {}) {
+function v(e, t, n = {}) {
 	return Function("context", `const {${Object.keys(n).join(",")}} = context; return ${e};`).call(t, n);
 }
-function x(e) {
+function y(e) {
 	return e.substring(5).split(".")[0];
 }
-function ne(e, t = {}) {
+function b(e, t = {}) {
 	let n = Object.create(e.prototype);
-	return Object.assign(n, t), _(n, e.properties ?? {}), ee(e, n), n;
+	return Object.assign(n, t), h(n, e.properties ?? {}), _(e, n), n;
 }
-function re(e) {
+function x(e) {
 	return `get ${e}`;
 }
 function S(e) {
@@ -216,7 +216,7 @@ function S(e) {
 }
 //#endregion
 //#region src/sanitize-xss.ts
-var ie = "__WREC", ae = "__", oe = "[A-Za-z_$][A-Za-z0-9_$]*", se = new Set([
+var C = "__WREC", re = "__", ie = "[A-Za-z_$][A-Za-z0-9_$]*", ae = new Set([
 	"checked",
 	"colspan",
 	"disabled",
@@ -231,26 +231,26 @@ var ie = "__WREC", ae = "__", oe = "[A-Za-z_$][A-Za-z0-9_$]*", se = new Set([
 	"type",
 	"value"
 ]);
-function C(e, t) {
-	return `${ie}${e}_${t}${ae}`;
+function oe(e, t) {
+	return `${C}${e}_${t}${re}`;
 }
 function w(e) {
 	return e.replaceAll("&", "&amp;").replaceAll("\"", "&quot;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
 }
-function ce(e) {
+function T(e) {
 	let t = e.trim();
-	return t ? RegExp(`^${oe}$`).test(t) ? !0 : t.startsWith("this.") : !1;
+	return t ? RegExp(`^${ie}$`).test(t) ? !0 : t.startsWith("this.") : !1;
 }
-function T(t) {
+function se(t) {
 	let n = {
 		allowCommentTag: !0,
 		onTagAttr(e, t, n) {
-			if (t.startsWith("on")) return ce(n) ? `${t}="${w(n)}"` : "";
+			if (t.startsWith("on")) return T(n) ? `${t}="${w(n)}"` : "";
 			if (t === "title" || t.startsWith("aria-") || t.startsWith("data-")) return `${t}="${w(n)}"`;
 			if (e === "a" && t === "href" && n.startsWith("javascript")) return "";
 		},
 		safeAttrValue(e, t, n) {
-			return t === "class" || se.has(t) || e === "a" && t === "href" || e === "img" && t === "src" ? n : "";
+			return t === "class" || ae.has(t) || e === "a" && t === "href" || e === "img" && t === "src" ? n : "";
 		},
 		stripIgnoreTagBody: [
 			"script",
@@ -297,7 +297,7 @@ function T(t) {
 		}
 	}, r = [], i = Date.now() + Math.floor(Math.random() * 1e6);
 	t = t.replace(/<!--[\s\S]*?-->/g, (e) => {
-		let t = C(i, r.length);
+		let t = oe(i, r.length);
 		return r.push({
 			comment: e,
 			token: t
@@ -376,7 +376,7 @@ function K(e) {
 	let { localName: t } = e;
 	return t === "input" || t === "select";
 }
-var q = (e) => `get ${e}`, le = (e) => e.replace(/<!--[\s\S]*?-->/g, "");
+var q = (e) => `get ${e}`, ce = (e) => e.replace(/<!--[\s\S]*?-->/g, "");
 function J(e, t, n, r) {
 	return e.slice(0, t) + r + e.slice(t + n);
 }
@@ -410,7 +410,7 @@ function Z(e, t, n) {
 	e instanceof CSSStyleRule ? e.style.getPropertyValue(r) !== n && e.style.setProperty(r, n) : (X(e, r, n), r === "value" && K(e) && e.value !== n && (e.value = n));
 }
 var Q = (e) => typeof e == "string" ? [e] : e;
-async function ue(e) {
+async function le(e) {
 	let t = /* @__PURE__ */ new Set();
 	for (let n of L(e.content)) {
 		let { localName: e } = n;
@@ -454,16 +454,17 @@ var $ = class e extends O {
 	#e = !1;
 	#t = /* @__PURE__ */ new Set();
 	#n = this.constructor;
-	#r = /* @__PURE__ */ new Map();
-	#i = {};
-	#a;
-	#o = {};
-	#s = null;
-	#c = /* @__PURE__ */ new Map();
+	#r = !1;
+	#i = /* @__PURE__ */ new Map();
+	#a = {};
+	#o;
+	#s = {};
+	#c = null;
 	#l = /* @__PURE__ */ new Map();
-	#u = /* @__PURE__ */ new WeakMap();
-	#d = /* @__PURE__ */ new WeakSet();
-	#f = /* @__PURE__ */ new Map();
+	#u = /* @__PURE__ */ new Map();
+	#d = /* @__PURE__ */ new WeakMap();
+	#f = /* @__PURE__ */ new WeakSet();
+	#p = /* @__PURE__ */ new Map();
 	static define(e) {
 		if (this.elementName = e, k.get(e)) throw new A(`custom element ${e} is already defined`);
 		k.define(e, this);
@@ -471,37 +472,49 @@ var $ = class e extends O {
 	constructor() {
 		super(), this.attachShadow({ mode: "open" });
 		let e = this.#n;
-		this.#O("attrToPropMap") || (e.attrToPropMap = /* @__PURE__ */ new Map()), this.#O("computedGraph") || (e.computedGraph = null), this.#O("computedPropsRegistered") || (e.computedPropsRegistered = !1), this.#O("properties") || (e.properties = {}), this.#O("propToAttrMap") || (e.propToAttrMap = /* @__PURE__ */ new Map()), this.#O("propToComputedMap") || (e.propToComputedMap = /* @__PURE__ */ new Map()), this.#O("propToExprsMap") || (e.propToExprsMap = /* @__PURE__ */ new Map()), this.#O("registeredComputedProps") || (e.registeredComputedProps = /* @__PURE__ */ new Set());
+		this.#A("attrToPropMap") || (e.attrToPropMap = /* @__PURE__ */ new Map()), this.#A("computedGraph") || (e.computedGraph = null), this.#A("computedPropsRegistered") || (e.computedPropsRegistered = !1), this.#A("properties") || (e.properties = {}), this.#A("propToAttrMap") || (e.propToAttrMap = /* @__PURE__ */ new Map()), this.#A("propToComputedMap") || (e.propToComputedMap = /* @__PURE__ */ new Map()), this.#A("propToExprsMap") || (e.propToExprsMap = /* @__PURE__ */ new Map()), this.#A("registeredComputedProps") || (e.registeredComputedProps = /* @__PURE__ */ new Set());
 	}
 	attributeChangedCallback(t, n, r) {
-		t === "disabled" && this.#v();
+		t === "disabled" && this.#y();
 		let i = e.getPropName(t);
-		if (!this.#A(i) && this.#k(i)) {
-			let e = this.#W(i, r);
-			this.#R(i, e);
-			let t = this.#i[i];
+		if (!this.#M(i) && this.#j(i)) {
+			let e = this.#K(i, r);
+			this.#B(i, e);
+			let t = this.#a[i];
 			t && this.setFormValue(t, String(e));
 		}
 	}
 	batchSet(e) {
-		this.#e = !0;
-		let t = this.#n.propToExprsMap, n = /* @__PURE__ */ new Set();
-		for (let [r, i] of Object.entries(e)) {
-			this.#R(r, i);
-			let e = t.get(r) ?? [];
-			for (let t of e) n.add(t);
+		let t = this.#$(e);
+		if (t.entries.length === 0) return;
+		let [n, r] = t.entries[0];
+		if (t.errors.length) {
+			this.#b(n, r, t.errors);
+			return;
 		}
-		let r = this.#w(Object.keys(e));
-		for (let [e, i] of r) {
-			this.#L(e, this.#x(i));
-			let r = t.get(e) ?? [];
-			for (let e of r) n.add(e);
+		this.#e = !0;
+		let i = this.#n.propToExprsMap, a = /* @__PURE__ */ new Set();
+		try {
+			for (let [e, n] of t.entries) {
+				this.#B(e, n);
+				let t = i.get(e) ?? [];
+				for (let e of t) a.add(e);
+			}
+			let e = this.#E(t.entries.map(([e]) => e));
+			for (let [t, n] of e) {
+				this.#z(t, this.#C(n));
+				let e = i.get(t) ?? [];
+				for (let t of e) a.add(t);
+			}
+			this.#S([...a]);
+		} finally {
+			this.#e = !1;
 		}
-		this.#b([...n]), this.#e = !1;
+		for (let [e, n] of t.entries) this.#n.properties[e] && this.#b(e, n, []);
 	}
-	async #p() {
+	async #m() {
 		let e = this.#n, { template: t } = e;
-		t || (t = e.template = document.createElement("template"), t.innerHTML = e.buildHTML()), await ue(t), this.shadowRoot.replaceChildren(t.content.cloneNode(!0));
+		t || (t = e.template = document.createElement("template"), t.innerHTML = e.buildHTML()), await le(t), this.shadowRoot.replaceChildren(t.content.cloneNode(!0));
 	}
 	static buildHTML() {
 		let e = "<style>\n    :host([hidden]) { display: none; }";
@@ -511,42 +524,48 @@ var $ = class e extends O {
 		return t.startsWith("<") || (t = `<span><!--${t}--></span>`), e + t;
 	}
 	changed(e, t, n) {
-		this.#R(t, n);
+		this.#B(t, n);
 	}
-	async connectedCallback() {
-		this.#X(), this.#h(), await this.#p(), this.hasAttribute("disabled") && this.#v(), this.#ne(this.shadowRoot), this.#M(this.shadowRoot), this.#Y(), this.#m(), this.ready();
-	}
-	#m() {
+	#h() {
 		let { properties: e } = this.#n;
-		for (let [t, { computed: n }] of Object.entries(e)) n && this.#L(t, this.#x(n));
+		for (let [t, { computed: n }] of Object.entries(e)) n && this.#z(t, this.#C(n));
 	}
-	#h() {
+	async connectedCallback() {
+		this.#Q(), this.#g(), await this.#m(), this.hasAttribute("disabled") && this.#y(), this.#ae(this.shadowRoot), this.#P(this.shadowRoot), this.#Z(), this.#h(), this.ready();
+	}
+	#g() {
 		let { observedAttributes: e, properties: t } = this.#n;
-		for (let [n, r] of Object.entries(t)) r.computed || this.#g(n, r, e);
-		for (let [n, r] of Object.entries(t)) r.computed && this.#g(n, r, e);
-		this.#F();
+		for (let [n, r] of Object.entries(t)) r.computed || this.#_(n, r, e);
+		for (let [n, r] of Object.entries(t)) r.computed && this.#_(n, r, e);
+		this.#L();
 	}
-	#g(t, n, r) {
+	#_(t, n, r) {
 		if (t === "class" || t === "style") throw new A(`"${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");
+		n.required && !a && this.#U(this, i, "is a required attribute");
 		let o = n.value;
-		this.hasOwnProperty(t) && (o = this.#T(t), this.#_(t));
-		let { type: s } = n, c = s === Boolean ? o || a : r.includes(i) && a ? this.#U(t, i) : o ?? F(n), u = "#" + t;
-		this.#R(u, this.#j(t, s, c)), Object.defineProperty(this, t, {
+		this.hasOwnProperty(t) && (o = this.#D(t), this.#v(t));
+		let { type: s } = n, c = s === Boolean ? o || a : r.includes(i) && a ? this.#G(t, i) : o ?? F(n), u = "#" + t;
+		this.#B(u, this.#N(t, s, c)), Object.defineProperty(this, t, {
 			enumerable: !0,
 			get() {
-				return this.#T(u);
+				return this.#D(u);
 			},
 			set(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 || (this.#$(t, s, e), n.validate && !this.#ee(t, n, e))) return;
-				e = this.#j(t, s, e), this.#R(u, e);
-				let a = this.#l.get(t);
-				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", {
+				n.computed && !this.#t.has(t) && this.#U(null, t, "is a computed property and cannot be set directly"), s === Number && typeof e == "string" && (e = Y(e));
+				let r = this.#D(u);
+				if (e === r) return;
+				this.#re(t, s, e);
+				let a = this.#ee(n, t, e);
+				if (!a.skipped && a.errors.length) {
+					this.#b(t, e, a.errors);
+					return;
+				}
+				e = this.#N(t, s, e), this.#B(u, e);
+				let o = this.#u.get(t);
+				o && l(o.state, o.stateProp, e), this.#q(t, s, e, i), this.#e || (this.#J(t), this.#I(t)), this.#X(t, e);
+				let c = this.#a[t];
+				c && this.setFormValue(c, String(e)), this.propertyChangedCallback(t, r, e), a.skipped || this.#b(t, e, a.errors), n.dispatch && this.dispatch("change", {
 					tagName: this.localName,
 					property: t,
 					oldValue: r,
@@ -555,16 +574,16 @@ var $ = class e extends O {
 			}
 		});
 	}
-	#_(e) {
+	#v(e) {
 		delete this[e];
 	}
-	#v() {
+	#y() {
 		let t = this.hasAttribute("disabled"), n = L(this.shadowRoot);
 		for (let r of n) N(r) && (r instanceof e ? t ? r.setAttribute("disabled", "") : r.removeAttribute("disabled") : r.disabled = t);
 	}
 	disconnectedCallback() {
-		for (let { unsubscribe: e } of this.#f.values()) e();
-		this.#r.clear(), this.#o = {}, this.#c.clear(), this.#l.clear(), this.#f.clear();
+		for (let { unsubscribe: e } of this.#p.values()) e();
+		this.#i.clear(), this.#s = {}, this.#l.clear(), this.#u.clear(), this.#p.clear();
 	}
 	dispatch(e, t) {
 		this.dispatchEvent(new CustomEvent(e, {
@@ -573,42 +592,57 @@ var $ = class e extends O {
 			detail: t
 		}));
 	}
+	#b(e, t, n) {
+		let r = n.length === 0;
+		this.#r = !0;
+		try {
+			this.dispatch("validation", {
+				instance: this,
+				property: e,
+				valid: r,
+				value: t,
+				errors: n
+			});
+		} finally {
+			this.#r = !1;
+		}
+	}
 	displayIfSet(e, t = "block") {
 		return `display: ${e == null ? "none" : t}`;
 	}
-	#y(t) {
+	#x(t) {
 		let n = t instanceof e;
 		for (let r of t.getAttributeNames()) {
 			let i = t.getAttribute(r);
 			if (r === "ref") {
-				this.#B(t, i);
+				this.#H(t, i);
 				continue;
 			}
-			let a = this.#N(t, i);
+			let a = this.#F(t, i);
 			if (a) {
-				let i = this.#T(a);
-				i === void 0 && this.#H(t, r, a);
+				let i = this.#D(a);
+				i === void 0 && this.#W(t, r, a);
 				let [o, s] = r.split(":"), c = e.getPropName(o);
 				if (o === "checked") {
 					let { type: e } = this.#n.properties[a];
-					V(t) && e !== Boolean && this.#V(t, r, `refers to property "${a}" whose type is not Boolean`), W(t) && e !== String && this.#V(t, r, `refers to property "${a}" whose type is not String`);
+					V(t) && e !== Boolean && this.#U(t, r, `refers to property "${a}" whose type is not Boolean`), W(t) && e !== String && this.#U(t, r, `refers to property "${a}" whose type is not String`);
 				}
-				let l = this.#A(a);
-				n && t.#A(c) || (o === "checked" && W(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);
+				let l = this.#M(a);
+				n && t.#M(c) || (o === "checked" && W(t) ? t.checked = t.value === i : t[c] = i), o === "value" && (s ? (t["on" + s] === void 0 && this.#U(t, r, "refers to an unsupported event name"), t.setAttribute(o, this.#D(a))) : s = "change"), n && !l && t.#l.set(e.getPropName(o), a);
 			}
-			this.#z(i, t, r);
+			this.#V(i, t, r);
 		}
 	}
-	#b(e) {
+	#S(e) {
 		for (let t of e) {
-			let e = this.#x(t), n = this.#r.get(t) ?? [], r = /* @__PURE__ */ new Set();
+			let e = this.#C(t), n = this.#i.get(t) ?? [], r = /* @__PURE__ */ new Set();
 			for (let t of n) {
 				let n = t instanceof HTMLElement || t instanceof CSSStyleRule ? t : t.element;
 				if (n instanceof HTMLElement && !n.isConnected) {
 					r.add(t);
 					continue;
 				}
-				if (t instanceof HTMLElement) this.#q(t, e);
+				if (t instanceof HTMLElement) this.#Y(t, e);
 				else if (!(t instanceof CSSStyleRule)) {
 					let { element: n, attrName: r } = t;
 					n instanceof CSSStyleRule ? n.style.setProperty(r, e) : Z(n, r, e);
@@ -616,14 +650,14 @@ var $ = class e extends O {
 			}
 			if (r.size > 0) {
 				let e = n.filter((e) => !r.has(e));
-				e.length === 0 ? this.#r.delete(t) : this.#r.set(t, e);
+				e.length === 0 ? this.#i.delete(t) : this.#i.set(t, e);
 			}
 		}
 	}
-	#x(e) {
-		return b(e, this, this.#n.context);
+	#C(e) {
+		return v(e, this, this.#n.context);
 	}
-	#S(e) {
+	#w(e) {
 		let { localName: t } = e;
 		if (t === "style") {
 			let { sheet: t } = e, n = t?.cssRules ?? [], r = Array.from(n);
@@ -631,22 +665,22 @@ var $ = class e extends O {
 				let t = Array.from(e.style);
 				for (let n of t) if (n.startsWith("--")) {
 					let t = e.style.getPropertyValue(n);
-					this.#z(t, e, n);
+					this.#V(t, e, n);
 				}
 			}
 		} else {
 			let t = "";
 			if (G(e)) {
-				this.#z(e.textContent, e);
-				let n = e.textContent?.match(p);
+				this.#V(e.textContent, e);
+				let n = e.textContent?.match(ee);
 				n && (t = n[1]);
 			} else {
 				let n = Array.from(e.childNodes).find((e) => e.nodeType === Node.COMMENT_NODE);
 				n && (t = n.textContent?.trim() ?? "");
 			}
 			if (t) {
-				let n = this.#N(e, t);
-				n && G(e) ? e.textContent = this.#T(n) : this.#z(t, e);
+				let n = this.#F(e, t);
+				n && G(e) ? e.textContent = this.#D(n) : this.#V(t, e);
 			}
 		}
 	}
@@ -654,7 +688,7 @@ var $ = class e extends O {
 		let e = this.getAttribute("form-assoc");
 		if (!e) {
 			let t = this.getAttribute("name");
-			if (t) if (this.#k("value")) e = `value:${t}`;
+			if (t) if (this.#j("value")) e = `value:${t}`;
 			else return;
 			else return;
 		}
@@ -663,26 +697,26 @@ var $ = class e extends O {
 			let [n, r] = e.split(":");
 			t[n.trim()] = r.trim();
 		}
-		this.#i = t, this.#a = new FormData(), this.#s = this.attachInternals(), this.#s.setFormValue(this.#a);
+		this.#a = t, this.#o = new FormData(), this.#c = this.attachInternals(), this.#c.setFormValue(this.#o);
 		for (let [e, n] of Object.entries(t)) {
-			let t = this.#T(e);
+			let t = this.#D(e);
 			U(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);
+		let r = Object.keys(this.#n.properties), i = this.#s;
+		for (let e of r) i[e] = this.#D(e);
 	}
 	formResetCallback() {
-		let e = this.#o;
+		let e = this.#s;
 		for (let t of Object.keys(e)) {
 			let n = e[t];
-			m.test(n) && (n = this.#x(n)), this.#R(t, n);
+			f.test(n) && (n = this.#C(n)), this.#B(t, n);
 		}
 	}
 	static getAttrName(e) {
 		let t = this.propToAttrMap.get(e);
 		return t || (t = e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), this.propToAttrMap.set(e, t)), t;
 	}
-	#C() {
+	#T() {
 		let e = this.#n, t = e.computedGraph;
 		if (t) return t;
 		let n = E(), r = E(), i = {};
@@ -699,8 +733,8 @@ var $ = class e extends O {
 			computedToExprMap: i
 		}, e.computedGraph = t, t;
 	}
-	#w(e) {
-		let { computedToDependenciesMap: t, computedToDependentsMap: n, computedToExprMap: r } = this.#C(), i = this.#n.propToComputedMap, a = /* @__PURE__ */ new Set(), o = [...new Set(e)];
+	#E(e) {
+		let { computedToDependenciesMap: t, computedToDependentsMap: n, computedToExprMap: r } = this.#T(), i = this.#n.propToComputedMap, a = /* @__PURE__ */ new Set(), o = [...new Set(e)];
 		for (let e = 0; e < o.length; e++) {
 			let t = o[e], n = i.get(t) || [];
 			for (let [e, t] of n) r[e] = t, a.has(e) || (a.add(e), o.push(e));
@@ -724,77 +758,77 @@ var $ = class e extends O {
 		if (c.length !== a.size) throw new A(`computed properties form a cycle: ${[...a].filter((e) => l.get(e) > 0).sort().join(", ")}`);
 		return c.map((e) => [e, r[e]]);
 	}
-	#T(e) {
+	#D(e) {
 		return this[e];
 	}
 	static getPropName(e) {
 		let t = this.attrToPropMap.get(e);
 		return t || (t = e.replace(/-([a-z])/g, (e, t) => t.toUpperCase()), this.attrToPropMap.set(e, t)), t;
 	}
-	#E(e, t, n) {
-		let r = this.#T("#" + e), i = this.#l.get(e);
-		i && l(i.state, i.stateProp, r), this.#e || (this.#K(e), this.#P(e)), this.#J(e, r), this.propertyChangedCallback(e, t, n);
+	#O(e, t, n) {
+		let r = this.#D("#" + e), i = this.#u.get(e);
+		i && l(i.state, i.stateProp, r), this.#e || (this.#J(e), this.#I(e)), this.#X(e, r), this.propertyChangedCallback(e, t, n);
 	}
-	#D(e, t, n) {
+	#k(e, t, n) {
 		if (n.length !== 1) return;
 		let [r] = n;
-		if (!m.test(r)) return;
+		if (!f.test(r)) return;
 		let i = V(e), a = W(e), o = K(e) || G(e), [s, c] = (t ?? "").split(":");
 		if (!(o && s === "value" || i && s === "checked" || a && s === "checked" || G(e))) return;
-		c ? e["on" + c] === void 0 && this.#V(e, t, "refers to an unsupported event name") : c = "change";
-		let l = x(r);
+		c ? e["on" + c] === void 0 && this.#U(e, t, "refers to an unsupported event name") : c = "change";
+		let l = y(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 ? Y(o) : o), this.#P(l);
+			s === "checked" ? i ? this.#B(l, r.checked) : a && r.checked && this.#B(l, o) : this.#B(l, n === Number ? Y(o) : o), this.#I(l);
 		});
 	}
-	#O(e) {
+	#A(e) {
 		return Object.hasOwn(this.#n, e);
 	}
-	#k(e) {
+	#j(e) {
 		return !!this.#n.properties[e];
 	}
-	#A(e) {
+	#M(e) {
 		return !!this.#n.properties[e]?.computed;
 	}
-	#j(e, n, r) {
-		if (typeof r != "object" || !r || n !== Array && n !== Object || this.#d.has(r)) return r;
-		let i = this.#u.get(r);
+	#N(e, n, r) {
+		if (typeof r != "object" || !r || n !== Array && n !== Object || this.#f.has(r)) return r;
+		let i = this.#d.get(r);
 		if (i) return i;
 		let a = t(r, (t, n, r) => {
-			this.#E(e, n, r);
+			this.#O(e, n, r);
 		});
-		return this.#u.set(r, a), this.#d.add(a), a;
+		return this.#d.set(r, a), this.#f.add(a), a;
 	}
-	#M(e) {
+	#P(e) {
 		let t = Array.from(e.querySelectorAll("*"));
-		for (let e of t) this.#y(e), e.firstElementChild || this.#S(e);
+		for (let e of t) this.#x(e), e.firstElementChild || this.#w(e);
 	}
 	static get observedAttributes() {
 		let t = Object.entries(this.properties || {}).filter(([e, t]) => !t.computed).map(([t]) => e.getAttrName(t));
 		return t.includes("disabled") || t.push("disabled"), t;
 	}
 	propertyChangedCallback(e, t, n) {}
-	#N(e, t) {
-		if (!t || !m.test(t)) return;
-		let n = x(t);
-		return this.#T(n) === void 0 && this.#H(e, "", n), n;
+	#F(e, t) {
+		if (!t || !f.test(t)) return;
+		let n = y(t);
+		return this.#D(n) === void 0 && this.#W(e, "", n), n;
 	}
-	#P(e) {
+	#I(e) {
 		let t = this.#n.propToExprsMap.get(e) || [];
-		this.#b(t);
+		this.#S(t);
 	}
 	ready() {}
-	#F() {
+	#L() {
 		let e = this.#n;
 		if (!e.computedPropsRegistered) {
 			e.computedPropsRegistered = !0, e.computedGraph = null;
-			for (let [t, n] of Object.entries(e.properties)) n.computed && this.#I(t, n);
+			for (let [t, n] of Object.entries(e.properties)) n.computed && this.#R(t, n);
 		}
 	}
-	#I(e, t) {
+	#R(e, t) {
 		let n = this.#n;
 		n.registeredComputedProps.add(e);
 		let r = n.propToComputedMap;
@@ -803,33 +837,33 @@ var $ = class e extends O {
 			i || (i = [], r.set(t, i)), i.push([e, n]);
 		}
 		let a = t.computed;
-		for (let t of a.matchAll(h)) {
-			let r = x(t[0]);
-			this.#T(r) === void 0 && this.#H(null, e, r);
+		for (let t of a.matchAll(p)) {
+			let r = y(t[0]);
+			this.#D(r) === void 0 && this.#W(null, e, r);
 			let o = q(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);
+			!s && typeof this.#D(r) != "function" && i(r, a);
 		}
-		for (let t of a.matchAll(f)) {
+		for (let t of a.matchAll(d)) {
 			let r = t[1];
-			if (typeof this.#T(r) != "function") throw new A(`property ${e} computed calls non-method ${r}`);
+			if (typeof this.#D(r) != "function") throw new A(`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) {
+	#z(e, t) {
 		this.#t.add(e);
 		try {
-			this.#R(e, t);
+			this.#B(e, t);
 		} finally {
 			this.#t.delete(e);
 		}
 	}
-	#R(e, t) {
+	#B(e, t) {
 		this[e] = t;
 	}
-	#z(e, t, n = void 0) {
+	#V(e, t, n = void 0) {
 		if (!e) return;
-		let r = this.#Z(t, n, e);
+		let r = this.#te(t, n, e);
 		if (!r) {
 			let r = e.replaceAll("this..", "this.");
 			n ? Z(t, n, r) : "textContent" in t && (t.textContent = r);
@@ -837,54 +871,54 @@ var $ = class e extends O {
 		}
 		let i = this.#n;
 		r.forEach((t) => {
-			let n = x(t);
-			if (typeof this.#T(n) == "function") return;
+			let n = y(t);
+			if (typeof this.#D(n) == "function") return;
 			let r = i.propToExprsMap, a = r.get(n);
 			a || (a = [], r.set(n, a)), a.includes(e) || a.push(e);
 		});
-		for (let [e, t] of this.#r.entries()) for (let n of t) {
+		for (let [e, t] of this.#i.entries()) for (let n of t) {
 			let r = n instanceof HTMLElement || n instanceof CSSStyleRule ? n : n.element;
-			r instanceof CSSStyleRule || r.isConnected || this.#r.set(e, t.filter((e) => e !== n));
+			r instanceof CSSStyleRule || r.isConnected || this.#i.set(e, t.filter((e) => e !== n));
 		}
-		let a = this.#r.get(e);
-		a || (a = [], this.#r.set(e, a)), a.push(n ? {
+		let a = this.#i.get(e);
+		a || (a = [], this.#i.set(e, a)), a.push(n ? {
 			element: t,
 			attrName: n
-		} : t), t instanceof HTMLElement && this.#D(t, n, r);
-		let o = this.#x(e);
-		n ? Z(t, n, o) : this.#q(t, o);
+		} : t), t instanceof HTMLElement && this.#k(t, n, r);
+		let o = this.#C(e);
+		n ? Z(t, n, o) : this.#Y(t, o);
 	}
-	#B(e, t) {
+	#H(e, t) {
 		let n = t?.trim() ?? "", r = this.#n.properties[n];
-		r || this.#H(e, "ref", n), r.type !== O && 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.#W(e, "ref", n), r.type !== O && this.#U(e, "ref", `refers to property "${n}" whose type is not HTMLElement`), this.#D(n) && this.#U(e, "ref", `is a duplicate reference to the property "${n}"`), this.#B(n, e), e.removeAttribute("ref");
 	}
 	setAttributeSafe(e, t) {
 		this.hasAttribute(e) || this.setAttribute(e, t);
 	}
 	setFormValue(e, t) {
-		!this.#a || !U(t) || (this.#a.set(e, t), this.#s?.setFormValue(this.#a));
+		!this.#o || !U(t) || (this.#o.set(e, t), this.#c?.setFormValue(this.#o));
 	}
 	static ssr(e = {}) {
 		throw new A("SSR is not available in the browser build.");
 	}
-	#V(e, t, n) {
+	#U(e, t, n) {
 		let r = e instanceof HTMLElement ? e.localName : "CSS rule";
 		throw new A(`component ${this.#n.elementName}` + (e ? `, element "${r}"` : "") + (t ? `, attribute "${t}"` : "") + ` ${n}`);
 	}
-	#H(e, t, n) {
-		this.#V(e, t, `refers to missing property "${n}"`);
+	#W(e, t, n) {
+		this.#U(e, t, `refers to missing property "${n}"`);
 	}
-	#U(e, t) {
-		return this.#W(e, this.getAttribute(t));
+	#G(e, t) {
+		return this.#K(e, this.getAttribute(t));
 	}
-	#W(t, n) {
-		if (n?.match(h)) return n;
+	#K(t, n) {
+		if (n?.match(p)) 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 : F(r);
+		if (i || this.#U(null, t, "does not specify its type"), n === null) return i === Boolean ? !1 : F(r);
 		if (i === String) {
 			if (a && !a.includes(n)) {
 				let e = a.map((e) => `"${e}"`).join(", ");
-				this.#V(null, t, `must be one of ${e}`);
+				this.#U(null, t, `must be one of ${e}`);
 			}
 			return n;
 		}
@@ -893,31 +927,31 @@ var $ = class e extends O {
 			if (n === "true") return !0;
 			if (n === "false" || n === "null") return !1;
 			let r = e.getAttrName(t);
-			return n && n !== r && this.#V(null, t, "is a Boolean attribute, so its value must match attribute name or be missing"), n === "" || n === r;
+			return n && n !== r && this.#U(null, t, "is a Boolean attribute, so its value must match attribute name or be missing"), n === "" || n === r;
 		}
 	}
-	#G(e, t, n, r) {
-		U(n) && !this.#A(e) && n !== (t === Boolean ? this.hasAttribute(r) : this.#U(e, r)) && X(this, r || e, n);
+	#q(e, t, n, r) {
+		U(n) && !this.#M(e) && n !== (t === Boolean ? this.hasAttribute(r) : this.#G(e, r)) && X(this, r || e, n);
 	}
-	#K(e) {
-		for (let [t, n] of this.#w([e])) this.#L(t, this.#x(n));
+	#J(e) {
+		for (let [t, n] of this.#E([e])) this.#z(t, this.#C(n));
 	}
-	#q(e, t) {
+	#Y(e, t) {
 		if (t === void 0) return;
 		let n = e instanceof HTMLElement;
 		Array.isArray(t) && (t = t.join(""));
 		let r = typeof t;
-		r !== "string" && r !== "number" && this.#V(e, void 0, " computed content is not a string or number");
+		r !== "string" && r !== "number" && this.#U(e, void 0, " computed content is not a string or number");
 		let i = String(t);
 		if (e instanceof HTMLElement && G(e)) e.value !== i && (e.value = i);
 		else if (n && r === "string" && i.trim().startsWith("<")) {
-			let t = T(i);
+			let t = se(i);
 			if (e.innerHTML === t) return;
-			e.innerHTML = t, this.#ne(e), this.#M(e);
+			e.innerHTML = t, this.#ae(e), this.#P(e);
 		} else n && e.textContent !== i && (e.textContent = i);
 	}
-	#J(e, t) {
-		let n = this.#c.get(e);
+	#X(e, t) {
+		let n = this.#l.get(e);
 		if (!n) return;
 		let r = this.getRootNode();
 		if (!(r instanceof ShadowRoot)) return;
@@ -926,17 +960,17 @@ var $ = class e extends O {
 		let a = i;
 		a[n] = t;
 	}
-	#Y() {
+	#Z() {
 		let e = this.#n, t = (e, t, n) => {
 			let r = e.get(t);
 			r || (r = [], e.set(t, r)), r.includes(n) || r.push(n);
 		}, n = () => {
 			let n = E();
 			e.methodToExprsMap = n;
-			let r = Array.from(this.#r.keys());
+			let r = Array.from(this.#i.keys());
 			for (let e of r) {
-				for (let r of e.matchAll(f)) t(n, r[1], e);
-				for (let r of e.matchAll(h)) t(n, q(x(r[0])), e);
+				for (let r of e.matchAll(d)) t(n, r[1], e);
+				for (let r of e.matchAll(p)) t(n, q(y(r[0])), e);
 			}
 		}, { properties: r, propToExprsMap: i } = e;
 		for (let [t, a] of Object.entries(r)) {
@@ -949,7 +983,7 @@ var $ = class e extends O {
 				if (H(e)) {
 					let n = z(e);
 					if (typeof R(this, n)?.get != "function") throw new A(`property ${t} usedBy contains non-getter ${e}`);
-				} else if (typeof this.#T(e) != "function") throw new A(`property ${t} usedBy contains non-method ${e}`);
+				} else if (typeof this.#D(e) != "function") throw new A(`property ${t} usedBy contains non-method ${e}`);
 				let n = o.get(e) || [];
 				for (let e of n) s.includes(e) || s.push(e);
 			}
@@ -960,15 +994,15 @@ var $ = class e extends O {
 			t = {};
 			for (let n of Object.keys(e)) t[n] = n;
 		}
-		this.#Q(e, t);
-		for (let [n, r] of Object.entries(t)) if (this.#k(r)) {
+		this.#ne(e, t);
+		for (let [n, r] of Object.entries(t)) if (this.#j(r)) {
 			let t = o(e, n);
-			t !== void 0 && this.#R(r, t), this.#l.set(r, {
+			t !== void 0 && this.#B(r, t), this.#u.set(r, {
 				state: e,
 				stateProp: n
 			});
 		}
-		let n = this.#f.get(e), r = {
+		let n = this.#p.get(e), r = {
 			...n?.map,
 			...t
 		};
@@ -976,77 +1010,103 @@ var $ = class e extends O {
 		let i = e.subscribe(({ statePath: t, newValue: n }) => {
 			let i = r[t];
 			if (i) {
-				this.#R(i, n);
+				this.#B(i, n);
 				return;
 			}
 			let a = Object.keys(r).find((e) => t.startsWith(e + ".") || e.startsWith(t + "."));
 			if (!a) return;
 			let s = r[a];
-			this.#R(s, o(e, a));
+			this.#B(s, o(e, a));
 		}, Object.keys(r));
-		this.#f.set(e, {
+		this.#p.set(e, {
 			map: r,
 			unsubscribe: i
 		});
 	}
-	#X() {
+	validate(e) {
+		return [];
+	}
+	#Q() {
 		let t = new Set(Object.keys(this.#n.properties));
 		for (let n of this.getAttributeNames()) if (!D.has(n) && !n.startsWith("on") && n !== "ref") {
 			if (n === "form-assoc") {
-				this.#te();
+				this.#ie();
 				continue;
 			}
 			if (!t.has(e.getPropName(n))) {
 				if (n === "name") {
-					this.#te();
+					this.#ie();
 					continue;
 				}
-				this.#V(null, n, "is not a supported attribute");
+				this.#U(null, n, "is not a supported attribute");
 			}
 		}
 	}
-	#Z(e, t, n) {
-		let r = n.match(h);
+	#$(e) {
+		let t = [], n = [], r = { ...this };
+		for (let [i, a] of Object.entries(e)) {
+			let e = this.#n.properties[i], o = a;
+			if (e) {
+				e.computed && this.#U(null, i, "is a computed property and cannot be set directly"), e.type === Number && typeof o == "string" && (o = Y(o)), this.#re(i, e.type, o);
+				let t = e.validate?.(o);
+				typeof t == "string" && n.push(t);
+			}
+			t.push([i, o]), r[i] = o;
+		}
+		return this.#r || n.push(...this.validate(r)), {
+			entries: t,
+			errors: n
+		};
+	}
+	#ee(e, t, n) {
+		if (this.#e || this.#r) return {
+			errors: [],
+			skipped: !0
+		};
+		let r = [], { validate: i } = e, a = i?.(n);
+		typeof a == "string" && r.push(a);
+		let o = {
+			...this,
+			[t]: n
+		};
+		return r.push(...this.validate(o)), {
+			errors: r,
+			skipped: !1
+		};
+	}
+	#te(e, t, n) {
+		let r = n.match(p);
 		if (r) return r.forEach((n) => {
-			let r = x(n);
-			this.#T(r) === void 0 && this.#H(e, t, r);
+			let r = y(n);
+			this.#D(r) === void 0 && this.#W(e, t, r);
 		}), r;
 	}
-	#Q(e, t) {
+	#ne(e, t) {
 		for (let [n, r] of Object.entries(t)) {
 			let t = o(e, n);
-			t === void 0 && this.#V(this, void 0, `invalid state path "${n}"`), t = this.#T(r), this.#k(r) || this.#V(null, r, "refers to missing property in useState map");
+			t === void 0 && this.#U(this, void 0, `invalid state path "${n}"`), t = this.#D(r), this.#j(r) || this.#U(null, r, "refers to missing property in useState map");
 		}
 	}
-	#$(e, t, n) {
+	#re(e, t, n) {
 		let { values: r } = this.#n.properties[e];
 		if (r) {
 			let i;
-			t === String ? typeof n == "string" ? r.includes(n) || (i = `must be one of ${r.map((e) => `"${e}"`).join(", ")}`) : i = `value is a ${typeof n}, but type is String` : i = "declares allowed values, but its type is not String", i && this.#V(null, e, i);
+			t === String ? typeof n == "string" ? r.includes(n) || (i = `must be one of ${r.map((e) => `"${e}"`).join(", ")}`) : i = `value is a ${typeof n}, but type is String` : i = "declares allowed values, but its type is not String", i && this.#U(null, e, i);
 		}
 		if (n instanceof t) return;
 		let i = typeof n;
 		if (i === "object") {
 			let { constructor: r } = n;
-			i = r.name, r !== t && this.#V(null, e, `was set to a ${i}, but must be a ${t.name}`);
+			i = r.name, r !== t && this.#U(null, e, `was set to a ${i}, but must be a ${t.name}`);
 		}
-		i !== t.name.toLowerCase() && this.#V(null, e, `was set to a ${i}, but must be a ${t.name}`);
+		i !== t.name.toLowerCase() && this.#U(null, e, `was set to a ${i}, but must be a ${t.name}`);
 	}
-	#ee(e, t, n) {
-		let r = t.validate?.(n), i = typeof r != "string";
-		return i || this.dispatch("validation", {
-			object: this,
-			property: e,
-			value: n,
-			message: r
-		}), i;
-	}
-	#te() {
+	#ie() {
 		if (this.#n.formAssociated || this.closest("form") === null) return;
 		let e = this.#n.name;
-		this.#V(this, void 0, `inside form, class ${e} requires "static formAssociated = true;"`);
+		this.#U(this, void 0, `inside form, class ${e} requires "static formAssociated = true;"`);
 	}
-	#ne(e) {
+	#ae(e) {
 		let t = Array.from(e.querySelectorAll("*"));
 		for (let e of t) {
 			let t = [];
@@ -1056,22 +1116,22 @@ var $ = class e extends O {
 					let i = r.slice(2);
 					i = i[0].toLowerCase() + i.slice(1).toLowerCase();
 					let a = n.value;
-					this.#Z(e, r, a);
+					this.#te(e, r, a);
 					let o;
-					typeof this.#T(a) == "function" ? o = (e) => this.#T(a).call(this, e) : (this.#Z(e, r, a), o = () => this.#x(a)), e.addEventListener(i, o), t.push(r);
+					typeof this.#D(a) == "function" ? o = (e) => this.#D(a).call(this, e) : (this.#te(e, r, a), o = () => this.#C(a)), e.addEventListener(i, o), t.push(r);
 				}
 			}
 			for (let n of t) e.removeAttribute(n);
 		}
 	}
 };
-function de(e, ...t) {
+function ue(e, ...t) {
 	let n = B(e, t);
 	for (;;) {
 		let e = j.exec(n);
 		if (!e) break;
 		let t = e[2];
-		if (g.test(t)) {
+		if (m.test(t)) {
 			let r = e[1];
 			if (!r.startsWith("--")) {
 				let i = `--${r}: ${t};
@@ -1082,13 +1142,13 @@ function de(e, ...t) {
 	}
 	return n;
 }
-function fe(e, ...t) {
+function de(e, ...t) {
 	let n = B(e, t);
 	for (;;) {
 		let e = M.exec(n);
 		if (!e || e[1] === "style") break;
-		let t = le(e[2]);
-		if (g.test(t)) {
+		let t = ce(e[2]);
+		if (m.test(t)) {
 			let r = `<!-- ${t.trim()} -->`, i = e.index + e[0].indexOf(">") + 1;
 			n = J(n, i, t.length, r);
 		}
@@ -1096,4 +1156,4 @@ function fe(e, ...t) {
 	return n;
 }
 //#endregion
-export { g as a, x as c, fe as i, ne as l, P as n, m as o, de as r, b as s, $ as t, a as u };
+export { m as a, y as c, de as i, b as l, P as n, f as o, ue as r, v as s, $ as t, a as u };