@zombie-mermaid/svg-renderer 3.0.0 → 3.1.0

package/dist/index.js

@@ -1,98 +1,98 @@
-import e from "elkjs/lib/elk.bundled.js";
-import { DEFAULTS as t, applyClickStatement as n, buildStyleBlock as r, detectDiagramType as i, escapeAttr as a, escapeXml as o, extractInitConfig as s, formatCssColor as c, getReadableTextColor as l, isMonospaceFont as u, measureMultilineText as d, measureTextWidth as f, mixSrgb as p, normalizeBrTags as m, parseCssColor as h, parseStyleProps as g, renderMultilineText as _, renderMultilineTextWithBackground as v, resolveNodeStyle as y, safeHref as b, sanitizeClassName as x, setMonospaceMetrics as S, splitStatements as C, splitStatementsByLine as w, styleOpenTag as T, svgOpenTag as E, themeStyleDeclarations as D, toDirection as O, tryApplyClassAssignment as k, tryApplyClassDef as A, tryApplyStyleStatement as j, withDirectionOverride as ee } from "@zombie-mermaid/core";
-import { CHART_ACCENT_FALLBACK as te, formatClassMember as ne, getSeriesColor as re, matchExpandedBlock as ie, parseClassDiagram as ae, parseErDiagram as oe, parseExpandedMeta as se, parseSequenceDiagram as ce, parseXYChart as le, resolveShapeName as ue } from "@zombie-mermaid/mermaid-parser";
-import { decodeXML as de } from "entities";
+import { DEFAULTS as e, applyClickStatement as t, buildStyleBlock as n, detectDiagramType as r, escapeAttr as i, escapeXml as a, extractInitConfig as o, f as s, formatCssColor as c, getReadableTextColor as l, isMonospaceFont as u, measureMultilineText as d, measureTextWidth as f, mixSrgb as p, normalizeBrTags as m, parseCssColor as h, parseStyleProps as g, renderMultilineText as _, renderMultilineTextWithBackground as v, resolveNodeStyle as y, safeHref as b, sanitizeClassName as x, setMonospaceMetrics as S, splitStatements as C, splitStatementsByLine as w, styleOpenTag as T, svgOpenTag as E, themeStyleDeclarations as D, toDirection as O, tryApplyClassAssignment as k, tryApplyClassDef as A, tryApplyStyleStatement as j, withDirectionOverride as ee } from "@zombie-mermaid/core";
+import te from "elkjs/lib/elk.bundled.js";
+import { CHART_ACCENT_FALLBACK as ne, formatClassMember as re, getSeriesColor as ie, matchExpandedBlock as ae, parseClassDiagram as oe, parseErDiagram as se, parseExpandedMeta as ce, parseSequenceDiagram as le, parseXYChart as ue, resolveShapeName as de } from "@zombie-mermaid/mermaid-parser";
+import { decodeXML as fe } from "entities";
 //#region packages/svg-renderer/src/edge-curves.ts
