wrec 0.25.3 → 0.26.0

package/dist/wrec-DjS3Bm3H.js

@@ -0,0 +1,816 @@
+import e from "xss";
+//#region src/proxies.ts
+function t(e, n, r = "") {
+	let i = /* @__PURE__ */ new WeakMap();
+	return new Proxy(e, {
+		get(e, a) {
+			let o = Reflect.get(e, a);
+			if (typeof o != "object" || !o) return o;
+			let s = i.get(o);
+			if (s) return s;
+			let c = t(o, n, r ? `${r}.${a}` : a);
+			return i.set(o, c), c;
+		},
+		set(e, t, i) {
+			let a = Reflect.get(e, t);
+			return a !== i && (Reflect.set(e, t, i), n(r ? `${r}.${t}` : t, a, i)), !0;
+		}
+	});
+}
+function n(e) {
+	let t = {};
+	for (let [r, i] of Object.entries(e)) t[r] = typeof i == "object" && i ? n(i) : i;
+	return t;
+}
+//#endregion
+//#region src/wrec-state.ts
+var r = typeof window < "u" && window.document !== void 0, i = class extends Error {}, a = class e {
+	static #e = /* @__PURE__ */ new Map();
+	static {
+		r && window.addEventListener("beforeunload", () => {
+			for (let [e, t] of this.#e.entries()) if (t.#i) {
+				let r = n(t);
+				sessionStorage.setItem("wrec-state-" + e, JSON.stringify(r));
+			}
+		});
+	}
+	static get(e) {
+		return this.#e.get(e);
+	}
+	#t = Symbol("objectId");
+	#n = [];
+	#r;
+	#i;
+	#a;
+	constructor(n, a, o) {
+		if (!n) throw new i("name cannot be empty");
+		if (e.#e.has(n)) throw new i(`WrecState with name "${n}" already exists`);
+		if (this.#r = n, this.#i = a, this.#a = t({}, this.#o.bind(this)), a && r) {
+			let e = sessionStorage.getItem("wrec-state-" + n), t = e ? JSON.parse(e) : void 0;
+			t && (o = t);
+		}
+		if (o) for (let [e, t] of Object.entries(o)) this.addProperty(e, t);
+		e.#e.set(n, this);
+	}
+	addListener(e, t = {}) {
+		let n = this.#n.find((t) => t.listenerRef.deref() === e);
+		if (n) {
+			let { propertyMap: e } = n;
+			for (let [n, r] of Object.entries(t)) e[n] = r;
+		} else this.#n.push({
+			listenerRef: new WeakRef(e),
+			propertyMap: t
+		});
+	}
+	addProperty(e, t) {
+		Object.defineProperty(this, e, {
+			enumerable: !0,
+			get() {
+				return this.#a[e];
+			},
+			set(t) {
+				this.#a[e] = t;
+			}
+		}), this.#a[e] = t;
+	}
+	get id() {
+		return this.#t;
+	}
+	log() {
+		console.log("WrecState:", this.#r);
+		for (let [e, t] of Object.entries(this.#a)) console.log(`  ${e} = ${JSON.stringify(t)}`);
+	}
+	#o(e, t, n) {
+		let i = /* @__PURE__ */ new Set();
+		for (let a of this.#n) {
+			let o = a.listenerRef.deref();
+			if (!o) i.add(a);
+			else if (r && o instanceof HTMLElement && !o.isConnected) i.add(a);
+			else {
+				let { propertyMap: r } = a, i = Object.keys(r);
+				(i.length === 0 || i.includes(e)) && o.changed(e, r[e], n, t, this);
+			}
+		}
+		this.#n = this.#n.filter((e) => !i.has(e));
+	}
+	removeListener(e) {
+		this.#n = this.#n.filter((t) => t.listenerRef.deref() !== e);
+	}
+};
+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;
+}
+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];
+	});
+}
+//#endregion
+//#region src/sanitize-xss.ts
+var c = new Set([
+	"button",
+	"input",
+	"label",
+	"option",
+	"th"
+]), l = "__WREC", u = "__";
+function d(t) {
+	let n = {
+		allowCommentTag: !0,
+		onTag: (e, t) => {
+			if (c.has(e)) return t;
+		},
+		onTagAttr(e, t, n) {
+			if (t.startsWith("on")) return "";
+		},
+		safeAttrValue(e, t, n) {
+			return t === "class" || e === "a" && t === "href" && !n.startsWith("javascript") || e === "img" && t === "src" ? n : "";
+		},
+		stripIgnoreTagBody: [
+			"script",
+			"style",
+			"iframe"
+		],
+		whiteList: {
+			...e.getDefaultWhiteList(),
+			label: ["class", "for"],
+			span: ["class"]
+		}
+	}, r = [];
+	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 i = e(t, n);
+	return r.forEach((e, t) => {
+		let n = RegExp(`${l}${t}${u}`, "g");
+		i = i.replace(n, e);
+	}), i;
+}
+//#endregion
+//#region src/wrec.ts
+var f = new Set([
+	"class",
+	"disabled",
+	"hidden",
+	"id",
+	"tabindex",
+	"title"
+]), p = globalThis.HTMLElement ?? class {}, m = 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"))
+}, h = class extends Error {}, g = /([a-zA-Z-]+)\s*:\s*([^;}]+)/g, _ = "a-zA-Z_$", v = `[${_}][${_ + "0-9"}]*`, y = RegExp(`this\\.(${v})\\s*\\(`, "g"), b = /<!--\s*(.*?)\s*-->/, x = /<(\w+)(?:\s[^>]*)?>((?:[^<]|<(?!\w))*?)<\/\1>/g, S = RegExp(`^this\\.${v}$`), C = RegExp(`this\\.${v}(\\.${v})*`, "g"), w = RegExp(`this\\.${v}(\\.${v})*`), T = 5;
+function E(e) {
+	return e instanceof HTMLButtonElement || e instanceof HTMLFieldSetElement || e instanceof HTMLInputElement || e instanceof HTMLSelectElement || e instanceof HTMLTextAreaElement || e instanceof U;
+}
+function D(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 O = (e) => Array.isArray(e.values) && e.values.length > 0 ? e.values[0] : k(e.type), k = (e) => e === String ? "" : e === Number ? 0 : e === Boolean ? !1 : e === Array ? [] : e === Object ? {} : void 0;
+function A(e) {
+	let t = [], n = e.firstElementChild;
+	for (; n;) t.push(n), n.shadowRoot && t.push(...A(n.shadowRoot)), n.firstElementChild && t.push(...A(n)), n = n.nextElementSibling;
+	return t;
+}
+var j = (e) => e.substring(T).split(".")[0];
+function M(e, t) {
+	let n = e[0];
+	return t.forEach((t, r) => {
+		n += t + e[r + 1];
+	}), n;
+}
+function N(e) {
+	let t = typeof e;
+	return t === "string" || t === "number" || t === "boolean";
+}
+function P(e) {
+	return e.localName === "textarea";
+}
+function F(e) {
+	let { localName: t } = e;
+	return t === "input" || t === "select";
+}
+var I = (e) => e.replace(/<!--[\s\S]*?-->/g, "");
+function L(e, t, n, r) {
+	return e.slice(0, t) + r + e.slice(t + n);
+}
+function R(e) {
+	let t = Number(e);
+	if (isNaN(t)) throw new h(`can't convert "${e}" to a number`);
+	return t;
+}
+function z(e, t, n) {
+	let [r, i] = t.split(":");
+	if (N(n)) if (typeof n == "boolean") {
+		n ? e.setAttribute(r, r) : e.removeAttribute(r);
+		let t = U.getPropName(r);
+		e[t] = n;
+	} else {
+		let i = e.getAttribute(t), a = String(n);
+		i !== a && (e.setAttribute(r, a), r === "value" && F(e) && (e.value = a));
+	}
+	else {
+		let r = U.getPropName(t);
+		e[r] = n;
+	}
+}
+function B(e, t, n) {
+	let [r, i] = t.split(":");
+	e instanceof CSSStyleRule ? e.style.setProperty(r, n) : (z(e, r, n), r === "value" && F(e) && (e.value = n));
+}
+var V = (e) => typeof e == "string" ? [e] : e;
+async function H(e) {
+	let t = /* @__PURE__ */ new Set();
+	for (let n of A(e.content)) {
+		let { localName: e } = n;
+		e.includes("-") && t.add(e);
+	}
+	function n(e) {
+		return new Promise((t, n) => {
+			setTimeout(() => {
+				let t = `custom element <${e}> not defined`;
+				n(Error(t));
+			}, 1e3);
+		});
+	}
+	return Promise.all([...t].map(async (e) => Promise.race([m.whenDefined(e), n(e)])));
+}
+var U = class e extends p {
+	static {
+		this.attrToPropMap = /* @__PURE__ */ new Map();
+	}
+	static {
+		this.propToAttrMap = /* @__PURE__ */ new Map();
+	}
+	static {
+		this.context = {};
+	}
+	static {
+		this.css = "";
+	}
+	static {
+		this.elementName = "";
+	}
+	static {
+		this.formAssociated = !1;
+	}
+	static {
+		this.html = "";
+	}
+	static {
+		this.template = null;
+	}
+	#e = !1;
+	#t = /* @__PURE__ */ new Set();
+	#n = this.constructor;
+	#r = /* @__PURE__ */ new Map();
+	#i = {};
+	#a;
+	#o = {};
+	#s = null;
+	#c = /* @__PURE__ */ new Map();
+	#l = /* @__PURE__ */ new Map();
+	static define(e) {
+		if (this.elementName = e, m.get(e)) throw new h(`custom element ${e} is already defined`);
+		m.define(e, this);
+	}
+	constructor() {
+		super(), this.attachShadow({ mode: "open" });
+		let e = this.#n;
+		this.#b("attrToPropMap") || (e.attrToPropMap = /* @__PURE__ */ new Map()), this.#b("properties") || (e.properties = {}), this.#b("propToAttrMap") || (e.propToAttrMap = /* @__PURE__ */ new Map()), this.#b("propToComputedMap") || (e.propToComputedMap = /* @__PURE__ */ new Map()), this.#b("propToExprsMap") || (e.propToExprsMap = /* @__PURE__ */ new Map());
+	}
+	attributeChangedCallback(t, n, r) {
+		t === "disabled" && this.#m();
+		let i = e.getPropName(t);
+		if (!this.#S(i) && this.#x(i)) {
+			let e = this.#P(i, r);
+			this[i] = e;
+			let t = this.#i[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] = i;
+			let e = t.get(r) ?? [];
+			for (let t of e) n.add(t);
+		}
+		let r = this.#n.propToComputedMap, i = /* @__PURE__ */ new Set(), a = {};
+		for (let t of Object.keys(e)) {
+			let e = r.get(t) || [];
+			for (let [t, n] of e) i.add(t), a[t] = n;
+		}
+		for (let e of i) {
+			let r = a[e];
+			this.#O(e, this.#_(r));
+			let i = t.get(e) ?? [];
+			for (let e of i) n.add(e);
+		}
+		for (;;) {
+			let e = !1;
+			for (let t of i) {
+				let n = a[t], r = this.#_(n), i = this[t];
+				JSON.stringify(r) !== JSON.stringify(i) && (this.#O(t, r), e = !0);
+			}
+			if (!e) break;
+		}
+		this.#g([...n]), this.#e = !1;
+	}
+	async #u() {
+		let e = this.#n, { template: t } = e;
+		t || (t = e.template = document.createElement("template"), t.innerHTML = e.buildHTML()), await H(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 h("static property html must be set");
+		return t.startsWith("<") || (t = `<span><!--${t}--></span>`), e + t;
+	}
+	changed(e, t, n) {
+		this[t] = n;
+	}
+	async connectedCallback() {
+		this.#B(), this.#f(), await this.#u(), this.hasAttribute("disabled") && this.#m(), this.#W(this.shadowRoot), this.#C(this.shadowRoot), this.#z(), this.#d(), this.ready();
+	}
+	#d() {
+		let { properties: e } = this.#n;
+		for (let [t, { computed: n }] of Object.entries(e)) n && this.#O(t, this.#_(n));
+	}
+	#f() {
+		let { observedAttributes: e, properties: t } = this.#n;
+		for (let [n, r] of Object.entries(t)) r.computed || this.#p(n, r, e);
+		for (let [n, r] of Object.entries(t)) r.computed && this.#p(n, r, e);
+	}
+	#p(t, n, r) {
+		if (t === "class" || t === "style") throw new h(`"${t}" is a reserved property`);
+		let i = e.getAttrName(t), a = this.hasAttribute(i);
+		n.required && !a && this.#j(this, i, "is a required attribute");
+		let o = n.value;
+		this.hasOwnProperty(t) && (o = this[t], delete this[t]);
+		let { type: c } = n, l = c === Boolean ? o || a : r.includes(i) && a ? this.#N(t, i) : o ?? O(n), u = "#" + t;
+		this[u] = l, n.computed && this.#D(t, n), Object.defineProperty(this, t, {
+			enumerable: !0,
+			get() {
+				return this[u];
+			},
+			set(e) {
+				n.computed && !this.#t.has(t) && this.#j(null, t, "is a computed property and cannot be set directly"), c === Number && typeof e == "string" && (e = R(e));
+				let r = this[u];
+				if (e === r) return;
+				this.#U(t, c, e), this[u] = e;
+				let a = this.#l.get(t);
+				a && s(a.state, a.stateProp, e), this.#F(t, c, e, i), this.#e || (this.#I(t), this.#E(t)), this.#R(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,
+					property: t,
+					oldValue: r,
+					value: e
+				});
+			}
+		});
+	}
+	#m() {
+		let e = this.hasAttribute("disabled"), t = A(this.shadowRoot);
+		for (let n of t) E(n) && (n.disabled = e);
+	}
+	disconnectedCallback() {
+		for (let { state: e } of this.#l.values()) e.removeListener(this);
+		this.#r.clear(), this.#o.clear(), this.#c.clear(), this.#l.clear();
+	}
+	dispatch(e, t) {
+		this.dispatchEvent(new CustomEvent(e, {
+			bubbles: !0,
+			composed: !0,
+			detail: t
+		}));
+	}
+	displayIfSet(e, t = "block") {
+		return `display: ${e == null ? "none" : t}`;
+	}
+	#h(t) {
+		let n = t instanceof e;
+		for (let r of t.getAttributeNames()) {
+			let i = t.getAttribute(r);
+			if (r === "ref") {
+				this.#A(t, i);
+				continue;
+			}
+			let a = this.#T(t, i);
+			if (a) {
+				let i = this[a];
+				i === void 0 && this.#M(t, r, a);
+				let [o, s] = r.split(":"), c = e.getPropName(o), l = this.#S(a);
+				n && t.#S(c) || (t[c] = i), o === "value" && (s ? (t["on" + s] === void 0 && this.#j(t, r, "refers to an unsupported event name"), t.setAttribute(o, this[a])) : s = "change"), n && !l && t.#c.set(e.getPropName(o), a);
+			}
+			this.#k(i, t, r);
+		}
+	}
+	#g(e) {
+		for (let t of e) {
+			let e = this.#_(t), n = this.#r.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.#L(t, e);
+				else if (!(t instanceof CSSStyleRule)) {
+					let { element: n, attrName: r } = t;
+					n instanceof CSSStyleRule ? n.style.setProperty(r, e) : B(n, r, e);
+				}
+			}
+			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) {
+		let { context: t } = this.#n;
+		return Function("context", `const {${Object.keys(t).join(",")}} = context; return ${e};`).call(this, t);
+	}
+	#v(e) {
+		let { localName: t } = e;
+		if (t === "style") {
+			let { sheet: t } = e, n = t?.cssRules ?? [], r = Array.from(n);
+			for (let e of r) if (e.constructor === CSSStyleRule) {
+				let t = Array.from(e.style);
+				for (let n of t) if (n.startsWith("--")) {
+					let t = e.style.getPropertyValue(n);
+					this.#k(t, e, n);
+				}
+			}
+		} else {
+			let t = "";
+			if (P(e)) {
+				this.#k(e.textContent, e);
+				let n = e.textContent?.match(b);
+				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.#T(e, t);
+				n && P(e) ? e.textContent = this[n] : this.#k(t, e);
+			}
+		}
+	}
+	formAssociatedCallback() {
+		let e = this.getAttribute("form-assoc");
+		if (!e) {
+			let t = this.getAttribute("name");
+			if (t) if (this.#x("value")) e = `value:${t}`;
+			else return;
+			else return;
+		}
+		let t = {}, n = e.split(",");
+		for (let e of n) {
+			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);
+		for (let [e, n] of Object.entries(t)) {
+			let t = this[e];
+			N(t) && this.setFormValue(n, String(t));
+		}
+		let r = Object.keys(this.#n.properties), i = this.#o;
+		for (let e of r) i[e] = this[e];
+	}
+	formResetCallback() {
+		let e = this.#o;
+		for (let t of Object.keys(e)) {
+			let n = e[t];
+			S.test(n) && (n = this.#_(n)), this[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;
+	}
+	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;
+	}
+	#y(e, t, n) {
+		if (n.length !== 1) return;
+		let [r] = n;
+		if (!S.test(r)) return;
+		let i = F(e) || P(e), [a, o] = (t ?? "").split(":");
+		if (!(i && a === "value" || P(e))) return;
+		o ? e["on" + o] === void 0 && this.#j(e, t, "refers to an unsupported event name") : o = "change";
+		let s = j(r);
+		e.addEventListener(o, (e) => {
+			let { target: t } = e;
+			if (!t) return;
+			let n = t.value, { type: r } = this.#n.properties[s];
+			this[s] = r === Number ? R(n) : n, this.#E(s);
+		});
+	}
+	#b(e) {
+		return Object.hasOwn(this.#n, e);
+	}
+	#x(e) {
+		return !!this.#n.properties[e];
+	}
+	#S(e) {
+		return !!this.#n.properties[e]?.computed;
+	}
+	#C(e) {
+		let t = Array.from(e.querySelectorAll("*"));
+		for (let e of t) this.#h(e), e.firstElementChild || this.#v(e);
+	}
+	#w() {
+		if (this.#n.formAssociated || this.closest("form") === null) return;
+		let e = this.#n.name;
+		this.#j(this, void 0, `inside form, class ${e} requires "static formAssociated = true;"`);
+	}
+	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) {}
+	#T(e, t) {
+		if (!t || !S.test(t)) return;
+		let n = j(t);
+		return this[n] === void 0 && this.#M(e, "", n), n;
+	}
+	#E(e) {
+		let t = this.#n.propToExprsMap.get(e) || [];
+		this.#g(t);
+	}
+	ready() {}
+	#D(e, t) {
+		let n = this.#n, r = n.propToComputedMap;
+		function i(t, n) {
+			let i = r.get(t);
+			i || (i = [], r.set(t, i)), i.push([e, n]);
+		}
+		let { computed: a } = t, o = a.match(C) || [];
+		for (let t of o) {
+			let n = j(t);
+			this[n] === void 0 && this.#M(null, e, n), typeof this[n] != "function" && i(n, a);
+		}
+		for (let t of a.matchAll(y)) {
+			let r = t[1];
+			if (typeof this[r] != "function") throw new h(`property ${e} computed calls non-method ${r}`);
+			for (let [e, t] of Object.entries(n.properties)) V(t.usedBy)?.includes(r) && i(e, a);
+		}
+	}
+	#O(e, t) {
+		this.#t.add(e);
+		try {
+			this[e] = t;
+		} finally {
+			this.#t.delete(e);
+		}
+	}
+	#k(e, t, n = void 0) {
+		if (!e) return;
+		let r = this.#V(t, n, e);
+		if (!r) {
+			let r = e.replaceAll("this..", "this.");
+			n ? B(t, n, r) : "textContent" in t && (t.textContent = r);
+			return;
+		}
+		let i = this.#n;
+		r.forEach((t) => {
+			let n = j(t);
+			if (typeof this[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) {
+			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));
+		}
+		let a = this.#r.get(e);
+		a || (a = [], this.#r.set(e, a)), a.push(n ? {
+			element: t,
+			attrName: n
+		} : t), t instanceof HTMLElement && this.#y(t, n, r);
+		let o = this.#_(e);
+		n ? B(t, n, o) : this.#L(t, o);
+	}
+	#A(e, t) {
+		let n = t?.trim() ?? "", r = this.#n.properties[n];
+		r || this.#M(e, "ref", n), r.type !== p && this.#j(e, "ref", `refers to property "${n}" whose type is not HTMLElement`), this[n] && this.#j(e, "ref", `is a duplicate reference to the property "${n}"`), this[n] = e, e.removeAttribute("ref");
+	}
+	setAttributeSafe(e, t) {
+		this.hasAttribute(e) || this.setAttribute(e, t);
+	}
+	setFormValue(e, t) {
+		!this.#a || !N(t) || (this.#a.set(e, t), this.#s?.setFormValue(this.#a));
+	}
+	static ssr(e = {}) {
+		throw new h("Import Wrec from \"wrec/ssr\" to use the ssr method.");
+	}
+	#j(e, t, n) {
+		let r = e instanceof HTMLElement ? e.localName : "CSS rule";
+		throw new h(`component ${this.#n.elementName}` + (e ? `, element "${r}"` : "") + (t ? `, attribute "${t}"` : "") + ` ${n}`);
+	}
+	#M(e, t, n) {
+		this.#j(e, t, `refers to missing property "${n}"`);
+	}
+	#N(e, t) {
+		return this.#P(e, this.getAttribute(t));
+	}
+	#P(t, n) {
+		if (n?.match(C)) return n;
+		let r = this.#n.properties[t], { type: i, values: a } = r;
+		if (i || this.#j(null, t, "does not specify its type"), n === null) return i === Boolean ? !1 : O(r);
+		if (i === String) {
+			if (a && !a.includes(n)) {
+				let e = a.map((e) => `"${e}"`).join(", ");
+				this.#j(null, t, `must be one of ${e}`);
+			}
+			return n;
+		}
+		if (i === Number) return R(n);
+		if (i === Boolean) {
+			if (n === "true") return !0;
+			if (n === "false" || n === "null") return !1;
+			let r = e.getAttrName(t);
+			return n && n !== r && this.#j(null, t, "is a Boolean attribute, so its value must match attribute name or be missing"), n === "" || n === r;
+		}
+	}
+	#F(e, t, n, r) {
+		N(n) && !this.#S(e) && n !== (t === Boolean ? this.hasAttribute(r) : this.#N(e, r)) && z(this, r || e, n);
+	}
+	#I(e) {
+		let t = this.#n.propToComputedMap.get(e) || [];
+		for (let [e, n] of t) this.#O(e, this.#_(n));
+	}
+	#L(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.#j(e, void 0, " computed content is not a string or number");
+		let i = String(t);
+		e instanceof HTMLElement && P(e) ? e.value = i : n && r === "string" && i.trim().startsWith("<") ? (e.innerHTML = d(i), this.#W(e), this.#C(e)) : n && (e.textContent = i);
+	}
+	#R(e, t) {
+		let n = this.#c.get(e);
+		if (!n) return;
+		let r = this.getRootNode();
+		if (!(r instanceof ShadowRoot)) return;
+		let { host: i } = r;
+		if (!i) return;
+		let a = i;
+		a[n] = t;
+	}
+	#z() {
+		let e = this.#n;
+		function t() {
+			let t = /* @__PURE__ */ new Map();
+			e.methodToExprsMap = t;
+			let n = Array.from(this.#r.keys());
+			for (let e of n) for (let n of e.matchAll(y)) {
+				let r = n[1], i = t.get(r);
+				i || (i = [], t.set(r, i)), i.includes(e) || i.push(e);
+			}
+		}
+		let { properties: n, propToExprsMap: r } = e;
+		for (let [i, a] of Object.entries(n)) {
+			let n = V(a.usedBy);
+			if (!n) continue;
+			e.methodToExprsMap || t.call(this);
+			let { methodToExprsMap: o } = e, s = r.get(i);
+			s || (s = [], r.set(i, s));
+			for (let e of n) {
+				if (typeof this[e] != "function") throw new h(`property ${i} usedBy contains non-method ${e}`);
+				let t = o.get(e) || [];
+				for (let e of t) s.includes(e) || s.push(e);
+			}
+		}
+	}
+	useState(e, t) {
+		if (!t) {
+			t = {};
+			for (let n of Object.keys(e)) t[n] = n;
+		}
+		this.#H(e, t);
+		for (let [n, r] of Object.entries(t)) if (this.#x(r)) {
+			let t = o(e, n);
+			t !== void 0 && (this[r] = t), this.#l.set(r, {
+				state: e,
+				stateProp: n
+			});
+		}
+		e.addListener(this, t);
+	}
+	#B() {
+		let t = new Set(Object.keys(this.#n.properties));
+		for (let n of this.getAttributeNames()) if (!f.has(n) && !n.startsWith("on") && n !== "ref") {
+			if (n === "form-assoc") {
+				this.#w();
+				continue;
+			}
+			if (!t.has(e.getPropName(n))) {
+				if (n === "name") {
+					this.#w();
+					continue;
+				}
+				this.#j(null, n, "is not a supported attribute");
+			}
+		}
+	}
+	#V(e, t, n) {
+		let r = n.match(C);
+		if (r) return r.forEach((n) => {
+			let r = j(n);
+			this[r] === void 0 && this.#M(e, t, r);
+		}), r;
+	}
+	#H(e, t) {
+		for (let [n, r] of Object.entries(t)) {
+			let t = o(e, n);
+			t === void 0 && this.#j(this, void 0, `invalid state path "${n}"`), t = this[r], this.#x(r) || this.#j(null, r, "refers to missing property in useState map");
+		}
+	}
+	#U(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.#j(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.#j(null, e, `was set to a ${i}, but must be a ${t.name}`);
+		}
+		i !== t.name.toLowerCase() && this.#j(null, e, `was set to a ${i}, but must be a ${t.name}`);
+	}
+	#W(e) {
+		let t = Array.from(e.querySelectorAll("*"));
+		for (let e of t) {
+			let t = [];
+			for (let n of Array.from(e.attributes)) {
+				let r = n.name;
+				if (r.startsWith("on")) {
+					let i = r.slice(2);
+					i = i[0].toLowerCase() + i.slice(1).toLowerCase();
+					let a = n.value;
+					this.#V(e, r, a);
+					let o;
+					typeof this[a] == "function" ? o = (e) => this[a](e) : (this.#V(e, r, a), o = () => this.#_(a)), e.addEventListener(i, o), t.push(r);
+				}
+			}
+			for (let n of t) e.removeAttribute(n);
+		}
+	}
+};
+function W(e, ...t) {
+	let n = M(e, t);
+	for (;;) {
+		let e = g.exec(n);
+		if (!e) break;
+		let t = e[2];
+		if (w.test(t)) {
+			let r = e[1];
+			if (!r.startsWith("--")) {
+				let i = `--${r}: ${t};
+      ${r}: var(--${r})`;
+				n = L(n, e.index, e[0].length, i);
+			}
+		}
+	}
+	return n;
+}
+function G(e, ...t) {
+	let n = M(e, t);
+	for (;;) {
+		let e = x.exec(n);
+		if (!e || e[1] === "style") break;
+		let t = I(e[2]);
+		if (w.test(t)) {
+			let r = `<!-- ${t.trim()} -->`, i = e.index + e[0].indexOf(">") + 1;
+			n = L(n, i, t.length, r);
+		}
+	}
+	return n;
+}
+//#endregion
+export { a, G as i, D as n, W as r, U as t };