@cossackframework/renderer 0.5.0 → 0.5.2

package/dist/{cossack-html-CCHKnNWv.js → cossack-html-BUi5cuB1.js}

@@ -283,14 +283,14 @@ var e = (e) => typeof e == "object" && !!e && e._type === "COMPONENT", t = [], n
 			let n = D.get(e.firstChild?.childNodes[0] || e);
 			n && (this._cachedTemplateStrings = n.strings, this._cachedParts = n.parts);
 		}
-		else if (e(t) || typeof t == "object" && t && !(t instanceof Node) && !Array.isArray(t)) {
-			this._clearTemplateCache(), this.clear();
-			let e = document.createDocumentFragment();
-			O(f`${t}`, e), this.startNode.parentNode.insertBefore(e, this.endNode);
-		} else if (v(t)) {
+		else if (v(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();
+			O(f`${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 {
@@ -335,21 +335,33 @@ var e = (e) => typeof e == "object" && !!e && e._type === "COMPONENT", t = [], n
 }, E = class {
 	element;
 	name;
-	prefix;
-	suffix;
-	constructor(e, t, n) {
+	segments;
+	isMulti;
+	multiState;
+	constructor(e, t, n, r) {
 		this.element = e, this.name = t;
-		let r = n.indexOf("__CRP_");
-		if (r !== -1) {
-			let e = r + 6, t = n.indexOf("__", e);
-			this.prefix = n.substring(0, r), this.suffix = n.substring(t + 2);
-		} else this.prefix = "", this.suffix = "";
+		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 instanceof a && (e = e.value), 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("@") && typeof e == "function") {
 			let t = this.name.slice(1), n = `__crp_handler_${t}`, r = this.element[n];
 			r && this.element.removeEventListener(t, r), this.element[n] = e, this.element.addEventListener(t, e), this.element.hasAttribute(this.name) && this.element.removeAttribute(this.name);
@@ -363,7 +375,7 @@ var e = (e) => typeof e == "object" && !!e && e._type === "COMPONENT", t = [], n
 		else if (this.name === "checked" && this.element instanceof HTMLInputElement) {
 			let t = !!e;
 			this.element.checked !== t && (this.element.checked = t), t ? this.element.setAttribute(this.name, "") : this.element.removeAttribute(this.name);
-		} else typeof e == "boolean" ? e ? this.element.setAttribute(this.name, "") : this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, this.prefix + String(e) + this.suffix);
+		} else 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]);
 	}
 }, D = /* @__PURE__ */ new WeakMap(), O = (e, t) => {
 	let n = D.get(t);
@@ -403,10 +415,21 @@ var e = (e) => typeof e == "object" && !!e && e._type === "COMPONENT", t = [], n
 		} else if (e.nodeType === Node.ELEMENT_NODE) {
 			let t = e;
 			Array.from(t.attributes).forEach((e) => {
-				let n = e.value.match(/__CRP_(\d+)__/);
-				if (n) {
-					let i = parseInt(n[1]);
+				let n = [...e.value.matchAll(/__CRP_(\d+)__/g)];
+				if (n.length === 0) return;
+				if (n.length === 1) {
+					let i = parseInt(n[0][1]);
 					r[i] || (e.name === "..." ? (r[i] = new T(t), t.removeAttribute("...")) : r[i] = new E(t, e.name, e.value));
+					return;
+				}
+				if (e.name === "...") return;
+				let i = n.map((e) => parseInt(e[1])), a = Array(n.length).fill(void 0);
+				for (let n = 0; n < i.length; n++) {
+					let o = i[n];
+					r[o] || (r[o] = new E(t, e.name, e.value, {
+						currentValues: a,
+						position: n
+					}));
 				}
 			});
 		}

package/dist/index.js

@@ -1,4 +1,4 @@
-import { S as e, _ as t, a as n, b as r, c as i, d as a, f as o, g as s, h as c, i as l, l as u, m as d, n as f, o as p, p as m, r as h, s as g, t as _, u as v, v as y, x as b, y as x } from "./cossack-html-CCHKnNWv.js";
+import { S as e, _ as t, a as n, b as r, c as i, d as a, f as o, g as s, h as c, i as l, l as u, m as d, n as f, o as p, p as m, r as h, s as g, t as _, u as v, v as y, x as b, y as x } from "./cossack-html-BUi5cuB1.js";
 //#region src/context.ts
 function S(e) {
 	return {

package/dist/server.js

@@ -1,6 +1,6 @@
-import { i as e, l as t } from "./cossack-html-CCHKnNWv.js";
+import { i as e, l as t } from "./cossack-html-BUi5cuB1.js";
 //#region src/minify-html.ts
-var n = /<(script|style|pre|textarea)\b[^>]*>[\s\S]*?<\/\1>/gi, r = RegExp(`<(${[...new Set([
+var n = /<(script|style|pre|textarea)\b[^>]*>[\s\S]*?<\/\1>/gi, r = RegExp(`<(${[.../* @__PURE__ */ new Set([
 	"area",
 	"base",
 	"br",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cossackframework/renderer",
-  "version": "0.5.0",
+  "version": "0.5.2",
   "type": "module",
   "description": "Light DOM rendering engine for the Cossack Framework",
   "license": "MIT",
@@ -31,10 +31,10 @@
     "htmlparser2": "^10.0.0",
     "magic-string": "^0.30.21",
     "oxlint": "^1.41.0",
-    "vite": "^8.0.0",
+    "vite": "^8.1.0",
     "vite-plugin-dts": "^3.9.1",
     "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^3.2.4"
+    "vitest": "^4.1.9"
   },
   "scripts": {
     "build": "vite build",