-function fe(e) {
-	return `M ${e.x} ${e.y}`;
-}
 function pe(e) {
-	return fe(e[0]) + e.slice(1).map((e) => ` L ${e.x} ${e.y}`).join("");
+	return s`M ${e.x} ${e.y}`;
 }
 function me(e) {
-	if (e.length < 3) return pe(e);
-	let t = e[e.length - 1], n = [fe(e[0])], r = (e, t, n) => ` C ${(2 * e.x + t.x) / 3} ${(2 * e.y + t.y) / 3}, ${(e.x + 2 * t.x) / 3} ${(e.y + 2 * t.y) / 3}, ${(e.x + 4 * t.x + n.x) / 6} ${(e.y + 4 * t.y + n.y) / 6}`;
-	n.push(` L ${(5 * e[0].x + e[1].x) / 6} ${(5 * e[0].y + e[1].y) / 6}`);
-	for (let t = 2; t < e.length; t++) n.push(r(e[t - 2], e[t - 1], e[t]));
-	return n.push(r(e[e.length - 2], t, t)), n.push(` L ${t.x} ${t.y}`), n.join("");
+	return pe(e[0]) + e.slice(1).map((e) => s` L ${e.x} ${e.y}`).join("");
 }
 function he(e) {
-	if (e.length < 3) return pe(e);
-	let t = [fe(e[0])];
+	if (e.length < 3) return me(e);
+	let t = e[e.length - 1], n = [pe(e[0])], r = (e, t, n) => s` C ${(2 * e.x + t.x) / 3} ${(2 * e.y + t.y) / 3},` + s` ${(e.x + 2 * t.x) / 3} ${(e.y + 2 * t.y) / 3},` + s` ${(e.x + 4 * t.x + n.x) / 6} ${(e.y + 4 * t.y + n.y) / 6}`;
+	n.push(s` L ${(5 * e[0].x + e[1].x) / 6}` + s` ${(5 * e[0].y + e[1].y) / 6}`);
+	for (let t = 2; t < e.length; t++) n.push(r(e[t - 2], e[t - 1], e[t]));
+	return n.push(r(e[e.length - 2], t, t)), n.push(s` L ${t.x} ${t.y}`), n.join("");
+}
+function ge(e) {
+	if (e.length < 3) return me(e);
+	let t = [pe(e[0])];
 	for (let n = 1; n < e.length - 1; n++) {
-		let r = e[n - 1], i = e[n], a = e[n + 1], o = Math.hypot(i.x - r.x, i.y - r.y), s = Math.hypot(a.x - i.x, a.y - i.y);
-		if (o === 0 || s === 0) {
-			t.push(` L ${i.x} ${i.y}`);
+		let r = e[n - 1], i = e[n], a = e[n + 1], o = Math.hypot(i.x - r.x, i.y - r.y), c = Math.hypot(a.x - i.x, a.y - i.y);
+		if (o === 0 || c === 0) {
+			t.push(s` L ${i.x} ${i.y}`);
 			continue;
 		}
-		let c = Math.min(12, o / 2, s / 2), l = i.x - (i.x - r.x) / o * c, u = i.y - (i.y - r.y) / o * c, d = i.x + (a.x - i.x) / s * c, f = i.y + (a.y - i.y) / s * c;
-		t.push(` L ${l} ${u}`), t.push(` Q ${i.x} ${i.y}, ${d} ${f}`);
+		let l = Math.min(12, o / 2, c / 2), u = i.x - (i.x - r.x) / o * l, d = i.y - (i.y - r.y) / o * l, f = i.x + (a.x - i.x) / c * l, p = i.y + (a.y - i.y) / c * l;
+		t.push(s` L ${u} ${d}`), t.push(s` Q ${i.x} ${i.y}, ${f} ${p}`);
 	}
 	let n = e[e.length - 1];
-	return t.push(` L ${n.x} ${n.y}`), t.join("");
+	return t.push(s` L ${n.x} ${n.y}`), t.join("");
 }
-function ge(e, t) {
-	let n = [fe(e[0])], r = e.length - 1;
+function _e(e, t) {
+	let n = [pe(e[0])], r = e.length - 1;
 	for (let i = 0; i < r; i++) {
 		let a = e[i], o = e[i + 1];
 		if (i === r - 1) {
-			n.push(` L ${o.x} ${o.y}`);
+			n.push(s` L ${o.x} ${o.y}`);
 			break;
 		}
-		if (t === "before") n.push(` L ${a.x} ${o.y} L ${o.x} ${o.y}`);
-		else if (t === "after") n.push(` L ${o.x} ${a.y} L ${o.x} ${o.y}`);
+		if (t === "before") n.push(s` L ${a.x} ${o.y} L ${o.x} ${o.y}`);
+		else if (t === "after") n.push(s` L ${o.x} ${a.y} L ${o.x} ${o.y}`);
 		else {
 			let e = (a.y + o.y) / 2;
-			n.push(` L ${a.x} ${e} L ${o.x} ${e} L ${o.x} ${o.y}`);
+			n.push(s` L ${a.x} ${e} L ${o.x} ${e} L ${o.x} ${o.y}`);
 		}
 	}
 	return n.join("");
 }
-function _e(e, t = "linear") {
+function ve(e, t = "linear") {
 	if (e.length === 0) return "";
-	if (e.length === 1) return fe(e[0]);
+	if (e.length === 1) return pe(e[0]);
 	switch (t) {
-		case "basis": return me(e);
-		case "natural": return he(e);
-		case "step": return ge(e, "mid");
-		case "stepBefore": return ge(e, "before");
-		case "stepAfter": return ge(e, "after");
-		default: return pe(e);
+		case "basis": return he(e);
+		case "natural": return ge(e);
+		case "step": return _e(e, "mid");
+		case "stepBefore": return _e(e, "before");
+		case "stepAfter": return _e(e, "after");
+		default: return me(e);
 	}
 }
 //#endregion
 //#region packages/svg-renderer/src/elk-instance.ts
-var ve = null, ye = null, be = 20;
-function xe(e = be) {
+var ye = null, be = null, xe = 20;
+function Se(e = xe) {
 	if (!Number.isInteger(e) || e < 1) throw Error(`createLayoutCache: maxSize must be a positive integer, got ${e}`);
 	return {
 		map: /* @__PURE__ */ new Map(),
 		maxSize: e
 	};
 }
-function Se(e) {
-	if (Array.isArray(e)) return `[${e.map(Se).join(",")}]`;
+function Ce(e) {
+	if (Array.isArray(e)) return `[${e.map(Ce).join(",")}]`;
 	if (typeof e == "object" && e) {
 		let t = e;
-		return `{${Object.keys(t).sort().map((e) => `${JSON.stringify(e)}:${Se(t[e])}`).join(",")}}`;
+		return `{${Object.keys(t).sort().map((e) => `${JSON.stringify(e)}:${Ce(t[e])}`).join(",")}}`;
 	}
 	return JSON.stringify(e);
 }
-function Ce() {
-	if (ve && ye) return ye;
-	let t = [], n = globalThis.setTimeout;
-	globalThis.setTimeout = (e, r) => r === 0 ? (t.push(e), 0) : n(e, r);
-	let r = globalThis, i = "self" in r, a = r.self;
-	if (i && r.document === void 0 && delete r.self, ve = new e(), !ve) throw Error("ELKBundled construction unexpectedly produced no instance");
-	return i && (r.self = a), globalThis.setTimeout = n, t.forEach((e) => e()), ye = ve.worker.worker, ye;
+function we() {
+	if (ye && be) return be;
+	let e = [], t = globalThis.setTimeout;
+	globalThis.setTimeout = (n, r) => r === 0 ? (e.push(n), 0) : t(n, r);
+	let n = globalThis, r = "self" in n, i = n.self;
+	if (r && n.document === void 0 && delete n.self, ye = new te(), !ye) throw Error("ELKBundled construction unexpectedly produced no instance");
+	return r && (n.self = i), globalThis.setTimeout = t, e.forEach((e) => e()), be = ye.worker.worker, be;
 }
-function we(e, t) {
-	let n = t, r = n ? Se(e) : void 0;
+function Te(e, t) {
+	let n = t, r = n ? Ce(e) : void 0;
 	if (n && r !== void 0) {
 		let e = n.map.get(r);
 		if (e) return n.map.delete(r), n.map.set(r, e), e;
 	}
-	let i = Ce(), a, o, s = i.onmessage;
+	let i = we(), a, o, s = i.onmessage;
 	if (i.onmessage = (e) => {
 		e.data.error ? o = e.data.error : a = e.data.data;
 	}, i.dispatcher.saveDispatch({ data: {
@@ -112,10 +112,10 @@ function we(e, t) {
 function M(e, t, n) {
 	return f(e, t, n);
 }
-function Te(e, t) {
+function Ee(e, t) {
 	return e.length * t * .6;
 }
-var Ee = "'JetBrains Mono'", De = `${Ee}, 'SF Mono', 'Fira Code', ui-monospace, monospace`, N = {
+var De = "'JetBrains Mono'", Oe = `${De}, 'SF Mono', 'Fira Code', ui-monospace, monospace`, N = {
 	nodeLabel: 13,
 	edgeLabel: 11,
 	groupHeader: 12
@@ -131,7 +131,7 @@ var F = {
 	nodeLabel: 500,
 	edgeLabel: 400,
 	groupHeader: 600
-}, Oe = 12, I = {
+}, ke = 12, I = {
 	horizontal: 20,
 	vertical: 10,
 	diamondExtra: 24
@@ -142,7 +142,7 @@ var F = {
 }, R = "0.35em", z = {
 	width: 8,
 	height: 5
-}, ke = {
+}, Ae = {
 	font: "Inter",
 	padding: 40,
 	nodeSpacing: 28,
@@ -150,13 +150,13 @@ var F = {
 	mergeEdges: !0,
 	thoroughness: 3,
 	fontSizes: N
-}, Ae = {
+}, je = {
 	flowchart: "DOWN",
 	state: "DOWN",
 	class: "DOWN",
 	er: "RIGHT"
 };
-function je(e, t) {
+function Me(e, t) {
 	switch (e) {
 		case "LR": return "RIGHT";
 		case "RL": return "LEFT";
@@ -166,7 +166,7 @@ function je(e, t) {
 		default: return t;
 	}
 }
-function Me(e) {
+function Ne(e) {
 	let t = typeof e == "number" ? {
 		top: e,
 		left: e,
@@ -175,13 +175,13 @@ function Me(e) {
 	} : e;
 	return `[top=${t.top},left=${t.left},bottom=${t.bottom},right=${t.right}]`;
 }
-function Ne(e) {
+function Pe(e) {
 	return {
 		"elk.algorithm": "layered",
 		"elk.direction": e.direction,
 		"elk.spacing.nodeNode": String(e.nodeSpacing),
 		"elk.layered.spacing.nodeNodeBetweenLayers": String(e.layerSpacing),
-		"elk.padding": Me(e.padding),
+		"elk.padding": Ne(e.padding),
 		"elk.edgeRouting": "ORTHOGONAL"
 	};
 }
@@ -193,11 +193,11 @@ function B(e, t, n) {
 	};
 	return n !== void 0 && (r.labels = [{ text: n }]), r;
 }
-var Pe = {
+var Fe = {
 	"elk.edgeLabels.inline": "true",
 	"elk.edgeLabels.placement": "CENTER"
 };
-function Fe(e, t) {
+function Ie(e, t) {
 	let n = d(e, t.fontSize, F.edgeLabel), r = {
 		text: e,
 		width: n.width + 8,
@@ -211,16 +211,16 @@ function V(e) {
 		sources: [e.source],
 		targets: [e.target]
 	};
-	return e.label && (t.labels = [Fe(e.label, e.labelStyle)]), t;
+	return e.label && (t.labels = [Ie(e.label, e.labelStyle)]), t;
 }
 //#endregion
 //#region packages/svg-renderer/src/layout-engine/to-elk.ts
-function Ie(e) {
-	return je(e, Ae.flowchart);
-}
 function Le(e) {
+	return Me(e, je.flowchart);
+}
+function Re(e) {
 	return {
-		...Ne(e),
+		...Pe(e),
 		"elk.spacing.edgeEdge": "12",
 		"elk.layered.spacing.edgeEdgeBetweenLayers": "12",
 		"elk.layered.spacing.edgeNodeBetweenLayers": "12",
@@ -228,13 +228,13 @@ function Le(e) {
 		"elk.contentAlignment": "H_CENTER V_CENTER"
 	};
 }
-function Re(e) {
+function ze(e) {
 	return {
 		fontSize: e.fontSizes.edgeLabel,
-		layoutOptions: Pe
+		layoutOptions: Fe
 	};
 }
-function ze(e, t, n, r) {
+function Be(e, t, n, r) {
 	let i = d(t, r, F.nodeLabel), a = i.width + I.horizontal * 2, o = i.height + I.vertical * 2;
 	if (n === "diamond") {
 		let e = Math.max(a, o) + I.diamondExtra;
@@ -252,22 +252,22 @@ function ze(e, t, n, r) {
 		height: o
 	});
 }
-var Be = " root";
-function Ve(e) {
-	for (let t of e) if (t.direction !== void 0 || Ve(t.children)) return !0;
+var Ve = " root";
+function He(e) {
+	for (let t of e) if (t.direction !== void 0 || He(t.children)) return !0;
 	return !1;
 }
-function He(e, t) {
+function Ue(e, t) {
 	for (let n of e.nodeIds) t.add(n);
-	for (let n of e.children) He(n, t);
+	for (let n of e.children) Ue(n, t);
 }
-function Ue(e, t) {
+function We(e, t) {
 	let n = /* @__PURE__ */ new Set();
-	if (He(e, n), n.size === 0) return !0;
+	if (Ue(e, n), n.size === 0) return !0;
 	let r = (t) => n.has(t) || t === e.id;
 	return !t.edges.some((e) => r(e.source) !== r(e.target));
 }
-function We(e) {
+function Ge(e) {
 	let t = /* @__PURE__ */ new Map();
 	function n(e, r) {
 		let i = [...r, e.id];
@@ -277,15 +277,15 @@ function We(e) {
 	for (let t of e) n(t, []);
 	return t;
 }
-function Ge(e, t) {
+function Ke(e, t) {
 	let n = 0;
 	for (; n < e.length && n < t.length && e[n] === t[n];) n++;
 	return n;
 }
-function Ke(e, t) {
+function qe(e, t) {
 	let n = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set();
-	for (let t of e.subgraphs) r.add(t.id), Je(t, n, r);
-	let i = Ye(e.subgraphs), a = We(e.subgraphs), o = (e) => e ? a.get(e) ?? [] : [], s = /* @__PURE__ */ new Map();
+	for (let t of e.subgraphs) r.add(t.id), Ye(t, n, r);
+	let i = Xe(e.subgraphs), a = Ge(e.subgraphs), o = (e) => e ? a.get(e) ?? [] : [], s = /* @__PURE__ */ new Map();
 	s.set(null, []);
 	let c = [];
 	for (let t = 0; t < e.edges.length; t++) {
@@ -306,14 +306,14 @@ function Ke(e, t) {
 			tgtChain: o(a)
 		});
 	}
-	let l = Ve(e.subgraphs), u = [], d = [], f = {
-		...Le({
-			direction: Ie(e.direction),
+	let l = He(e.subgraphs), u = [], d = [], f = {
+		...Re({
+			direction: Le(e.direction),
 			nodeSpacing: t.nodeSpacing,
 			layerSpacing: t.layerSpacing,
 			padding: t.padding
 		}),
-		"elk.layered.thoroughness": String(ke.thoroughness),
+		"elk.layered.thoroughness": String(Ae.thoroughness),
 		"elk.layered.highDegreeNodes.treatment": "true",
 		"elk.layered.highDegreeNodes.threshold": "8",
 		"elk.layered.compaction.postCompaction.strategy": "LEFT_RIGHT_CONSTRAINT_LOCKING",
@@ -330,7 +330,7 @@ function Ke(e, t) {
 		m.set(e, n), n.push(t);
 	}
 	if (l) for (let { index: e, edge: n, srcChain: r, tgtChain: i } of c) {
-		let a = Ge(r, i), o = n.source;
+		let a = Ke(r, i), o = n.source;
 		if (r.length > a) {
 			for (let t = r.length - 1; t >= a; t--) {
 				let i = r[t], a = `${i}_out_${e}`;
@@ -358,33 +358,33 @@ function Ke(e, t) {
 			}
 			s = `${i[a]}_in_${e}`;
 		}
-		g(a > 0 ? r[a - 1] : Be, V({
+		g(a > 0 ? r[a - 1] : Ve, V({
 			id: `e${e}`,
 			source: o,
 			target: s,
 			label: n.label,
-			labelStyle: Re(t)
+			labelStyle: ze(t)
 		}));
 	}
 	for (let [i, a] of e.nodes) if (!n.has(i) && !r.has(i)) {
-		let e = ze(i, a.label, a.shape, t.fontSizes.nodeLabel);
+		let e = Be(i, a.label, a.shape, t.fontSizes.nodeLabel);
 		u.push(B(i, e, a.label));
 	}
-	for (let n of [...e.subgraphs].reverse()) u.push(qe(n, e, t, s, p, m, e.direction));
+	for (let n of [...e.subgraphs].reverse()) u.push(Je(n, e, t, s, p, m, e.direction));
 	for (let { index: e, edge: n } of s.get(null)) n.source !== n.target && d.push(V({
 		id: `e${e}`,
 		source: n.source,
 		target: n.target,
 		label: n.label,
-		labelStyle: Re(t)
+		labelStyle: ze(t)
 	}));
-	if (l) for (let e of m.get(Be) ?? []) d.push(e);
+	if (l) for (let e of m.get(Ve) ?? []) d.push(e);
 	else for (let { index: e, edge: n } of c) d.push(V({
 		id: `e${e}`,
 		source: n.source,
 		target: n.target,
 		label: n.label,
-		labelStyle: Re(t)
+		labelStyle: ze(t)
 	}));
 	return {
 		id: "root",
@@ -393,9 +393,9 @@ function Ke(e, t) {
 		edges: d
 	};
 }
-function qe(e, t, n, r, i, a, o) {
-	let s = e.direction !== void 0 && Ue(e, t) ? e.direction : o, c = Le({
-		direction: Ie(s),
+function Je(e, t, n, r, i, a, o) {
+	let s = e.direction !== void 0 && We(e, t) ? e.direction : o, c = Re({
+		direction: Le(s),
 		nodeSpacing: n.nodeSpacing,
 		layerSpacing: n.layerSpacing,
 		padding: {
@@ -410,18 +410,18 @@ function qe(e, t, n, r, i, a, o) {
 	for (let r of e.nodeIds) {
 		let e = t.nodes.get(r);
 		if (e) {
-			let t = ze(r, e.label, e.shape, n.fontSizes.nodeLabel);
+			let t = Be(r, e.label, e.shape, n.fontSizes.nodeLabel);
 			d.push(B(r, t, e.label));
 		}
 	}
-	for (let o of [...e.children].reverse()) d.push(qe(o, t, n, r, i, a, s));
+	for (let o of [...e.children].reverse()) d.push(Je(o, t, n, r, i, a, s));
 	let f = [], p = r.get(e.id) ?? [];
 	for (let { index: e, edge: t } of p) t.source !== t.target && f.push(V({
 		id: `e${e}`,
 		source: t.source,
 		target: t.target,
 		label: t.label,
-		labelStyle: Re(n)
+		labelStyle: ze(n)
 	}));
 	for (let t of a.get(e.id) ?? []) f.push(t);
 	return {
@@ -433,11 +433,11 @@ function qe(e, t, n, r, i, a, o) {
 		edges: f
 	};
 }
-function Je(e, t, n) {
+function Ye(e, t, n) {
 	for (let n of e.nodeIds) t.add(n);
-	for (let r of e.children) n.add(r.id), Je(r, t, n);
+	for (let r of e.children) n.add(r.id), Ye(r, t, n);
 }
-function Ye(e) {
+function Xe(e) {
 	let t = /* @__PURE__ */ new Map();
 	function n(e) {
 		for (let n of e.nodeIds) t.set(n, e.id);
@@ -448,19 +448,19 @@ function Ye(e) {
 }
 //#endregion
 //#region packages/svg-renderer/src/shape-clipping.ts
-function Xe(e, t, n) {
+function Ze(e, t, n) {
 	if (e.length < 2 || t.shape === "rectangle" || t.shape === "rounded" || t.shape === "stadium") return e;
 	let r = [...e];
 	if (t.shape === "diamond") {
-		if (n) r[0] = Ze(e[0], e[1], t);
+		if (n) r[0] = Qe(e[0], e[1], t);
 		else {
 			let n = e.length - 1;
-			r[n] = Ze(e[n], e[n - 1], t);
+			r[n] = Qe(e[n], e[n - 1], t);
 		}
 	}
 	return r;
 }
-function Ze(e, t, n) {
+function Qe(e, t, n) {
 	let r = n.x + n.width / 2, i = n.y + n.height / 2, a = {
 		x: r,
 		y: n.y
@@ -476,14 +476,14 @@ function Ze(e, t, n) {
 	}, l = e.x - t.x, u = e.y - t.y;
 	if (Math.abs(l) < Math.abs(u)) {
 		let t = e.x;
-		return u > 0 ? t <= r ? $e(t, c, a) ?? a : $e(t, a, o) ?? a : t <= r ? $e(t, s, c) ?? s : $e(t, o, s) ?? s;
+		return u > 0 ? t <= r ? et(t, c, a) ?? a : et(t, a, o) ?? a : t <= r ? et(t, s, c) ?? s : et(t, o, s) ?? s;
 	}
 	{
 		let t = e.y;
-		return l > 0 ? t <= i ? Qe(t, a, c) ?? c : Qe(t, c, s) ?? c : t <= i ? Qe(t, a, o) ?? o : Qe(t, o, s) ?? o;
+		return l > 0 ? t <= i ? $e(t, a, c) ?? c : $e(t, c, s) ?? c : t <= i ? $e(t, a, o) ?? o : $e(t, o, s) ?? o;
 	}
 }
-function Qe(e, t, n) {
+function $e(e, t, n) {
 	let r = n.y - t.y;
 	if (Math.abs(r) < .001) return null;
 	let i = (e - t.y) / r;
@@ -492,7 +492,7 @@ function Qe(e, t, n) {
 		y: e
 	};
 }
-function $e(e, t, n) {
+function et(e, t, n) {
 	let r = n.x - t.x;
 	if (Math.abs(r) < .001) return null;
 	let i = (e - t.x) / r;
@@ -503,11 +503,11 @@ function $e(e, t, n) {
 }
 //#endregion
 //#region packages/svg-renderer/src/layout-engine/layer-alignment.ts
-function et(e, t, n) {
+function tt(e, t, n) {
 	if (e.length === 0) return;
 	let r = n === "LR" || n === "RL", i = /* @__PURE__ */ new Set();
 	for (let e of t) i.add(`${e.source}:${e.target}`), i.add(`${e.target}:${e.source}`);
-	let a = ke.layerSpacing * .6, o = [...e].sort((e, t) => r ? e.x - t.x : e.y - t.y), s = [], c = [o[0]];
+	let a = Ae.layerSpacing * .6, o = [...e].sort((e, t) => r ? e.x - t.x : e.y - t.y), s = [], c = [o[0]];
 	for (let e = 1; e < o.length; e++) {
 		let t = (r ? o[e].x : o[e].y) - (r ? o[e - 1].x : o[e - 1].y), n = c.some((t) => i.has(`${t.id}:${o[e].id}`));
 		t <= a && !n ? c.push(o[e]) : (s.push(c), c = [o[e]]);
@@ -547,28 +547,28 @@ function et(e, t, n) {
 }
 //#endregion
 //#region packages/svg-renderer/src/layout-engine/edge-bundling.ts
-var tt = .5;
-function nt(e, t, n) {
+var nt = .5;
+function rt(e, t, n) {
 	for (let r = 0; r < e.length - 1; r++) {
 		let i = e[r], a = e[r + 1], o = Math.min(i.x, a.x), s = Math.max(i.x, a.x), c = Math.min(i.y, a.y), l = Math.max(i.y, a.y);
 		for (let e of t) {
 			if (n.has(e.id)) continue;
-			let t = e.x + tt, r = e.x + e.width - tt, i = e.y + tt, a = e.y + e.height - tt;
+			let t = e.x + nt, r = e.x + e.width - nt, i = e.y + nt, a = e.y + e.height - nt;
 			if (!(t >= r || i >= a) && o < r && s > t && c < a && l > i) return !1;
 		}
 	}
 	return !0;
 }
-function rt(e, t, n) {
+function it(e, t, n) {
 	let r = [];
-	for (let i of n) e >= i.x && e <= i.x + i.width && t >= i.y && t <= i.y + i.height && (r.push(i), r.push(...rt(e, t, i.children)));
+	for (let i of n) e >= i.x && e <= i.x + i.width && t >= i.y && t <= i.y + i.height && (r.push(i), r.push(...it(e, t, i.children)));
 	return r;
 }
-function it(e, t, n, r, i) {
-	let a = i === "LR", o = i === "RL", s = i === "BT", c = a || o, l = new Set(rt(t, n, r).map((e) => e.id)), u = rt(c ? e : t, c ? n : e, r).find((e) => !l.has(e.id));
+function at(e, t, n, r, i) {
+	let a = i === "LR", o = i === "RL", s = i === "BT", c = a || o, l = new Set(it(t, n, r).map((e) => e.id)), u = it(c ? e : t, c ? n : e, r).find((e) => !l.has(e.id));
 	return u ? a ? u.x - 12 : o ? u.x + u.width + 12 : s ? u.y + u.height + 12 : u.y - 12 : e;
 }
-function at(e, t, n, r) {
+function ot(e, t, n, r) {
 	let i = new Map(t.map((e) => [e.id, e])), a = /* @__PURE__ */ new Set(), o = r === "LR", s = r === "RL", c = r === "BT", l = o || s, u = /* @__PURE__ */ new Map();
 	for (let t of e) {
 		if (t.source === t.target) continue;
@@ -593,7 +593,7 @@ function at(e, t, n, r) {
 		let m = f.x + f.width / 2, h = f.y + f.height / 2;
 		if (l) {
 			let i = o ? f.x + f.width : f.x, s = h, c = i + ((o ? Math.min(...p.map((e) => e.node.x)) : Math.max(...p.map((e) => e.node.x + e.node.width))) - i) / 2;
-			c = it(c, m, h, n, r);
+			c = at(c, m, h, n, r);
 			let l = [];
 			for (let { edge: n, node: r } of p) {
 				let a = o ? r.x : r.x + r.width, u = r.y + r.height / 2, d = [
@@ -614,7 +614,7 @@ function at(e, t, n, r) {
 						y: u
 					}
 				];
-				nt(d, t, /* @__PURE__ */ new Set([e, r.id])) && l.push({
+				rt(d, t, /* @__PURE__ */ new Set([e, r.id])) && l.push({
 					edge: n,
 					points: d
 				});
@@ -623,7 +623,7 @@ function at(e, t, n, r) {
 			for (let { edge: e, points: t } of l) e.points = t, a.add(e);
 		} else {
 			let i = m, o = c ? f.y : f.y + f.height, s = o + ((c ? Math.max(...p.map((e) => e.node.y + e.node.height)) : Math.min(...p.map((e) => e.node.y))) - o) / 2;
-			s = it(s, m, h, n, r);
+			s = at(s, m, h, n, r);
 			let l = [];
 			for (let { edge: n, node: r } of p) {
 				let a = r.x + r.width / 2, u = c ? r.y + r.height : r.y, d = [
@@ -644,7 +644,7 @@ function at(e, t, n, r) {
 						y: u
 					}
 				];
-				nt(d, t, /* @__PURE__ */ new Set([e, r.id])) && l.push({
+				rt(d, t, /* @__PURE__ */ new Set([e, r.id])) && l.push({
 					edge: n,
 					points: d
 				});
@@ -677,7 +677,7 @@ function at(e, t, n, r) {
 		let p = d.x + d.width / 2, m = d.y + d.height / 2;
 		if (l) {
 			let i = o ? d.x : d.x + d.width, a = m, s = o ? Math.max(...f.map((e) => e.node.x + e.node.width)) : Math.min(...f.map((e) => e.node.x)), c = s + (i - s) / 2;
-			c = it(c, p, m, n, r);
+			c = at(c, p, m, n, r);
 			let l = [];
 			for (let { edge: n, node: r } of f) {
 				let s = o ? r.x + r.width : r.x, u = r.y + r.height / 2, d = [
@@ -698,7 +698,7 @@ function at(e, t, n, r) {
 						y: a
 					}
 				];
-				nt(d, t, /* @__PURE__ */ new Set([r.id, e])) && l.push({
+				rt(d, t, /* @__PURE__ */ new Set([r.id, e])) && l.push({
 					edge: n,
 					points: d
 				});
@@ -707,7 +707,7 @@ function at(e, t, n, r) {
 			for (let { edge: e, points: t } of l) e.points = t;
 		} else {
 			let i = p, a = c ? d.y + d.height : d.y, o = c ? Math.min(...f.map((e) => e.node.y)) : Math.max(...f.map((e) => e.node.y + e.node.height)), s = o + (a - o) / 2;
-			s = it(s, p, m, n, r);
+			s = at(s, p, m, n, r);
 			let l = [];
 			for (let { edge: n, node: r } of f) {
 				let o = r.x + r.width / 2, u = [
@@ -728,7 +728,7 @@ function at(e, t, n, r) {
 						y: a
 					}
 				];
-				nt(u, t, /* @__PURE__ */ new Set([r.id, e])) && l.push({
+				rt(u, t, /* @__PURE__ */ new Set([r.id, e])) && l.push({
 					edge: n,
 					points: u
 				});
@@ -740,7 +740,7 @@ function at(e, t, n, r) {
 }
 //#endregion
 //#region packages/svg-renderer/src/layout-engine/elk-adapter-utils.ts
-function ot(e, t = 0, n = 0) {
+function st(e, t = 0, n = 0) {
 	let r = [];
 	if (!e.sections || e.sections.length === 0) return r;
 	let i = e.sections[0];
@@ -756,7 +756,7 @@ function ot(e, t = 0, n = 0) {
 		y: i.endPoint.y + n
 	}), r;
 }
-function st(e, t = 0, n = 0) {
+function ct(e, t = 0, n = 0) {
 	if (!e.labels || e.labels.length === 0) return;
 	let r = e.labels[0];
 	if (r.x != null && r.y != null) return {
@@ -766,11 +766,11 @@ function st(e, t = 0, n = 0) {
 }
 //#endregion
 //#region packages/svg-renderer/src/layout-engine/from-elk.ts
-var ct = 16, lt = 28, ut = 18, dt = 28, ft = 10;
-function pt(e, t) {
-	let n = e.x + e.width, r = e.y + e.height / 2, i = Math.min(dt, e.height * .6) / 2, a = lt + t * ut, o = [];
-	for (let e = 0; e <= ct; e++) {
-		let t = Math.PI * e / ct;
+var lt = 16, ut = 28, dt = 18, ft = 28, pt = 10;
+function mt(e, t) {
+	let n = e.x + e.width, r = e.y + e.height / 2, i = Math.min(ft, e.height * .6) / 2, a = ut + t * dt, o = [];
+	for (let e = 0; e <= lt; e++) {
+		let t = Math.PI * e / lt;
 		o.push({
 			x: n + a * Math.sin(t),
 			y: r - i * Math.cos(t)
@@ -779,12 +779,12 @@ function pt(e, t) {
 	return {
 		points: o,
 		labelPosition: {
-			x: n + a + ft,
+			x: n + a + pt,
 			y: r
 		}
 	};
 }
-function mt(e, t, n) {
+function ht(e, t, n) {
 	let r = /* @__PURE__ */ new Map();
 	for (let i = 0; i < e.edges.length; i++) {
 		let a = e.edges[i];
@@ -793,7 +793,7 @@ function mt(e, t, n) {
 		if (!o) continue;
 		let s = r.get(o.id) ?? 0;
 		r.set(o.id, s + 1);
-		let { points: c, labelPosition: l } = pt(o, s);
+		let { points: c, labelPosition: l } = mt(o, s);
 		n.push({
 			source: a.source,
 			target: a.target,
@@ -803,38 +803,38 @@ function mt(e, t, n) {
 			hasArrowEnd: a.hasArrowEnd,
 			points: c,
 			labelPosition: a.label ? l : void 0,
-			inlineStyle: Et(i, e),
+			inlineStyle: Dt(i, e),
 			id: a.id,
 			animate: a.animate
 		});
 	}
 }
-function ht(e) {
+function gt(e) {
 	let t = [];
 	for (let n of e) t.push({
 		x: n.x,
 		y: n.y,
 		right: n.x + n.width,
 		bottom: n.y + n.height
-	}), t.push(...ht(n.children));
+	}), t.push(...gt(n.children));
 	return t;
 }
-function gt(e, t, n = !1) {
+function _t(e, t, n = !1) {
 	let r = [], i = [], a = [], o = /* @__PURE__ */ new Set();
-	for (let e of t.subgraphs) Tt(e, o);
-	_t(e, t, o, r, a, 0, 0);
-	let s = ht(a);
-	bt(e, t, i, 0, 0, s.length > 0 ? {
+	for (let e of t.subgraphs) Et(e, o);
+	vt(e, t, o, r, a, 0, 0);
+	let s = gt(a);
+	xt(e, t, i, 0, 0, s.length > 0 ? {
 		leftX: Math.min(...s.map((e) => e.x)) - 20,
 		rightX: Math.max(...s.map((e) => e.right)) + 20
-	} : void 0), et(r, i, t.direction);
+	} : void 0), tt(r, i, t.direction);
 	let c = new Map(r.map((e) => [e.id, e]));
-	mt(t, c, i), n && at(i, r, a, t.direction);
+	ht(t, c, i), n && ot(i, r, a, t.direction);
 	for (let e of i) {
 		let t = c.get(e.source), n = c.get(e.target);
-		t && (e.points = Xe(e.points, t, !0)), n && (e.points = Xe(e.points, n, !1));
+		t && (e.points = Ze(e.points, t, !0)), n && (e.points = Ze(e.points, n, !1));
 	}
-	let l = e.width ?? 800, u = e.height ?? 600, d = z.width, f = ke.padding;
+	let l = e.width ?? 800, u = e.height ?? 600, d = z.width, f = Ae.padding;
 	for (let e of i) {
 		for (let t of e.points) l = Math.max(l, t.x + d + f), u = Math.max(u, t.y + d + f);
 		e.labelPosition && (l = Math.max(l, e.labelPosition.x + 60 + f), u = Math.max(u, e.labelPosition.y + 20 + f));
@@ -847,13 +847,13 @@ function gt(e, t, n = !1) {
 		groups: a
 	};
 }
-function _t(e, t, n, r, i, a, o) {
+function vt(e, t, n, r, i, a, o) {
 	if (e.children) for (let s of e.children) {
 		let e = (s.x ?? 0) + a, c = (s.y ?? 0) + o, l = s.width ?? 0, u = s.height ?? 0;
 		if (n.has(s.id)) {
 			let a = [];
-			_t(s, t, n, r, a, e, c);
-			let o = wt(t.subgraphs, s.id);
+			vt(s, t, n, r, a, e, c);
+			let o = Tt(t.subgraphs, s.id);
 			i.push({
 				id: s.id,
 				label: o?.label ?? "",
@@ -880,11 +880,11 @@ function _t(e, t, n, r, i, a, o) {
 					interaction: t.interactions.get(s.id)
 				});
 			}
-			s.children && s.children.length > 0 && _t(s, t, n, r, i, e, c);
+			s.children && s.children.length > 0 && vt(s, t, n, r, i, e, c);
 		}
 	}
 }
-function vt(e) {
+function yt(e) {
 	let t = /^e(\d+)$/.exec(e);
 	if (t) return {
 		edgeIndex: parseInt(t[1], 10),
@@ -897,7 +897,7 @@ function vt(e) {
 		level: parseInt(n[3], 10)
 	};
 }
-function yt(e) {
+function bt(e) {
 	if (e.length === 0) return {
 		x: 0,
 		y: 0
@@ -922,11 +922,11 @@ function yt(e) {
 	}
 	return e[e.length - 1];
 }
-function bt(e, t, n, r, i, a) {
+function xt(e, t, n, r, i, a) {
 	let o = /* @__PURE__ */ new Map();
-	xt(e, o, 0, 0);
+	St(e, o, 0, 0);
 	let s = /* @__PURE__ */ new Map();
-	Ct(e, s, 0, 0, o);
+	wt(e, s, 0, 0, o);
 	let c = 0;
 	for (let [e, r] of s) {
 		let i = t.edges[e];
@@ -939,9 +939,9 @@ function bt(e, t, n, r, i, a) {
 		let u = [...r.targetHops.keys()].sort((e, t) => e - t);
 		for (let e of u) s(r.targetHops.get(e));
 		let d;
-		i.label && o.length >= 2 && (d = r.bridge?.labelPosition ?? yt(o));
-		let f = St(o, a, c);
-		f !== o && c++, i.label && f !== o && f.length >= 2 && (d = yt(f)), n.push({
+		i.label && o.length >= 2 && (d = r.bridge?.labelPosition ?? bt(o));
+		let f = Ct(o, a, c);
+		f !== o && c++, i.label && f !== o && f.length >= 2 && (d = bt(f)), n.push({
 			source: i.source,
 			target: i.target,
 			label: i.label,
@@ -950,13 +950,13 @@ function bt(e, t, n, r, i, a) {
 			hasArrowEnd: i.hasArrowEnd,
 			points: f,
 			labelPosition: d,
-			inlineStyle: Et(e, t),
+			inlineStyle: Dt(e, t),
 			id: i.id,
 			animate: i.animate
 		});
 	}
 }
-function xt(e, t, n, r) {
+function St(e, t, n, r) {
 	t.set(e.id, {
 		x: n,
 		y: r
@@ -964,10 +964,10 @@ function xt(e, t, n, r) {
 	for (let i of e.children ?? []) {
 		/* v8 ignore next */
 		let e = i.x ?? 0, a = i.y ?? 0;
-		xt(i, t, n + e, r + a);
+		St(i, t, n + e, r + a);
 	}
 }
-function St(e, t, n = 0) {
+function Ct(e, t, n = 0) {
 	if (e.length < 2) return e;
 	let r = !1;
 	for (let t = 1; t < e.length; t++) {
@@ -1006,11 +1006,11 @@ function St(e, t, n = 0) {
 	}
 	return i;
 }
-function Ct(e, t, n, r, i) {
+function wt(e, t, n, r, i) {
 	if (e.edges) for (let a of e.edges) {
-		let e = vt(a.id);
+		let e = yt(a.id);
 		if (!e) continue;
-		let { edgeIndex: o } = e, s = a.container, c = s ? i.get(s) : void 0, l = c?.x ?? n, u = c?.y ?? r, d = ot(a, l, u), f = st(a, l, u), p = t.get(o) ?? {
+		let { edgeIndex: o } = e, s = a.container, c = s ? i.get(s) : void 0, l = c?.x ?? n, u = c?.y ?? r, d = st(a, l, u), f = ct(a, l, u), p = t.get(o) ?? {
 			sourceHops: /* @__PURE__ */ new Map(),
 			targetHops: /* @__PURE__ */ new Map()
 		};
@@ -1022,20 +1022,20 @@ function Ct(e, t, n, r, i) {
 		};
 		e.role === "bridge" ? p.bridge = m : e.role === "source" ? p.sourceHops.set(e.level, m) : p.targetHops.set(e.level, m);
 	}
-	if (e.children) for (let a of e.children) Ct(a, t, n + (a.x ?? 0), r + (a.y ?? 0), i);
+	if (e.children) for (let a of e.children) wt(a, t, n + (a.x ?? 0), r + (a.y ?? 0), i);
 }
-function wt(e, t) {
+function Tt(e, t) {
 	for (let n of e) {
 		if (n.id === t) return n;
-		let e = wt(n.children, t);
+		let e = Tt(n.children, t);
 		if (e) return e;
 	}
 }
-function Tt(e, t) {
+function Et(e, t) {
 	t.add(e.id);
-	for (let n of e.children) Tt(n, t);
+	for (let n of e.children) Et(n, t);
 }
-function Et(e, t) {
+function Dt(e, t) {
 	let n, r = t.linkStyles.get("default");
 	r && (n = { ...r });
 	let i = t.linkStyles.get(e);
@@ -1046,37 +1046,37 @@ function Et(e, t) {
 }
 //#endregion
 //#region packages/svg-renderer/src/layout-engine.ts
-function Dt(e, t = {}) {
+function Ot(e, t = {}) {
 	let n = {
-		...ke,
+		...Ae,
 		...t,
 		fontSizes: P(t.fontSizes)
 	};
-	return gt(we(Ke(e, n), t.layoutCache), e, n.mergeEdges);
+	return _t(Te(qe(e, n), t.layoutCache), e, n.mergeEdges);
 }
-function Ot(e, t = {}) {
-	return Ke(e, {
-		...ke,
+function kt(e, t = {}) {
+	return qe(e, {
+		...Ae,
 		...t,
 		fontSizes: P(t.fontSizes)
 	});
 }
 //#endregion
 //#region packages/svg-renderer/src/renderer.ts
-function kt(e, t, n = "Inter", i = !1, a = N, o = "linear", s, c = !0, l = !0, u, d, f = {}) {
+function At(e, t, r = "Inter", i = !1, a = N, o = "linear", s, c = !0, l = !0, u, d, f = {}) {
 	let p = [], m = l && e.nodes.some((e) => !!b(e.interaction?.href));
-	p.push(U(E(e.width, e.height, t, i, u, d, m, f.styleAttribute), s)), p.push(r(n, !1, f.nonce)), c && e.edges.some((e) => e.animate) && p.push(At(f.nonce)), p.push("<defs>"), p.push(jt());
+	p.push(U(E(e.width, e.height, t, i, u, d, m, f.styleAttribute), s)), p.push(n(r, !1, f.nonce)), c && e.edges.some((e) => e.animate) && p.push(jt(f.nonce)), p.push("<defs>"), p.push(Mt());
 	let h = /* @__PURE__ */ new Set();
 	for (let t of e.edges) t.inlineStyle?.stroke && h.add(t.inlineStyle.stroke);
-	for (let e of h) p.push(Mt(e));
+	for (let e of h) p.push(Nt(e));
 	p.push("</defs>");
-	for (let t of e.groups) p.push(Ft(t, n, a));
-	for (let t of e.edges) p.push(It(t, o, c));
-	for (let t of e.edges) t.label && p.push(Rt(t, n, a));
-	for (let t of e.nodes) p.push(Ht(t, n, a, l));
+	for (let t of e.groups) p.push(It(t, r, a));
+	for (let t of e.edges) p.push(Lt(t, o, c));
+	for (let t of e.edges) t.label && p.push(zt(t, r, a));
+	for (let t of e.nodes) p.push(Ut(t, r, a, l));
 	return p.push("</svg>"), p.join("\n");
 }
-function At(e) {
+function jt(e) {
 	return [
 		T(e),
 		"  @keyframes zm-edge-dash { to { stroke-dashoffset: -28; } }",
@@ -1087,67 +1087,67 @@ function At(e) {
 		"</style>"
 	].join("\n");
 }
-function jt() {
-	return Nt("var(--_arrow)", "");
+function Mt() {
+	return Pt("var(--_arrow)", "");
 }
-function Mt(e) {
-	return Nt(a(e), `-${Pt(e)}`);
+function Nt(e) {
+	return Pt(i(e), s`-${Ft(e)}`);
 }
-function Nt(e, t) {
-	let n = z.width, r = z.height, i = n - 1, a = `fill="${e}" stroke="${e}" stroke-width="0.75" stroke-linejoin="round"`, o = `<polygon points="0 0, ${n} ${r / 2}, 0 ${r}" ${a} />`, s = (e, t) => `  <marker id="${e}" markerWidth="${n}" markerHeight="${r}" refX="${i}" refY="${r / 2}" orient="${t}">\n    ${o}\n  </marker>`;
-	return s(`arrowhead${t}`, "auto") + "\n" + s(`arrowhead-start${t}`, "auto-start-reverse");
+function Pt(e, t) {
+	let n = z.width, r = z.height, i = n - 1, a = s`fill="${e}" stroke="${e}" stroke-width="0.75" stroke-linejoin="round"`, o = s`<polygon points="0 0, ${n} ${r / 2}, 0 ${r}" ${a} />`, c = (e, t) => s`  <marker id="${e}" markerWidth="${n}" markerHeight="${r}" refX="${i}" refY="${r / 2}" orient="${t}">` + s`\n    ${o}` + "\n  </marker>";
+	return c(s`arrowhead${t}`, "auto") + "\n" + c(s`arrowhead-start${t}`, "auto-start-reverse");
 }
-function Pt(e) {
+function Ft(e) {
 	return e.replace(/[^a-zA-Z0-9]/g, (e) => e.charCodeAt(0).toString(16));
 }
-function Ft(e, t, n) {
-	let r = n.groupHeader + 16, i = [];
-	i.push(`<g class="subgraph" data-id="${a(e.id)}" data-label="${a(e.label)}">`), i.push(`  <rect x="${e.x}" y="${e.y}" width="${e.width}" height="${e.height}" rx="0" ry="0" fill="var(--_group-fill)" stroke="var(--_node-stroke)" stroke-width="${L.outerBox}" />`), i.push(`  <rect x="${e.x}" y="${e.y}" width="${e.width}" height="${r}" rx="0" ry="0" fill="var(--_group-hdr)" stroke="var(--_node-stroke)" stroke-width="${L.outerBox}" />`), i.push("  " + _(e.label, e.x + 12, e.y + r / 2, n.groupHeader, `font-size="${n.groupHeader}" font-weight="${F.groupHeader}" fill="var(--_text-sec)"`));
-	for (let r of e.children) i.push(Ft(r, t, n));
-	return i.push("</g>"), i.join("\n");
+function It(e, t, n) {
+	let r = n.groupHeader + 16, a = [];
+	a.push(s`<g class="subgraph" data-id="${i(e.id)}" data-label="${i(e.label)}">`), a.push(s`  <rect x="${e.x}" y="${e.y}" width="${e.width}" height="${e.height}" ` + s`rx="0" ry="0" fill="var(--_group-fill)" stroke="var(--_node-stroke)" stroke-width="${L.outerBox}" />`), a.push(s`  <rect x="${e.x}" y="${e.y}" width="${e.width}" height="${r}" ` + s`rx="0" ry="0" fill="var(--_group-hdr)" stroke="var(--_node-stroke)" stroke-width="${L.outerBox}" />`), a.push("  " + _(e.label, e.x + 12, e.y + r / 2, n.groupHeader, s`font-size="${n.groupHeader}" font-weight="${F.groupHeader}" fill="var(--_text-sec)"`));
+	for (let r of e.children) a.push(It(r, t, n));
+	return a.push("</g>"), a.join("\n");
 }
-function It(e, t, n = !0) {
+function Lt(e, t, n = !0) {
 	if (e.points.length < 2) return "";
-	let r = n && (e.animate ?? !1), i = t !== "linear", o = e.style === "invisible", s = e.style === "dotted" ? " stroke-dasharray=\"4 4\"" : "", c = e.style === "thick" ? L.connector * 2 : L.connector, l = o ? "none" : a(e.inlineStyle?.stroke ?? "var(--_line)"), u = a(e.inlineStyle?.["stroke-width"] ?? String(c)), d = e.inlineStyle?.stroke ? `-${Pt(e.inlineStyle.stroke)}` : "", f = "";
-	o || (e.hasArrowEnd && (f += ` marker-end="url(#arrowhead${d})"`), e.hasArrowStart && (f += ` marker-start="url(#arrowhead-start${d})"`));
-	let p = [
-		`class="edge${r ? " edge-animated" : ""}"`,
-		`data-from="${a(e.source)}"`,
-		`data-to="${a(e.target)}"`,
-		`data-style="${e.style}"`,
-		`data-arrow-start="${e.hasArrowStart}"`,
-		`data-arrow-end="${e.hasArrowEnd}"`
+	let r = n && (e.animate ?? !1), a = t !== "linear", o = e.style === "invisible", c = e.style === "dotted" ? " stroke-dasharray=\"4 4\"" : "", l = e.style === "thick" ? L.connector * 2 : L.connector, u = o ? "none" : i(e.inlineStyle?.stroke ?? "var(--_line)"), d = i(e.inlineStyle?.["stroke-width"] ?? String(l)), f = e.inlineStyle?.stroke ? s`-${Ft(e.inlineStyle.stroke)}` : "", p = "";
+	o || (e.hasArrowEnd && (p += s` marker-end="url(#arrowhead${f})"`), e.hasArrowStart && (p += s` marker-start="url(#arrowhead-start${f})"`));
+	let m = [
+		s`class="edge${r ? " edge-animated" : ""}"`,
+		s`data-from="${i(e.source)}"`,
+		s`data-to="${i(e.target)}"`,
+		s`data-style="${e.style}"`,
+		s`data-arrow-start="${e.hasArrowStart}"`,
+		s`data-arrow-end="${e.hasArrowEnd}"`
 	];
-	e.label && p.push(`data-label="${a(e.label)}"`), e.id && p.push(`data-id="${a(e.id)}"`);
-	let m = r && !s ? " stroke-dasharray=\"8 6\"" : "", h = i ? `d="${_e(e.points, t)}"` : `points="${Lt(e.points)}"`;
-	return `<${i ? "path" : "polyline"} ${p.join(" ")} ${h} fill="none" stroke="${l}" stroke-width="${u}"${s}${m}${f} />`;
+	e.label && m.push(s`data-label="${i(e.label)}"`), e.id && m.push(s`data-id="${i(e.id)}"`);
+	let h = r && !c ? " stroke-dasharray=\"8 6\"" : "", g = a ? s`d="${ve(e.points, t)}"` : s`points="${Rt(e.points)}"`;
+	return s`<${a ? "path" : "polyline"} ${m.join(" ")} ${g} ` + s`fill="none" stroke="${u}" ` + s`stroke-width="${d}"${c}${h}${p} />`;
 }
-function Lt(e) {
-	return e.map((e) => `${e.x},${e.y}`).join(" ");
+function Rt(e) {
+	return e.map((e) => s`${e.x},${e.y}`).join(" ");
 }
-function Rt(e, t, n) {
+function zt(e, t, n) {
 	if (!e.label) return "";
-	let r = e.label, i = e.labelPosition ?? Bt(e.points), o = d(r, n.edgeLabel, F.edgeLabel), s = v(r, i.x, i.y, o.width, o.height, n.edgeLabel, 8, `text-anchor="middle" font-size="${n.edgeLabel}" font-weight="${F.edgeLabel}" fill="var(--_text-sec)"`, "rx=\"2\" ry=\"2\" fill=\"var(--bg)\" stroke=\"var(--_inner-stroke)\" stroke-width=\"1\"");
-	return `<g class="edge-label" data-from="${a(e.source)}" data-to="${a(e.target)}" data-label="${a(r)}">\n  ${s.replace(/\n/g, "\n  ")}\n</g>`;
+	let r = e.label, a = e.labelPosition ?? Vt(e.points), o = d(r, n.edgeLabel, F.edgeLabel), c = v(r, a.x, a.y, o.width, o.height, n.edgeLabel, 8, s`text-anchor="middle" font-size="${n.edgeLabel}" font-weight="${F.edgeLabel}" fill="var(--_text-sec)"`, "rx=\"2\" ry=\"2\" fill=\"var(--bg)\" stroke=\"var(--_inner-stroke)\" stroke-width=\"1\"");
+	return s`<g class="edge-label" data-from="${i(e.source)}" data-to="${i(e.target)}" data-label="${i(r)}">\n` + s`  ${c.replace(/\n/g, "\n  ")}\n` + "</g>";
 }
-function zt(e, t) {
+function Bt(e, t) {
 	let n = e[t];
 	if (!n)
  /* v8 ignore next */
-	throw Error(`edgeMidpoint: missing point at index ${t}`);
+	throw Error(s`edgeMidpoint: missing point at index ${t}`);
 	return n;
 }
-function Bt(e) {
+function Vt(e) {
 	if (e.length === 0) return {
 		x: 0,
 		y: 0
 	};
 	if (e.length === 1) return e[0];
 	let t = 0;
-	for (let n = 1; n < e.length; n++) t += Vt(zt(e, n - 1), zt(e, n));
+	for (let n = 1; n < e.length; n++) t += Ht(Bt(e, n - 1), Bt(e, n));
 	let n = t / 2;
 	for (let t = 1; t < e.length; t++) {
-		let r = zt(e, t - 1), i = zt(e, t), a = Vt(r, i);
+		let r = Bt(e, t - 1), i = Bt(e, t), a = Ht(r, i);
 		if (n <= a) {
 			let e = n / a;
 			return {
@@ -1159,281 +1159,287 @@ function Bt(e) {
 	}
 	return e[e.length - 1];
 }
-function Vt(e, t) {
+function Ht(e, t) {
 	return Math.sqrt((t.x - e.x) ** 2 + (t.y - e.y) ** 2);
 }
-function Ht(e, t, n, r = !0) {
-	let i = Ut(e), s = wn(e, t, n), c = [], l = x(e.className), u = l ? `node ${l}` : "node", d = e.interaction, f = [
-		`class="${u}"`,
-		`data-id="${a(e.id)}"`,
-		`data-label="${a(e.label)}"`,
-		`data-shape="${e.shape}"`
+function Ut(e, t, n, r = !0) {
+	let o = Wt(e), c = Tn(e, t, n), l = [], u = x(e.className), d = u ? s`node ${u}` : "node", f = e.interaction, p = [
+		s`class="${d}"`,
+		s`data-id="${i(e.id)}"`,
+		s`data-label="${i(e.label)}"`,
+		s`data-shape="${e.shape}"`
 	];
-	c.push(`<g ${f.join(" ")}>`);
-	let p = r ? b(d?.href) : void 0, m = p ? "    " : "  ";
-	if (p) {
-		let e = d?.target ? ` target="${a(d.target)}"` : "";
-		c.push(`  <a href="${a(p)}"${e}>`);
+	l.push(s`<g ${p.join(" ")}>`);
+	let m = r ? b(f?.href) : void 0, h = m ? "    " : "  ";
+	if (m) {
+		let e = f?.target ? s` target="${i(f.target)}"` : "";
+		l.push(s`  <a href="${i(m)}"${e}>`);
 	}
-	return r && d?.tooltip && c.push(`${m}<title>${o(d.tooltip)}</title>`), c.push(`${m}${i.replace(/\n/g, `\n${m}`)}`), s && c.push(`${m}${s.replace(/\n/g, `\n${m}`)}`), p && c.push("  </a>"), c.push("</g>"), c.join("\n");
+	return r && f?.tooltip && l.push(s`${h}<title>${a(f.tooltip)}</title>`), l.push(s`${h}${o.replace(/\n/g, s`\n${h}`)}`), c && l.push(s`${h}${c.replace(/\n/g, s`\n${h}`)}`), m && l.push("  </a>"), l.push("</g>"), l.join("\n");
 }
-function Ut(e) {
-	let { x: t, y: n, width: r, height: i, shape: o, inlineStyle: s } = e, c = a(s?.fill ?? "var(--_node-fill)"), l = a(s?.stroke ?? "var(--_node-stroke)"), u = a(s?.["stroke-width"] ?? String(L.innerBox));
+function Wt(e) {
+	let { x: t, y: n, width: r, height: a, shape: o, inlineStyle: s } = e, c = i(s?.fill ?? "var(--_node-fill)"), l = i(s?.stroke ?? "var(--_node-stroke)"), u = i(s?.["stroke-width"] ?? String(L.innerBox));
 	switch (o) {
-		case "diamond": return Jt(t, n, r, i, c, l, u);
-		case "rounded": return Gt(t, n, r, i, c, l, u);
-		case "stadium": return Kt(t, n, r, i, c, l, u);
-		case "circle": return qt(t, n, r, i, c, l, u);
-		case "subroutine": return Yt(t, n, r, i, c, l, u);
-		case "doublecircle": return Xt(t, n, r, i, c, l, u);
-		case "hexagon": return Zt(t, n, r, i, c, l, u);
-		case "cylinder": return Qt(t, n, r, i, c, l, u);
-		case "asymmetric": return $t(t, n, r, i, c, l, u);
-		case "trapezoid": return en(t, n, r, i, c, l, u);
-		case "trapezoid-alt": return tn(t, n, r, i, c, l, u);
-		case "parallelogram": return nn(t, n, r, i, c, l, u);
-		case "parallelogram-alt": return rn(t, n, r, i, c, l, u);
-		case "state-start": return Sn(t, n, r, i);
-		case "state-end": return Cn(t, n, r, i);
-		case "document": return an(t, n, r, i, c, l, u);
-		case "stacked-document": return on(t, n, r, i, c, l, u, !0);
-		case "stacked-process": return on(t, n, r, i, c, l, u, !1);
-		case "card": return sn(t, n, r, i, c, l, u);
-		case "lined-process": return cn(t, n, r, i, c, l, u);
-		case "divided-process": return ln(t, n, r, i, c, l, u);
-		case "window-pane": return un(t, n, r, i, c, l, u);
-		case "triangle": return dn(t, n, r, i, c, l, u, !1);
-		case "flipped-triangle": return dn(t, n, r, i, c, l, u, !0);
-		case "filled-circle": return fn(t, n, r, i, l);
-		case "crossed-circle": return pn(t, n, r, i, c, l, u);
-		case "fork-join": return mn(t, n, r, i, l);
-		case "notched-pentagon": return hn(t, n, r, i, c, l, u);
-		case "sloped-rectangle": return gn(t, n, r, i, c, l, u);
-		case "flag": return _n(t, n, r, i, c, l, u);
-		case "bow-tie-rectangle": return vn(t, n, r, i, c, l, u);
-		case "half-rounded-rectangle": return yn(t, n, r, i, c, l, u);
-		case "brace": return bn(t, n, r, i, c, l, u, "left");
-		case "brace-right": return bn(t, n, r, i, c, l, u, "right");
-		case "braces": return bn(t, n, r, i, c, l, u, "both");
-		case "bolt": return xn(t, n, r, i, c, l, u);
+		case "diamond": return Yt(t, n, r, a, c, l, u);
+		case "rounded": return Kt(t, n, r, a, c, l, u);
+		case "stadium": return qt(t, n, r, a, c, l, u);
+		case "circle": return Jt(t, n, r, a, c, l, u);
+		case "subroutine": return Xt(t, n, r, a, c, l, u);
+		case "doublecircle": return Zt(t, n, r, a, c, l, u);
+		case "hexagon": return Qt(t, n, r, a, c, l, u);
+		case "cylinder": return $t(t, n, r, a, c, l, u);
+		case "asymmetric": return en(t, n, r, a, c, l, u);
+		case "trapezoid": return tn(t, n, r, a, c, l, u);
+		case "trapezoid-alt": return nn(t, n, r, a, c, l, u);
+		case "parallelogram": return rn(t, n, r, a, c, l, u);
+		case "parallelogram-alt": return an(t, n, r, a, c, l, u);
+		case "state-start": return Cn(t, n, r, a);
+		case "state-end": return wn(t, n, r, a);
+		case "document": return on(t, n, r, a, c, l, u);
+		case "stacked-document": return sn(t, n, r, a, c, l, u, !0);
+		case "stacked-process": return sn(t, n, r, a, c, l, u, !1);
+		case "card": return cn(t, n, r, a, c, l, u);
+		case "lined-process": return ln(t, n, r, a, c, l, u);
+		case "divided-process": return un(t, n, r, a, c, l, u);
+		case "window-pane": return dn(t, n, r, a, c, l, u);
+		case "triangle": return fn(t, n, r, a, c, l, u, !1);
+		case "flipped-triangle": return fn(t, n, r, a, c, l, u, !0);
+		case "filled-circle": return pn(t, n, r, a, l);
+		case "crossed-circle": return mn(t, n, r, a, c, l, u);
+		case "fork-join": return hn(t, n, r, a, l);
+		case "notched-pentagon": return gn(t, n, r, a, c, l, u);
+		case "sloped-rectangle": return _n(t, n, r, a, c, l, u);
+		case "flag": return vn(t, n, r, a, c, l, u);
+		case "bow-tie-rectangle": return yn(t, n, r, a, c, l, u);
+		case "half-rounded-rectangle": return bn(t, n, r, a, c, l, u);
+		case "brace": return xn(t, n, r, a, c, l, u, "left");
+		case "brace-right": return xn(t, n, r, a, c, l, u, "right");
+		case "braces": return xn(t, n, r, a, c, l, u, "both");
+		case "bolt": return Sn(t, n, r, a, c, l, u);
 		case "text":
 		case "anchor": return "";
-		default: return Wt(t, n, r, i, c, l, u);
+		default: return Gt(t, n, r, a, c, l, u);
 	}
 }
-function Wt(e, t, n, r, i, a, o) {
-	return `<rect x="${e}" y="${t}" width="${n}" height="${r}" rx="0" ry="0" fill="${i}" stroke="${a}" stroke-width="${o}" />`;
-}
 function Gt(e, t, n, r, i, a, o) {
-	return `<rect x="${e}" y="${t}" width="${n}" height="${r}" rx="6" ry="6" fill="${i}" stroke="${a}" stroke-width="${o}" />`;
+	return s`<rect x="${e}" y="${t}" width="${n}" height="${r}" ` + s`rx="0" ry="0" fill="${i}" stroke="${a}" stroke-width="${o}" />`;
 }
 function Kt(e, t, n, r, i, a, o) {
-	let s = r / 2;
-	return `<rect x="${e}" y="${t}" width="${n}" height="${r}" rx="${s}" ry="${s}" fill="${i}" stroke="${a}" stroke-width="${o}" />`;
+	return s`<rect x="${e}" y="${t}" width="${n}" height="${r}" ` + s`rx="6" ry="6" fill="${i}" stroke="${a}" stroke-width="${o}" />`;
 }
 function qt(e, t, n, r, i, a, o) {
-	return `<circle cx="${e + n / 2}" cy="${t + r / 2}" r="${Math.min(n, r) / 2}" fill="${i}" stroke="${a}" stroke-width="${o}" />`;
+	let c = r / 2;
+	return s`<rect x="${e}" y="${t}" width="${n}" height="${r}" ` + s`rx="${c}" ry="${c}" fill="${i}" stroke="${a}" stroke-width="${o}" />`;
 }
 function Jt(e, t, n, r, i, a, o) {
-	let s = e + n / 2, c = t + r / 2, l = n / 2, u = r / 2;
-	return `<polygon points="${[
-		`${s},${c - u}`,
-		`${s + l},${c}`,
-		`${s},${c + u}`,
-		`${s - l},${c}`
-	].join(" ")}" fill="${i}" stroke="${a}" stroke-width="${o}" />`;
+	let c = e + n / 2, l = t + r / 2, u = Math.min(n, r) / 2;
+	return s`<circle cx="${c}" cy="${l}" r="${u}" ` + s`fill="${i}" stroke="${a}" stroke-width="${o}" />`;
 }
 function Yt(e, t, n, r, i, a, o) {
-	return `<rect x="${e}" y="${t}" width="${n}" height="${r}" rx="0" ry="0" fill="${i}" stroke="${a}" stroke-width="${o}" />\n<line x1="${e + 8}" y1="${t}" x2="${e + 8}" y2="${t + r}" stroke="${a}" stroke-width="${o}" />\n<line x1="${e + n - 8}" y1="${t}" x2="${e + n - 8}" y2="${t + r}" stroke="${a}" stroke-width="${o}" />`;
+	let c = e + n / 2, l = t + r / 2, u = n / 2, d = r / 2, f = [
+		s`${c},${l - d}`,
+		s`${c + u},${l}`,
+		s`${c},${l + d}`,
+		s`${c - u},${l}`
+	].join(" ");
+	return s`<polygon points="${f}" fill="${i}" stroke="${a}" stroke-width="${o}" />`;
 }
 function Xt(e, t, n, r, i, a, o) {
-	let s = e + n / 2, c = t + r / 2, l = Math.min(n, r) / 2;
-	return `<circle cx="${s}" cy="${c}" r="${l}" fill="${i}" stroke="${a}" stroke-width="${o}" />\n<circle cx="${s}" cy="${c}" r="${l - 5}" fill="${i}" stroke="${a}" stroke-width="${o}" />`;
+	return s`<rect x="${e}" y="${t}" width="${n}" height="${r}" ` + s`rx="0" ry="0" fill="${i}" stroke="${a}" stroke-width="${o}" />` + s`\n<line x1="${e + 8}" y1="${t}" x2="${e + 8}" y2="${t + r}" ` + s`stroke="${a}" stroke-width="${o}" />` + s`\n<line x1="${e + n - 8}" y1="${t}" x2="${e + n - 8}" y2="${t + r}" ` + s`stroke="${a}" stroke-width="${o}" />`;
 }
 function Zt(e, t, n, r, i, a, o) {
-	let s = r / 4;
-	return `<polygon points="${[
-		`${e + s},${t}`,
-		`${e + n - s},${t}`,
-		`${e + n},${t + r / 2}`,
-		`${e + n - s},${t + r}`,
-		`${e + s},${t + r}`,
-		`${e},${t + r / 2}`
-	].join(" ")}" fill="${i}" stroke="${a}" stroke-width="${o}" />`;
+	let c = e + n / 2, l = t + r / 2, u = Math.min(n, r) / 2, d = u - 5;
+	return s`<circle cx="${c}" cy="${l}" r="${u}" ` + s`fill="${i}" stroke="${a}" stroke-width="${o}" />` + s`\n<circle cx="${c}" cy="${l}" r="${d}" ` + s`fill="${i}" stroke="${a}" stroke-width="${o}" />`;
 }
 function Qt(e, t, n, r, i, a, o) {
-	let s = e + n / 2, c = t + 7, l = r - 14;
-	return `<rect x="${e}" y="${c}" width="${n}" height="${l}" fill="${i}" stroke="none" />\n<line x1="${e}" y1="${c}" x2="${e}" y2="${c + l}" stroke="${a}" stroke-width="${o}" />\n<line x1="${e + n}" y1="${c}" x2="${e + n}" y2="${c + l}" stroke="${a}" stroke-width="${o}" />\n<ellipse cx="${s}" cy="${t + r - 7}" rx="${n / 2}" ry="7" fill="${i}" stroke="${a}" stroke-width="${o}" />\n<ellipse cx="${s}" cy="${c}" rx="${n / 2}" ry="7" fill="${i}" stroke="${a}" stroke-width="${o}" />`;
+	let c = r / 4, l = [
+		s`${e + c},${t}`,
+		s`${e + n - c},${t}`,
+		s`${e + n},${t + r / 2}`,
+		s`${e + n - c},${t + r}`,
+		s`${e + c},${t + r}`,
+		s`${e},${t + r / 2}`
+	].join(" ");
+	return s`<polygon points="${l}" fill="${i}" stroke="${a}" stroke-width="${o}" />`;
 }
 function $t(e, t, n, r, i, a, o) {
-	return `<polygon points="${[
-		`${e + 12},${t}`,
-		`${e + n},${t}`,
-		`${e + n},${t + r}`,
-		`${e + 12},${t + r}`,
-		`${e},${t + r / 2}`
-	].join(" ")}" fill="${i}" stroke="${a}" stroke-width="${o}" />`;
+	let c = e + n / 2, l = t + 7, u = r - 14;
+	return s`<rect x="${e}" y="${l}" width="${n}" height="${u}" ` + s`fill="${i}" stroke="none" />` + s`\n<line x1="${e}" y1="${l}" x2="${e}" y2="${l + u}" stroke="${a}" stroke-width="${o}" />` + s`\n<line x1="${e + n}" y1="${l}" x2="${e + n}" y2="${l + u}" stroke="${a}" stroke-width="${o}" />` + s`\n<ellipse cx="${c}" cy="${t + r - 7}" rx="${n / 2}" ry="${7}" ` + s`fill="${i}" stroke="${a}" stroke-width="${o}" />` + s`\n<ellipse cx="${c}" cy="${l}" rx="${n / 2}" ry="${7}" ` + s`fill="${i}" stroke="${a}" stroke-width="${o}" />`;
 }
 function en(e, t, n, r, i, a, o) {
-	let s = n * .15;
-	return `<polygon points="${[
-		`${e + s},${t}`,
-		`${e + n - s},${t}`,
-		`${e + n},${t + r}`,
-		`${e},${t + r}`
-	].join(" ")}" fill="${i}" stroke="${a}" stroke-width="${o}" />`;
+	let c = [
+		s`${e + 12},${t}`,
+		s`${e + n},${t}`,
+		s`${e + n},${t + r}`,
+		s`${e + 12},${t + r}`,
+		s`${e},${t + r / 2}`
+	].join(" ");
+	return s`<polygon points="${c}" fill="${i}" stroke="${a}" stroke-width="${o}" />`;
 }
 function tn(e, t, n, r, i, a, o) {
-	let s = n * .15;
-	return `<polygon points="${[
-		`${e},${t}`,
-		`${e + n},${t}`,
-		`${e + n - s},${t + r}`,
-		`${e + s},${t + r}`
-	].join(" ")}" fill="${i}" stroke="${a}" stroke-width="${o}" />`;
+	let c = n * .15, l = [
+		s`${e + c},${t}`,
+		s`${e + n - c},${t}`,
+		s`${e + n},${t + r}`,
+		s`${e},${t + r}`
+	].join(" ");
+	return s`<polygon points="${l}" fill="${i}" stroke="${a}" stroke-width="${o}" />`;
 }
 function nn(e, t, n, r, i, a, o) {
-	let s = n * .15;
-	return `<polygon points="${[
-		`${e + s},${t}`,
-		`${e + n},${t}`,
-		`${e + n - s},${t + r}`,
-		`${e},${t + r}`
-	].join(" ")}" fill="${i}" stroke="${a}" stroke-width="${o}" />`;
+	let c = n * .15, l = [
+		s`${e},${t}`,
+		s`${e + n},${t}`,
+		s`${e + n - c},${t + r}`,
+		s`${e + c},${t + r}`
+	].join(" ");
+	return s`<polygon points="${l}" fill="${i}" stroke="${a}" stroke-width="${o}" />`;
 }
 function rn(e, t, n, r, i, a, o) {
-	let s = n * .15;
-	return `<polygon points="${[
-		`${e},${t}`,
-		`${e + n - s},${t}`,
-		`${e + n},${t + r}`,
-		`${e + s},${t + r}`
-	].join(" ")}" fill="${i}" stroke="${a}" stroke-width="${o}" />`;
+	let c = n * .15, l = [
+		s`${e + c},${t}`,
+		s`${e + n},${t}`,
+		s`${e + n - c},${t + r}`,
+		s`${e},${t + r}`
+	].join(" ");
+	return s`<polygon points="${l}" fill="${i}" stroke="${a}" stroke-width="${o}" />`;
+}
+function an(e, t, n, r, i, a, o) {
+	let c = n * .15, l = [
+		s`${e},${t}`,
+		s`${e + n - c},${t}`,
+		s`${e + n},${t + r}`,
+		s`${e + c},${t + r}`
+	].join(" ");
+	return s`<polygon points="${l}" fill="${i}" stroke="${a}" stroke-width="${o}" />`;
 }
 function H(e, t, n) {
-	return `fill="${e}" stroke="${t}" stroke-width="${n}"`;
+	return s`fill="${e}" stroke="${t}" stroke-width="${n}"`;
 }
-function an(e, t, n, r, i, a, o) {
-	let s = Math.min(10, r * .16), c = t + r - s;
-	return `<path d="${`M ${e} ${t} L ${e + n} ${t} L ${e + n} ${c} C ${e + n * .75} ${c + s * 1.8} ${e + n * .25} ${c - s * .8} ${e} ${c} Z`}" ${H(i, a, o)} />`;
-}
-function on(e, t, n, r, i, a, o, s) {
-	let c = n - 10, l = r - 10, u = [];
-	for (let n = 2; n >= 1; n--) u.push(`<rect x="${e + 5 * n}" y="${t + 5 * (2 - n)}" width="${c}" height="${l}" ${H(i, a, o)} />`);
-	return u.push(s ? an(e, t + 10, c, l, i, a, o) : `<rect x="${e}" y="${t + 10}" width="${c}" height="${l}" ${H(i, a, o)} />`), u.join("\n");
-}
-function sn(e, t, n, r, i, a, o) {
-	let s = Math.min(14, n * .12, r * .3);
-	return `<polygon points="${[
-		`${e + s},${t}`,
-		`${e + n},${t}`,
-		`${e + n},${t + r}`,
-		`${e},${t + r}`,
-		`${e},${t + s}`
-	].join(" ")}" ${H(i, a, o)} />`;
+function on(e, t, n, r, i, a, o) {
+	let c = Math.min(10, r * .16), l = t + r - c, u = s`M ${e} ${t} L ${e + n} ${t} L ${e + n} ${l} ` + s`C ${e + n * .75} ${l + c * 1.8} ${e + n * .25} ${l - c * .8} ${e} ${l} Z`;
+	return s`<path d="${u}" ${H(i, a, o)} />`;
+}
+function sn(e, t, n, r, i, a, o, c) {
+	let l = n - 10, u = r - 10, d = [];
+	for (let n = 2; n >= 1; n--) d.push(s`<rect x="${e + 5 * n}" y="${t + 5 * (2 - n)}" width="${l}" height="${u}" ` + s`${H(i, a, o)} />`);
+	return d.push(c ? on(e, t + 10, l, u, i, a, o) : s`<rect x="${e}" y="${t + 10}" width="${l}" height="${u}" ${H(i, a, o)} />`), d.join("\n");
 }
 function cn(e, t, n, r, i, a, o) {
-	let s = Math.min(12, n * .12);
-	return `<rect x="${e}" y="${t}" width="${n}" height="${r}" ${H(i, a, o)} />\n<line x1="${e + s}" y1="${t}" x2="${e + s}" y2="${t + r}" stroke="${a}" stroke-width="${o}" />`;
+	let c = Math.min(14, n * .12, r * .3), l = [
+		s`${e + c},${t}`,
+		s`${e + n},${t}`,
+		s`${e + n},${t + r}`,
+		s`${e},${t + r}`,
+		s`${e},${t + c}`
+	].join(" ");
+	return s`<polygon points="${l}" ${H(i, a, o)} />`;
 }
 function ln(e, t, n, r, i, a, o) {
-	let s = t + Math.min(16, r * .3);
-	return `<rect x="${e}" y="${t}" width="${n}" height="${r}" ${H(i, a, o)} />\n<line x1="${e}" y1="${s}" x2="${e + n}" y2="${s}" stroke="${a}" stroke-width="${o}" />`;
+	let c = Math.min(12, n * .12);
+	return s`<rect x="${e}" y="${t}" width="${n}" height="${r}" ${H(i, a, o)} />\n` + s`<line x1="${e + c}" y1="${t}" x2="${e + c}" y2="${t + r}" stroke="${a}" stroke-width="${o}" />`;
 }
 function un(e, t, n, r, i, a, o) {
-	let s = e + Math.min(16, n * .16), c = t + Math.min(14, r * .28);
-	return `<rect x="${e}" y="${t}" width="${n}" height="${r}" ${H(i, a, o)} />\n<line x1="${s}" y1="${t}" x2="${s}" y2="${t + r}" stroke="${a}" stroke-width="${o}" />\n<line x1="${e}" y1="${c}" x2="${e + n}" y2="${c}" stroke="${a}" stroke-width="${o}" />`;
-}
-function dn(e, t, n, r, i, a, o, s) {
-	return `<polygon points="${(s ? [
-		`${e},${t}`,
-		`${e + n},${t}`,
-		`${e + n / 2},${t + r}`
+	let c = t + Math.min(16, r * .3);
+	return s`<rect x="${e}" y="${t}" width="${n}" height="${r}" ${H(i, a, o)} />\n` + s`<line x1="${e}" y1="${c}" x2="${e + n}" y2="${c}" stroke="${a}" stroke-width="${o}" />`;
+}
+function dn(e, t, n, r, i, a, o) {
+	let c = e + Math.min(16, n * .16), l = t + Math.min(14, r * .28);
+	return s`<rect x="${e}" y="${t}" width="${n}" height="${r}" ${H(i, a, o)} />\n` + s`<line x1="${c}" y1="${t}" x2="${c}" y2="${t + r}" stroke="${a}" stroke-width="${o}" />\n` + s`<line x1="${e}" y1="${l}" x2="${e + n}" y2="${l}" stroke="${a}" stroke-width="${o}" />`;
+}
+function fn(e, t, n, r, i, a, o, c) {
+	let l = c ? [
+		s`${e},${t}`,
+		s`${e + n},${t}`,
+		s`${e + n / 2},${t + r}`
 	] : [
-		`${e + n / 2},${t}`,
-		`${e + n},${t + r}`,
-		`${e},${t + r}`
-	]).join(" ")}" ${H(i, a, o)} />`;
+		s`${e + n / 2},${t}`,
+		s`${e + n},${t + r}`,
+		s`${e},${t + r}`
+	];
+	return s`<polygon points="${l.join(" ")}" ${H(i, a, o)} />`;
 }
-function fn(e, t, n, r, i) {
+function pn(e, t, n, r, i) {
 	let a = Math.min(n, r) / 2 - 2;
-	return `<circle cx="${e + n / 2}" cy="${t + r / 2}" r="${a}" fill="${i}" stroke="${i}" />`;
+	return s`<circle cx="${e + n / 2}" cy="${t + r / 2}" r="${a}" fill="${i}" stroke="${i}" />`;
 }
-function pn(e, t, n, r, i, a, o) {
-	let s = e + n / 2, c = t + r / 2, l = Math.min(n, r) / 2 - 2, u = l / Math.SQRT2;
-	return `<circle cx="${s}" cy="${c}" r="${l}" ${H(i, a, o)} />\n<line x1="${s - u}" y1="${c - u}" x2="${s + u}" y2="${c + u}" stroke="${a}" stroke-width="${o}" />\n<line x1="${s + u}" y1="${c - u}" x2="${s - u}" y2="${c + u}" stroke="${a}" stroke-width="${o}" />`;
+function mn(e, t, n, r, i, a, o) {
+	let c = e + n / 2, l = t + r / 2, u = Math.min(n, r) / 2 - 2, d = u / Math.SQRT2;
+	return s`<circle cx="${c}" cy="${l}" r="${u}" ${H(i, a, o)} />\n` + s`<line x1="${c - d}" y1="${l - d}" x2="${c + d}" y2="${l + d}" stroke="${a}" stroke-width="${o}" />\n` + s`<line x1="${c + d}" y1="${l - d}" x2="${c - d}" y2="${l + d}" stroke="${a}" stroke-width="${o}" />`;
 }
-function mn(e, t, n, r, i) {
+function hn(e, t, n, r, i) {
 	let a = Math.min(8, r);
-	return `<rect x="${e}" y="${t + (r - a) / 2}" width="${n}" height="${a}" fill="${i}" stroke="${i}" />`;
-}
-function hn(e, t, n, r, i, a, o) {
-	let s = Math.min(14, n * .12, r * .3);
-	return `<polygon points="${[
-		`${e + s},${t}`,
-		`${e + n - s},${t}`,
-		`${e + n},${t + s}`,
-		`${e + n},${t + r}`,
-		`${e},${t + r}`,
-		`${e},${t + s}`
-	].join(" ")}" ${H(i, a, o)} />`;
+	return s`<rect x="${e}" y="${t + (r - a) / 2}" width="${n}" height="${a}" fill="${i}" stroke="${i}" />`;
 }
 function gn(e, t, n, r, i, a, o) {
-	return `<polygon points="${[
-		`${e},${t + Math.min(12, r * .3)}`,
-		`${e + n},${t}`,
-		`${e + n},${t + r}`,
-		`${e},${t + r}`
-	].join(" ")}" ${H(i, a, o)} />`;
+	let c = Math.min(14, n * .12, r * .3), l = [
+		s`${e + c},${t}`,
+		s`${e + n - c},${t}`,
+		s`${e + n},${t + c}`,
+		s`${e + n},${t + r}`,
+		s`${e},${t + r}`,
+		s`${e},${t + c}`
+	].join(" ");
+	return s`<polygon points="${l}" ${H(i, a, o)} />`;
 }
 function _n(e, t, n, r, i, a, o) {
-	let s = Math.min(8, r * .14);
-	return `<path d="${`M ${e} ${t + s} C ${e + n * .25} ${t - s} ${e + n * .75} ${t + s * 2} ${e + n} ${t + s} L ${e + n} ${t + r - s} C ${e + n * .75} ${t + r + s} ${e + n * .25} ${t + r - s * 2} ${e} ${t + r - s} Z`}" ${H(i, a, o)} />`;
+	let c = Math.min(12, r * .3), l = [
+		s`${e},${t + c}`,
+		s`${e + n},${t}`,
+		s`${e + n},${t + r}`,
+		s`${e},${t + r}`
+	].join(" ");
+	return s`<polygon points="${l}" ${H(i, a, o)} />`;
 }
 function vn(e, t, n, r, i, a, o) {
-	let s = Math.min(14, n * .12);
-	return `<path d="${`M ${e + s} ${t} L ${e + n} ${t} Q ${e + n - s * 1.4} ${t + r / 2} ${e + n} ${t + r} L ${e + s} ${t + r} Q ${e + s * 1.4} ${t + r / 2} ${e + s} ${t} Z`}" ${H(i, a, o)} />`;
+	let c = Math.min(8, r * .14), l = s`M ${e} ${t + c} ` + s`C ${e + n * .25} ${t - c} ${e + n * .75} ${t + c * 2} ${e + n} ${t + c} ` + s`L ${e + n} ${t + r - c} ` + s`C ${e + n * .75} ${t + r + c} ${e + n * .25} ${t + r - c * 2} ${e} ${t + r - c} Z`;
+	return s`<path d="${l}" ${H(i, a, o)} />`;
 }
 function yn(e, t, n, r, i, a, o) {
-	let s = r / 2, c = Math.max(0, n - s);
-	return `<path d="${`M ${e} ${t} L ${e + c} ${t} A ${s} ${s} 0 0 1 ${e + c} ${t + r} L ${e} ${t + r} Z`}" ${H(i, a, o)} />`;
-}
-function bn(e, t, n, r, i, a, o, s) {
-	let c = Math.min(10, n * .12), l = [`<rect x="${e}" y="${t}" width="${n}" height="${r}" fill="none" stroke="none" />`], u = `M ${e + c} ${t} Q ${e} ${t} ${e} ${t + r * .25} Q ${e} ${t + r / 2} ${e - c * .4} ${t + r / 2} Q ${e} ${t + r / 2} ${e} ${t + r * .75} Q ${e} ${t + r} ${e + c} ${t + r}`, d = `M ${e + n - c} ${t} Q ${e + n} ${t} ${e + n} ${t + r * .25} Q ${e + n} ${t + r / 2} ${e + n + c * .4} ${t + r / 2} Q ${e + n} ${t + r / 2} ${e + n} ${t + r * .75} Q ${e + n} ${t + r} ${e + n - c} ${t + r}`;
-	return (s === "left" || s === "both") && l.push(`<path d="${u}" fill="none" stroke="${a}" stroke-width="${o}" />`), (s === "right" || s === "both") && l.push(`<path d="${d}" fill="none" stroke="${a}" stroke-width="${o}" />`), l.join("\n");
-}
-function xn(e, t, n, r, i, a, o) {
-	return `<polygon points="${[
-		`${e + n * .42},${t}`,
-		`${e + n},${t}`,
-		`${e + n * .62},${t + r * .42}`,
-		`${e + n},${t + r * .42}`,
-		`${e + n * .3},${t + r}`,
-		`${e + n * .5},${t + r * .55}`,
-		`${e},${t + r * .55}`
-	].join(" ")}" ${H(i, a, o)} />`;
-}
-function Sn(e, t, n, r) {
-	return `<circle cx="${e + n / 2}" cy="${t + r / 2}" r="${Math.min(n, r) / 2 - 2}" fill="var(--_text)" stroke="none" />`;
+	let c = Math.min(14, n * .12), l = s`M ${e + c} ${t} L ${e + n} ${t} ` + s`Q ${e + n - c * 1.4} ${t + r / 2} ${e + n} ${t + r} ` + s`L ${e + c} ${t + r} ` + s`Q ${e + c * 1.4} ${t + r / 2} ${e + c} ${t} Z`;
+	return s`<path d="${l}" ${H(i, a, o)} />`;
+}
+function bn(e, t, n, r, i, a, o) {
+	let c = r / 2, l = Math.max(0, n - c), u = s`M ${e} ${t} L ${e + l} ${t} ` + s`A ${c} ${c} 0 0 1 ${e + l} ${t + r} ` + s`L ${e} ${t + r} Z`;
+	return s`<path d="${u}" ${H(i, a, o)} />`;
+}
+function xn(e, t, n, r, i, a, o, c) {
+	let l = Math.min(10, n * .12), u = [s`<rect x="${e}" y="${t}" width="${n}" height="${r}" fill="none" stroke="none" />`], d = s`M ${e + l} ${t} Q ${e} ${t} ${e} ${t + r * .25} ` + s`Q ${e} ${t + r / 2} ${e - l * .4} ${t + r / 2} ` + s`Q ${e} ${t + r / 2} ${e} ${t + r * .75} ` + s`Q ${e} ${t + r} ${e + l} ${t + r}`, f = s`M ${e + n - l} ${t} Q ${e + n} ${t} ${e + n} ${t + r * .25} ` + s`Q ${e + n} ${t + r / 2} ${e + n + l * .4} ${t + r / 2} ` + s`Q ${e + n} ${t + r / 2} ${e + n} ${t + r * .75} ` + s`Q ${e + n} ${t + r} ${e + n - l} ${t + r}`;
+	return (c === "left" || c === "both") && u.push(s`<path d="${d}" fill="none" stroke="${a}" stroke-width="${o}" />`), (c === "right" || c === "both") && u.push(s`<path d="${f}" fill="none" stroke="${a}" stroke-width="${o}" />`), u.join("\n");
+}
+function Sn(e, t, n, r, i, a, o) {
+	let c = [
+		s`${e + n * .42},${t}`,
+		s`${e + n},${t}`,
+		s`${e + n * .62},${t + r * .42}`,
+		s`${e + n},${t + r * .42}`,
+		s`${e + n * .3},${t + r}`,
+		s`${e + n * .5},${t + r * .55}`,
+		s`${e},${t + r * .55}`
+	].join(" ");
+	return s`<polygon points="${c}" ${H(i, a, o)} />`;
 }
 function Cn(e, t, n, r) {
-	let i = e + n / 2, a = t + r / 2, o = Math.min(n, r) / 2 - 2, s = o - 4;
-	return `<circle cx="${i}" cy="${a}" r="${o}" fill="none" stroke="var(--_text)" stroke-width="${L.innerBox * 2}" />\n<circle cx="${i}" cy="${a}" r="${s}" fill="var(--_text)" stroke="none" />`;
+	let i = e + n / 2, a = t + r / 2, o = Math.min(n, r) / 2 - 2;
+	return s`<circle cx="${i}" cy="${a}" r="${o}" fill="var(--_text)" stroke="none" />`;
+}
+function wn(e, t, n, r) {
+	let i = e + n / 2, a = t + r / 2, o = Math.min(n, r) / 2 - 2, c = o - 4;
+	return s`<circle cx="${i}" cy="${a}" r="${o}" ` + s`fill="none" stroke="var(--_text)" stroke-width="${L.innerBox * 2}" />` + s`\n<circle cx="${i}" cy="${a}" r="${c}" fill="var(--_text)" stroke="none" />`;
 }
-function wn(e, t, n) {
+function Tn(e, t, n) {
 	if ((e.shape === "state-start" || e.shape === "state-end") && !e.label) return "";
-	let r = e.x + e.width / 2, i = e.y + e.height / 2, o = a(e.inlineStyle?.color ?? l(e.inlineStyle?.fill, "var(--_text)")), s = `text-anchor="middle" font-size="${n.nodeLabel}" font-weight="${F.nodeLabel}" fill="${o}"`, c = e.inlineStyle?.["font-family"];
-	return c && (s += ` style="font-family: ${a(c)};"`), _(e.label, r, i, n.nodeLabel, s);
+	let r = e.x + e.width / 2, a = e.y + e.height / 2, o = i(e.inlineStyle?.color ?? l(e.inlineStyle?.fill, "var(--_text)")), c = s`text-anchor="middle" font-size="${n.nodeLabel}" font-weight="${F.nodeLabel}" fill="${o}"`, u = e.inlineStyle?.["font-family"];
+	return u && (c += s` style="font-family: ${i(u)};"`), _(e.label, r, a, n.nodeLabel, c);
 }
-function Tn(e) {
-	return a(e).replace(/\r/g, "&#13;").replace(/\n/g, "&#10;").replace(/\t/g, "&#9;");
+function En(e) {
+	return i(e).replace(/\r/g, "&#13;").replace(/\n/g, "&#10;").replace(/\t/g, "&#9;");
 }
 function U(e, t) {
-	return t === void 0 ? e : e.replace("<svg ", `<svg data-src="${Tn(t)}" `);
+	return t === void 0 ? e : e.replace("<svg ", s`<svg data-src="${En(t)}" `);
 }
 //#endregion
 //#region packages/svg-renderer/src/resolve-colors.ts
-var En = class {
+var Dn = class {
 	raw = /* @__PURE__ */ new Map();
 	resolved = /* @__PURE__ */ new Map();
 	inProgress = /* @__PURE__ */ new Set();
@@ -1445,13 +1451,13 @@ var En = class {
 		let t = this.raw.get(e);
 		if (t === void 0 || this.inProgress.has(e)) return;
 		this.inProgress.add(e);
-		let n = Nn(t, this).trim();
+		let n = Pn(t, this).trim();
 		this.inProgress.delete(e);
 		let r = !/\bvar\(|\bcolor-mix\(/.test(n);
 		return this.resolved.set(e, r ? n : void 0), r ? n : void 0;
 	}
 };
-function Dn(e, t) {
+function On(e, t) {
 	let n = 0;
 	for (let r = t; r < e.length; r++) {
 		let t = e[r];
@@ -1460,7 +1466,7 @@ function Dn(e, t) {
 	}
 	return -1;
 }
-function On(e) {
+function kn(e) {
 	let t = [], n = 0, r = 0;
 	for (let i = 0; i < e.length; i++) {
 		let a = e[i];
@@ -1468,12 +1474,12 @@ function On(e) {
 	}
 	return t.push(e.slice(r)), t;
 }
-var kn = "(?<![\\w-])(var|color-mix)\\(";
-function An(e, t) {
-	let [n, ...r] = On(e), i = (n ?? "").trim(), a = t.lookup(i);
+var An = "(?<![\\w-])(var|color-mix)\\(";
+function jn(e, t) {
+	let [n, ...r] = kn(e), i = (n ?? "").trim(), a = t.lookup(i);
 	return a === void 0 ? r.length > 0 ? r.join(",").trim() : null : a;
 }
-function jn(e) {
+function Mn(e) {
 	let t = e.trim().split(/\s+/), n, r;
 	for (let e of t) if (/^[\d.]+%$/.test(e)) {
 		if (r !== void 0) return null;
@@ -1487,61 +1493,61 @@ function jn(e) {
 		pct: r
 	};
 }
-function Mn(e) {
-	let t = On(e);
+function Nn(e) {
+	let t = kn(e);
 	if (t.length !== 3) return null;
 	let [n, r, i] = t;
 	if (n === void 0 || r === void 0 || i === void 0 || !/^\s*in\s+srgb\s*$/i.test(n)) return null;
-	let a = jn(r), o = jn(i);
+	let a = Mn(r), o = Mn(i);
 	if (!a || !o) return null;
 	let s = h(a.color), l = h(o.color);
 	if (!s || !l) return null;
 	let u = p(s, l, a.pct, o.pct);
 	return u ? c(u) : null;
 }
-function Nn(e, t) {
-	let n = "", r = 0, i = new RegExp(kn, "g"), a;
+function Pn(e, t) {
+	let n = "", r = 0, i = new RegExp(An, "g"), a;
 	for (; (a = i.exec(e)) !== null;) {
 		let o = a[1];
 		if (o === void 0) continue;
-		let s = a.index, c = s + o.length, l = Dn(e, c);
+		let s = a.index, c = s + o.length, l = On(e, c);
 		if (l === -1) break;
-		let u = Nn(e.slice(c + 1, l), t), d = o === "var" ? An(u, t) : Mn(u);
+		let u = Pn(e.slice(c + 1, l), t), d = o === "var" ? jn(u, t) : Nn(u);
 		n += e.slice(r, s), n += d ?? `${o}(${u})`, r = l + 1, i.lastIndex = r;
 	}
 	return n + e.slice(r);
 }
-function Pn(e, t) {
-	let n = new En();
+function Fn(e, t) {
+	let n = new Dn();
 	for (let [e, r] of Object.entries(t)) n.declare(e, r);
-	return Nn(e, n);
+	return Pn(e, n);
 }
-var Fn = /(--[\w-]+)\s*:\s*([^;{}]+)/g, In = /(\s)([\w:.-]+)(=)("[^"]*"|'[^']*')/g, Ln = /* @__PURE__ */ new Set(["data-src"]);
-function Rn(e, t) {
-	Fn.lastIndex = 0;
+var In = /(--[\w-]+)\s*:\s*([^;{}]+)/g, Ln = /(\s)([\w:.-]+)(=)("[^"]*"|'[^']*')/g, Rn = /* @__PURE__ */ new Set(["data-src"]);
+function zn(e, t) {
+	In.lastIndex = 0;
 	let n;
-	for (; (n = Fn.exec(e)) !== null;) {
+	for (; (n = In.exec(e)) !== null;) {
 		let [, e, r] = n;
 		e !== void 0 && r !== void 0 && t.declare(e, r.trim());
 	}
 }
-function zn(e, t) {
-	return e.replace(In, (e, n, r, i, a) => {
-		if (Ln.has(r)) return e;
+function Bn(e, t) {
+	return e.replace(Ln, (e, n, r, i, a) => {
+		if (Rn.has(r)) return e;
 		let o = a[0] ?? "\"";
-		return `${n}${r}${i}${o}${Nn(a.slice(1, -1), t)}${o}`;
+		return `${n}${r}${i}${o}${Pn(a.slice(1, -1), t)}${o}`;
 	});
 }
-function Bn(e, t) {
-	let n = new En();
+function Vn(e, t) {
+	let n = new Dn();
 	n.declare("--bg", t.bg), n.declare("--fg", t.fg), t.line && n.declare("--line", t.line), t.accent && n.declare("--accent", t.accent), t.muted && n.declare("--muted", t.muted), t.surface && n.declare("--surface", t.surface), t.border && n.declare("--border", t.border);
 	for (let t of e.matchAll(/<style[^>]*>([\s\S]*?)<\/style>/g)) {
 		let e = t[1];
-		e !== void 0 && Rn(e, n);
+		e !== void 0 && zn(e, n);
 	}
 	for (let t of e.matchAll(/\sstyle=("[^"]*"|'[^']*')/g)) {
 		let e = t[1];
-		e !== void 0 && Rn(e.slice(1, -1), n);
+		e !== void 0 && zn(e.slice(1, -1), n);
 	}
 	let r = "", i = 0;
 	for (; i < e.length;) {
@@ -1550,7 +1556,7 @@ function Bn(e, t) {
 		if (r += e.slice(i, t), e.startsWith("<style", t)) {
 			let a = e.indexOf(">", t), o = e.indexOf("</style>", t);
 			if (a === -1 || o === -1) break;
-			r += e.slice(t, a + 1), r += Nn(e.slice(a + 1, o), n), r += "</style>", i = o + 8;
+			r += e.slice(t, a + 1), r += Pn(e.slice(a + 1, o), n), r += "</style>", i = o + 8;
 			continue;
 		}
 		let a = -1, o = null;
@@ -1565,7 +1571,7 @@ function Bn(e, t) {
 		}
 		if (a === -1) break;
 		let s = e.slice(t, a + 1);
-		r += s.startsWith("<!") || s.startsWith("<?") || s.startsWith("</") ? s : zn(s, n), i = a + 1;
+		r += s.startsWith("<!") || s.startsWith("<?") || s.startsWith("</") ? s : Bn(s, n), i = a + 1;
 	}
 	return r + e.slice(i);
 }
@@ -1587,16 +1593,16 @@ var W = {
 	notePadX: 10,
 	notePadY: 6
 };
-function Vn(e) {
+function Hn(e) {
 	return `note ${e}`;
 }
-function Hn(e) {
+function Un(e) {
 	return `${e} link`;
 }
-function Un(e, t) {
+function Wn(e, t) {
 	let n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map(), i = P(t.fontSizes);
 	for (let t of e.classes) {
-		let e = t.annotation ? W.headerBaseHeight + W.annotationHeight : W.headerBaseHeight, r = t.attributes.length > 0 ? t.attributes.length * W.memberRowHeight + W.sectionPadY : W.emptySectionHeight, a = t.methods.length > 0 ? t.methods.length * W.memberRowHeight + W.sectionPadY : W.emptySectionHeight, o = M(t.label, i.nodeLabel, F.nodeLabel), s = Kn(t.attributes), c = Kn(t.methods), l = Math.max(W.minWidth, o + W.boxPadX * 2, s + W.boxPadX * 2, c + W.boxPadX * 2), u = e + r + a;
+		let e = t.annotation ? W.headerBaseHeight + W.annotationHeight : W.headerBaseHeight, r = t.attributes.length > 0 ? t.attributes.length * W.memberRowHeight + W.sectionPadY : W.emptySectionHeight, a = t.methods.length > 0 ? t.methods.length * W.memberRowHeight + W.sectionPadY : W.emptySectionHeight, o = M(t.label, i.nodeLabel, F.nodeLabel), s = qn(t.attributes), c = qn(t.methods), l = Math.max(W.minWidth, o + W.boxPadX * 2, s + W.boxPadX * 2, c + W.boxPadX * 2), u = e + r + a;
 		n.set(t.id, {
 			width: l,
 			height: u,
@@ -1617,12 +1623,12 @@ function Un(e, t) {
 	}));
 	let c = new Set(n.keys());
 	for (let [t, n] of e.notes.entries()) {
-		let e = Vn(t), l = d(n.text, i.edgeLabel, F.edgeLabel), u = {
+		let e = Hn(t), l = d(n.text, i.edgeLabel, F.edgeLabel), u = {
 			width: l.width + W.notePadX * 2,
 			height: l.height + W.notePadY * 2
 		};
 		r.set(e, u), a.push(B(e, u)), n.forClass !== void 0 && c.has(n.forClass) && s.push(V({
-			id: Hn(e),
+			id: Un(e),
 			source: e,
 			target: n.forClass,
 			labelStyle: o
@@ -1632,8 +1638,8 @@ function Un(e, t) {
 		elkGraph: {
 			id: "root",
 			layoutOptions: {
-				...Ne({
-					direction: je(void 0, Ae.class),
+				...Pe({
+					direction: Me(void 0, je.class),
 					nodeSpacing: W.nodeSpacing,
 					layerSpacing: W.layerSpacing,
 					padding: W.padding
@@ -1647,7 +1653,7 @@ function Un(e, t) {
 		noteSizes: r
 	};
 }
-function Wn(e, t, n, r) {
+function Gn(e, t, n, r) {
 	let i = /* @__PURE__ */ new Map();
 	for (let e of t.classes) i.set(e.id, e);
 	let a = [];
@@ -1683,7 +1689,7 @@ function Wn(e, t, n, r) {
 		if (!t)
  /* v8 ignore next */
 		throw Error(`Missing ELK edge for relationship ${e}`);
-		let r = ot(t), i = st(t);
+		let r = st(t), i = ct(t);
 		o.push({
 			from: n.from,
 			to: n.to,
@@ -1702,11 +1708,11 @@ function Wn(e, t, n, r) {
 	for (let t of e.children ?? []) l.set(t.id, t);
 	let u = [];
 	for (let [e, n] of t.notes.entries()) {
-		let t = Vn(e), i = l.get(t), a = r.get(t);
+		let t = Hn(e), i = l.get(t), a = r.get(t);
 		if (!i || !a)
  /* v8 ignore next */
 		throw Error(`Missing layout for note ${e}`);
-		let o = c.get(Hn(t));
+		let o = c.get(Un(t));
 		u.push({
 			id: t,
 			text: n.text,
@@ -1715,7 +1721,7 @@ function Wn(e, t, n, r) {
 			y: i.y ?? 0,
 			width: i.width ?? a.width,
 			height: i.height ?? a.height,
-			...o ? { linkPoints: ot(o) } : {}
+			...o ? { linkPoints: st(o) } : {}
 		});
 	}
 	return {
@@ -1726,7 +1732,7 @@ function Wn(e, t, n, r) {
 		notes: u
 	};
 }
-function Gn(e, t = {}) {
+function Kn(e, t = {}) {
 	if (e.classes.length === 0 && e.notes.length === 0) return {
 		width: 0,
 		height: 0,
@@ -1734,110 +1740,110 @@ function Gn(e, t = {}) {
 		relationships: [],
 		notes: []
 	};
-	let { elkGraph: n, classSizes: r, noteSizes: i } = Un(e, t);
-	return Wn(we(n, t.layoutCache), e, r, i);
+	let { elkGraph: n, classSizes: r, noteSizes: i } = Wn(e, t);
+	return Gn(Te(n, t.layoutCache), e, r, i);
 }
-function Kn(e) {
+function qn(e) {
 	if (e.length === 0) return 0;
 	let t = 0;
 	for (let n of e) {
-		let e = Te(ne(n), W.memberFontSize);
+		let e = Ee(re(n), W.memberFontSize);
 		e > t && (t = e);
 	}
 	return t;
 }
 //#endregion
 //#region packages/svg-renderer/src/class/renderer.ts
-var qn = {
+var Jn = {
 	memberSize: 11,
 	memberWeight: 400,
 	annotationSize: 10,
 	annotationWeight: 500
 };
-function Jn(e, t, n = "Inter", i = !1, a = N, o, s, c, l = !0, u = {}) {
+function Yn(e, t, r = "Inter", i = !1, a = N, o, s, c, l = !0, u = {}) {
 	let d = [], f = l && e.classes.some((e) => !!b(e.interaction?.href));
-	d.push(U(E(e.width, e.height, t, i, s, c, f, u.styleAttribute), o)), d.push(r(n, !0, u.nonce)), d.push("<defs>"), d.push(Yn()), d.push("</defs>");
-	for (let t of e.relationships) d.push(er(t));
-	for (let t of e.notes) d.push($n(t));
-	for (let t of e.classes) d.push(Xn(t, a, l));
-	for (let t of e.notes) d.push(Qn(t, a));
-	for (let t of e.relationships) d.push(rr(t, a));
+	d.push(U(E(e.width, e.height, t, i, s, c, f, u.styleAttribute), o)), d.push(n(r, !0, u.nonce)), d.push("<defs>"), d.push(Xn()), d.push("</defs>");
+	for (let t of e.relationships) d.push(tr(t));
+	for (let t of e.notes) d.push(er(t));
+	for (let t of e.classes) d.push(Zn(t, a, l));
+	for (let t of e.notes) d.push($n(t, a));
+	for (let t of e.relationships) d.push(ir(t, a));
 	return d.push("</svg>"), d.join("\n");
 }
-function Yn() {
+function Xn() {
 	return "  <marker id=\"cls-inherit\" markerWidth=\"12\" markerHeight=\"10\" refX=\"12\" refY=\"5\" orient=\"auto-start-reverse\">\n    <polygon points=\"0 0, 12 5, 0 10\" fill=\"var(--bg)\" stroke=\"var(--_arrow)\" stroke-width=\"1.5\" />\n  </marker>\n  <marker id=\"cls-composition\" markerWidth=\"12\" markerHeight=\"10\" refX=\"0\" refY=\"5\" orient=\"auto-start-reverse\">\n    <polygon points=\"6 0, 12 5, 6 10, 0 5\" fill=\"var(--_arrow)\" stroke=\"var(--_arrow)\" stroke-width=\"1\" />\n  </marker>\n  <marker id=\"cls-aggregation\" markerWidth=\"12\" markerHeight=\"10\" refX=\"0\" refY=\"5\" orient=\"auto-start-reverse\">\n    <polygon points=\"6 0, 12 5, 6 10, 0 5\" fill=\"var(--bg)\" stroke=\"var(--_arrow)\" stroke-width=\"1.5\" />\n  </marker>\n  <marker id=\"cls-arrow\" markerWidth=\"8\" markerHeight=\"6\" refX=\"8\" refY=\"3\" orient=\"auto-start-reverse\">\n    <polyline points=\"0 0, 8 3, 0 6\" fill=\"none\" stroke=\"var(--_arrow)\" stroke-width=\"1.5\" />\n  </marker>";
 }
-function Xn(e, t, n = !0) {
-	let { x: r, y: i, width: o, height: s, headerHeight: c, attrHeight: u, inlineStyle: d } = e, f = [], p = e.interaction, m = a(d?.fill ?? "var(--_node-fill)"), h = a(d?.stroke ?? "var(--_node-stroke)"), g = a(d?.["stroke-width"] ?? String(L.outerBox)), v = d?.fill ? m : "var(--_group-hdr)", y = d?.color ? a(d.color) : d?.fill ? a(l(d.fill, "var(--_text)")) : void 0, S = e.annotation ? ` data-annotation="${a(e.annotation)}"` : "", C = x(e.className), w = [
-		`class="${C ? `class-node ${C}` : "class-node"}"`,
-		`data-id="${a(e.id)}"`,
-		`data-label="${a(e.label)}"`
+function Zn(e, t, n = !0) {
+	let { x: r, y: a, width: o, height: c, headerHeight: u, attrHeight: d, inlineStyle: f } = e, p = [], m = e.interaction, h = i(f?.fill ?? "var(--_node-fill)"), g = i(f?.stroke ?? "var(--_node-stroke)"), v = i(f?.["stroke-width"] ?? String(L.outerBox)), y = f?.fill ? h : "var(--_group-hdr)", S = f?.color ? i(f.color) : f?.fill ? i(l(f.fill, "var(--_text)")) : void 0, C = e.annotation ? s` data-annotation="${i(e.annotation)}"` : "", w = x(e.className), T = [
+		s`class="${w ? s`class-node ${w}` : "class-node"}"`,
+		s`data-id="${i(e.id)}"`,
+		s`data-label="${i(e.label)}"`
 	];
-	f.push(`<g ${w.join(" ")}${S}>`);
-	let T = n ? b(p?.href) : void 0;
-	if (T) {
-		let e = p?.target ? ` target="${a(p.target)}"` : "";
-		f.push(`  <a href="${a(T)}"${e}>`);
-	}
-	n && p?.tooltip && f.push(`  <title>${or(p.tooltip)}</title>`), f.push(`  <rect x="${r}" y="${i}" width="${o}" height="${s}" rx="0" ry="0" fill="${m}" stroke="${h}" stroke-width="${g}" />`), f.push(`  <rect x="${r}" y="${i}" width="${o}" height="${c}" rx="0" ry="0" fill="${v}" stroke="${h}" stroke-width="${g}" />`);
-	let E = i + c / 2;
+	p.push(s`<g ${T.join(" ")}${C}>`);
+	let E = n ? b(m?.href) : void 0;
+	if (E) {
+		let e = m?.target ? s` target="${i(m.target)}"` : "";
+		p.push(s`  <a href="${i(E)}"${e}>`);
+	}
+	n && m?.tooltip && p.push(s`  <title>${sr(m.tooltip)}</title>`), p.push(s`  <rect x="${r}" y="${a}" width="${o}" height="${c}" ` + s`rx="0" ry="0" fill="${h}" stroke="${g}" stroke-width="${v}" />`), p.push(s`  <rect x="${r}" y="${a}" width="${o}" height="${u}" ` + s`rx="0" ry="0" fill="${y}" stroke="${g}" stroke-width="${v}" />`);
+	let D = a + u / 2;
 	if (e.annotation) {
-		let t = i + 12;
-		f.push(`  <text x="${r + o / 2}" y="${t}" text-anchor="middle" dy="${R}" font-size="${qn.annotationSize}" font-weight="${qn.annotationWeight}" font-style="italic" fill="${y ?? "var(--_text-muted)"}">&lt;&lt;${or(e.annotation)}&gt;&gt;</text>`), E = i + c / 2 + 6;
+		let t = a + 12;
+		p.push(s`  <text x="${r + o / 2}" y="${t}" text-anchor="middle" dy="${R}" ` + s`font-size="${Jn.annotationSize}" font-weight="${Jn.annotationWeight}" ` + s`font-style="italic" fill="${S ?? "var(--_text-muted)"}">&lt;&lt;${sr(e.annotation)}&gt;&gt;</text>`), D = a + u / 2 + 6;
 	}
-	f.push("  " + _(e.label, r + o / 2, E, t.nodeLabel, `text-anchor="middle" font-size="${t.nodeLabel}" font-weight="700" fill="${y ?? "var(--_text)"}"`));
-	let D = i + c;
-	f.push(`  <line x1="${r}" y1="${D}" x2="${r + o}" y2="${D}" stroke="${h}" stroke-width="${L.innerBox}" />`);
+	p.push("  " + _(e.label, r + o / 2, D, t.nodeLabel, s`text-anchor="middle" font-size="${t.nodeLabel}" font-weight="700" fill="${S ?? "var(--_text)"}"`));
+	let O = a + u;
+	p.push(s`  <line x1="${r}" y1="${O}" x2="${r + o}" y2="${O}" ` + s`stroke="${g}" stroke-width="${L.innerBox}" />`);
 	for (let t = 0; t < e.attributes.length; t++) {
-		let n = e.attributes[t], i = D + 4 + t * 20 + 10;
-		f.push("  " + Zn(n, r + W.boxPadX, i, y));
+		let n = e.attributes[t], i = O + 4 + t * 20 + 10;
+		p.push("  " + Qn(n, r + W.boxPadX, i, S));
 	}
-	let O = D + u;
-	f.push(`  <line x1="${r}" y1="${O}" x2="${r + o}" y2="${O}" stroke="${h}" stroke-width="${L.innerBox}" />`);
+	let k = O + d;
+	p.push(s`  <line x1="${r}" y1="${k}" x2="${r + o}" y2="${k}" ` + s`stroke="${g}" stroke-width="${L.innerBox}" />`);
 	for (let t = 0; t < e.methods.length; t++) {
-		let n = e.methods[t], i = O + 4 + t * 20 + 10;
-		f.push("  " + Zn(n, r + W.boxPadX, i, y));
+		let n = e.methods[t], i = k + 4 + t * 20 + 10;
+		p.push("  " + Qn(n, r + W.boxPadX, i, S));
 	}
-	return T && f.push("  </a>"), f.push("</g>"), f.join("\n");
+	return E && p.push("  </a>"), p.push("</g>"), p.join("\n");
 }
-function Zn(e, t, n, r) {
-	let i = e.isAbstract ? " font-style=\"italic\"" : "", a = e.isStatic ? " text-decoration=\"underline\"" : "", o = r ?? "var(--_text-faint)", s = r ?? "var(--_text-sec)", c = r ?? "var(--_text-muted)", l = [];
-	e.visibility && l.push(`<tspan fill="${o}">${or(e.visibility)} </tspan>`);
-	let u = e.isMethod ? `${e.name}(${e.params || ""})` : e.name;
-	return l.push(`<tspan fill="${s}">${or(u)}</tspan>`), e.type && (l.push(`<tspan fill="${o}">: </tspan>`), l.push(`<tspan fill="${c}">${or(e.type)}</tspan>`)), `<text x="${t}" y="${n}" class="mono" dy="${R}" font-size="${qn.memberSize}" font-weight="${qn.memberWeight}"${i}${a}>${l.join("")}</text>`;
+function Qn(e, t, n, r) {
+	let i = e.isAbstract ? " font-style=\"italic\"" : "", a = e.isStatic ? " text-decoration=\"underline\"" : "", o = r ?? "var(--_text-faint)", c = r ?? "var(--_text-sec)", l = r ?? "var(--_text-muted)", u = [];
+	e.visibility && u.push(s`<tspan fill="${o}">${sr(e.visibility)} </tspan>`);
+	let d = e.isMethod ? s`${e.name}(${e.params || ""})` : e.name;
+	return u.push(s`<tspan fill="${c}">${sr(d)}</tspan>`), e.type && (u.push(s`<tspan fill="${o}">: </tspan>`), u.push(s`<tspan fill="${l}">${sr(e.type)}</tspan>`)), s`<text x="${t}" y="${n}" class="mono" dy="${R}" ` + s`font-size="${Jn.memberSize}" font-weight="${Jn.memberWeight}"${i}${a}>` + s`${u.join("")}</text>`;
 }
 var G = 6;
-function Qn(e, t) {
-	let { x: n, y: r, width: i, height: o } = e, s = e.forClass === void 0 ? "" : ` data-for="${a(e.forClass)}"`, c = [
-		`${n},${r}`,
-		`${n + i - G},${r}`,
-		`${n + i},${r + G}`,
-		`${n + i},${r + o}`,
-		`${n},${r + o}`
-	].join(" "), l = `${n + i - G},${r} ${n + i},${r + G} ${n + i - G},${r + G}`;
-	return `<g class="class-note"${s}>\n  <polygon points="${c}" fill="var(--bg)" stroke="var(--_node-stroke)" stroke-width="${L.innerBox}" />\n  <polygon points="${l}" fill="var(--_inner-stroke)" stroke="var(--_node-stroke)" stroke-width="${L.innerBox}" />\n  ${_(e.text, n + i / 2, r + o / 2, t.edgeLabel, `font-size="${t.edgeLabel}" text-anchor="middle" font-weight="${F.edgeLabel}" fill="var(--_text-muted)"`)}\n</g>`;
-}
-function $n(e) {
-	if (!e.linkPoints || e.linkPoints.length < 2) return "";
-	let t = e.linkPoints.map((e) => `${e.x},${e.y}`).join(" ");
-	return `<polyline class="class-note-link"${e.forClass === void 0 ? "" : ` data-for="${a(e.forClass)}"`} points="${t}" fill="none" stroke="var(--_line)" stroke-width="${L.connector}" stroke-dasharray="2 3" />`;
+function $n(e, t) {
+	let { x: n, y: r, width: a, height: o } = e, c = e.forClass === void 0 ? "" : s` data-for="${i(e.forClass)}"`, l = [
+		s`${n},${r}`,
+		s`${n + a - G},${r}`,
+		s`${n + a},${r + G}`,
+		s`${n + a},${r + o}`,
+		s`${n},${r + o}`
+	].join(" "), u = s`${n + a - G},${r} ${n + a},${r + G} ` + s`${n + a - G},${r + G}`;
+	return s`<g class="class-note"${c}>` + s`\n  <polygon points="${l}" ` + s`fill="var(--bg)" stroke="var(--_node-stroke)" stroke-width="${L.innerBox}" />` + s`\n  <polygon points="${u}" ` + s`fill="var(--_inner-stroke)" stroke="var(--_node-stroke)" stroke-width="${L.innerBox}" />` + s`\n  ${_(e.text, n + a / 2, r + o / 2, t.edgeLabel, s`font-size="${t.edgeLabel}" text-anchor="middle" font-weight="${F.edgeLabel}" fill="var(--_text-muted)"`)}` + "\n</g>";
 }
 function er(e) {
+	if (!e.linkPoints || e.linkPoints.length < 2) return "";
+	let t = e.linkPoints.map((e) => s`${e.x},${e.y}`).join(" "), n = e.forClass === void 0 ? "" : s` data-for="${i(e.forClass)}"`;
+	return s`<polyline class="class-note-link"${n} points="${t}" ` + s`fill="none" stroke="var(--_line)" stroke-width="${L.connector}" stroke-dasharray="2 3" />`;
+}
+function tr(e) {
 	if (e.points.length < 2) return "";
-	let t = e.points.map((e) => `${e.x},${e.y}`).join(" "), n = e.type === "dependency" || e.type === "realization" ? " stroke-dasharray=\"6 4\"" : "", r = tr(e.type, e.markerAt), i = [
+	let t = e.points.map((e) => s`${e.x},${e.y}`).join(" "), n = e.type === "dependency" || e.type === "realization" ? " stroke-dasharray=\"6 4\"" : "", r = nr(e.type, e.markerAt), a = [
 		"class=\"class-relationship\"",
-		`data-from="${a(e.from)}"`,
-		`data-to="${a(e.to)}"`,
-		`data-type="${e.type}"`,
-		`data-marker-at="${e.markerAt}"`
+		s`data-from="${i(e.from)}"`,
+		s`data-to="${i(e.to)}"`,
+		s`data-type="${e.type}"`,
+		s`data-marker-at="${e.markerAt}"`
 	];
-	return e.label && i.push(`data-label="${a(e.label)}"`), e.fromCardinality && i.push(`data-from-cardinality="${a(e.fromCardinality)}"`), e.toCardinality && i.push(`data-to-cardinality="${a(e.toCardinality)}"`), `<polyline ${i.join(" ")} points="${t}" fill="none" stroke="var(--_line)" stroke-width="${L.connector}"${n}${r} />`;
+	return e.label && a.push(s`data-label="${i(e.label)}"`), e.fromCardinality && a.push(s`data-from-cardinality="${i(e.fromCardinality)}"`), e.toCardinality && a.push(s`data-to-cardinality="${i(e.toCardinality)}"`), s`<polyline ${a.join(" ")} points="${t}" fill="none" stroke="var(--_line)" ` + s`stroke-width="${L.connector}"${n}${r} />`;
 }
-function tr(e, t) {
-	let n = nr(e);
-	return n ? t === "from" ? ` marker-start="url(#${n})"` : ` marker-end="url(#${n})"` : "";
+function nr(e, t) {
+	let n = rr(e);
+	return n ? t === "from" ? s` marker-start="url(#${n})"` : s` marker-end="url(#${n})"` : "";
 }
-function nr(e) {
+function rr(e) {
 	switch (e) {
 		case "inheritance":
 		case "realization": return "cls-inherit";
@@ -1848,30 +1854,30 @@ function nr(e) {
 		default: return null;
 	}
 }
-function rr(e, t) {
+function ir(e, t) {
 	if (!e.label && !e.fromCardinality && !e.toCardinality || e.points.length < 2) return "";
 	let n = [];
 	if (e.label) {
-		let r = e.labelPosition ?? ir(e.points);
-		n.push(_(e.label, r.x, r.y - 8, t.edgeLabel, `font-size="${t.edgeLabel}" text-anchor="middle" font-weight="${F.edgeLabel}" fill="var(--_text-muted)"`));
+		let r = e.labelPosition ?? ar(e.points);
+		n.push(_(e.label, r.x, r.y - 8, t.edgeLabel, s`font-size="${t.edgeLabel}" text-anchor="middle" font-weight="${F.edgeLabel}" fill="var(--_text-muted)"`));
 	}
 	if (e.fromCardinality && e.points.length >= 2) {
-		let r = e.points[0], i = e.points[1], a = ar(r, i);
-		n.push(_(e.fromCardinality, r.x + a.x, r.y + a.y, t.edgeLabel, `font-size="${t.edgeLabel}" text-anchor="middle" font-weight="${F.edgeLabel}" fill="var(--_text-muted)"`));
+		let r = e.points[0], i = e.points[1], a = or(r, i);
+		n.push(_(e.fromCardinality, r.x + a.x, r.y + a.y, t.edgeLabel, s`font-size="${t.edgeLabel}" text-anchor="middle" font-weight="${F.edgeLabel}" fill="var(--_text-muted)"`));
 	}
 	if (e.toCardinality && e.points.length >= 2) {
-		let r = e.points[e.points.length - 1], i = e.points[e.points.length - 2], a = ar(r, i);
-		n.push(_(e.toCardinality, r.x + a.x, r.y + a.y, t.edgeLabel, `font-size="${t.edgeLabel}" text-anchor="middle" font-weight="${F.edgeLabel}" fill="var(--_text-muted)"`));
+		let r = e.points[e.points.length - 1], i = e.points[e.points.length - 2], a = or(r, i);
+		n.push(_(e.toCardinality, r.x + a.x, r.y + a.y, t.edgeLabel, s`font-size="${t.edgeLabel}" text-anchor="middle" font-weight="${F.edgeLabel}" fill="var(--_text-muted)"`));
 	}
 	return n.join("\n");
 }
-function ir(e) {
+function ar(e) {
 	return e.length === 0 ? {
 		x: 0,
 		y: 0
 	} : e[Math.floor(e.length / 2)];
 }
-function ar(e, t) {
+function or(e, t) {
 	let n = t.x - e.x, r = t.y - e.y;
 	return Math.abs(n) > Math.abs(r) ? {
 		x: n > 0 ? 14 : -14,
@@ -1881,7 +1887,7 @@ function ar(e, t) {
 		y: r > 0 ? 14 : -14
 	};
 }
-var or = o, K = {
+var sr = a, K = {
 	padding: 40,
 	boxPadX: 14,
 	headerHeight: 34,
@@ -1892,12 +1898,12 @@ var or = o, K = {
 	nodeSpacing: 70,
 	layerSpacing: 90
 };
-function sr(e, t) {
+function cr(e, t) {
 	let n = /* @__PURE__ */ new Map(), r = P(t.fontSizes);
 	for (let t of e.entities) {
 		let e = M(t.label, r.nodeLabel, F.nodeLabel), i = 0;
 		for (let e of t.attributes) {
-			let t = Te(`${e.type}  ${e.name}${e.keys.length > 0 ? "  " + e.keys.join(",") : ""}`, K.attrFontSize);
+			let t = Ee(`${e.type}  ${e.name}${e.keys.length > 0 ? "  " + e.keys.join(",") : ""}`, K.attrFontSize);
 			t > i && (i = t);
 		}
 		let a = Math.max(K.minWidth, e + K.boxPadX * 2, i + K.boxPadX * 2), o = K.headerHeight + Math.max(t.attributes.length, 1) * K.rowHeight;
@@ -1920,8 +1926,8 @@ function sr(e, t) {
 		elkGraph: {
 			id: "root",
 			layoutOptions: {
-				...Ne({
-					direction: je(e.direction, Ae.er),
+				...Pe({
+					direction: Me(e.direction, je.er),
 					nodeSpacing: K.nodeSpacing,
 					layerSpacing: K.layerSpacing,
 					padding: K.padding
@@ -1934,7 +1940,7 @@ function sr(e, t) {
 		entitySizes: n
 	};
 }
-function cr(e, t, n) {
+function lr(e, t, n) {
 	let r = /* @__PURE__ */ new Map();
 	for (let e of t.entities) r.set(e.id, e);
 	let i = [];
@@ -1960,7 +1966,7 @@ function cr(e, t, n) {
 	}
 	let a = [];
 	for (let [n, r] of (e.edges ?? []).entries()) {
-		let e = t.relationships[n], i = ot(r);
+		let e = t.relationships[n], i = st(r);
 		a.push({
 			entity1: e.entity1,
 			entity2: e.entity2,
@@ -1978,15 +1984,15 @@ function cr(e, t, n) {
 		relationships: a
 	};
 }
-function lr(e, t = {}) {
+function ur(e, t = {}) {
 	if (e.entities.length === 0) return {
 		width: 0,
 		height: 0,
 		entities: [],
 		relationships: []
 	};
-	let { elkGraph: n, entitySizes: r } = sr(e, t);
-	return cr(we(n, t.layoutCache), e, r);
+	let { elkGraph: n, entitySizes: r } = cr(e, t);
+	return lr(Te(n, t.layoutCache), e, r);
 }
 //#endregion
 //#region packages/svg-renderer/src/er/renderer.ts
@@ -1996,83 +2002,83 @@ var q = {
 	keySize: 9,
 	keyWeight: 600
 };
-function ur(e, t, n = "Inter", i = !1, a = N, o, s, c, l = {}) {
+function dr(e, t, r = "Inter", i = !1, a = N, o, s, c, l = {}) {
 	let u = [];
-	u.push(U(E(e.width, e.height, t, i, s, c, void 0, l.styleAttribute), o)), u.push(r(n, !0, l.nonce)), u.push("<defs>"), u.push("</defs>");
-	for (let t of e.relationships) u.push(pr(t));
-	for (let t of e.entities) u.push(dr(t, a));
-	for (let t of e.relationships) u.push(hr(t));
-	for (let t of e.relationships) u.push(mr(t, a));
+	u.push(U(E(e.width, e.height, t, i, s, c, void 0, l.styleAttribute), o)), u.push(n(r, !0, l.nonce)), u.push("<defs>"), u.push("</defs>");
+	for (let t of e.relationships) u.push(mr(t));
+	for (let t of e.entities) u.push(fr(t, a));
+	for (let t of e.relationships) u.push(gr(t));
+	for (let t of e.relationships) u.push(hr(t, a));
 	return u.push("</svg>"), u.join("\n");
 }
-function dr(e, t) {
-	let { id: n, x: r, y: i, width: o, height: s, headerHeight: c, rowHeight: l, label: u, attributes: d } = e, f = [];
-	f.push(`<g class="entity" data-id="${a(n)}" data-label="${a(u)}">`), f.push(`  <rect x="${r}" y="${i}" width="${o}" height="${s}" rx="0" ry="0" fill="var(--_node-fill)" stroke="var(--_node-stroke)" stroke-width="${L.outerBox}" />`), f.push(`  <rect x="${r}" y="${i}" width="${o}" height="${c}" rx="0" ry="0" fill="var(--_group-hdr)" stroke="var(--_node-stroke)" stroke-width="${L.outerBox}" />`), f.push("  " + _(u, r + o / 2, i + c / 2, t.nodeLabel, `text-anchor="middle" font-size="${t.nodeLabel}" font-weight="700" fill="var(--_text)"`));
-	let p = i + c;
-	f.push(`  <line x1="${r}" y1="${p}" x2="${r + o}" y2="${p}" stroke="var(--_node-stroke)" stroke-width="${L.innerBox}" />`);
-	for (let e = 0; e < d.length; e++) {
-		let t = d[e], n = p + e * l + l / 2;
-		f.push("  " + fr(t, r, n, o).replace(/\n/g, "\n  "));
+function fr(e, t) {
+	let { id: n, x: r, y: a, width: o, height: c, headerHeight: l, rowHeight: u, label: d, attributes: f } = e, p = [];
+	p.push(s`<g class="entity" data-id="${i(n)}" data-label="${i(d)}">`), p.push(s`  <rect x="${r}" y="${a}" width="${o}" height="${c}" ` + s`rx="0" ry="0" fill="var(--_node-fill)" stroke="var(--_node-stroke)" stroke-width="${L.outerBox}" />`), p.push(s`  <rect x="${r}" y="${a}" width="${o}" height="${l}" ` + s`rx="0" ry="0" fill="var(--_group-hdr)" stroke="var(--_node-stroke)" stroke-width="${L.outerBox}" />`), p.push("  " + _(d, r + o / 2, a + l / 2, t.nodeLabel, s`text-anchor="middle" font-size="${t.nodeLabel}" font-weight="700" fill="var(--_text)"`));
+	let m = a + l;
+	p.push(s`  <line x1="${r}" y1="${m}" x2="${r + o}" y2="${m}" ` + s`stroke="var(--_node-stroke)" stroke-width="${L.innerBox}" />`);
+	for (let e = 0; e < f.length; e++) {
+		let t = f[e], n = m + e * u + u / 2;
+		p.push("  " + pr(t, r, n, o).replace(/\n/g, "\n  "));
 	}
-	return d.length === 0 && f.push(`  <text x="${r + o / 2}" y="${p + l / 2}" text-anchor="middle" dy="${R}" font-size="${q.attrSize}" fill="var(--_text-faint)" font-style="italic">(no attributes)</text>`), f.push("</g>"), f.join("\n");
+	return f.length === 0 && p.push(s`  <text x="${r + o / 2}" y="${m + u / 2}" text-anchor="middle" dy="${R}" ` + s`font-size="${q.attrSize}" fill="var(--_text-faint)" font-style="italic">(no attributes)</text>`), p.push("</g>"), p.join("\n");
 }
-function fr(e, t, n, r) {
+function pr(e, t, n, r) {
 	let i = [], a = e.comment && e.comment.length > 0;
 	if (e.comment && e.comment.length > 0) {
 		let t = e.comment.replace(/<br\s*\/?>/gi, "\n");
-		i.push(`<g><title>${vr(t)}</title>`);
+		i.push(s`<g><title>${yr(t)}</title>`);
 	}
 	let o = 0;
-	e.keys.length > 0 && (o = M(e.keys.join(","), q.keySize, q.keyWeight) + 8, i.push(`<rect x="${t + 6}" y="${n - 7}" width="${o}" height="14" rx="2" ry="2" fill="var(--_key-badge)" />`), i.push(`<text x="${t + 6 + o / 2}" y="${n}" text-anchor="middle" dy="${R}" font-size="${q.keySize}" font-weight="${q.keyWeight}" fill="var(--_text-sec)">${e.keys.join(",")}</text>`));
-	let s = t + 8 + (o > 0 ? o + 6 : 0);
-	i.push(`<text x="${s}" y="${n}" class="mono" dy="${R}" font-size="${q.attrSize}" font-weight="${q.attrWeight}"><tspan fill="var(--_text-muted)">${vr(e.type)}</tspan></text>`);
-	let c = t + r - 8;
-	return i.push(`<text x="${c}" y="${n}" class="mono" text-anchor="end" dy="${R}" font-size="${q.attrSize}" font-weight="${q.attrWeight}"><tspan fill="var(--_text-sec)">${vr(e.name)}</tspan></text>`), a && i.push("</g>"), i.join("\n");
+	e.keys.length > 0 && (o = M(e.keys.join(","), q.keySize, q.keyWeight) + 8, i.push(s`<rect x="${t + 6}" y="${n - 7}" width="${o}" height="14" rx="2" ry="2" ` + "fill=\"var(--_key-badge)\" />"), i.push(s`<text x="${t + 6 + o / 2}" y="${n}" text-anchor="middle" dy="${R}" ` + s`font-size="${q.keySize}" font-weight="${q.keyWeight}" fill="var(--_text-sec)">${e.keys.join(",")}</text>`));
+	let c = t + 8 + (o > 0 ? o + 6 : 0);
+	i.push(s`<text x="${c}" y="${n}" class="mono" dy="${R}" ` + s`font-size="${q.attrSize}" font-weight="${q.attrWeight}">` + s`<tspan fill="var(--_text-muted)">${yr(e.type)}</tspan></text>`);
+	let l = t + r - 8;
+	return i.push(s`<text x="${l}" y="${n}" class="mono" text-anchor="end" dy="${R}" ` + s`font-size="${q.attrSize}" font-weight="${q.attrWeight}">` + s`<tspan fill="var(--_text-sec)">${yr(e.name)}</tspan></text>`), a && i.push("</g>"), i.join("\n");
 }
-function pr(e) {
+function mr(e) {
 	if (e.points.length < 2) return "";
-	let t = e.points.map((e) => `${e.x},${e.y}`).join(" "), n = e.identifying ? "" : " stroke-dasharray=\"6 4\"", r = e.label ? ` data-label="${a(e.label)}"` : "";
-	return `<polyline ${[
+	let t = e.points.map((e) => s`${e.x},${e.y}`).join(" "), n = e.identifying ? "" : " stroke-dasharray=\"6 4\"", r = e.label ? s` data-label="${i(e.label)}"` : "", a = [
 		"class=\"er-relationship\"",
-		`data-entity1="${a(e.entity1)}"`,
-		`data-entity2="${a(e.entity2)}"`,
-		`data-cardinality1="${e.cardinality1}"`,
-		`data-cardinality2="${e.cardinality2}"`,
-		`data-identifying="${e.identifying}"`
-	].join(" ")}${r} points="${t}" fill="none" stroke="var(--_line)" stroke-width="${L.connector}"${n} />`;
-}
-function mr(e, t) {
+		s`data-entity1="${i(e.entity1)}"`,
+		s`data-entity2="${i(e.entity2)}"`,
+		s`data-cardinality1="${e.cardinality1}"`,
+		s`data-cardinality2="${e.cardinality2}"`,
+		s`data-identifying="${e.identifying}"`
+	];
+	return s`<polyline ${a.join(" ")}${r} points="${t}" fill="none" stroke="var(--_line)" ` + s`stroke-width="${L.connector}"${n} />`;
+}
+function hr(e, t) {
 	if (!e.label || e.points.length < 2) return "";
-	let n = _r(e.points), r = d(e.label, t.edgeLabel, F.edgeLabel), i = r.width + 8, a = r.height + 6;
-	return `<rect x="${n.x - i / 2}" y="${n.y - a / 2}" width="${i}" height="${a}" rx="2" ry="2" fill="var(--bg)" stroke="var(--_inner-stroke)" stroke-width="0.5" />\n${_(e.label, n.x, n.y, t.edgeLabel, `text-anchor="middle" font-size="${t.edgeLabel}" font-weight="${F.edgeLabel}" fill="var(--_text-muted)"`)}`;
+	let n = vr(e.points), r = d(e.label, t.edgeLabel, F.edgeLabel), i = r.width + 8, a = r.height + 6;
+	return s`<rect x="${n.x - i / 2}" y="${n.y - a / 2}" width="${i}" height="${a}" rx="2" ry="2" ` + "fill=\"var(--bg)\" stroke=\"var(--_inner-stroke)\" stroke-width=\"0.5\" />" + s`\n${_(e.label, n.x, n.y, t.edgeLabel, s`text-anchor="middle" font-size="${t.edgeLabel}" font-weight="${F.edgeLabel}" fill="var(--_text-muted)"`)}`;
 }
-function hr(e) {
+function gr(e) {
 	if (e.points.length < 2) return "";
 	let t = [], n = e.points[0], r = e.points[1];
-	t.push(gr(n, r, e.cardinality1));
+	t.push(_r(n, r, e.cardinality1));
 	let i = e.points[e.points.length - 1], a = e.points[e.points.length - 2];
-	return t.push(gr(i, a, e.cardinality2)), t.join("\n");
+	return t.push(_r(i, a, e.cardinality2)), t.join("\n");
 }
-function gr(e, t, n) {
-	let r = [], i = L.connector + .25, a = e.x - t.x, o = e.y - t.y, s = Math.sqrt(a * a + o * o);
-	if (s === 0) return "";
-	let c = a / s, l = o / s, u = -l, d = c, f = e.x - c * 4, p = e.y - l * 4, m = e.x - c * 16, h = e.y - l * 16, g = n === "one" || n === "zero-one", _ = n === "many" || n === "zero-many", v = n === "zero-one" || n === "zero-many";
-	if (g) {
-		r.push(`<line x1="${f + u * 6}" y1="${p + d * 6}" x2="${f - u * 6}" y2="${p - d * 6}" stroke="var(--_line)" stroke-width="${i}" />`);
-		let e = f - c * 4, t = p - l * 4;
-		r.push(`<line x1="${e + u * 6}" y1="${t + d * 6}" x2="${e - u * 6}" y2="${t - d * 6}" stroke="var(--_line)" stroke-width="${i}" />`);
-	}
+function _r(e, t, n) {
+	let r = [], i = L.connector + .25, a = e.x - t.x, o = e.y - t.y, c = Math.sqrt(a * a + o * o);
+	if (c === 0) return "";
+	let l = a / c, u = o / c, d = -u, f = l, p = e.x - l * 4, m = e.y - u * 4, h = e.x - l * 16, g = e.y - u * 16, _ = n === "one" || n === "zero-one", v = n === "many" || n === "zero-many", y = n === "zero-one" || n === "zero-many";
 	if (_) {
-		let e = f, t = p;
-		r.push(`<line x1="${e + u * 7}" y1="${t + d * 7}" x2="${m}" y2="${h}" stroke="var(--_line)" stroke-width="${i}" />`), r.push(`<line x1="${e}" y1="${t}" x2="${m}" y2="${h}" stroke="var(--_line)" stroke-width="${i}" />`), r.push(`<line x1="${e - u * 7}" y1="${t - d * 7}" x2="${m}" y2="${h}" stroke="var(--_line)" stroke-width="${i}" />`);
+		r.push(s`<line x1="${p + d * 6}" y1="${m + f * 6}" ` + s`x2="${p - d * 6}" y2="${m - f * 6}" ` + s`stroke="var(--_line)" stroke-width="${i}" />`);
+		let e = p - l * 4, t = m - u * 4;
+		r.push(s`<line x1="${e + d * 6}" y1="${t + f * 6}" ` + s`x2="${e - d * 6}" y2="${t - f * 6}" ` + s`stroke="var(--_line)" stroke-width="${i}" />`);
 	}
 	if (v) {
-		let t = _ ? 20 : 12, n = e.x - c * t, a = e.y - l * t;
-		r.push(`<circle cx="${n}" cy="${a}" r="4" fill="var(--bg)" stroke="var(--_line)" stroke-width="${i}" />`);
+		let e = p, t = m;
+		r.push(s`<line x1="${e + d * 7}" y1="${t + f * 7}" ` + s`x2="${h}" y2="${g}" ` + s`stroke="var(--_line)" stroke-width="${i}" />`), r.push(s`<line x1="${e}" y1="${t}" ` + s`x2="${h}" y2="${g}" ` + s`stroke="var(--_line)" stroke-width="${i}" />`), r.push(s`<line x1="${e - d * 7}" y1="${t - f * 7}" ` + s`x2="${h}" y2="${g}" ` + s`stroke="var(--_line)" stroke-width="${i}" />`);
+	}
+	if (y) {
+		let t = v ? 20 : 12, n = e.x - l * t, a = e.y - u * t;
+		r.push(s`<circle cx="${n}" cy="${a}" r="4" ` + s`fill="var(--bg)" stroke="var(--_line)" stroke-width="${i}" />`);
 	}
 	return r.join("\n");
 }
-function _r(e) {
+function vr(e) {
 	if (e.length === 0) return {
 		x: 0,
 		y: 0
@@ -2098,7 +2104,7 @@ function _r(e) {
 	}
 	return e[e.length - 1];
 }
-var vr = o, J = {
+var yr = a, J = {
 	padding: 30,
 	actorGap: 140,
 	actorHeight: 40,
@@ -2120,10 +2126,10 @@ var vr = o, J = {
 	noteStackGap: 4,
 	boxPad: 10
 };
-function yr(e) {
+function br(e) {
 	return e + 8;
 }
-function br(e) {
+function xr(e) {
 	return {
 		...J,
 		actorHeight: e?.actorHeight ?? J.actorHeight,
@@ -2133,7 +2139,7 @@ function br(e) {
 		noteStackGap: e?.noteStackGap ?? J.noteStackGap
 	};
 }
-function xr(e, t = {}) {
+function Sr(e, t = {}) {
 	if (e.actors.length === 0) return {
 		width: 0,
 		height: 0,
@@ -2145,7 +2151,7 @@ function xr(e, t = {}) {
 		notes: [],
 		boxes: []
 	};
-	let n = br(t.sequence), r = P(t.fontSizes), i = e.actors.map((e) => {
+	let n = xr(t.sequence), r = P(t.fontSizes), i = e.actors.map((e) => {
 		let t = M(e.label, r.nodeLabel, F.nodeLabel);
 		return Math.max(t + n.actorPadX * 2, 80);
 	}), a = [], o = n.padding + i[0] / 2;
@@ -2158,7 +2164,7 @@ function xr(e, t = {}) {
 	}
 	let s = /* @__PURE__ */ new Map();
 	for (let t = 0; t < e.actors.length; t++) s.set(e.actors[t].id, t);
-	let c = e.boxes.filter((e) => e.actorIds.length > 0), l = c.some((e) => e.label !== ""), u = c.length === 0 ? 0 : n.boxPad + (l ? yr(r.edgeLabel) : 0), d = n.padding + u, f = e.actors.map((e, t) => ({
+	let c = e.boxes.filter((e) => e.actorIds.length > 0), l = c.some((e) => e.label !== ""), u = c.length === 0 ? 0 : n.boxPad + (l ? br(r.edgeLabel) : 0), d = n.padding + u, f = e.actors.map((e, t) => ({
 		id: e.id,
 		label: e.label,
 		type: e.type,
@@ -2373,79 +2379,79 @@ function xr(e, t = {}) {
 }
 //#endregion
 //#region packages/svg-renderer/src/sequence/renderer.ts
-function Sr(e, t, n = "Inter", i = !1, a = N, o, s, c, l = {}) {
+function Cr(e, t, r = "Inter", i = !1, a = N, o, s, c, l = {}) {
 	let u = [];
-	u.push(U(E(e.width, e.height, t, i, s, c, void 0, l.styleAttribute), o)), u.push(r(n, !1, l.nonce)), u.push("<defs>"), u.push(Cr()), u.push("</defs>");
-	for (let t of e.boxes) u.push(jr(t, a));
-	for (let t of e.blocks) u.push(Mr(t, a));
-	for (let t of e.lifelines) u.push(Tr(t));
-	for (let t of e.activations) u.push(Dr(t));
-	for (let t of e.messages) u.push(Or(t, a));
-	for (let t of e.notes) u.push(Nr(t, a));
-	for (let t of e.actors) u.push(wr(t, a));
+	u.push(U(E(e.width, e.height, t, i, s, c, void 0, l.styleAttribute), o)), u.push(n(r, !1, l.nonce)), u.push("<defs>"), u.push(wr()), u.push("</defs>");
+	for (let t of e.boxes) u.push(Mr(t, a));
+	for (let t of e.blocks) u.push(Nr(t, a));
+	for (let t of e.lifelines) u.push(Er(t));
+	for (let t of e.activations) u.push(Or(t));
+	for (let t of e.messages) u.push(kr(t, a));
+	for (let t of e.notes) u.push(Pr(t, a));
+	for (let t of e.actors) u.push(Tr(t, a));
 	return u.push("</svg>"), u.join("\n");
 }
-function Cr() {
+function wr() {
 	let e = z.width, t = z.height;
-	return `  <marker id="seq-arrow" markerWidth="${e}" markerHeight="${t}" refX="${e}" refY="${t / 2}" orient="auto-start-reverse">\n    <polygon points="0 0, ${e} ${t / 2}, 0 ${t}" fill="var(--_arrow)" />\n  </marker>\n  <marker id="seq-arrow-open" markerWidth="${e}" markerHeight="${t}" refX="${e}" refY="${t / 2}" orient="auto-start-reverse">\n    <polyline points="0 0, ${e} ${t / 2}, 0 ${t}" fill="none" stroke="var(--_arrow)" stroke-width="1" />\n  </marker>`;
+	return s`  <marker id="seq-arrow" markerWidth="${e}" markerHeight="${t}" refX="${e}" refY="${t / 2}" orient="auto-start-reverse">` + s`\n    <polygon points="0 0, ${e} ${t / 2}, 0 ${t}" fill="var(--_arrow)" />` + "\n  </marker>" + s`\n  <marker id="seq-arrow-open" markerWidth="${e}" markerHeight="${t}" refX="${e}" refY="${t / 2}" orient="auto-start-reverse">` + s`\n    <polyline points="0 0, ${e} ${t / 2}, 0 ${t}" fill="none" stroke="var(--_arrow)" stroke-width="1" />` + "\n  </marker>";
 }
-function wr(e, t) {
-	let { id: n, x: r, y: i, width: o, height: s, label: c, type: l } = e, u = [];
-	if (u.push(`<g class="actor" data-id="${a(n)}" data-label="${a(c)}" data-type="${l}">`), l === "actor") {
-		let e = s / 24 * .9, n = r - 12 * e, a = i + (s - 24 * e) / 2, o = L.outerBox / e, l = "var(--_line)";
-		u.push(`  <g transform="translate(${n},${a}) scale(${e})">\n    <path d="M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z" fill="none" stroke="${l}" stroke-width="${o}" />\n    <path d="M15 10C15 11.6569 13.6569 13 12 13C10.3431 13 9 11.6569 9 10C9 8.34315 10.3431 7 12 7C13.6569 7 15 8.34315 15 10Z" fill="none" stroke="${l}" stroke-width="${o}" />\n    <path d="M5.62842 18.3563C7.08963 17.0398 9.39997 16 12 16C14.6 16 16.9104 17.0398 18.3716 18.3563" fill="none" stroke="${l}" stroke-width="${o}" />\n  </g>`), u.push("  " + _(c, r, i + s + 14, t.nodeLabel, `font-size="${t.nodeLabel}" text-anchor="middle" font-weight="${F.nodeLabel}" fill="var(--_text)"`));
+function Tr(e, t) {
+	let { id: n, x: r, y: a, width: o, height: c, label: l, type: u } = e, d = [];
+	if (d.push(s`<g class="actor" data-id="${i(n)}" data-label="${i(l)}" data-type="${u}">`), u === "actor") {
+		let e = c / 24 * .9, n = r - 12 * e, i = a + (c - 24 * e) / 2, o = L.outerBox / e, u = "var(--_line)";
+		d.push(s`  <g transform="translate(${n},${i}) scale(${e})">` + s`\n    <path d="M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z" fill="none" stroke="${u}" stroke-width="${o}" />` + s`\n    <path d="M15 10C15 11.6569 13.6569 13 12 13C10.3431 13 9 11.6569 9 10C9 8.34315 10.3431 7 12 7C13.6569 7 15 8.34315 15 10Z" fill="none" stroke="${u}" stroke-width="${o}" />` + s`\n    <path d="M5.62842 18.3563C7.08963 17.0398 9.39997 16 12 16C14.6 16 16.9104 17.0398 18.3716 18.3563" fill="none" stroke="${u}" stroke-width="${o}" />` + "\n  </g>"), d.push("  " + _(l, r, a + c + 14, t.nodeLabel, s`font-size="${t.nodeLabel}" text-anchor="middle" font-weight="${F.nodeLabel}" fill="var(--_text)"`));
 	} else {
 		let e = r - o / 2;
-		u.push(`  <rect x="${e}" y="${i}" width="${o}" height="${s}" rx="4" ry="4" fill="var(--_node-fill)" stroke="var(--_node-stroke)" stroke-width="${L.outerBox}" />`), u.push("  " + _(c, r, i + s / 2, t.nodeLabel, `font-size="${t.nodeLabel}" text-anchor="middle" font-weight="${F.nodeLabel}" fill="var(--_text)"`));
+		d.push(s`  <rect x="${e}" y="${a}" width="${o}" height="${c}" rx="4" ry="4" ` + s`fill="var(--_node-fill)" stroke="var(--_node-stroke)" stroke-width="${L.outerBox}" />`), d.push("  " + _(l, r, a + c / 2, t.nodeLabel, s`font-size="${t.nodeLabel}" text-anchor="middle" font-weight="${F.nodeLabel}" fill="var(--_text)"`));
 	}
-	return u.push("</g>"), u.join("\n");
+	return d.push("</g>"), d.join("\n");
 }
-function Tr(e) {
-	let t = `<line class="lifeline" data-actor="${a(e.actorId)}" x1="${e.x}" y1="${e.topY}" x2="${e.x}" y2="${e.bottomY}" stroke="var(--_line)" stroke-width="0.75" stroke-dasharray="6 4" />`;
+function Er(e) {
+	let t = s`<line class="lifeline" data-actor="${i(e.actorId)}" ` + s`x1="${e.x}" y1="${e.topY}" x2="${e.x}" y2="${e.bottomY}" ` + "stroke=\"var(--_line)\" stroke-width=\"0.75\" stroke-dasharray=\"6 4\" />";
 	if (!e.destroyed) return t;
-	let { x: n, bottomY: r } = e, i = Er;
-	return t + `\n<path class="destroy" data-actor="${a(e.actorId)}" d="M${n - i} ${r - i} L${n + i} ${r + i} M${n + i} ${r - i} L${n - i} ${r + i}" fill="none" stroke="var(--_line)" stroke-width="${L.outerBox}" stroke-linecap="round" />`;
+	let { x: n, bottomY: r } = e, a = Dr;
+	return t + s`\n<path class="destroy" data-actor="${i(e.actorId)}" ` + s`d="M${n - a} ${r - a} L${n + a} ${r + a} M${n + a} ${r - a} L${n - a} ${r + a}" ` + s`fill="none" stroke="var(--_line)" stroke-width="${L.outerBox}" stroke-linecap="round" />`;
 }
-var Er = 8;
-function Dr(e) {
-	return `<rect class="activation" data-actor="${a(e.actorId)}" x="${e.x}" y="${e.topY}" width="${e.width}" height="${e.bottomY - e.topY}" fill="var(--_node-fill)" stroke="var(--_node-stroke)" stroke-width="${L.innerBox}" />`;
+var Dr = 8;
+function Or(e) {
+	return s`<rect class="activation" data-actor="${i(e.actorId)}" ` + s`x="${e.x}" y="${e.topY}" width="${e.width}" height="${e.bottomY - e.topY}" ` + s`fill="var(--_node-fill)" stroke="var(--_node-stroke)" stroke-width="${L.innerBox}" />`;
 }
-function Or(e, t) {
-	let n = [], r = e.lineStyle === "dashed" ? " stroke-dasharray=\"6 4\"" : "", i = e.arrowHead === "filled" ? "seq-arrow" : "seq-arrow-open", o = e.bidirectional ? ` marker-start="url(#${i})"` : "";
-	if (n.push(`<g class="message" data-from="${a(e.from)}" data-to="${a(e.to)}" data-label="${a(e.label)}" data-line-style="${e.lineStyle}" data-arrow-head="${e.arrowHead}" data-self="${e.isSelf}" data-bidirectional="${e.bidirectional}">`), e.isSelf) n.push(`  <polyline points="${e.x1},${e.y} ${e.x1 + 30},${e.y} ${e.x1 + 30},${e.y + 20} ${e.x2},${e.y + 20}" fill="none" stroke="var(--_line)" stroke-width="${L.connector}"${r} marker-end="url(#${i})"${o} />`), n.push("  " + _(e.label, e.x1 + 30 + 8, e.y + 10, t.edgeLabel, `font-size="${t.edgeLabel}" text-anchor="start" font-weight="${F.edgeLabel}" fill="var(--_text-muted)"`));
+function kr(e, t) {
+	let n = [], r = e.lineStyle === "dashed" ? " stroke-dasharray=\"6 4\"" : "", a = e.arrowHead === "filled" ? "seq-arrow" : "seq-arrow-open", o = e.bidirectional ? s` marker-start="url(#${a})"` : "";
+	if (n.push(s`<g class="message" data-from="${i(e.from)}" data-to="${i(e.to)}" ` + s`data-label="${i(e.label)}" data-line-style="${e.lineStyle}" ` + s`data-arrow-head="${e.arrowHead}" data-self="${e.isSelf}" data-bidirectional="${e.bidirectional}">`), e.isSelf) n.push(s`  <polyline points="${e.x1},${e.y} ${e.x1 + 30},${e.y} ${e.x1 + 30},${e.y + 20} ${e.x2},${e.y + 20}" ` + s`fill="none" stroke="var(--_line)" stroke-width="${L.connector}"${r} marker-end="url(#${a})"${o} />`), n.push("  " + _(e.label, e.x1 + 30 + 8, e.y + 10, t.edgeLabel, s`font-size="${t.edgeLabel}" text-anchor="start" font-weight="${F.edgeLabel}" fill="var(--_text-muted)"`));
 	else {
-		n.push(`  <line x1="${e.x1}" y1="${e.y}" x2="${e.x2}" y2="${e.y}" stroke="var(--_line)" stroke-width="${L.connector}"${r} marker-end="url(#${i})"${o} />`);
-		let a = (e.x1 + e.x2) / 2;
-		n.push("  " + _(e.label, a, e.y - 10, t.edgeLabel, `font-size="${t.edgeLabel}" text-anchor="middle" font-weight="${F.edgeLabel}" fill="var(--_text-muted)"`));
+		n.push(s`  <line x1="${e.x1}" y1="${e.y}" x2="${e.x2}" y2="${e.y}" ` + s`stroke="var(--_line)" stroke-width="${L.connector}"${r} marker-end="url(#${a})"${o} />`);
+		let i = (e.x1 + e.x2) / 2;
+		n.push("  " + _(e.label, i, e.y - 10, t.edgeLabel, s`font-size="${t.edgeLabel}" text-anchor="middle" font-weight="${F.edgeLabel}" fill="var(--_text-muted)"`));
 	}
-	return e.seqNumber !== void 0 && n.push("  " + kr(e, t)), n.push("</g>"), n.join("\n");
+	return e.seqNumber !== void 0 && n.push("  " + Ar(e, t)), n.push("</g>"), n.join("\n");
 }
-function kr(e, t) {
+function Ar(e, t) {
 	let n = Math.max(t.edgeLabel - 2, 8), r = e.bidirectional ? e.x1 + Math.sign(e.x2 - e.x1) * (8 + z.width) : e.x1;
-	return `<g class="seq-number"><circle cx="${r}" cy="${e.y}" r="8" fill="var(--bg)" stroke="var(--_arrow)" stroke-width="${L.innerBox}" />` + _(String(e.seqNumber), r, e.y, n, `font-size="${n}" text-anchor="middle" font-weight="${F.edgeLabel}" fill="var(--_arrow)"`) + "</g>";
-}
-var Ar = 35;
-function jr(e, t) {
-	let n = e.label ? ` data-label="${a(e.label)}"` : "", r = e.color === void 0 ? "" : ` data-color="${a(e.color)}"`, i = e.color === void 0 ? "none" : `color-mix(in srgb, ${a(e.color)} ${Ar}%, var(--bg))`, o = [`<g class="participant-box"${n}${r}>`, `  <rect x="${e.x}" y="${e.y}" width="${e.width}" height="${e.height}" rx="4" ry="4" fill="${i}" stroke="var(--_node-stroke)" stroke-width="${L.innerBox}" />`];
-	return e.label && o.push("  " + _(e.label, e.x + e.width / 2, e.y + yr(t.edgeLabel) / 2, t.edgeLabel, `font-size="${t.edgeLabel}" text-anchor="middle" font-weight="${F.groupHeader}" fill="var(--_text-sec)"`)), o.push("</g>"), o.join("\n");
+	return "<g class=\"seq-number\">" + s`<circle cx="${r}" cy="${e.y}" r="${8}" fill="var(--bg)" stroke="var(--_arrow)" stroke-width="${L.innerBox}" />` + _(String(e.seqNumber), r, e.y, n, s`font-size="${n}" text-anchor="middle" font-weight="${F.edgeLabel}" fill="var(--_arrow)"`) + "</g>";
 }
+var jr = 35;
 function Mr(e, t) {
-	let n = [], r = e.label ? ` data-label="${a(e.label)}"` : "";
-	n.push(`<g class="block" data-type="${a(e.type)}"${r}>`), n.push(`  <rect x="${e.x}" y="${e.y}" width="${e.width}" height="${e.height}" rx="0" ry="0" fill="none" stroke="var(--_node-stroke)" stroke-width="${L.outerBox}" />`);
-	let i = `${e.type}${e.label ? ` [${e.label}]` : ""}`, o = i.split("\n")[0], s = M(o, t.edgeLabel, F.groupHeader) + 16;
-	n.push(`  <rect x="${e.x}" y="${e.y}" width="${s}" height="18" fill="var(--_group-hdr)" stroke="var(--_node-stroke)" stroke-width="${L.outerBox}" />`), n.push("  " + _(i, e.x + 6, e.y + 9, t.edgeLabel, `font-size="${t.edgeLabel}" font-weight="${F.groupHeader}" fill="var(--_text-sec)"`));
-	for (let r of e.dividers) n.push(`  <line x1="${e.x}" y1="${r.y}" x2="${e.x + e.width}" y2="${r.y}" stroke="var(--_line)" stroke-width="0.75" stroke-dasharray="6 4" />`), r.label && n.push("  " + _(`[${r.label}]`, e.x + 8, r.y + 14, t.edgeLabel, `font-size="${t.edgeLabel}" text-anchor="start" font-weight="${F.edgeLabel}" fill="var(--_text-muted)"`));
-	return n.push("</g>"), n.join("\n");
+	let n = e.label ? s` data-label="${i(e.label)}"` : "", r = e.color === void 0 ? "" : s` data-color="${i(e.color)}"`, a = e.color === void 0 ? "none" : s`color-mix(in srgb, ${i(e.color)} ${jr}%, var(--bg))`, o = [s`<g class="participant-box"${n}${r}>`, s`  <rect x="${e.x}" y="${e.y}" width="${e.width}" height="${e.height}" rx="4" ry="4" ` + s`fill="${a}" stroke="var(--_node-stroke)" stroke-width="${L.innerBox}" />`];
+	return e.label && o.push("  " + _(e.label, e.x + e.width / 2, e.y + br(t.edgeLabel) / 2, t.edgeLabel, s`font-size="${t.edgeLabel}" text-anchor="middle" font-weight="${F.groupHeader}" fill="var(--_text-sec)"`)), o.push("</g>"), o.join("\n");
 }
 function Nr(e, t) {
-	let { x: n, y: r, width: i, height: o } = e, s = e.actors && e.actors.length > 0 ? ` data-actors="${e.actors.map(a).join(",")}"` : "";
-	return `<g class="note"${e.position ? ` data-position="${a(e.position)}"` : ""}${s}>\n  <polygon points="${[
-		`${n},${r}`,
-		`${n + i - 6},${r}`,
-		`${n + i},${r + 6}`,
-		`${n + i},${r + o}`,
-		`${n},${r + o}`
-	].join(" ")}" fill="var(--bg)" stroke="var(--_node-stroke)" stroke-width="${L.innerBox}" />\n  <polygon points="${n + i - 6},${r} ${n + i},${r + 6} ${n + i - 6},${r + 6}" fill="var(--_inner-stroke)" stroke="var(--_node-stroke)" stroke-width="${L.innerBox}" />\n  ${_(e.text, n + i / 2, r + o / 2, t.edgeLabel, `font-size="${t.edgeLabel}" text-anchor="middle" font-weight="${F.edgeLabel}" fill="var(--_text-muted)"`)}\n</g>`;
+	let n = [], r = e.label ? s` data-label="${i(e.label)}"` : "";
+	n.push(s`<g class="block" data-type="${i(e.type)}"${r}>`), n.push(s`  <rect x="${e.x}" y="${e.y}" width="${e.width}" height="${e.height}" ` + s`rx="0" ry="0" fill="none" stroke="var(--_node-stroke)" stroke-width="${L.outerBox}" />`);
+	let a = s`${e.type}${e.label ? s` [${e.label}]` : ""}`, o = a.split("\n")[0], c = M(o, t.edgeLabel, F.groupHeader) + 16;
+	n.push(s`  <rect x="${e.x}" y="${e.y}" width="${c}" height="${18}" ` + s`fill="var(--_group-hdr)" stroke="var(--_node-stroke)" stroke-width="${L.outerBox}" />`), n.push("  " + _(a, e.x + 6, e.y + 9, t.edgeLabel, s`font-size="${t.edgeLabel}" font-weight="${F.groupHeader}" fill="var(--_text-sec)"`));
+	for (let r of e.dividers) n.push(s`  <line x1="${e.x}" y1="${r.y}" x2="${e.x + e.width}" y2="${r.y}" ` + "stroke=\"var(--_line)\" stroke-width=\"0.75\" stroke-dasharray=\"6 4\" />"), r.label && n.push("  " + _(s`[${r.label}]`, e.x + 8, r.y + 14, t.edgeLabel, s`font-size="${t.edgeLabel}" text-anchor="start" font-weight="${F.edgeLabel}" fill="var(--_text-muted)"`));
+	return n.push("</g>"), n.join("\n");
+}
+function Pr(e, t) {
+	let { x: n, y: r, width: a, height: o } = e, c = e.actors && e.actors.length > 0 ? s` data-actors="${e.actors.map(i).join(",")}"` : "", l = e.position ? s` data-position="${i(e.position)}"` : "", u = [
+		s`${n},${r}`,
+		s`${n + a - 6},${r}`,
+		s`${n + a},${r + 6}`,
+		s`${n + a},${r + o}`,
+		s`${n},${r + o}`
+	].join(" ");
+	return s`<g class="note"${l}${c}>` + s`\n  <polygon points="${u}" ` + s`fill="var(--bg)" stroke="var(--_node-stroke)" stroke-width="${L.innerBox}" />` + s`\n  <polygon points="${n + a - 6},${r} ${n + a},${r + 6} ${n + a - 6},${r + 6}" ` + s`fill="var(--_inner-stroke)" stroke="var(--_node-stroke)" stroke-width="${L.innerBox}" />` + s`\n  ${_(e.text, n + a / 2, r + o / 2, t.edgeLabel, s`font-size="${t.edgeLabel}" text-anchor="middle" font-weight="${F.edgeLabel}" fill="var(--_text-muted)"`)}` + "\n</g>";
 }
 //#endregion
 //#region packages/svg-renderer/src/xychart/layout.ts
@@ -2476,24 +2482,24 @@ var Y = {
 	legendGap: 6,
 	legendItemGap: 16
 };
-function Pr(e, t = {}) {
-	return e.horizontal ? Ir(e) : Fr(e);
+function Fr(e, t = {}) {
+	return e.horizontal ? Lr(e) : Ir(e);
 }
-function Fr(e) {
+function Ir(e) {
 	let t = !!e.title, n = !!e.xAxis.title, r = !!e.yAxis.title, i = e.series.length > 1, a = e.yAxis.range;
 	if (!a)
  /* v8 ignore next */
 	throw Error("XY chart: y-axis range was not set by the parser");
-	let o = Hr(a.min, a.max), s = Math.max(...o.map((e) => M(Ur(e), Y.axisLabelFontSize, Y.axisLabelFontWeight)), Y.yLabelWidth), c = Y.padding + (t ? Y.titleHeight : 0) + (i ? Y.legendHeight : 0), l = Y.padding + Y.xLabelHeight + (n ? Y.axisTitlePad : 0), u = Y.padding + s + Y.yLabelGap + (r ? Y.axisTitlePad : 0), d = Y.padding, f = Y.plotWidth, p = Y.plotHeight, m = u + f + d, h = c + p + l, g = {
+	let o = Ur(a.min, a.max), s = Math.max(...o.map((e) => M(Wr(e), Y.axisLabelFontSize, Y.axisLabelFontWeight)), Y.yLabelWidth), c = Y.padding + (t ? Y.titleHeight : 0) + (i ? Y.legendHeight : 0), l = Y.padding + Y.xLabelHeight + (n ? Y.axisTitlePad : 0), u = Y.padding + s + Y.yLabelGap + (r ? Y.axisTitlePad : 0), d = Y.padding, f = Y.plotWidth, p = Y.plotHeight, m = u + f + d, h = c + p + l, g = {
 		x: u,
 		y: c,
 		width: f,
 		height: p
-	}, _ = Lr(e), v = (e) => u + (e + .5) * (f / _), y = f / _, b = (e) => {
+	}, _ = Rr(e), v = (e) => u + (e + .5) * (f / _), y = f / _, b = (e) => {
 		let t = (e - a.min) / (a.max - a.min || 1);
 		return c + p - t * p;
-	}, x = zr(e, v, c + p, y), S = o.map((e) => ({
-		label: Ur(e),
+	}, x = Br(e, v, c + p, y), S = o.map((e) => ({
+		label: Wr(e),
 		x: u,
 		y: b(e),
 		tx: u - Y.tickLength,
@@ -2506,7 +2512,7 @@ function Fr(e) {
 		y1: b(e),
 		x2: u + f,
 		y2: b(e)
-	})), w = Rr(e, _), T = e.series.map((e, t) => t), E = Br(e, v, b, y, a.min, w, T), D = Vr(e, v, b, w, T), O = Y.padding + (t ? Y.titleHeight : 0) + Y.legendHeight / 2, k = i ? Wr(e, m / 2, O, T) : [], A = {
+	})), w = zr(e, _), T = e.series.map((e, t) => t), E = Vr(e, v, b, y, a.min, w, T), D = Hr(e, v, b, w, T), O = Y.padding + (t ? Y.titleHeight : 0) + Y.legendHeight / 2, k = i ? Gr(e, m / 2, O, T) : [], A = {
 		x1: u,
 		y1: c + p,
 		x2: u + f,
@@ -2551,12 +2557,12 @@ function Fr(e) {
 		legend: k
 	};
 }
-function Ir(e) {
+function Lr(e) {
 	let t = !!e.title, n = !!e.xAxis.title, r = !!e.yAxis.title, i = e.series.length > 1, a = e.yAxis.range;
 	if (!a)
  /* v8 ignore next */
 	throw Error("XY chart: y-axis range was not set by the parser");
-	let o = Hr(a.min, a.max), s = Lr(e), c = Rr(e, s), l = Math.max(...c.map((e) => M(e, Y.axisLabelFontSize, Y.axisLabelFontWeight)), 40), u = Y.padding + (t ? Y.titleHeight : 0) + (i ? Y.legendHeight : 0), d = Y.padding + Y.xLabelHeight + (r ? Y.axisTitlePad : 0), f = Y.padding + l + Y.yLabelGap + (n ? Y.axisTitlePad : 0), p = Y.padding, m = Y.plotWidth, h = Y.plotHeight, g = f + m + p, _ = u + h + d, v = {
+	let o = Ur(a.min, a.max), s = Rr(e), c = zr(e, s), l = Math.max(...c.map((e) => M(e, Y.axisLabelFontSize, Y.axisLabelFontWeight)), 40), u = Y.padding + (t ? Y.titleHeight : 0) + (i ? Y.legendHeight : 0), d = Y.padding + Y.xLabelHeight + (r ? Y.axisTitlePad : 0), f = Y.padding + l + Y.yLabelGap + (n ? Y.axisTitlePad : 0), p = Y.padding, m = Y.plotWidth, h = Y.plotHeight, g = f + m + p, _ = u + h + d, v = {
 		x: f,
 		y: u,
 		width: m,
@@ -2565,7 +2571,7 @@ function Ir(e) {
 		let t = (e - a.min) / (a.max - a.min || 1);
 		return f + t * m;
 	}, b = h / s, x = (e) => u + (e + .5) * b, S = o.map((e) => ({
-		label: Ur(e),
+		label: Wr(e),
 		x: y(e),
 		y: u + h,
 		tx: y(e),
@@ -2672,24 +2678,24 @@ function Ir(e) {
 		bars: D,
 		lines: O,
 		gridLines: w,
-		legend: i ? Wr(e, g / 2, ie, T) : []
+		legend: i ? Gr(e, g / 2, ie, T) : []
 	};
 }
-function Lr(e) {
+function Rr(e) {
 	if (e.xAxis.categories) return e.xAxis.categories.length;
 	for (let t of e.series) if (t.data.length > 0) return t.data.length;
 	return 1;
 }
-function Rr(e, t) {
+function zr(e, t) {
 	if (e.xAxis.categories) return e.xAxis.categories;
 	if (e.xAxis.range) {
 		let { min: n, max: r } = e.xAxis.range, i = t > 1 ? (r - n) / (t - 1) : 0;
-		return Array.from({ length: t }, (e, t) => Ur(n + i * t));
+		return Array.from({ length: t }, (e, t) => Wr(n + i * t));
 	}
 	return Array.from({ length: t }, (e, t) => String(t + 1));
 }
-function zr(e, t, n, r) {
-	return Rr(e, Lr(e)).map((e, r) => ({
+function Br(e, t, n, r) {
+	return zr(e, Rr(e)).map((e, r) => ({
 		label: e,
 		x: t(r),
 		y: n,
@@ -2700,7 +2706,7 @@ function zr(e, t, n, r) {
 		textAnchor: "middle"
 	}));
 }
-function Br(e, t, n, r, i, a, o) {
+function Vr(e, t, n, r, i, a, o) {
 	let s = e.series.filter((e) => e.type === "bar").length;
 	if (s === 0) return [];
 	let c = r * (1 - Y.barPadRatio), l = s > 1 ? (c - (s - 1) * Y.barGroupGap) / s : c, u = Math.min(l, Y.maxBarWidth), d = s > 1 ? u * s + Y.barGroupGap * (s - 1) : u, f = [], p = 0, m = 0;
@@ -2726,7 +2732,7 @@ function Br(e, t, n, r, i, a, o) {
 	}
 	return f;
 }
-function Vr(e, t, n, r, i) {
+function Hr(e, t, n, r, i) {
 	let a = [], o = 0, s = 0;
 	for (let c of e.series) {
 		if (c.type !== "line") {
@@ -2747,7 +2753,7 @@ function Vr(e, t, n, r, i) {
 	}
 	return a;
 }
-function Hr(e, t) {
+function Ur(e, t) {
 	let n = t - e;
 	if (n <= 0) return [e];
 	let r = n / 6, i = 10 ** Math.floor(Math.log10(r)), a = r / i, o;
@@ -2756,10 +2762,10 @@ function Hr(e, t) {
 	for (let e = s; e <= t + o * .001; e += o) c.push(Math.round(e * 1e10) / 1e10);
 	return c;
 }
-function Ur(e) {
+function Wr(e) {
 	return Number.isInteger(e) ? String(e) : e.toFixed(+(Math.abs(e) < 10));
 }
-function Wr(e, t, n, r) {
+function Gr(e, t, n, r) {
 	let i = [], a = 0, o = 0;
 	for (let t = 0; t < e.series.length; t++) {
 		let s = e.series[t], c = s.type === "bar" ? `Bar ${a + 1}` : `Line ${o + 1}`;
@@ -2803,24 +2809,24 @@ var X = {
 	minY: 4,
 	pointerSize: 6
 };
-function Gr(e, t, n = "Inter", i = !1, a = !1, o, s, c, l = {}) {
+function Kr(e, t, r = "Inter", i = !1, a = !1, o, s, c, l = {}) {
 	let u = [], d = Math.max(0, ...e.bars.map((e) => e.colorIndex), ...e.lines.map((e) => e.colorIndex)), f = U(E(e.width, e.height, t, i, s, c, void 0, l.styleAttribute).replace("<svg ", `<svg data-xychart-colors="${d}" `), o);
-	u.push(f), u.push(r(n, !1, l.nonce));
-	let p = Math.max(...e.lines.map((e) => e.points.length), 0), m = p > 0 && p <= 12, { style: h, defs: g } = Kr(e, a, m, t.accent, t.bg, l.nonce);
+	u.push(f), u.push(n(r, !1, l.nonce));
+	let p = Math.max(...e.lines.map((e) => e.points.length), 0), m = p > 0 && p <= 12, { style: h, defs: g } = qr(e, a, m, t.accent, t.bg, l.nonce);
 	u.push(h), g && u.push(g);
 	let { plotArea: _ } = e, v = e.xAxis.ticks.map((e) => e.x), y = e.horizontal ? e.yAxis.ticks.map((e) => e.y) : e.gridLines.map((e) => e.y1), b = v.length > 1 ? Math.abs(v[1] - v[0]) : _.width / 6, x = y.length > 1 ? Math.abs(y[1] - y[0]) : _.height / 6, S = b / Math.max(1, Math.round(b / 20)), C = x / Math.max(1, Math.round(x / 20)), w = v[0] ?? _.x, T = y[0] ?? _.y, D = w - Math.ceil((w - _.x) / S) * S, O = T - Math.ceil((T - _.y) / C) * C;
 	for (let e = O; e <= _.y + _.height + .5; e += C) for (let t = D; t <= _.x + _.width + .5; t += S) u.push(`<circle cx="${Q(t)}" cy="${Q(e)}" r="1.5" class="xychart-grid"/>`);
 	let k = [];
 	for (let t of e.bars) {
-		let n = ` data-value="${t.value}"${t.label ? ` data-label="${$(t.label)}"` : ""}`, r = e.horizontal ? Jr(t.x, t.y, t.width, t.height, X.barRadius) : qr(t.x, t.y, t.width, t.height, X.barRadius);
+		let n = ` data-value="${t.value}"${t.label ? ` data-label="${$(t.label)}"` : ""}`, r = e.horizontal ? Yr(t.x, t.y, t.width, t.height, X.barRadius) : Jr(t.x, t.y, t.width, t.height, X.barRadius);
 		if (u.push(`<path d="${r}" class="xychart-bar xychart-color-${t.colorIndex}"${n}/>`), a) {
-			let e = Qr(t.value), n = t.label ? `${t.label}: ${e}` : e, r = Zr(t.x + t.width / 2, t.y, e);
+			let e = $r(t.value), n = t.label ? `${t.label}: ${e}` : e, r = Qr(t.x + t.width / 2, t.y, e);
 			k.push(`<g class="xychart-bar-group"><rect x="${Q(t.x)}" y="${Q(t.y)}" width="${Q(t.width)}" height="${Q(t.height)}" fill="transparent"/><title>${$(n)}</title>` + r + "</g>");
 		}
 	}
 	for (let t of e.lines) {
 		if (t.points.length === 0) continue;
-		let e = Yr(t.points);
+		let e = Xr(t.points);
 		u.push(`<path d="${e}" class="xychart-line-shadow xychart-color-${t.colorIndex}" transform="translate(0,2)"/>`), u.push(`<path d="${e}" class="xychart-line xychart-color-${t.colorIndex}"/>`);
 	}
 	let A = [];
@@ -2843,16 +2849,16 @@ function Gr(e, t, n = "Inter", i = !1, a = !1, o, s, c, l = {}) {
 			let n = e[0].x, r = e[0].label || "";
 			if (a && e.length > 1) {
 				let i = Math.min(...e.map((e) => e.y)), a = Math.max(...e.map((e) => e.y)), o = X.dotRadius * 3, s = `<rect x="${Q(n - o)}" y="${Q(i - o)}" width="${Q(o * 2)}" height="${Q(a - i + o * 2)}" fill="transparent" class="xychart-hit"/>`, c = e.map((e) => ({
-					text: Qr(e.value),
+					text: $r(e.value),
 					legendLabel: t.get(e.seriesIndex) || `Line ${e.seriesIndex + 1}`
-				})), l = Xr(n, i - X.dotRadius, r, c), u = c.map((e) => e.text), d = r ? `${r}: ${u.join(" · ")}` : u.join(" · "), f = `<g class="xychart-dot-group">${s}`;
+				})), l = Zr(n, i - X.dotRadius, r, c), u = c.map((e) => e.text), d = r ? `${r}: ${u.join(" · ")}` : u.join(" · "), f = `<g class="xychart-dot-group">${s}`;
 				for (let t of e) {
 					let e = ` data-value="${t.value}"${t.label ? ` data-label="${$(t.label)}"` : ""}`;
 					f += `<circle cx="${Q(t.x)}" cy="${Q(t.y)}" r="${X.dotRadius}" class="xychart-dot xychart-color-${t.colorIndex}"${e}/>`;
 				}
 				f += `<title>${$(d)}</title>${l}</g>`, A.push(f);
 			} else if (a) {
-				let t = e[0], r = ` data-value="${t.value}"${t.label ? ` data-label="${$(t.label)}"` : ""}`, i = Qr(t.value), a = t.label ? `${t.label}: ${i}` : i, o = Zr(n, t.y - X.dotRadius, i), s = m ? `<circle cx="${Q(n)}" cy="${Q(t.y)}" r="${X.dotRadius * 3}" fill="transparent" class="xychart-hit"/>` : "";
+				let t = e[0], r = ` data-value="${t.value}"${t.label ? ` data-label="${$(t.label)}"` : ""}`, i = $r(t.value), a = t.label ? `${t.label}: ${i}` : i, o = Qr(n, t.y - X.dotRadius, i), s = m ? `<circle cx="${Q(n)}" cy="${Q(t.y)}" r="${X.dotRadius * 3}" fill="transparent" class="xychart-hit"/>` : "";
 				A.push(`<g class="xychart-dot-group">${s}<circle cx="${Q(t.x)}" cy="${Q(t.y)}" r="${X.dotRadius}" class="xychart-dot xychart-color-${t.colorIndex}"${r}/><title>${$(a)}</title>${o}</g>`);
 			} else for (let t of e) {
 				let e = ` data-value="${t.value}"${t.label ? ` data-label="${$(t.label)}"` : ""}`;
@@ -2883,13 +2889,13 @@ function Gr(e, t, n = "Inter", i = !1, a = !1, o, s, c, l = {}) {
 	for (let e of A) u.push(e);
 	return u.push("</svg>"), u.join("\n");
 }
-function Kr(e, t, n, r, i, a) {
-	let o = r ?? te, s = /* @__PURE__ */ new Set();
+function qr(e, t, n, r, i, a) {
+	let o = r ?? ne, s = /* @__PURE__ */ new Set();
 	for (let t of e.bars) s.add(t.colorIndex);
 	for (let t of e.lines) s.add(t.colorIndex);
 	let c = [];
 	for (let e of [...s].sort((e, t) => e - t)) {
-		let t = e === 0 ? `var(--accent, ${te})` : re(e, o, i);
+		let t = e === 0 ? `var(--accent, ${ne})` : ie(e, o, i);
 		c.push(`    --xychart-color-${e}: ${t};`), c.push(`    --xychart-bar-fill-${e}: color-mix(in srgb, var(--bg) 75%, var(--xychart-color-${e}) 25%);`);
 	}
 	let l = [];
@@ -2919,7 +2925,7 @@ ${l.join("\n")}${u}
 		defs: ""
 	};
 }
-function qr(e, t, n, r, i) {
+function Jr(e, t, n, r, i) {
 	let a = Math.min(i, n / 2, r / 2);
 	return a <= 0 ? `M${Q(e)},${Q(t)} h${Q(n)} v${Q(r)} h${Q(-n)} Z` : [
 		`M${Q(e)},${Q(t + a)}`,
@@ -2933,7 +2939,7 @@ function qr(e, t, n, r, i) {
 		"Z"
 	].join(" ");
 }
-function Jr(e, t, n, r, i) {
+function Yr(e, t, n, r, i) {
 	let a = Math.min(i, n / 2, r / 2);
 	return a <= 0 ? `M${Q(e)},${Q(t)} h${Q(n)} v${Q(r)} h${Q(-n)} Z` : [
 		`M${Q(e + a)},${Q(t)}`,
@@ -2948,7 +2954,7 @@ function Jr(e, t, n, r, i) {
 		"Z"
 	].join(" ");
 }
-function Yr(e) {
+function Xr(e) {
 	if (e.length === 0) return "";
 	if (e.length === 1) return `M${Q(e[0].x)},${Q(e[0].y)}`;
 	if (e.length === 2) return `M${Q(e[0].x)},${Q(e[0].y)} L${Q(e[1].x)},${Q(e[1].y)}`;
@@ -2977,7 +2983,7 @@ function Yr(e) {
 	}
 	return o;
 }
-function Xr(e, t, n, r) {
+function Zr(e, t, n, r) {
 	let i = M(n, Z.fontSize, 600), a = Math.max(...r.map((e) => {
 		let t = M(e.legendLabel, Z.fontSize, Z.fontWeight), n = M(e.text, Z.fontSize, Z.fontWeight);
 		return t + 10 + n;
@@ -2989,11 +2995,11 @@ function Xr(e, t, n, r) {
 	for (let e of r) h += 20, m += `<text x="${Q(g)}" y="${Q(h)}" text-anchor="start" font-size="${Z.fontSize}" font-weight="${Z.fontWeight}" dy="${R}" class="xychart-tip xychart-tip-text">${$(e.legendLabel)}</text>`, m += `<text x="${Q(_)}" y="${Q(h)}" text-anchor="end" font-size="${Z.fontSize}" font-weight="${Z.fontWeight}" dy="${R}" class="xychart-tip xychart-tip-text">${$(e.text)}</text>`;
 	return m;
 }
-function Zr(e, t, n) {
+function Qr(e, t, n) {
 	let r = M(n, Z.fontSize, Z.fontWeight) + Z.padX * 2, i = Z.height, a = Math.max(Z.minY, t - Z.offsetY - i - Z.pointerSize), o = e - r / 2, s = e, c = a + i / 2, l = e, u = a + i, d = Z.pointerSize, f = `<polygon points="${Q(l - d)},${Q(u)} ${Q(l + d)},${Q(u)} ${Q(l)},${Q(u + d)}" class="xychart-tip xychart-tip-ptr"/>`;
 	return `<rect x="${Q(o)}" y="${Q(a)}" width="${Q(r)}" height="${i}" rx="${Z.rx}" class="xychart-tip xychart-tip-bg"/>` + f + `<text x="${Q(s)}" y="${Q(c)}" text-anchor="middle" dy="${R}" class="xychart-tip xychart-tip-text">${$(n)}</text>`;
 }
-function Qr(e) {
+function $r(e) {
 	return Number.isInteger(e) ? e.toLocaleString("en-US") : e.toFixed(+(Math.abs(e) < 10));
 }
 function Q(e) {
@@ -3004,12 +3010,12 @@ function $(e) {
 }
 //#endregion
 //#region src/parser.ts
-function $r(e) {
+function ei(e) {
 	let t = e.trim();
 	return t.length >= 2 && (t[0] === "\"" && t[t.length - 1] === "\"" || t[0] === "'" && t[t.length - 1] === "'") ? t.slice(1, -1) : t;
 }
-var ei = "\"graph <dir>\"/\"flowchart <dir>\" (dir: TD, TB, LR, BT, RL), \"stateDiagram-v2\", \"sequenceDiagram\", \"classDiagram\", \"erDiagram\", \"xychart-beta\"";
-function ti(e) {
+var ti = "\"graph <dir>\"/\"flowchart <dir>\" (dir: TD, TB, LR, BT, RL), \"stateDiagram-v2\", \"sequenceDiagram\", \"classDiagram\", \"erDiagram\", \"xychart-beta\"";
+function ni(e) {
 	let t = e.trim().toLowerCase();
 	if (/^sequence/.test(t)) return "sequenceDiagram";
 	if (/^class/.test(t)) return "classDiagram";
@@ -3017,11 +3023,11 @@ function ti(e) {
 	if (/^xychart/.test(t)) return "xychart-beta";
 	if (/^state/.test(t)) return "stateDiagram-v2";
 }
-var ni = /^(?:[\w-]+@)?<?(?:-{2,}|={2,}|-\.+-?|~{3,})/;
-function ri(e) {
+var ri = /^(?:[\w-]+@)?<?(?:-{2,}|={2,}|-\.+-?|~{3,})/;
+function ii(e) {
 	let t = [];
 	for (let n of e) n.forEach((e, n) => {
-		if (n === 0 && t.length > 0 && ni.test(e.text)) {
+		if (n === 0 && t.length > 0 && ri.test(e.text)) {
 			let n = t[t.length - 1];
 			t[t.length - 1] = {
 				text: `${n.text} ${e.text}`,
@@ -3031,13 +3037,13 @@ function ri(e) {
 	});
 	return t;
 }
-function ii(e) {
-	let t = s(e.split("\n").map((e) => e.trim())), n = ri(w(e));
+function ai(e) {
+	let t = o(e.split("\n").map((e) => e.trim())), n = ii(w(e));
 	if (n.length === 0) throw Error("Empty mermaid diagram");
-	let r = n[0], i = /^stateDiagram(-v2)?\s*$/i.test(r.text) ? oi(n) : ai(n);
+	let r = n[0], i = /^stateDiagram(-v2)?\s*$/i.test(r.text) ? si(n) : oi(n);
 	return i.initConfig = t, i;
 }
-function ai(e) {
+function oi(e) {
 	let t = e[0];
 	if (t === void 0)
  /* v8 ignore next */
@@ -3049,8 +3055,8 @@ function ai(e) {
 			let r = e[1].trim();
 			throw Error(r.length > 0 ? `Line ${t.line}: Invalid direction "${r}" in header "${n}". Expected one of: TD, TB, LR, BT, RL.` : `Line ${t.line}: Missing direction in header "${n}". Expected e.g. "graph TD" or "flowchart LR" — one of: TD, TB, LR, BT, RL.`);
 		}
-		let r = ti(n), i = r && r.toLowerCase() !== n.trim().toLowerCase() ? ` Did you mean "${r}"?` : "";
-		throw Error(`Line ${t.line}: Invalid mermaid header: "${n}".${i} Supported headers: ${ei}.`);
+		let r = ni(n), i = r && r.toLowerCase() !== n.trim().toLowerCase() ? ` Did you mean "${r}"?` : "";
+		throw Error(`Line ${t.line}: Invalid mermaid header: "${n}".${i} Supported headers: ${ti}.`);
 	}
 	let i = {
 		direction: O(r[1]),
@@ -3067,10 +3073,10 @@ function ai(e) {
 		let n = e[t].text;
 		if (A(n, i) || k(n, i) || j(n, i)) continue;
 		if (/^click\s+/i.test(n)) {
-			vi(n, i);
+			yi(n, i);
 			continue;
 		}
-		if (bi(n, i)) continue;
+		if (xi(n, i)) continue;
 		let r = n.match(/^linkStyle\s+(default|[\d,\s]+)\s+(.+)$/);
 		if (r) {
 			let e = r[1].trim(), t = g(r[2]);
@@ -3095,7 +3101,7 @@ function ai(e) {
 		let s = n.match(/^subgraph\s+(.+)$/);
 		if (s) {
 			let e = s[1].trim(), t = e.match(/^([^\s[]+)\s*\[(.+)\]$/), n, r;
-			t ? (n = t[1], r = m($r(t[2]))) : (r = m($r(e)), n = r.replace(/\s+/g, "_").replace(/[^\p{L}\p{N}_-]/gu, ""));
+			t ? (n = t[1], r = m(ei(t[2]))) : (r = m(ei(e)), n = r.replace(/\s+/g, "_").replace(/[^\p{L}\p{N}_-]/gu, ""));
 			let i = {
 				id: n,
 				label: r,
@@ -3110,11 +3116,11 @@ function ai(e) {
 			e && (a.length > 0 ? a[a.length - 1].children.push(e) : i.subgraphs.push(e));
 			continue;
 		}
-		wi(n, i, a);
+		Ti(n, i, a);
 	}
 	return i;
 }
-function oi(e) {
+function si(e) {
 	let t = {
 		direction: "TD",
 		nodes: /* @__PURE__ */ new Map(),
@@ -3148,7 +3154,7 @@ function oi(e) {
 			}
 			continue;
 		}
-		if (bi(s, t)) continue;
+		if (xi(s, t)) continue;
 		let u = s.match(/^state\s+(?:"([^"]+)"\s+as\s+)?([\w\p{L}]+)\s*\{$/u);
 		if (u) {
 			let e = u[1] ?? u[2], i = u[2], a = {
@@ -3168,7 +3174,7 @@ function oi(e) {
 		let d = s.match(/^state\s+"([^"]+)"\s+as\s+([\w\p{L}]+)\s*$/u);
 		if (d) {
 			let e = m(d[1]), r = d[2];
-			si(t, n, {
+			ci(t, n, {
 				id: r,
 				label: e,
 				shape: "rounded"
@@ -3178,15 +3184,15 @@ function oi(e) {
 		let f = s.match(/^(\[\*\]|[\w\p{L}-]+)\s*(?:([\w-]+)@)?-->\s*(\[\*\]|[\w\p{L}-]+)(?:\s*:\s*(.+))?$/u);
 		if (f) {
 			let e = f[1], o = f[2], s = f[3], c = f[4]?.trim(), l = c ? m(c) : void 0;
-			e === "[*]" ? (i++, e = `_start${i > 1 ? i : ""}`, si(t, n, {
+			e === "[*]" ? (i++, e = `_start${i > 1 ? i : ""}`, ci(t, n, {
 				id: e,
 				label: "",
 				shape: "state-start"
-			})) : r.has(e) || ci(t, n, e), s === "[*]" ? (a++, s = `_end${a > 1 ? a : ""}`, si(t, n, {
+			})) : r.has(e) || li(t, n, e), s === "[*]" ? (a++, s = `_end${a > 1 ? a : ""}`, ci(t, n, {
 				id: s,
 				label: "",
 				shape: "state-end"
-			})) : r.has(s) || ci(t, n, s), t.edges.push({
+			})) : r.has(s) || li(t, n, s), t.edges.push({
 				source: e,
 				target: s,
 				label: l,
@@ -3200,7 +3206,7 @@ function oi(e) {
 		let p = s.match(/^([\w\p{L}-]+)\s*:\s*(.+)$/u);
 		if (p) {
 			let e = p[1];
-			si(t, n, {
+			ci(t, n, {
 				id: e,
 				label: m(p[2].trim()),
 				shape: "rounded"
@@ -3210,14 +3216,14 @@ function oi(e) {
 	}
 	return t;
 }
-function si(e, t, n) {
+function ci(e, t, n) {
 	if (e.nodes.has(n.id) || e.nodes.set(n.id, n), t.length > 0) {
 		let e = t[t.length - 1];
 		e.nodeIds.includes(n.id) || e.nodeIds.push(n.id);
 	}
 }
-function ci(e, t, n) {
-	if (!e.nodes.has(n)) si(e, t, {
+function li(e, t, n) {
+	if (!e.nodes.has(n)) ci(e, t, {
 		id: n,
 		label: n,
 		shape: "rounded"
@@ -3227,12 +3233,12 @@ function ci(e, t, n) {
 		e.nodeIds.includes(n) || e.nodeIds.push(n);
 	}
 }
-var li = /^(<|o|x)?(-{2,}|={2,}|-\.+-|~{3,})(>|o|x)?(?:\|([^|]*)\|)?/, ui = /* @__PURE__ */ new Set(["--", "=="]);
-function di(e) {
+var ui = /^(<|o|x)?(-{2,}|={2,}|-\.+-|~{3,})(>|o|x)?(?:\|([^|]*)\|)?/, di = /* @__PURE__ */ new Set(["--", "=="]);
+function fi(e) {
 	if (e === "o") return "circle";
 	if (e === "x") return "cross";
 }
-var fi = /^(<|o|x)?(--|-\.|==)\s+(.+?)\s+(-{2,}[>ox]|={2,}[>ox]|\.+-[>ox]|-{3,}|={3,}|-\.+-)/, pi = [
+var pi = /^(<|o|x)?(--|-\.|==)\s+(.+?)\s+(-{2,}[>ox]|={2,}[>ox]|\.+-[>ox]|-{3,}|={3,}|-\.+-)/, mi = [
 	{
 		regex: /^([\w\p{L}-]+)\(\(\(((?:"[^"]*"|(?!\)\)\)).)+)\)\)\)/u,
 		shape: "doublecircle"
@@ -3281,9 +3287,9 @@ var fi = /^(<|o|x)?(--|-\.|==)\s+(.+?)\s+(-{2,}[>ox]|={2,}[>ox]|\.+-[>ox]|-{3,}|
 		regex: /^([\w\p{L}-]+)\{((?:"[^"]*"|(?!\}).)+)\}/u,
 		shape: "diamond"
 	}
-], mi = /^([\w\p{L}]+(?:-[\w\p{L}]+)*)/u, hi = /^([\w\p{L}-]+)(?=@\{)/u;
-function gi(e) {
-	if (e.shape) return ue(e.shape) ?? "rectangle";
+], hi = /^([\w\p{L}]+(?:-[\w\p{L}]+)*)/u, gi = /^([\w\p{L}-]+)(?=@\{)/u;
+function _i(e) {
+	if (e.shape) return de(e.shape) ?? "rectangle";
 	if (e.icon !== void 0 || e.img !== void 0) switch (e.form?.toLowerCase()) {
 		case "circle": return "circle";
 		case "rounded": return "rounded";
@@ -3291,46 +3297,46 @@ function gi(e) {
 	}
 	return "rectangle";
 }
-function _i(e, t) {
+function vi(e, t) {
 	return t.label !== void 0 && t.label.length > 0 ? t.label : t.icon ? t.icon : t.img ? t.img : e;
 }
-function vi(e, t) {
-	n(e, t.interactions);
+function yi(e, n) {
+	t(e, n.interactions);
 }
-var yi = /^([\w-]+)(?=@\{)/;
-function bi(e, t) {
-	let n = e.match(yi);
+var bi = /^([\w-]+)(?=@\{)/;
+function xi(e, t) {
+	let n = e.match(bi);
 	if (!n || !t.edges.some((e) => e.id === n[1])) return !1;
-	let r = ie(e.slice(n[1].length));
-	return r ? (xi(t, n[1], se(r.body)), !0) : !1;
+	let r = ae(e.slice(n[1].length));
+	return r ? (Si(t, n[1], ce(r.body)), !0) : !1;
 }
-function xi(e, t, n) {
+function Si(e, t, n) {
 	for (let r of e.edges) r.id === t && (n.animate !== void 0 && (r.animate = n.animate.toLowerCase() !== "false"), n.animation !== void 0 && (r.animate = !0));
 }
-var Si = /^:::([\w][\w-]*)/, Ci = /^([\w\p{L}-]+):::([\w][\w-]*)/u;
-function wi(e, t, n) {
-	let r = e.trim(), i = Ti(r, t, n);
+var Ci = /^:::([\w][\w-]*)/, wi = /^([\w\p{L}-]+):::([\w][\w-]*)/u;
+function Ti(e, t, n) {
+	let r = e.trim(), i = Ei(r, t, n);
 	if (!i || i.ids.length === 0) return;
 	r = i.remaining.trim();
 	let a = i.ids;
 	for (; r.length > 0;) {
 		let e, i, o, s, c, l, u, d = r.match(/^([\w-]+)@(?=[-=<~ox])/);
 		d && (u = d[1], r = r.slice(d[0].length));
-		let f = r.match(li), p = f?.[2], h = f?.[1], g = f?.[3];
-		if (f && p !== void 0 && !(h === void 0 && g === void 0 && ui.has(p))) {
-			e = h !== void 0, c = di(h);
+		let f = r.match(ui), p = f?.[2], h = f?.[1], g = f?.[3];
+		if (f && p !== void 0 && !(h === void 0 && g === void 0 && di.has(p))) {
+			e = h !== void 0, c = fi(h);
 			let t = f[4]?.trim();
-			s = t ? m(t) : void 0, r = r.slice(f[0].length).trim(), i = ki(p), o = g !== void 0, l = di(g);
+			s = t ? m(t) : void 0, r = r.slice(f[0].length).trim(), i = Ai(p), o = g !== void 0, l = fi(g);
 		} else {
-			let t = r.match(fi);
+			let t = r.match(pi);
 			if (!t) break;
-			e = !!t[1], c = di(t[1]);
+			e = !!t[1], c = fi(t[1]);
 			let n = t[3].trim();
 			s = n ? m(n) : void 0;
 			let a = t[2], u = t[4];
-			r = r.slice(t[0].length).trim(), i = Ai(a, u), l = di(u.slice(-1)), o = u.endsWith(">") || l !== void 0;
+			r = r.slice(t[0].length).trim(), i = ji(a, u), l = fi(u.slice(-1)), o = u.endsWith(">") || l !== void 0;
 		}
-		let _ = Ti(r, t, n);
+		let _ = Ei(r, t, n);
 		if (!_ || _.ids.length === 0) break;
 		r = _.remaining.trim();
 		for (let n of a) for (let r of _.ids) t.edges.push({
@@ -3347,13 +3353,13 @@ function wi(e, t, n) {
 		a = _.ids;
 	}
 }
-function Ti(e, t, n) {
-	let r = Ei(e, t, n);
+function Ei(e, t, n) {
+	let r = Di(e, t, n);
 	if (!r) return null;
 	let i = [r.id], a = r.remaining.trim();
 	for (; a.startsWith("&");) {
 		a = a.slice(1).trim();
-		let e = Ei(a, t, n);
+		let e = Di(a, t, n);
 		if (!e) break;
 		i.push(e.id), a = e.remaining.trim();
 	}
@@ -3362,27 +3368,27 @@ function Ti(e, t, n) {
 		remaining: a
 	};
 }
-function Ei(e, t, n) {
-	let r = null, i = e, a, o = i.match(Ci);
+function Di(e, t, n) {
+	let r = null, i = e, a, o = i.match(wi);
 	o && (a = o[2], i = o[1] + i.slice(o[0].length));
-	let s = i.match(hi);
+	let s = i.match(gi);
 	if (s) {
-		let e = s[1], a = ie(i.slice(e.length));
+		let e = s[1], a = ae(i.slice(e.length));
 		if (a) {
-			let o = se(a.body);
-			Di(t, n, {
+			let o = ce(a.body);
+			Oi(t, n, {
 				id: e,
-				label: m(_i(e, o)),
-				shape: gi(o)
+				label: m(vi(e, o)),
+				shape: _i(o)
 			}), r = e, i = i.slice(e.length + a.length);
 		}
 	}
-	if (r === null) for (let { regex: e, shape: a } of pi) {
+	if (r === null) for (let { regex: e, shape: a } of mi) {
 		let o = i.match(e);
 		if (o) {
 			r = o[1];
 			let e = m(o[2]), s = typeof a == "function" ? a(o[3] ?? "") : a;
-			Di(t, n, {
+			Oi(t, n, {
 				id: r,
 				label: e,
 				shape: s
@@ -3391,8 +3397,8 @@ function Ei(e, t, n) {
 		}
 	}
 	if (r === null) {
-		let e = i.match(mi);
-		e && (r = e[1], t.nodes.has(r) || Di(t, n, {
+		let e = i.match(hi);
+		e && (r = e[1], t.nodes.has(r) || Oi(t, n, {
 			id: r,
 			label: r,
 			shape: "rectangle"
@@ -3400,117 +3406,117 @@ function Ei(e, t, n) {
 	}
 	if (r === null) return null;
 	a && t.classAssignments.set(r, a);
-	let c = i.match(Si);
+	let c = i.match(Ci);
 	return c && (t.classAssignments.set(r, c[1]), i = i.slice(c[0].length)), {
 		id: r,
 		remaining: i
 	};
 }
-function Di(e, t, n) {
-	e.nodes.has(n.id) || e.nodes.set(n.id, n), Oi(t, n.id);
+function Oi(e, t, n) {
+	e.nodes.has(n.id) || e.nodes.set(n.id, n), ki(t, n.id);
 }
-function Oi(e, t) {
+function ki(e, t) {
 	if (e.length > 0) {
 		let n = e[e.length - 1];
 		n.nodeIds.includes(t) || n.nodeIds.push(t);
 	}
 }
-function ki(e) {
+function Ai(e) {
 	return e.startsWith("~") ? "invisible" : e.includes(".") ? "dotted" : e.startsWith("=") ? "thick" : "solid";
 }
-function Ai(e, t) {
+function ji(e, t) {
 	return e.includes(".") || t.includes(".") ? "dotted" : e.startsWith("=") || t.startsWith("=") ? "thick" : "solid";
 }
 //#endregion
 //#region packages/svg-renderer/src/registry.ts
-var ji = {
+var Mi = {
 	type: "xychart",
-	parse: le,
-	layoutForSvg: Pr,
+	parse: ue,
+	layoutForSvg: Fr,
 	renderSvg(e, t, n) {
 		let r = n.interactivity === void 0 ? n.interactive ?? !1 : n.interactivity === "full";
-		return Gr(e, t.colors, t.font, t.transparent, r, t.embedSource, t.title, t.decorative, t.emit);
+		return Kr(e, t.colors, t.font, t.transparent, r, t.embedSource, t.title, t.decorative, t.emit);
 	}
-}, Mi = {
+}, Ni = {
 	type: "sequence",
-	parse: ce,
-	layoutForSvg: xr,
+	parse: le,
+	layoutForSvg: Sr,
 	renderSvg(e, t) {
-		return Sr(e, t.colors, t.font, t.transparent, t.fontSizes, t.embedSource, t.title, t.decorative, t.emit);
+		return Cr(e, t.colors, t.font, t.transparent, t.fontSizes, t.embedSource, t.title, t.decorative, t.emit);
 	}
 };
-function Ni(e) {
+function Pi(e) {
 	return (e.interactivity ?? "static") !== "none";
 }
-function Pi(e) {
+function Fi(e) {
 	return (e.interactivity ?? "static") === "full";
 }
-var Fi = {
-	xychart: ji,
+var Ii = {
+	xychart: Mi,
 	er: {
 		type: "er",
-		parse: oe,
+		parse: se,
 		layoutForSvg(e, t) {
-			return lr(ee(e, t.direction), t);
+			return ur(ee(e, t.direction), t);
 		},
 		renderSvg(e, t) {
-			return ur(e, t.colors, t.font, t.transparent, t.fontSizes, t.embedSource, t.title, t.decorative, t.emit);
+			return dr(e, t.colors, t.font, t.transparent, t.fontSizes, t.embedSource, t.title, t.decorative, t.emit);
 		}
 	},
-	sequence: Mi,
+	sequence: Ni,
 	class: {
 		type: "class",
-		parse: ae,
-		layoutForSvg: Gn,
+		parse: oe,
+		layoutForSvg: Kn,
 		renderSvg(e, t, n) {
-			return Jn(e, t.colors, t.font, t.transparent, t.fontSizes, t.embedSource, t.title, t.decorative, Ni(n), t.emit);
+			return Yn(e, t.colors, t.font, t.transparent, t.fontSizes, t.embedSource, t.title, t.decorative, Pi(n), t.emit);
 		}
 	},
 	flowchart: {
 		type: "flowchart",
-		parse: (e, t) => ii(t),
+		parse: (e, t) => ai(t),
 		layoutForSvg(e, t) {
 			return {
-				graph: Dt(ee(e, t.direction), t),
+				graph: Ot(ee(e, t.direction), t),
 				curve: t.curve ?? e.initConfig?.curve ?? "linear"
 			};
 		},
 		renderSvg(e, t, n) {
-			return kt(e.graph, t.colors, t.font, t.transparent, t.fontSizes, e.curve, t.embedSource, Pi(n), Ni(n), t.title, t.decorative, t.emit);
+			return At(e.graph, t.colors, t.font, t.transparent, t.fontSizes, e.curve, t.embedSource, Fi(n), Pi(n), t.title, t.decorative, t.emit);
 		}
 	}
 };
 //#endregion
 //#region packages/svg-renderer/src/index.ts
-function Ii(e) {
+function Li(t) {
 	return {
-		bg: e.bg ?? t.bg,
-		fg: e.fg ?? t.fg,
-		line: e.line,
-		accent: e.accent,
-		muted: e.muted,
-		surface: e.surface,
-		border: e.border
+		bg: t.bg ?? e.bg,
+		fg: t.fg ?? e.fg,
+		line: t.line,
+		accent: t.accent,
+		muted: t.muted,
+		surface: t.surface,
+		border: t.border
 	};
 }
-function Li(e = {}) {
-	return D(Ii(e), e.transparent);
+function Ri(e = {}) {
+	return D(Li(e), e.transparent);
 }
-function Ri(e) {
+function zi(e) {
 	return {
 		nonce: e.nonce,
 		styleAttribute: e.styleAttribute
 	};
 }
-function zi(e, t = {}) {
-	let n = Bi(e, t);
-	return t.resolveColors ? Bn(n, Ii(t)) : n;
+function Bi(e, t = {}) {
+	let n = Vi(e, t);
+	return t.resolveColors ? Vn(n, Li(t)) : n;
 }
-function Bi(e, t) {
-	let n = de(e), r = Ii(t), a = t.font ?? "Inter";
+function Vi(e, t) {
+	let n = fe(e), i = Li(t), a = t.font ?? "Inter";
 	S(u(a));
-	let o = t.transparent ?? !1, s = P(t.fontSizes), c = i(n), l = t.embedSource ? e : void 0, d = t.title, f = t.decorative, p = Ri(t), m = C(n), h = Fi[c], g = h.parse(m, n), _ = h.layoutForSvg(g, t), v = {
-		colors: r,
+	let o = t.transparent ?? !1, s = P(t.fontSizes), c = r(n), l = t.embedSource ? e : void 0, d = t.title, f = t.decorative, p = zi(t), m = C(n), h = Ii[c], g = h.parse(m, n), _ = h.layoutForSvg(g, t), v = {
+		colors: i,
 		font: a,
 		transparent: o,
 		fontSizes: s,
@@ -3521,11 +3527,11 @@ function Bi(e, t) {
 	};
 	return h.renderSvg(_, v, t);
 }
-async function Vi(e, t = {}) {
-	return zi(e, t);
+async function Hi(e, t = {}) {
+	return Bi(e, t);
 }
-var Hi = zi, Ui = Vi;
+var Ui = Bi, Wi = Hi;
 //#endregion
-export { z as ARROW_HEAD, W as CLS, Ae as ELK_DIRECTION_FALLBACK, N as FONT_SIZES, F as FONT_WEIGHTS, Oe as GROUP_HEADER_CONTENT_PAD, Pe as INLINE_CENTERED_EDGE_LABEL, Ee as MONO_FONT, De as MONO_FONT_STACK, I as NODE_PADDING, L as STROKE_WIDTHS, R as TEXT_BASELINE_SHIFT, Ne as baseElkLayoutOptions, yr as boxLabelHeight, V as buildElkEdge, Fe as buildElkEdgeLabel, B as buildElkLeafNode, Vn as classNoteId, Xe as clipEdgeToShape, Ot as convertToElkFormat, xe as createLayoutCache, je as directionToElk, we as elkLayoutSync, Me as elkPadding, Te as estimateMonoTextWidth, M as estimateTextWidth, Pn as evaluateCssColorValue, st as extractEdgeLabelPosition, ot as extractEdgePoints, Gn as layoutClassDiagramSync, lr as layoutErDiagramSync, Dt as layoutGraphSync, xr as layoutSequenceDiagram, Pr as layoutXYChart, _e as pointsToPath, Jn as renderClassSvg, ur as renderErSvg, Ui as renderMermaid, zi as renderMermaidSVG, Vi as renderMermaidSVGAsync, Hi as renderMermaidSync, Sr as renderSequenceSvg, kt as renderSvg, Gr as renderXYChartSvg, Bn as resolveCssColors, P as resolveFontSizes, Li as themeCssVariables, U as withDataSrc };
+export { z as ARROW_HEAD, W as CLS, je as ELK_DIRECTION_FALLBACK, N as FONT_SIZES, F as FONT_WEIGHTS, ke as GROUP_HEADER_CONTENT_PAD, Fe as INLINE_CENTERED_EDGE_LABEL, De as MONO_FONT, Oe as MONO_FONT_STACK, I as NODE_PADDING, L as STROKE_WIDTHS, R as TEXT_BASELINE_SHIFT, Pe as baseElkLayoutOptions, br as boxLabelHeight, V as buildElkEdge, Ie as buildElkEdgeLabel, B as buildElkLeafNode, Hn as classNoteId, Ze as clipEdgeToShape, kt as convertToElkFormat, Se as createLayoutCache, Me as directionToElk, Te as elkLayoutSync, Ne as elkPadding, Ee as estimateMonoTextWidth, M as estimateTextWidth, Fn as evaluateCssColorValue, ct as extractEdgeLabelPosition, st as extractEdgePoints, Kn as layoutClassDiagramSync, ur as layoutErDiagramSync, Ot as layoutGraphSync, Sr as layoutSequenceDiagram, Fr as layoutXYChart, ve as pointsToPath, Yn as renderClassSvg, dr as renderErSvg, Wi as renderMermaid, Bi as renderMermaidSVG, Hi as renderMermaidSVGAsync, Ui as renderMermaidSync, Cr as renderSequenceSvg, At as renderSvg, Kr as renderXYChartSvg, Vn as resolveCssColors, P as resolveFontSizes, Ri as themeCssVariables, U as withDataSrc };
 
 //# sourceMappingURL=index.js.map