@cossackframework/renderer 0.6.0 → 0.7.0

package/dist/cossack-html-D6DeVgtW.js

@@ -0,0 +1,993 @@
+//#region src/component.ts
+var e = (e) => typeof e == "object" && !!e && e._type === "COMPONENT", t = [], n = (e) => t.push(e), r = () => t.pop(), i = class {
+	static properties = {};
+	static _isCossackElement = !0;
+	static components = {};
+	children = null;
+	props = {};
+	__parent = null;
+	_id = "";
+	_childCounter = 0;
+	__providedContexts = /* @__PURE__ */ new Map();
+	__properties = /* @__PURE__ */ new Map();
+	__updatePromise = null;
+	__changedProperties = /* @__PURE__ */ new Map();
+	__renderListeners = /* @__PURE__ */ new Set();
+	__controllers = /* @__PURE__ */ new Set();
+	__hasConnected = !1;
+	__eventListeners = /* @__PURE__ */ new Map();
+	constructor() {
+		this.initialize();
+	}
+	static get currentRenderingInstance() {
+		return t.length > 0 ? t[t.length - 1] : null;
+	}
+	resetRenderState() {
+		this._childCounter = 0;
+	}
+	addController(e) {
+		this.__controllers.add(e), this.__hasConnected && e.hostConnected && e.hostConnected();
+	}
+	removeController(e) {
+		this.__controllers.delete(e);
+	}
+	get updateComplete() {
+		return this.__updatePromise || Promise.resolve(!0);
+	}
+	initialize() {
+		let e = this.constructor.properties;
+		if (e) for (let [t, n] of Object.entries(e)) this.createProperty(t, n);
+	}
+	createProperty(e, t) {
+		Object.prototype.hasOwnProperty.call(this, e) && this.__properties.set(e, this[e]), Object.defineProperty(this, e, {
+			get() {
+				return this.__properties.get(e);
+			},
+			set(t) {
+				let n = this.__properties.get(e);
+				n !== t && (this.__properties.set(e, t), this.requestUpdate(e, n));
+			},
+			configurable: !0,
+			enumerable: !0
+		});
+	}
+	provide(e, t) {
+		this.__providedContexts.set(e, t);
+	}
+	consume(e) {
+		let t = this.__parent;
+		for (; t;) {
+			if (t.__providedContexts.has(e)) return t.__providedContexts.get(e);
+			t = t.__parent;
+		}
+		return e.defaultValue;
+	}
+	requestUpdate(e, t) {
+		return e !== void 0 && (this.__changedProperties.has(e) || this.__changedProperties.set(e, t)), this.__updatePromise ||= this.performUpdate(), this.__updatePromise;
+	}
+	async performUpdate() {
+		await Promise.resolve();
+		let e = !1;
+		try {
+			if (e = this.shouldUpdate(this.__changedProperties), e) {
+				this.__controllers.forEach((e) => e.hostUpdate && e.hostUpdate()), this.willUpdate(this.__changedProperties), this.resetRenderState(), n(this);
+				let e = this.render();
+				this.__notifyListeners(e), r(), this.updated(this.__changedProperties), this.__controllers.forEach((e) => e.hostUpdated && e.hostUpdated());
+			}
+		} catch (e) {
+			console.error("Error during update:", e), t[t.length - 1] === this && r();
+		}
+		return this.__changedProperties = /* @__PURE__ */ new Map(), this.__updatePromise = null, e;
+	}
+	__notifyListeners(e) {
+		this.__renderListeners.forEach((t) => t(e));
+	}
+	addRenderListener(e) {
+		this.__renderListeners.add(e);
+	}
+	removeRenderListener(e) {
+		this.__renderListeners.delete(e);
+	}
+	mount(e, t = !1) {
+		let n = t;
+		this.addRenderListener((t) => {
+			if (t) {
+				let r = k(t) ? t : D`${t}`;
+				n ? (n = !1, $(r, e)) : q(r, e);
+			}
+		}), this.requestUpdate();
+	}
+	addEventListener(e, t, n) {
+		t && (this.__eventListeners.has(e) || this.__eventListeners.set(e, /* @__PURE__ */ new Set()), this.__eventListeners.get(e).add(t));
+	}
+	removeEventListener(e, t, n) {
+		if (!t) return;
+		let r = this.__eventListeners.get(e);
+		r && r.delete(t);
+	}
+	dispatchEvent(e) {
+		let t = this.__eventListeners.get(e.type);
+		return t && t.forEach((t) => {
+			typeof t == "function" ? t.call(this, e) : t.handleEvent(e);
+		}), !e.defaultPrevented;
+	}
+	shouldUpdate(e) {
+		return !0;
+	}
+	willUpdate(e) {}
+	render() {
+		return null;
+	}
+	updated(e) {}
+	connectedCallback() {
+		this.__hasConnected = !0, this.__controllers.forEach((e) => e.hostConnected && e.hostConnected());
+	}
+	disconnectedCallback() {
+		this.__hasConnected = !1, this.__controllers.forEach((e) => e.hostDisconnected && e.hostDisconnected());
+	}
+}, a = class {
+	value;
+	constructor(e) {
+		this.value = e;
+	}
+}, o = class {
+	items;
+	keyFn;
+	templateFn;
+	constructor(e, t, n) {
+		this.items = e, this.keyFn = t, this.templateFn = n;
+	}
+}, s = class {
+	value;
+	template;
+	constructor(e, t) {
+		this.value = e, this.template = t;
+	}
+}, c = class {
+	component;
+	fieldName;
+	constructor(e, t) {
+		this.component = e, this.fieldName = t;
+	}
+}, l = class {
+	handler;
+	novalidate;
+	constructor(e, t) {
+		this.handler = e, this.novalidate = t;
+	}
+}, u = class {
+	value;
+	constructor(e) {
+		this.value = e;
+	}
+}, d = class {
+	deps;
+	factory;
+	constructor(e, t) {
+		this.deps = e, this.factory = t;
+	}
+}, f = class {
+	value;
+	constructor(e) {
+		this.value = e;
+	}
+}, p = (e) => new a(e), ee = (e, t, n) => n === void 0 ? new o(e, (e, t) => t, t) : new o(e, t, n), m = (e) => Object.keys(e).filter((t) => e[t]).join(" "), h = (e) => Object.keys(e).filter((t) => e[t] != null).map((t) => `${t}:${e[t]}`).join(";"), g = (e, t) => new s(e, t), _ = (e, t) => new c(e, t);
+function v(e, t) {
+	let n = e;
+	if (!t.includes(".")) return n?.[t];
+	let r = t.split("."), i = n?.[r[0]];
+	for (let e = 1; e < r.length; e++) {
+		if (i == null) return;
+		i = i[r[e]];
+	}
+	return i;
+}
+function y(e, t, n) {
+	let r = e;
+	if (!r) return;
+	if (!t.includes(".")) {
+		r[t] = n;
+		return;
+	}
+	let i = t.split(".");
+	r[i[0]] ?? (r[i[0]] = {});
+	let a = r[i[0]];
+	for (let e = 1; e < i.length - 1; e++) {
+		if (typeof a != "object" || !a) return;
+		(a[i[e]] == null || typeof a[i[e]] != "object") && (a[i[e]] = {}), a = a[i[e]];
+	}
+	typeof a == "object" && a && (a[i[i.length - 1]] = n);
+}
+var b = (e, t) => new l(e, t?.novalidate ?? !0), te = (e) => new u(e), ne = (e, t) => new d(e, t), x = (e) => new f(e), re = (e, t, n) => e ? t(e) : n?.(e), S = (e, t, n) => {
+	for (let n = 0; n < t.length; n++) {
+		let [r, i] = t[n];
+		if (r === e) return i(e, n);
+	}
+	return n?.();
+}, C = (e, t) => Array.from(e, t), w = (e, t, n) => {
+	let r = Array.from(e), i = [], a = typeof n == "function" ? n : () => n;
+	for (let e = 0; e < r.length; e++) i.push(t(r[e], e)), e < r.length - 1 && i.push(a(e));
+	return i;
+}, T = (e, t, n = 1) => {
+	let r = t === void 0 ? 0 : e, i = t === void 0 ? e : t, a = [];
+	if (n === 0) return a;
+	if (n > 0) for (let e = r; e < i; e += n) a.push(e);
+	else for (let e = r; e > i; e += n) a.push(e);
+	return a;
+}, E = class {
+	strings;
+	values;
+	_cossack_template_result = !0;
+	constructor(e, t) {
+		this.strings = e, this.values = t;
+	}
+}, D = (e, ...t) => new E(e, t), O = (e, t, n) => D`${{
+	_type: "COMPONENT",
+	clazz: e,
+	props: t ?? {},
+	children: n
+}}`, k = (e) => typeof e == "object" && !!e && e._cossack_template_result === !0, A = class {
+	value;
+	constructor(e) {
+		this.value = e;
+	}
+}, j = (e) => new A(e), M = (e) => e instanceof A, N = (e) => String(e).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;"), P = (t, l = {}) => {
+	if (t == null || t === !1) return "";
+	if (Array.isArray(t)) return l.hydrate ? t.map((e) => `<!--CSA-S-->${P(e, l)}<!--CSA-E-->`).join("") : t.map((e) => P(e, l)).join("");
+	if (k(t)) return B(t, l);
+	if (t instanceof a) return P(t.value, l);
+	if (t instanceof o) return l.hydrate ? t.items.map((e, n) => `<!--CSA-S-->${P(t.templateFn(e, n), l)}<!--CSA-E-->`).join("") : t.items.map((e, n) => P(t.templateFn(e, n), l)).join("");
+	if (t instanceof s) return P(t.template, l);
+	if (t instanceof d) return P(t.factory(), l);
+	if (t instanceof f) return P(t.value, l);
+	if (t instanceof c) return P(v(t.component, t.fieldName), l);
+	if (e(t)) {
+		let e = new t.clazz();
+		Object.assign(e, t.props), "props" in e && (e.props = t.props), e.children = t.children, e.__parent = i.currentRenderingInstance, e.__parent && (e._id = `${e.__parent._id}:${e.__parent._childCounter++}`), e.connectedCallback(), n(e), e.willUpdate(/* @__PURE__ */ new Map());
+		let a = e.render(), o = "";
+		return a && (o = k(a) ? B(a, l) : B(D`${a}`, l)), r(), o;
+	}
+	return M(t) ? t.value : typeof t == "function" || typeof t == "object" && t && "value" in t ? "" : N(t);
+}, F = /* @__PURE__ */ new Set([
+	"checked",
+	"disabled",
+	"readonly",
+	"required",
+	"hidden",
+	"selected",
+	"multiple",
+	"autofocus",
+	"open"
+]), I = (e, t) => {
+	if (!(typeof e != "object" || !e)) for (let [n, r] of Object.entries(e)) {
+		if (n.startsWith("@")) continue;
+		let e = n, i = r;
+		if (n.startsWith("?")) {
+			r && (t.result += ` ${n.slice(1)}`);
+			continue;
+		}
+		if (n.startsWith(".") && (e = n.slice(1), i instanceof c ? i = v(i.component, i.fieldName) : i instanceof a && (i = i.value), F.has(e))) {
+			i && (t.result += ` ${e}`);
+			continue;
+		}
+		if ((e === "class" || e === "className") && typeof i == "string" && i) {
+			let e = L(t.result, i);
+			if (e !== null) {
+				t.result = e;
+				continue;
+			}
+		}
+		i instanceof u ? i.value !== void 0 && (t.result += ` ${e}="${N(String(i.value))}"`) : typeof i == "boolean" ? i && (t.result += ` ${e}`) : typeof i == "function" || i != null && (t.result += ` ${e}="${N(i)}"`);
+	}
+}, L = (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;
+}, R = (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;
+}, z = class {
+	resultObj;
+	opts;
+	result = "";
+	stringIdx = 0;
+	charIdxForNext = 0;
+	isNodePositions;
+	constructor(e, t = {}) {
+		this.resultObj = e, this.opts = t, this.isNodePositions = R(e.strings);
+	}
+	scan() {
+		let { strings: e, values: t } = this.resultObj;
+		for (; this.stringIdx < e.length;) {
+			let n = e[this.stringIdx].substring(this.charIdxForNext || 0), r = n.match(/(\.\.\.|[.@?]?[a-zA-Z0-9_-]+)=["']?$/);
+			if (this.result += n, this.charIdxForNext = 0, this.stringIdx < e.length - 1) {
+				let n = t[this.stringIdx];
+				if (r) {
+					let t = r[0], i = r[1];
+					this.result = this.result.substring(0, this.result.length - t.length);
+					let a = t.endsWith("\"") ? "\"" : t.endsWith("'") ? "'" : "", o = !0;
+					if (i === "...") {
+						this.result = this.result.trimEnd();
+						let e = { result: this.result };
+						I(n, e), this.result = e.result;
+					} else if (i === "ref") this.result = this.result.trimEnd();
+					else if (i.startsWith("@")) this.result = this.result.trimEnd();
+					else if (i.startsWith("?")) n ? (this.result = this.result.trimEnd(), this.result += ` ${i.slice(1)}`) : this.result = this.result.trimEnd();
+					else if (i.startsWith(".")) {
+						let e, t = n instanceof c;
+						e = t ? v(n.component, n.fieldName) : n;
+						let r = i.slice(1);
+						t && F.has(r) ? (this.result = this.result.trimEnd(), e && (this.result += ` ${r}`)) : e != null && e !== !1 ? (this.result = this.result.trimEnd(), this.result += ` ${r}="${P(e, this.opts)}"`) : this.result = this.result.trimEnd();
+					} else if (n instanceof u) n.value === void 0 ? this.result = this.result.trimEnd() : (this.result = this.result.trimEnd(), this.result += ` ${i}="${N(String(n.value))}"`);
+					else {
+						this.result += t;
+						let e = P(n, this.opts);
+						a ? (this.result += e, o = !1) : this.result += `"${e}"`;
+					}
+					if (a && o) {
+						let t = e[this.stringIdx + 1];
+						t && t.startsWith(a) && (this.charIdxForNext = 1);
+					}
+				} else this.opts.hydrate && this.isNodePositions[this.stringIdx] ? (this.result += `<!--CRP_${this.stringIdx}-->`, this.result += P(n, this.opts), this.result += "<!--/CRP-->") : this.result += P(n, this.opts);
+			}
+			this.stringIdx++;
+		}
+		return this.result;
+	}
+}, B = (e, t = {}) => new z(e, t).scan(), V = class t {
+	startNode;
+	endNode;
+	componentInstance = null;
+	renderListener = null;
+	_childParts = [];
+	_partKeys = [];
+	_cachedTemplateStrings = 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 d && (t = this._resolveGuard(t));
+		let n = !1;
+		if (t instanceof f) {
+			let e = t.value;
+			if (k(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 o) && !Array.isArray(t) && this._childParts.length > 0 && this.clearChildParts(), e(t) ? this.updateComponent(t) : t instanceof o ? this.updateRepeat(t) : t instanceof s ? 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 (k(t)) {
+			this._adoptTemplate(t);
+			return;
+		}
+		if (t instanceof o) {
+			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 s) {
+			if (k(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 d) {
+			let e = this._resolveGuard(t);
+			this._hydrateValue(e);
+			return;
+		}
+		if (t instanceof f) {
+			let e = t.value;
+			k(e) ? this._cacheMap.has(e.strings) ? this.updateCache(e) : (this._adoptTemplate(e), this._cacheCurrent = e.strings) : this._hydrateValue(e);
+			return;
+		}
+		if (t == null || t === !1) {
+			this.clear();
+			return;
+		}
+		if (!(t instanceof Node)) {
+			if (M(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) {
+		if (this.componentInstance && this.componentInstance.constructor !== e.clazz && this.disposeComponent(), !this.componentInstance) {
+			this.componentInstance = new e.clazz(), this.componentInstance.__parent = i.currentRenderingInstance, 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, k(e)) try {
+					this._adoptTemplate(e);
+				} catch (t) {
+					if (t instanceof J) 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 t = this.componentInstance;
+		Object.assign(t, e.props), "props" in t && (t.props = e.props), t.children = e.children, t.requestUpdate();
+	}
+	_adoptSequence(e, n) {
+		let r = ie(this._nodesBetween());
+		if (r.length !== e.length) throw new J(`sequence length mismatch: SSR has ${r.length} items, client has ${e.length}`);
+		this._childParts = [], this._partKeys = n ? [] : this._partKeys;
+		for (let i = 0; i < e.length; i++) {
+			let [a, o] = r[i], s = new t(a, o);
+			s._beginHydration(), this._childParts.push(s), n && this._partKeys.push(n[i]), s.update(e[i]);
+		}
+	}
+	_adoptTemplate(e) {
+		let { fragment: t, parts: n } = K(e), r = this._nodesBetween(), i = /* @__PURE__ */ new Map();
+		Z(t.childNodes, r, i), Q(n, i);
+		for (let t = 0; t < e.values.length; t++) n[t] && n[t].update(e.values[t]);
+		this._cachedTemplateStrings = e.strings, 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) {
+		this.componentInstance || (this.componentInstance = new e.clazz(), this.componentInstance.__parent = i.currentRenderingInstance, 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 t = this.componentInstance;
+		Object.assign(t, e.props), "props" in t && (t.props = e.props), t.children = e.children, t.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) {
+		if (this._cacheCurrent === e.strings && this._cachedParts) {
+			this._cachedParts.forEach((t, n) => {
+				t.update(e.values[n]);
+			});
+			return;
+		}
+		(this._cacheCurrent || this._cachedParts) && this._stashCurrent();
+		let t = this._cacheMap.get(e.strings);
+		if (t) {
+			this.clear();
+			let n = this.startNode.parentNode;
+			if (!n) return;
+			for (let e of t.nodes) n.insertBefore(e, this.endNode);
+			this._cachedTemplateStrings = e.strings, this._cachedParts = t.parts;
+			for (let n = 0; n < e.values.length; n++) t.parts[n] && t.parts[n].update(e.values[n]);
+		} else this.clear(), this.updateNode(e);
+		this._cacheCurrent = e.strings;
+	}
+	_stashCurrent() {
+		if (!this._cachedParts) return;
+		let e = this._cacheCurrent ?? this._cachedTemplateStrings;
+		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._cachedTemplateStrings = 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 n = document.createComment("CRP-Item"), r = document.createComment("/CRP-Item"), i = e.nextSibling;
+		return e.parentNode.insertBefore(n, i), e.parentNode.insertBefore(r, i), new t(n, 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 (k(t)) if (this._cachedTemplateStrings === t.strings && this._cachedParts) this._cachedParts.forEach((e, n) => {
+			e.update(t.values[n]);
+		});
+		else {
+			this._clearTemplateCache(), this.clear();
+			let e = document.createDocumentFragment();
+			q(t, e), this.startNode.parentNode.insertBefore(e, this.endNode);
+			let n = G.get(e.firstChild?.childNodes[0] || e);
+			n && (this._cachedTemplateStrings = n.strings, this._cachedParts = n.parts);
+		}
+		else if (M(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();
+			q(D`${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 == 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._cachedTemplateStrings = 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;
+		}
+	}
+}, H = class {
+	element;
+	previousValues = {};
+	bindStates = /* @__PURE__ */ new Map();
+	spreadClasses = [];
+	constructor(e) {
+		this.element = e;
+	}
+	update(e) {
+		if (typeof e != "object" || !e) return;
+		let t = 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));
+		} 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("@") && (typeof n == "function" || n instanceof l)) {
+			let t = e.slice(1), r = `__crp_handler_${t}`, i = this.element[r];
+			i && this.element.removeEventListener(t, i);
+			let a;
+			if (n instanceof l) {
+				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);
+			if (n instanceof c && (t === "value" || t === "checked")) this.applySpreadBind(e, t, n);
+			else if (n instanceof a && (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 c ? this.element[t] = v(n.component, n.fieldName) : n instanceof a ? this.element[t] = n.value : this.element[t] = n;
+		} else e.startsWith("?") ? n ? this.element.setAttribute(e.slice(1), "") : this.element.removeAttribute(e.slice(1)) : n instanceof u ? 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 = v(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 = W(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 && y(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);
+		}
+	}
+}, U = 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) {
+		let t = !1;
+		e instanceof a && (t = !0, e = e.value);
+		let n = !1;
+		if (e instanceof u && (n = !0, e = e.value), e instanceof c) {
+			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;
+			t[n] = e;
+			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 l) {
+				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] = v(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 = v(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 = W(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 && y(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);
+	}
+}, W = (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";
+}, G = /* @__PURE__ */ new WeakMap(), K = (e) => {
+	let t = [], n = "", r = !1, i = null, a = /(\.\.\.|[.@?]?[a-zA-Z0-9_-]+)=["']?$/;
+	for (let t = 0; t < e.strings.length - 1; t++) {
+		let o = e.strings[t];
+		for (let e = 0; e < o.length; e++) i ? o[e] === i && (i = null) : o[e] === "\"" || o[e] === "'" ? e > 0 && o[e - 1] === "=" && (i = o[e]) : o[e] === "<" && o[e + 1] !== "!" && o[e + 1] !== "/" ? r = !0 : o[e] === ">" && (r = !1);
+		n += o;
+		let s = o.match(a);
+		if (r && (s || i)) {
+			if (n += `__CRP_${t}__`, s && !i) {
+				let e = s[0].endsWith("\"") ? "\"" : s[0].endsWith("'") ? "'" : null;
+				e && (i = e);
+			}
+		} else n += `<!--CRP_${t}-->`;
+	}
+	let o = e.strings[e.strings.length - 1];
+	for (let e = 0; e < o.length; e++) i ? o[e] === i && (i = null) : o[e] === "<" && o[e + 1] !== "!" && o[e + 1] !== "/" ? r = !0 : o[e] === ">" && (r = !1);
+	n += o;
+	let s = document.createElement("template");
+	s.innerHTML = n;
+	let c = s.content.cloneNode(!0), l = document.createTreeWalker(c, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_COMMENT), u, d = [];
+	for (; u = l.nextNode();) d.push(u);
+	return d.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 V(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 H(n);
+						t[i] = e, n.removeAttribute("...");
+					} else {
+						let r = new U(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 U(n, e.name, e.value, {
+							currentValues: a,
+							position: r
+						});
+						t[o] = i;
+					}
+				}
+			});
+		}
+	}), {
+		fragment: c,
+		parts: t
+	};
+}, q = (e, t) => {
+	let n = G.get(t);
+	if (n && n.strings === e.strings) {
+		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: r, parts: i } = K(e), a = e.values;
+	for (let e = 0; e < a.length; e++) i[e] && i[e].update(a[e]);
+	if (t instanceof HTMLElement) t.innerHTML = "", t.appendChild(r);
+	else if (t instanceof DocumentFragment) {
+		for (; t.firstChild;) t.removeChild(t.firstChild);
+		t.appendChild(r);
+	}
+	G.set(t, {
+		strings: e.strings,
+		parts: i
+	});
+}, J = class extends Error {}, Y = (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>", X = (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;
+}, ie = (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;
+}, Z = (e, t, n) => {
+	let r = 0;
+	for (let i = 0; i < e.length; i++) {
+		let a = e[i];
+		if (X(a)) continue;
+		for (; r < t.length && X(t[r]);) r++;
+		let o = t[r];
+		if (!o) throw new J(`existing shorter than blueprint (expected ${Y(a)})`);
+		if (a.nodeType === Node.ELEMENT_NODE) {
+			if (o.nodeType !== Node.ELEMENT_NODE || a.nodeName !== o.nodeName) throw new J(`tag mismatch: blueprint ${Y(a)} vs existing ${Y(o)}`);
+			n.set(a, o), Z(a.childNodes, Array.from(o.childNodes), n);
+		} else {
+			if (a.nodeType !== o.nodeType) throw new J(`type mismatch: blueprint ${Y(a)} vs existing ${Y(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 && X(t[r]);) r++;
+	if (r < t.length) throw new J(`existing longer than blueprint (unexpected ${Y(t[r])})`);
+}, Q = (e, t) => {
+	for (let n of e) if (n) {
+		if (n instanceof V) {
+			let e = t.get(n.startNode), r = t.get(n.endNode);
+			if (!e || !r) throw new J("node part anchors not found");
+			n.startNode = e, n.endNode = r, n._beginHydration();
+		} else if (n instanceof U || n instanceof H) {
+			let e = t.get(n.element);
+			if (!e) throw new J("attribute part element not found");
+			n.element = e;
+		}
+	}
+}, $ = (e, t) => {
+	if (!t.hasChildNodes()) return q(e, t);
+	let n = G.get(t);
+	if (n && n.strings === e.strings) {
+		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 r;
+	try {
+		let { fragment: n, parts: i } = K(e);
+		r = i;
+		let a = /* @__PURE__ */ new Map();
+		Z(n.childNodes, Array.from(t.childNodes), a), Q(r, a);
+		for (let t = 0; t < e.values.length; t++) r[t] && r[t].update(e.values[t]);
+	} catch (n) {
+		if (n instanceof J) return console.warn("[cossack] hydration mismatch, falling back to render:", n.message), q(e, t);
+		throw n;
+	}
+	G.set(t, {
+		strings: e.strings,
+		parts: r
+	});
+};
+//#endregion
+export { b as A, n as B, m as C, g as D, w as E, h as F, re as I, i as L, ee as M, v as N, p as O, y as P, t as R, S, te as T, e as V, a as _, D as a, _ as b, M as c, j as d, c as f, s as g, u as h, N as i, T as j, C as k, q as l, d as m, A as n, $ as o, f as p, O as r, k as s, E as t, B as u, l as v, ne as w, x, o as y, r as z };