@cossackframework/renderer 0.7.4 → 0.7.6

package/dist/cossack-html.js

@@ -0,0 +1,894 @@
+import { isComponentResult as e } from "./component.js";
+import { CossackElement as t, popCurrentInstance as n, pushCurrentInstance as r } from "./cossack-element.js";
+import { BindResult as i, CacheResult as a, GuardResult as o, IfDefinedResult as s, KeyResult as c, LiveResult as l, PreventDefaultResult as u, RepeatResult as d, resolveField as f, setField as p } from "./directives.js";
+//#region src/cossack-html.ts
+var m = class {
+	strings;
+	values;
+	_cossack_template_result = !0;
+	_$litType$;
+	constructor(e, t, n = 1) {
+		this.strings = e, this.values = t, this._$litType$ = n;
+	}
+	__cossackOwner;
+	__cossackScope;
+}, h = (e, ...n) => {
+	let r = new m(e, n, 1), i = t.currentRenderingInstance;
+	return i && (r.__cossackOwner = i, r.__cossackScope = i._getStyleScopeId()), r;
+}, g = (e, ...n) => {
+	let r = new m(e, n, 2), i = t.currentRenderingInstance;
+	return i && (r.__cossackOwner = i, r.__cossackScope = i._getStyleScopeId()), r;
+}, _ = Symbol.for("cossack-nothing"), v = (e, n, r) => h`${{
+	_type: "COMPONENT",
+	clazz: e,
+	props: n ?? {},
+	children: r,
+	parent: t.currentRenderingInstance
+}}`, y = (e) => typeof e == "object" && !!e && e._cossack_template_result === !0, b = class {
+	value;
+	constructor(e) {
+		this.value = e;
+	}
+}, x = (e) => new b(e), S = (e) => e instanceof b, C = (e) => String(e).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;"), w = (s, u = {}) => {
+	if (s === _ || s === "" || s == null || s === !1) return "";
+	if (Array.isArray(s)) return u.hydrate ? s.map((e) => `<!--CSA-S-->${w(e, u)}<!--CSA-E-->`).join("") : s.map((e) => w(e, u)).join("");
+	if (y(s)) return N(s, u);
+	if (s instanceof l) return w(s.value, u);
+	if (s instanceof d) return u.hydrate ? s.items.map((e, t) => `<!--CSA-S-->${w(s.templateFn(e, t), u)}<!--CSA-E-->`).join("") : s.items.map((e, t) => w(s.templateFn(e, t), u)).join("");
+	if (s instanceof c) return w(s.template, u);
+	if (s instanceof o) return w(s.factory(), u);
+	if (s instanceof a) return w(s.value, u);
+	if (s instanceof i) return w(f(s.component, s.fieldName), u);
+	if (e(s)) {
+		let e = new s.clazz();
+		Object.assign(e, s.props), "props" in e && (e.props = s.props), e.children = s.children, e.__parent = s.parent || t.currentRenderingInstance, s.serviceScope && typeof e._setServiceScope == "function" && e._setServiceScope(s.serviceScope), e.__parent && (e._id = `${e.__parent._id}:${e.__parent._childCounter++}`), e.connectedCallback(), r(e), e.willUpdate(/* @__PURE__ */ new Map());
+		let i = e._finalizeRenderOutput(e.render()), a = "";
+		return i && (a = y(i) ? N(i, u) : N(h`${i}`, u)), n(), a;
+	}
+	return S(s) ? s.value : typeof s == "function" || typeof s == "object" && s && "value" in s ? "" : C(s);
+}, T = /* @__PURE__ */ new Set([
+	"checked",
+	"disabled",
+	"readonly",
+	"required",
+	"hidden",
+	"selected",
+	"multiple",
+	"autofocus",
+	"open"
+]), E = (e, t) => {
+	if (!(e === _ || typeof e != "object" || !e)) for (let [n, r] of Object.entries(e)) {
+		if (n.startsWith("@")) continue;
+		let e = n, a = r;
+		if (n.startsWith("?")) {
+			r !== _ && r && (t.result += ` ${n.slice(1)}`);
+			continue;
+		}
+		if (n.startsWith(".")) {
+			if (e = n.slice(1), a instanceof i ? a = f(a.component, a.fieldName) : a instanceof l && (a = a.value), a === _) continue;
+			if (T.has(e)) {
+				a && (t.result += ` ${e}`);
+				continue;
+			}
+		}
+		if ((e === "class" || e === "className") && typeof a == "string" && a) {
+			let e = D(t.result, a);
+			if (e !== null) {
+				t.result = e;
+				continue;
+			}
+		}
+		a !== _ && (a instanceof s ? a.value !== void 0 && (t.result += ` ${e}="${C(String(a.value))}"`) : typeof a == "boolean" ? a && (t.result += ` ${e}`) : typeof a == "function" || a != null && (t.result += ` ${e}="${C(a)}"`));
+	}
+}, D = (e, t) => {
+	let n = e.lastIndexOf("<"), r = n >= 0 ? e.slice(n) : e, i = r.match(/(^|\s)class="([^"]*)"(\s|\/?>|$)/);
+	if (!i) return null;
+	let a = i[1], o = i[2], s = i[3], c = t.trim();
+	if (!c) return e;
+	let l = o ? `${o} ${c}` : c, u = r.replace(i[0], `${a}class="${l}"${s}`);
+	return e.slice(0, n) + u;
+}, O = (e) => {
+	let t = [], n = !1, r = null, i = /(\.\.\.|[.@?]?[a-zA-Z0-9_:-]+)=["']?$/;
+	for (let a = 0; a < e.length - 1; a++) {
+		let o = e[a];
+		for (let e = 0; e < o.length; e++) r ? o[e] === r && (r = null) : o[e] === "\"" || o[e] === "'" ? e > 0 && o[e - 1] === "=" && (r = o[e]) : o[e] === "<" && o[e + 1] !== "!" && o[e + 1] !== "/" ? n = !0 : o[e] === ">" && (n = !1);
+		let s = o.match(i);
+		t[a] = !(n && (s || r));
+	}
+	return t;
+}, k = (e) => {
+	let t = 0, n;
+	do
+		n = `\uE000cossack:${t++}:`;
+	while (e.some((e) => e.includes(n)));
+	let r = ":";
+	return {
+		marker: (e) => `${n}${e}${r}`,
+		pattern: RegExp(`${n}(\\d+)${r}`, "g")
+	};
+}, A = (e, t) => {
+	if (!t) return e;
+	let n = k(e), r = "";
+	for (let t = 0; t < e.length; t++) r += e[t], t < e.length - 1 && (r += n.marker(t));
+	let i = "", a = !1, o = null, s = "", c = "";
+	for (let e = 0; e < r.length;) {
+		if (c) {
+			let t = `</${c}`;
+			if (r.slice(e, e + t.length).toLowerCase() === t) c = "";
+			else {
+				i += r[e++];
+				continue;
+			}
+		}
+		if (!a && r.startsWith("<!--", e)) {
+			let t = r.indexOf("-->", e + 4), n = t < 0 ? r.length : t + 3;
+			i += r.slice(e, n), e = n;
+			continue;
+		}
+		if (!a && r[e] === "<" && /[A-Za-z]/.test(r[e + 1] ?? "")) {
+			let n = e + 2;
+			for (; n < r.length && !/[\s/>]/.test(r[n]);) n++;
+			s = r.slice(e + 1, n).toLowerCase(), i += r.slice(e, n), i += ` data-cossack-scope="${t}"`, e = n, a = !0;
+			continue;
+		}
+		let n = r[e++];
+		i += n, a && (o ? n === o && (o = null) : n === "\"" || n === "'" ? o = n : n === ">" && (a = !1, /^(script|style|textarea|title)$/.test(s) && (c = s), s = ""));
+	}
+	let l = [], u = 0, d;
+	for (; d = n.pattern.exec(i);) l.push(i.slice(u, d.index)), u = d.index + d[0].length;
+	return l.push(i.slice(u)), l;
+}, j = (e, t) => {
+	let n = k(e), r = "";
+	for (let t = 0; t < e.length; t++) r += e[t], t < e.length - 1 && (r += n.marker(t));
+	let i = /* @__PURE__ */ new Map(), a = /<(?![!/])(?:[^>"']|"[^"]*"|'[^']*')*>/g, o;
+	for (; o = a.exec(r);) {
+		let e = /\s+([^\s=/>]+)\s*=\s*(?:"[^"]*"|'[^']*'|[^\s>]*)/g, r;
+		for (; r = e.exec(o[0]);) {
+			let e = r[0], a = [...e.matchAll(n.pattern)];
+			if (a.length === 0) continue;
+			let o = a.map((e) => Number(e[1]));
+			if (!o.some((e) => t[e] === _)) continue;
+			let s = a[0], c = a[a.length - 1];
+			i.set(o[0], {
+				first: o[0],
+				last: o[o.length - 1],
+				prefix: e.slice(0, s.index),
+				suffix: e.slice(c.index + c[0].length)
+			});
+		}
+	}
+	return i;
+}, M = class {
+	resultObj;
+	opts;
+	result = "";
+	stringIdx = 0;
+	charIdxForNext = 0;
+	isNodePositions;
+	strings;
+	nothingAttributeGroups;
+	constructor(e, t = {}) {
+		this.resultObj = e, this.opts = t, this.strings = A(e.strings, e.__cossackScope), this.isNodePositions = O(this.strings), this.nothingAttributeGroups = j(this.strings, e.values);
+	}
+	scan() {
+		let { values: e } = this.resultObj, t = this.strings;
+		for (; this.stringIdx < t.length;) {
+			let n = t[this.stringIdx].substring(this.charIdxForNext || 0), r = n.match(/(\.\.\.|[.@?]?[a-zA-Z0-9_:-]+)=["']?$/);
+			if (this.result += n, this.charIdxForNext = 0, this.stringIdx < t.length - 1) {
+				let n = e[this.stringIdx], a = this.nothingAttributeGroups.get(this.stringIdx);
+				if (a) {
+					this.result.endsWith(a.prefix) && (this.result = this.result.slice(0, -a.prefix.length)), this.stringIdx = a.last, this.charIdxForNext = a.suffix.length, this.stringIdx++;
+					continue;
+				}
+				if (r) {
+					let e = r[0], a = r[1];
+					this.result = this.result.substring(0, this.result.length - e.length);
+					let o = e.endsWith("\"") ? "\"" : e.endsWith("'") ? "'" : "", c = !0;
+					if (a === "...") {
+						this.result = this.result.trimEnd();
+						let e = { result: this.result };
+						E(n, e), this.result = e.result;
+					} else if (a === "ref") this.result = this.result.trimEnd();
+					else if (a.startsWith("@")) this.result = this.result.trimEnd();
+					else if (a.startsWith("?")) n ? (this.result = this.result.trimEnd(), this.result += ` ${a.slice(1)}`) : this.result = this.result.trimEnd();
+					else if (a.startsWith(".")) {
+						let e, t = n instanceof i;
+						e = t ? f(n.component, n.fieldName) : n;
+						let r = a.slice(1);
+						t && T.has(r) ? (this.result = this.result.trimEnd(), e && (this.result += ` ${r}`)) : e != null && e !== !1 ? (this.result = this.result.trimEnd(), this.result += ` ${r}="${w(e, this.opts)}"`) : this.result = this.result.trimEnd();
+					} else if (n instanceof s) n.value === void 0 ? this.result = this.result.trimEnd() : (this.result = this.result.trimEnd(), this.result += ` ${a}="${C(String(n.value))}"`);
+					else {
+						this.result += e;
+						let t = w(n, this.opts);
+						o ? (this.result += t, c = !1) : this.result += `"${t}"`;
+					}
+					if (o && c) {
+						let e = t[this.stringIdx + 1];
+						e && e.startsWith(o) && (this.charIdxForNext = 1);
+					}
+				} else this.opts.hydrate && this.isNodePositions[this.stringIdx] ? (this.result += `<!--CRP_${this.stringIdx}-->`, this.result += w(n, this.opts), this.result += "<!--/CRP-->") : this.result += w(n, this.opts);
+			}
+			this.stringIdx++;
+		}
+		return this.result;
+	}
+}, N = (e, t = {}) => new M(e, t).scan(), P = /* @__PURE__ */ new WeakMap(), F = (e) => {
+	let t = P.get(e.strings);
+	t || (t = /* @__PURE__ */ new Map(), P.set(e.strings, t));
+	let n = `${e._$litType$}:${e.__cossackScope ?? ""}`, r = t.get(n);
+	return r || (r = {}, t.set(n, r)), r;
+}, I = class n {
+	startNode;
+	endNode;
+	componentInstance = null;
+	renderListener = null;
+	_childParts = [];
+	_partKeys = [];
+	_cachedTemplateIdentity = null;
+	_cachedParts = null;
+	_key = void 0;
+	_keySet = !1;
+	_guardDeps = null;
+	_guardHasDeps = !1;
+	_guardValue = void 0;
+	_cacheMap = /* @__PURE__ */ new Map();
+	_cacheCurrent = null;
+	_hydrating = !1;
+	constructor(e, t) {
+		this.startNode = e, this.endNode = t;
+	}
+	_beginHydration() {
+		this._hydrating = !0;
+	}
+	update(t) {
+		if (this._hydrating) {
+			this._hydrating = !1, this._hydrateValue(t);
+			return;
+		}
+		t instanceof o && (t = this._resolveGuard(t));
+		let n = !1;
+		if (t instanceof a) {
+			let e = t.value;
+			if (y(e)) {
+				this.componentInstance && this.disposeComponent(), this._childParts.length > 0 && this.clearChildParts(), this.updateCache(e);
+				return;
+			}
+			t = e, n = !0;
+		} else if (this._cacheMap.size > 0 || this._cacheCurrent) {
+			for (let e of this._cacheMap.values()) for (let t of e.parts) t && typeof t.dispose == "function" && t.dispose();
+			this._cacheMap.clear(), this._cacheCurrent = null;
+		}
+		n && this._cacheCurrent && (this._stashCurrent(), this._cacheCurrent = null), this.componentInstance && (!e(t) || t.clazz !== this.componentInstance.constructor) && this.disposeComponent(), !(t instanceof d) && !Array.isArray(t) && this._childParts.length > 0 && this.clearChildParts(), e(t) ? this.updateComponent(t) : t instanceof d ? this.updateRepeat(t) : t instanceof c ? this.updateKey(t) : Array.isArray(t) ? this.updateArray(t) : this.updateNode(t);
+	}
+	_resolveGuard(e) {
+		let t = Array.isArray(e.deps) ? [...e.deps] : [e.deps];
+		return this._guardHasDeps && this._depsEqual(this._guardDeps, t) ? this._guardValue : (this._guardDeps = t, this._guardHasDeps = !0, this._guardValue = e.factory(), this._guardValue);
+	}
+	_depsEqual(e, t) {
+		if (e === null || e.length !== t.length) return !1;
+		for (let n = 0; n < e.length; n++) if (e[n] !== t[n]) return !1;
+		return !0;
+	}
+	_hydrateValue(t) {
+		if (e(t)) {
+			this._adoptComponent(t);
+			return;
+		}
+		if (y(t)) {
+			this._adoptTemplate(t);
+			return;
+		}
+		if (t instanceof d) {
+			this._adoptSequence(t.items.map((e, n) => t.templateFn(e, n)), t.items.map((e, n) => t.keyFn(e, n)));
+			return;
+		}
+		if (Array.isArray(t)) {
+			this._adoptSequence(t);
+			return;
+		}
+		if (t instanceof c) {
+			if (y(t.template)) {
+				this._keySet = !0, this._key = t.value, this._adoptTemplate(t.template);
+				return;
+			}
+			this.clear(), this._clearTemplateCache(), this.updateNode(t.template);
+			return;
+		}
+		if (t instanceof o) {
+			let e = this._resolveGuard(t);
+			this._hydrateValue(e);
+			return;
+		}
+		if (t instanceof a) {
+			let e = t.value;
+			if (y(e)) {
+				let t = F(e);
+				this._cacheMap.has(t) ? this.updateCache(e) : (this._adoptTemplate(e), this._cacheCurrent = t);
+			} else this._hydrateValue(e);
+			return;
+		}
+		if (t === _ || t === "" || t == null || t === !1) {
+			this.clear();
+			return;
+		}
+		if (!(t instanceof Node)) {
+			if (S(t)) {
+				if (this.startNode.nextSibling !== this.endNode) return;
+				this.clear(), this._clearTemplateCache(), this.updateNode(t);
+				return;
+			}
+			if (typeof t != "object") {
+				let e = String(t), n = this.startNode.nextSibling;
+				n && n.nodeType === Node.TEXT_NODE && n.nextSibling === this.endNode ? n.nodeValue !== e && (n.nodeValue = e) : (this.clear(), this.startNode.parentNode.insertBefore(document.createTextNode(e), this.endNode));
+				return;
+			}
+			this.clear(), this._clearTemplateCache(), this.updateNode(t);
+		}
+	}
+	_adoptComponent(e) {
+		let n = e.parent || t.currentRenderingInstance;
+		if (this.componentInstance && (this.componentInstance.constructor !== e.clazz || this.componentInstance.__parent !== n) && this.disposeComponent(), !this.componentInstance) {
+			this.componentInstance = new e.clazz(), this.componentInstance.__parent = n, e.serviceScope && typeof this.componentInstance._setServiceScope == "function" && this.componentInstance._setServiceScope(e.serviceScope), this.componentInstance.__parent && (this.componentInstance._id = `${this.componentInstance.__parent._id}:${this.componentInstance.__parent._childCounter++}`);
+			let t = !0;
+			this.renderListener = (e) => {
+				if (t) if (t = !1, y(e)) try {
+					this._adoptTemplate(e);
+				} catch (t) {
+					if (t instanceof U) this.clear(), this._clearTemplateCache(), this.updateNode(e);
+					else throw t;
+				}
+				else e == null ? this.clear() : this.updateNode(e);
+				else this.updateNode(e);
+			}, this.componentInstance.addRenderListener(this.renderListener), this.componentInstance.connectedCallback();
+		}
+		let r = this.componentInstance;
+		Object.assign(r, e.props), "props" in r && (r.props = e.props), r.children = e.children, r.requestUpdate();
+	}
+	_adoptSequence(e, t) {
+		let r = K(this._nodesBetween());
+		if (r.length !== e.length) throw new U(`sequence length mismatch: SSR has ${r.length} items, client has ${e.length}`);
+		this._childParts = [], this._partKeys = t ? [] : this._partKeys;
+		for (let i = 0; i < e.length; i++) {
+			let [a, o] = r[i], s = new n(a, o);
+			s._beginHydration(), this._childParts.push(s), t && this._partKeys.push(t[i]), s.update(e[i]);
+		}
+	}
+	_adoptTemplate(e) {
+		let { fragment: t, parts: n } = V(e), r = this._nodesBetween(), i = /* @__PURE__ */ new Map();
+		q(t.childNodes, r, i), J(n, i);
+		for (let t = 0; t < e.values.length; t++) n[t] && n[t].update(e.values[t]);
+		this._cachedTemplateIdentity = F(e), this._cachedParts = n;
+	}
+	_nodesBetween() {
+		let e = [], t = this.startNode.nextSibling;
+		for (; t && t !== this.endNode;) e.push(t), t = t.nextSibling;
+		return e;
+	}
+	teardownComponent(e) {
+		if (this.renderListener &&= (e.removeRenderListener(this.renderListener), null), e.disconnectedCallback(), typeof e.destroy == "function") try {
+			e.destroy();
+		} catch {}
+	}
+	disposeComponent() {
+		this.componentInstance && (this.teardownComponent(this.componentInstance), this.componentInstance = null, this._clearTemplateCache());
+	}
+	updateComponent(e) {
+		let n = e.parent || t.currentRenderingInstance;
+		this.componentInstance && this.componentInstance.__parent !== n && this.disposeComponent(), this.componentInstance || (this.componentInstance = new e.clazz(), this.componentInstance.__parent = n, e.serviceScope && typeof this.componentInstance._setServiceScope == "function" && this.componentInstance._setServiceScope(e.serviceScope), this.componentInstance.__parent && (this.componentInstance._id = `${this.componentInstance.__parent._id}:${this.componentInstance.__parent._childCounter++}`), this.renderListener = (e) => {
+			this.updateNode(e);
+		}, this.componentInstance.addRenderListener(this.renderListener), this.componentInstance.connectedCallback());
+		let r = this.componentInstance;
+		Object.assign(r, e.props), "props" in r && (r.props = e.props), r.children = e.children, r.requestUpdate();
+	}
+	updateRepeat(e) {
+		let { items: t, keyFn: n, templateFn: r } = e, i = /* @__PURE__ */ new Map();
+		this._childParts.forEach((e, t) => {
+			let n = this._partKeys[t];
+			n !== void 0 && i.set(n, e);
+		});
+		let a = [], o = [], s = this.startNode;
+		t.forEach((e, t) => {
+			let c = n(e, t);
+			o.push(c);
+			let l = i.get(c);
+			l ? (i.delete(c), l.startNode.previousSibling !== s && this.movePart(l, s), l.update(r(e, t))) : (l = this.createChildPart(s), l.update(r(e, t))), a.push(l), s = l.endNode;
+		}), i.forEach((e) => e.dispose()), this._childParts = a, this._partKeys = o;
+	}
+	updateKey(e) {
+		let t = !this._keySet || !Object.is(this._key, e.value);
+		this._keySet = !0, this._key = e.value, t && (this.componentInstance && this.disposeComponent(), this._clearTemplateCache(), this.clear()), this.updateNode(e.template);
+	}
+	updateCache(e) {
+		let t = F(e);
+		if (this._cacheCurrent === t && this._cachedParts) {
+			this._cachedParts.forEach((t, n) => {
+				t.update(e.values[n]);
+			});
+			return;
+		}
+		(this._cacheCurrent || this._cachedParts) && this._stashCurrent();
+		let n = this._cacheMap.get(t);
+		if (n) {
+			this.clear();
+			let r = this.startNode.parentNode;
+			if (!r) return;
+			for (let e of n.nodes) r.insertBefore(e, this.endNode);
+			this._cachedTemplateIdentity = t, this._cachedParts = n.parts;
+			for (let t = 0; t < e.values.length; t++) n.parts[t] && n.parts[t].update(e.values[t]);
+		} else this.clear(), this.updateNode(e);
+		this._cacheCurrent = t;
+	}
+	_stashCurrent() {
+		if (!this._cachedParts) return;
+		let e = this._cacheCurrent ?? this._cachedTemplateIdentity;
+		if (!e) {
+			this._clearTemplateCache(), this.clear();
+			return;
+		}
+		let t = this._nodesBetween(), n = document.createDocumentFragment();
+		for (let e of t) n.appendChild(e);
+		this._cacheMap.set(e, {
+			nodes: t,
+			parts: this._cachedParts
+		}), this._cachedTemplateIdentity = null, this._cachedParts = null;
+	}
+	updateArray(e) {
+		this._partKeys = [];
+		let t = Math.min(e.length, this._childParts.length);
+		for (let n = 0; n < t; n++) this._childParts[n].update(e[n]);
+		if (e.length > this._childParts.length) {
+			let n = this._childParts.length > 0 ? this._childParts[this._childParts.length - 1].endNode : this.startNode;
+			for (let r = t; r < e.length; r++) {
+				let t = this.createChildPart(n);
+				this._childParts.push(t), t.update(e[r]), n = t.endNode;
+			}
+		}
+		if (e.length < this._childParts.length) for (let t = this._childParts.length - 1; t >= e.length; t--) this._childParts[t].dispose(), this._childParts.pop();
+	}
+	createChildPart(e) {
+		let t = document.createComment("CRP-Item"), r = document.createComment("/CRP-Item"), i = e.nextSibling;
+		return e.parentNode.insertBefore(t, i), e.parentNode.insertBefore(r, i), new n(t, r);
+	}
+	movePart(e, t) {
+		let n = t.parentNode, r = [], i = e.startNode;
+		for (; i && i !== e.endNode;) r.push(i), i = i.nextSibling;
+		r.push(e.endNode);
+		let a = t.nextSibling;
+		r.forEach((e) => n.insertBefore(e, a));
+	}
+	clearChildParts() {
+		this._childParts.forEach((e) => e.dispose()), this._childParts = [], this._partKeys = [];
+	}
+	dispose() {
+		if (this.clear(), this._clearTemplateCache(), this._cacheMap.size > 0) {
+			for (let e of this._cacheMap.values()) for (let t of e.parts) t && typeof t.dispose == "function" && t.dispose();
+			this._cacheMap.clear();
+		}
+		this._cacheCurrent = null, this.clearChildParts(), this.startNode.parentNode && this.startNode.parentNode.removeChild(this.startNode), this.endNode.parentNode && this.endNode.parentNode.removeChild(this.endNode), this.componentInstance &&= (this.teardownComponent(this.componentInstance), null);
+	}
+	updateNode(t) {
+		if (this.startNode.parentNode) if (y(t)) if (this._cachedTemplateIdentity === F(t) && this._cachedParts) this._cachedParts.forEach((e, n) => {
+			e.update(t.values[n]);
+		});
+		else {
+			this._clearTemplateCache(), this.clear();
+			let e = document.createDocumentFragment();
+			H(t, e), this.startNode.parentNode.insertBefore(e, this.endNode);
+			let n = B.get(e.firstChild?.childNodes[0] || e);
+			n && (this._cachedTemplateIdentity = n.identity, this._cachedParts = n.parts);
+		}
+		else if (S(t)) {
+			this._clearTemplateCache(), this.clear();
+			let e = document.createElement("template");
+			e.innerHTML = t.value, this.startNode.parentNode.insertBefore(e.content, this.endNode);
+		} else if (e(t) || typeof t == "object" && t && !(t instanceof Node) && !Array.isArray(t)) {
+			this._clearTemplateCache(), this.clear();
+			let e = document.createDocumentFragment();
+			H(h`${t}`, e), this.startNode.parentNode.insertBefore(e, this.endNode);
+		} else if (t instanceof Node) this._clearTemplateCache(), this.clear(), this.startNode.parentNode.insertBefore(t, this.endNode);
+		else if (t === _ || t === "" || t == null || t === !1) this._clearTemplateCache(), this.clear();
+		else {
+			let e = String(t), n = this.startNode.nextSibling;
+			if (n && n.nodeType === Node.TEXT_NODE && n.nextSibling === this.endNode) n.nodeValue !== e && (n.nodeValue = e);
+			else {
+				this._clearTemplateCache(), this.clear();
+				let t = document.createTextNode(e);
+				this.startNode.parentNode.insertBefore(t, this.endNode);
+			}
+		}
+	}
+	_clearTemplateCache() {
+		if (this._cachedParts) for (let e of this._cachedParts) e && typeof e.dispose == "function" && e.dispose();
+		this._cachedTemplateIdentity = null, this._cachedParts = null;
+	}
+	clear() {
+		let e = this.startNode.nextSibling;
+		for (; e && e !== this.endNode;) {
+			let t = e.nextSibling;
+			e.parentNode.removeChild(e), e = t;
+		}
+	}
+}, L = class {
+	element;
+	previousValues = {};
+	bindStates = /* @__PURE__ */ new Map();
+	spreadClasses = [];
+	constructor(e) {
+		this.element = e;
+	}
+	update(e) {
+		if (e !== _ && (typeof e != "object" || !e)) return;
+		let t = e === _ ? {} : e;
+		for (let e of Object.keys(this.previousValues)) if (!(e in t)) if (e.startsWith("@")) {
+			let t = e.slice(1), n = `__crp_handler_${t}`, r = this.element[n];
+			r && this.element.removeEventListener(t, r);
+		} else if (e.startsWith(".")) {
+			let t = this.bindStates.get(e);
+			t && (this.element.removeEventListener(t.listener.__eventName, t.listener), this.bindStates.delete(e)), this.element[e.slice(1)] = void 0;
+		} else if (e.startsWith("?")) this.element.removeAttribute(e.slice(1));
+		else if (e === "class" || e === "className") {
+			for (let e of this.spreadClasses) this.element.classList.remove(e);
+			this.spreadClasses = [];
+		} else this.element.removeAttribute(e);
+		for (let [e, n] of Object.entries(t)) if (e.startsWith("@")) {
+			let t = e.slice(1), r = `__crp_handler_${t}`, i = this.element[r];
+			if (i && this.element.removeEventListener(t, i), n === _ || typeof n != "function" && !(n instanceof u)) {
+				this.element[r] = void 0;
+				continue;
+			}
+			let a;
+			if (n instanceof u) {
+				let e = n.handler, t = this.element instanceof HTMLFormElement ? this.element : this.element.closest("form");
+				t instanceof HTMLFormElement && (n.novalidate ? t.setAttribute("novalidate", "") : t.removeAttribute("novalidate")), a = (t) => {
+					t.preventDefault(), e.call(t.currentTarget, t);
+				};
+			} else a = n;
+			this.element[r] = a, this.element.addEventListener(t, a);
+		} else if (e.startsWith(".")) {
+			let t = e.slice(1), r = this.bindStates.get(e);
+			if (r && !(n instanceof i) && (this.element.removeEventListener(r.listener.__eventName, r.listener), this.bindStates.delete(e)), n === _) this.element[t] = void 0;
+			else if (n instanceof i && (t === "value" || t === "checked")) this.applySpreadBind(e, t, n);
+			else if (n instanceof l && (t === "value" || t === "checked")) {
+				let e = this.element;
+				if (t === "checked") {
+					let t = !!n.value;
+					e.checked !== t && (e.checked = t);
+				} else {
+					let t = n.value == null ? "" : String(n.value);
+					e.value !== t && (e.value = t);
+				}
+			} else n instanceof i ? this.element[t] = f(n.component, n.fieldName) : n instanceof l ? this.element[t] = n.value : this.element[t] = n;
+		} else e.startsWith("?") ? n !== _ && n ? this.element.setAttribute(e.slice(1), "") : this.element.removeAttribute(e.slice(1)) : n === _ ? e === "class" || e === "className" ? this.applySpreadClass("") : this.element.removeAttribute(e) : n instanceof s ? n.value === void 0 ? this.element.removeAttribute(e) : this.element.setAttribute(e, String(n.value)) : typeof n == "boolean" ? n ? this.element.setAttribute(e, "") : this.element.removeAttribute(e) : (e === "class" || e === "className") && typeof n == "string" ? this.applySpreadClass(n) : n != null && this.element.setAttribute(e, String(n));
+		this.previousValues = { ...t };
+	}
+	applySpreadClass(e) {
+		for (let e of this.spreadClasses) this.element.classList.remove(e);
+		let t = e.split(/\s+/).filter(Boolean);
+		for (let e of t) this.element.classList.add(e);
+		this.spreadClasses = t;
+	}
+	applySpreadBind(e, t, n) {
+		let r = this.element, i = n.component, a = f(i, n.fieldName), o = this.bindStates.get(e);
+		if (t === "checked") {
+			let e = !!a;
+			(!o || o.lastKind !== "checked" || o.lastValue !== e) && (r.checked = e);
+		} else {
+			let e = a == null ? "" : String(a);
+			(!o || o.lastKind !== "value" || String(o.lastValue) !== e) && (r.value = e);
+		}
+		let s = z(this.element, t), c = !!o && (o.boundComponent !== i || o.boundField !== n.fieldName || o.listener.__eventName !== s);
+		if (o && c && (this.element.removeEventListener(o.listener.__eventName, o.listener), this.bindStates.delete(e), o = void 0), o) o.lastKind = t, o.lastValue = t === "checked" ? !!a : a == null ? "" : String(a);
+		else {
+			let r = (e) => {
+				let r = e.currentTarget, a = t === "checked" ? !!r[t] : r[t];
+				i && p(i, n.fieldName, a);
+			};
+			r.__eventName = s, this.element.addEventListener(s, r), o = {
+				listener: r,
+				lastKind: t,
+				lastValue: t === "checked" ? !!a : a == null ? "" : String(a),
+				boundComponent: i,
+				boundField: n.fieldName
+			}, this.bindStates.set(e, o);
+		}
+	}
+}, R = class {
+	element;
+	name;
+	segments;
+	isMulti;
+	multiState;
+	lastFormValue = void 0;
+	lastFormKind = null;
+	bindListener = null;
+	boundPropName = null;
+	boundComponent = null;
+	boundFieldName = null;
+	_detachBindListener() {
+		if (!this.bindListener) return;
+		let e = this.bindListener;
+		this.element.removeEventListener(e.__eventName, e), this.bindListener = null, this.boundPropName = null, this.boundComponent = null, this.boundFieldName = null;
+	}
+	constructor(e, t, n, r) {
+		this.element = e, this.name = t;
+		let i = [...n.matchAll(/__CRP_(\d+)__/g)];
+		this.segments = [];
+		let a = 0;
+		for (let e of i) {
+			let t = e.index;
+			this.segments.push(n.substring(a, t)), a = t + e[0].length;
+		}
+		this.segments.push(n.substring(a)), this.isMulti = i.length > 1, this.multiState = r ?? null;
+	}
+	update(e) {
+		if (e === _) {
+			if (this.bindListener && this._detachBindListener(), this.isMulti && this.multiState) {
+				this.multiState.currentValues[this.multiState.position] = _, this.element.removeAttribute(this.name);
+				return;
+			}
+			if (this.name.startsWith("@")) this.element[`__crp_handler_${this.name.slice(1)}`] = void 0, this.element.removeAttribute(this.name);
+			else if (this.name.startsWith(".")) {
+				let e = this.name.slice(1);
+				this.element[e] = void 0, this.lastFormKind = null, this.lastFormValue = void 0, this.element.removeAttribute(this.name);
+			} else this.name.startsWith("?") && this.element.removeAttribute(this.name.slice(1)), this.element.removeAttribute(this.name);
+			return;
+		}
+		let t = !1;
+		e instanceof l && (t = !0, e = e.value);
+		let n = !1;
+		if (e instanceof s && (n = !0, e = e.value), e instanceof i) {
+			this.updateBind(e);
+			return;
+		}
+		if (this.bindListener && this._detachBindListener(), this.name === "ref") {
+			typeof e == "function" ? e(this.element) : e && typeof e == "object" && "value" in e && (e.value = this.element), this.element.hasAttribute(this.name) && this.element.removeAttribute(this.name);
+			return;
+		}
+		if (this.isMulti && this.multiState) {
+			let { currentValues: t, position: n } = this.multiState;
+			if (t[n] = e, t.includes(_)) {
+				this.element.removeAttribute(this.name);
+				return;
+			}
+			let r = this.segments[0];
+			for (let e = 0; e < t.length; e++) r += String(t[e]) + this.segments[e + 1];
+			this.element.setAttribute(this.name, r);
+			return;
+		}
+		if (this.name.startsWith("@")) {
+			let t = this.name.slice(1), n = `__crp_handler_${t}`, r = `__crp_wrapper_${t}`;
+			if (!this.element[r]) {
+				let e = (e) => {
+					let t = e.currentTarget?.[n];
+					typeof t == "function" && t.call(e.currentTarget, e);
+				};
+				this.element[r] = e, this.element.addEventListener(t, e);
+			}
+			let i = e;
+			if (i instanceof u) {
+				let e = i.handler, t = this.element instanceof HTMLFormElement ? this.element : this.element.closest("form");
+				t instanceof HTMLFormElement && (i.novalidate ? t.setAttribute("novalidate", "") : t.removeAttribute("novalidate")), i = (t) => {
+					t.preventDefault(), e.call(t.currentTarget, t);
+				};
+			}
+			this.element[n] = typeof i == "function" ? i : void 0, this.element.hasAttribute(this.name) && this.element.removeAttribute(this.name);
+		} else if (this.name.startsWith(".")) {
+			let n = this.name.slice(1);
+			if ((n === "value" || n === "checked") && (this.element instanceof HTMLInputElement || this.element instanceof HTMLTextAreaElement || this.element instanceof HTMLSelectElement)) if (n === "checked") {
+				let n = !!e;
+				(t ? this.element.checked !== n : this.lastFormKind !== "checked" || this.lastFormValue !== n) && (this.element.checked = n, this.lastFormValue = n, this.lastFormKind = "checked");
+			} else {
+				let n = String(e);
+				(t ? this.element.value !== n : this.lastFormKind !== "value" || String(this.lastFormValue) !== n) && (this.element.value = n, this.lastFormValue = e, this.lastFormKind = "value");
+			}
+			else this.element[n] = e;
+			this.element.hasAttribute(this.name) && this.element.removeAttribute(this.name);
+		} else if (this.name.startsWith("?")) {
+			let t = this.name.slice(1);
+			e ? this.element.setAttribute(t, "") : this.element.removeAttribute(t), this.element.hasAttribute(this.name) && this.element.removeAttribute(this.name);
+		} else n ? e === void 0 ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, this.segments[0] + String(e) + this.segments[1]) : typeof e == "boolean" ? e ? this.element.setAttribute(this.name, "") : this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, this.segments[0] + String(e) + this.segments[1]);
+	}
+	updateBind(e) {
+		let t = this.name.startsWith(".") ? this.name.slice(1) : this.name;
+		if (t !== "value" && t !== "checked") {
+			this.element[t] = f(e.component, e.fieldName), this.element.hasAttribute(this.name) && this.element.removeAttribute(this.name), this.bindListener && this._detachBindListener();
+			return;
+		}
+		let n = this.element, r = e.component, i = f(r, e.fieldName);
+		if (t === "checked") {
+			let e = !!i;
+			(this.lastFormKind !== "checked" || this.lastFormValue !== e) && (n.checked = e, this.lastFormValue = e, this.lastFormKind = "checked");
+		} else {
+			let e = i == null ? "" : String(i);
+			(this.lastFormKind !== "value" || String(this.lastFormValue) !== e) && (n.value = e, this.lastFormValue = e, this.lastFormKind = "value");
+		}
+		let a = z(this.element, t);
+		if (this.bindListener && (this.boundPropName !== t || this.boundComponent !== r || this.boundFieldName !== e.fieldName || this.bindListener.__eventName !== a) && this._detachBindListener(), !this.bindListener) {
+			let n = (n) => {
+				let i = n.currentTarget, a = t === "checked" ? !!i[t] : i[t];
+				r && p(r, e.fieldName, a);
+			};
+			n.__eventName = a, this.bindListener = n, this.boundPropName = t, this.boundComponent = r, this.boundFieldName = e.fieldName, this.element.addEventListener(a, n);
+		}
+		this.element.hasAttribute(this.name) && this.element.removeAttribute(this.name);
+	}
+}, z = (e, t) => {
+	if (e instanceof HTMLSelectElement) return "change";
+	if (e instanceof HTMLTextAreaElement) return "input";
+	if (e instanceof HTMLInputElement) {
+		let n = e.type.toLowerCase();
+		return t === "checked" || n === "checkbox" || n === "radio" || n === "range" ? "change" : "input";
+	}
+	return "input";
+}, B = /* @__PURE__ */ new WeakMap(), V = (e) => {
+	let t = [], n = A(e.strings, e.__cossackScope), r = "", i = !1, a = null, o = /(\.\.\.|[.@?]?[a-zA-Z0-9_:-]+)=["']?$/;
+	for (let e = 0; e < n.length - 1; e++) {
+		let t = n[e];
+		for (let e = 0; e < t.length; e++) a ? t[e] === a && (a = null) : t[e] === "\"" || t[e] === "'" ? e > 0 && t[e - 1] === "=" && (a = t[e]) : t[e] === "<" && t[e + 1] !== "!" && t[e + 1] !== "/" ? i = !0 : t[e] === ">" && (i = !1);
+		r += t;
+		let s = t.match(o);
+		if (i && (s || a)) {
+			if (r += `__CRP_${e}__`, s && !a) {
+				let e = s[0].endsWith("\"") ? "\"" : s[0].endsWith("'") ? "'" : null;
+				e && (a = e);
+			}
+		} else r += `<!--CRP_${e}-->`;
+	}
+	let s = n[n.length - 1];
+	for (let e = 0; e < s.length; e++) a ? s[e] === a && (a = null) : s[e] === "<" && s[e + 1] !== "!" && s[e + 1] !== "/" ? i = !0 : s[e] === ">" && (i = !1);
+	r += s;
+	let c = document.createElement("template");
+	if (e._$litType$ === 2) {
+		c.innerHTML = `<svg>${r}</svg>`;
+		let e = c.content.firstElementChild, t = document.createDocumentFragment();
+		if (e) for (; e.firstChild;) t.appendChild(e.firstChild);
+		c.content.replaceChildren(t);
+	} else c.innerHTML = r;
+	let l = c.content.cloneNode(!0), u = document.createTreeWalker(l, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_COMMENT), d, f = [];
+	for (; d = u.nextNode();) f.push(d);
+	return f.forEach((e) => {
+		if (e.nodeType === Node.COMMENT_NODE) {
+			let n = e.nodeValue?.match(/CRP_(\d+)/);
+			if (n) {
+				let r = parseInt(n[1]), i = document.createComment("/CRP");
+				e.parentNode.insertBefore(i, e.nextSibling);
+				let a = new I(e, i);
+				t[r] = a;
+			}
+		} else if (e.nodeType === Node.ELEMENT_NODE) {
+			let n = e;
+			Array.from(n.attributes).forEach((e) => {
+				let r = [...e.value.matchAll(/__CRP_(\d+)__/g)];
+				if (r.length === 0) return;
+				if (r.length === 1) {
+					let i = parseInt(r[0][1]);
+					if (!t[i]) if (e.name === "...") {
+						let e = new L(n);
+						t[i] = e, n.removeAttribute("...");
+					} else {
+						let r = new R(n, e.name, e.value);
+						t[i] = r;
+					}
+					return;
+				}
+				if (e.name === "...") return;
+				let i = r.map((e) => parseInt(e[1])), a = Array(r.length).fill(void 0);
+				for (let r = 0; r < i.length; r++) {
+					let o = i[r];
+					if (!t[o]) {
+						let i = new R(n, e.name, e.value, {
+							currentValues: a,
+							position: r
+						});
+						t[o] = i;
+					}
+				}
+			});
+		}
+	}), {
+		fragment: l,
+		parts: t
+	};
+}, H = (e, t) => {
+	let n = B.get(t), r = F(e);
+	if (n && n.identity === r) {
+		n.parts.forEach((t, n) => {
+			t.update(e.values[n]);
+		});
+		return;
+	}
+	if (n) for (let e of n.parts) e && typeof e.dispose == "function" && e.dispose();
+	let { fragment: i, parts: a } = V(e), o = e.values;
+	for (let e = 0; e < o.length; e++) a[e] && a[e].update(o[e]);
+	if (typeof HTMLElement < "u" && t instanceof HTMLElement || typeof ShadowRoot < "u" && t instanceof ShadowRoot) t.innerHTML = "";
+	else for (; t.firstChild;) t.removeChild(t.firstChild);
+	t.appendChild(i), B.set(t, {
+		identity: r,
+		parts: a
+	});
+}, U = class extends Error {}, W = (e) => e ? e.nodeType === Node.ELEMENT_NODE ? `<${e.nodeName.toLowerCase()}>` : e.nodeType === Node.COMMENT_NODE ? `<!--${e.nodeValue}-->` : e.nodeType === Node.TEXT_NODE ? `text"${(e.nodeValue || "").slice(0, 30)}"` : `nodeType:${e.nodeType}` : "<none>", G = (e) => {
+	if (e.nodeType === Node.TEXT_NODE) return (e.nodeValue || "").trim() === "";
+	if (e.nodeType === Node.COMMENT_NODE) {
+		let t = e.nodeValue || "";
+		return !/^CRP_\d+$/.test(t) && t !== "/CRP" && t !== "CSA-S" && t !== "CSA-E";
+	}
+	return !1;
+}, K = (e) => {
+	let t = [], n = [];
+	for (let r of e) {
+		if (r.nodeType !== Node.COMMENT_NODE) continue;
+		let e = r.nodeValue;
+		if (e === "CSA-S") n.push(r);
+		else if (e === "CSA-E") {
+			let e = n.pop();
+			e && n.length === 0 && t.push([e, r]);
+		}
+	}
+	return t;
+}, q = (e, t, n) => {
+	let r = 0;
+	for (let i = 0; i < e.length; i++) {
+		let a = e[i];
+		if (G(a)) continue;
+		for (; r < t.length && G(t[r]);) r++;
+		let o = t[r];
+		if (!o) throw new U(`existing shorter than blueprint (expected ${W(a)})`);
+		if (a.nodeType === Node.ELEMENT_NODE) {
+			if (o.nodeType !== Node.ELEMENT_NODE || a.nodeName !== o.nodeName || a.namespaceURI !== o.namespaceURI) throw new U(`tag mismatch: blueprint ${W(a)} vs existing ${W(o)}`);
+			n.set(a, o), q(a.childNodes, Array.from(o.childNodes), n);
+		} else {
+			if (a.nodeType !== o.nodeType) throw new U(`type mismatch: blueprint ${W(a)} vs existing ${W(o)}`);
+			n.set(a, o);
+		}
+		if (r++, a.nodeType === Node.COMMENT_NODE && /^CRP_\d+$/.test(a.nodeValue || "")) {
+			let e = 1;
+			for (; r < t.length && e > 0;) {
+				let n = t[r];
+				if (n.nodeType === Node.COMMENT_NODE) {
+					if (/^CRP_\d+$/.test(n.nodeValue || "")) e++;
+					else if (n.nodeValue === "/CRP" && (e--, e === 0)) break;
+				}
+				r++;
+			}
+		}
+	}
+	for (; r < t.length && G(t[r]);) r++;
+	if (r < t.length) throw new U(`existing longer than blueprint (unexpected ${W(t[r])})`);
+}, J = (e, t) => {
+	for (let n of e) if (n) {
+		if (n instanceof I) {
+			let e = t.get(n.startNode), r = t.get(n.endNode);
+			if (!e || !r) throw new U("node part anchors not found");
+			n.startNode = e, n.endNode = r, n._beginHydration();
+		} else if (n instanceof R || n instanceof L) {
+			let e = t.get(n.element);
+			if (!e) throw new U("attribute part element not found");
+			n.element = e;
+		}
+	}
+}, Y = (e, t) => {
+	if (!t.hasChildNodes()) return H(e, t);
+	let n = B.get(t), r = F(e);
+	if (n && n.identity === r) {
+		n.parts.forEach((t, n) => t.update(e.values[n]));
+		return;
+	}
+	if (n) for (let e of n.parts) e && typeof e.dispose == "function" && e.dispose();
+	let i;
+	try {
+		let { fragment: n, parts: r } = V(e);
+		i = r;
+		let a = /* @__PURE__ */ new Map();
+		q(n.childNodes, Array.from(t.childNodes), a), J(i, a);
+		for (let t = 0; t < e.values.length; t++) i[t] && i[t].update(e.values[t]);
+	} catch (n) {
+		if (n instanceof U) return console.warn("[cossack] hydration mismatch, falling back to render:", n.message), H(e, t);
+		throw n;
+	}
+	B.set(t, {
+		identity: r,
+		parts: i
+	});
+};
+//#endregion
+export { m as TemplateResult, b as UnsafeHTMLResult, v as component, C as escapeHtml, h as html, Y as hydrate, y as isTemplateResult, S as isUnsafeHTML, _ as nothing, H as render, N as renderToString, g as svg, x as unsafeHTML };