@zombie-mermaid/svg-renderer 3.0.0 → 3.2.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, architectureToGraph as re, c4BoundaryTypeLine as ie, c4RelLabelLines as ae, c4TypeLine as oe, formatClassMember as se, getSeriesColor as ce, matchExpandedBlock as le, parseArchitecture as ue, parseC4Diagram as de, parseClassDiagram as fe, parseErDiagram as pe, parseExpandedMeta as me, parseSequenceDiagram as he, parseXYChart as ge, resolveShapeName as _e } from "@zombie-mermaid/mermaid-parser";
+import { decodeXML as ve } from "entities";
 //#region packages/svg-renderer/src/edge-curves.ts
-function fe(e) {
-	return `M ${e.x} ${e.y}`;
+function ye(e) {
+	return s`M ${e.x} ${e.y}`;
 }
-function pe(e) {
-	return fe(e[0]) + e.slice(1).map((e) => ` L ${e.x} ${e.y}`).join("");
+function be(e) {
+	return ye(e[0]) + e.slice(1).map((e) => s` L ${e.x} ${e.y}`).join("");
 }
-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}`);
+function xe(e) {
+	if (e.length < 3) return be(e);
+	let t = e[e.length - 1], n = [ye(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(` L ${t.x} ${t.y}`), n.join("");
+	return n.push(r(e[e.length - 2], t, t)), n.push(s` L ${t.x} ${t.y}`), n.join("");
 }
-function he(e) {
-	if (e.length < 3) return pe(e);
-	let t = [fe(e[0])];
+function Se(e) {
+	if (e.length < 3) return be(e);
+	let t = [ye(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 Ce(e, t) {
+	let n = [ye(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 we(e, t = "linear") {
 	if (e.length === 0) return "";
-	if (e.length === 1) return fe(e[0]);
+	if (e.length === 1) return ye(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 xe(e);
+		case "natural": return Se(e);
+		case "step": return Ce(e, "mid");
+		case "stepBefore": return Ce(e, "before");
+		case "stepAfter": return Ce(e, "after");
+		default: return be(e);
 	}
 }
 //#endregion
 //#region packages/svg-renderer/src/elk-instance.ts
-var ve = null, ye = null, be = 20;
-function xe(e = be) {
+var Te = null, Ee = null, De = 20;
+function Oe(e = De) {
 	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 ke(e) {
+	if (Array.isArray(e)) return `[${e.map(ke).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)}:${ke(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 Ae() {
+	if (Te && Ee) return Ee;
+	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, Te = new te(), !Te) throw Error("ELKBundled construction unexpectedly produced no instance");
+	return r && (n.self = i), globalThis.setTimeout = t, e.forEach((e) => e()), Ee = Te.worker.worker, Ee;
 }
-function we(e, t) {
-	let n = t, r = n ? Se(e) : void 0;
+function je(e, t) {
+	let n = t, r = n ? ke(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 = Ae(), 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 Me(e, t) {
 	return e.length * t * .6;
 }
-var Ee = "'JetBrains Mono'", De = `${Ee}, 'SF Mono', 'Fira Code', ui-monospace, monospace`, N = {
+var Ne = "'JetBrains Mono'", Pe = `${Ne}, '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 = {
+}, Fe = 12, I = {
 	horizontal: 20,
 	vertical: 10,
 	diamondExtra: 24
@@ -142,7 +142,7 @@ var F = {
 }, R = "0.35em", z = {
 	width: 8,
 	height: 5
-}, ke = {
+}, Ie = {
 	font: "Inter",
 	padding: 40,
 	nodeSpacing: 28,
@@ -150,13 +150,14 @@ var F = {
 	mergeEdges: !0,
 	thoroughness: 3,
 	fontSizes: N
-}, Ae = {
+}, Le = {
 	flowchart: "DOWN",
 	state: "DOWN",
 	class: "DOWN",
-	er: "RIGHT"
+	er: "RIGHT",
+	c4: "DOWN"
 };
-function je(e, t) {
+function Re(e, t) {
 	switch (e) {
 		case "LR": return "RIGHT";
 		case "RL": return "LEFT";
@@ -166,7 +167,7 @@ function je(e, t) {
 		default: return t;
 	}
 }
-function Me(e) {
+function ze(e) {
 	let t = typeof e == "number" ? {
 		top: e,
 		left: e,
@@ -175,17 +176,17 @@ function Me(e) {
 	} : e;
 	return `[top=${t.top},left=${t.left},bottom=${t.bottom},right=${t.right}]`;
 }
-function Ne(e) {
+function Be(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": ze(e.padding),
 		"elk.edgeRouting": "ORTHOGONAL"
 	};
 }
-function B(e, t, n) {
+function Ve(e, t, n) {
 	let r = {
 		id: e,
 		width: t.width,
@@ -193,11 +194,11 @@ function B(e, t, n) {
 	};
 	return n !== void 0 && (r.labels = [{ text: n }]), r;
 }
-var Pe = {
+var He = {
 	"elk.edgeLabels.inline": "true",
 	"elk.edgeLabels.placement": "CENTER"
 };
-function Fe(e, t) {
+function Ue(e, t) {
 	let n = d(e, t.fontSize, F.edgeLabel), r = {
 		text: e,
 		width: n.width + 8,
@@ -205,22 +206,22 @@ function Fe(e, t) {
 	};
 	return t.layoutOptions && (r.layoutOptions = { ...t.layoutOptions }), r;
 }
-function V(e) {
+function B(e) {
 	let t = {
 		id: e.id,
 		sources: [e.source],
 		targets: [e.target]
 	};
-	return e.label && (t.labels = [Fe(e.label, e.labelStyle)]), t;
+	return e.label && (t.labels = [Ue(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 We(e) {
+	return Re(e, Le.flowchart);
 }
-function Le(e) {
+function Ge(e) {
 	return {
-		...Ne(e),
+		...Be(e),
 		"elk.spacing.edgeEdge": "12",
 		"elk.layered.spacing.edgeEdgeBetweenLayers": "12",
 		"elk.layered.spacing.edgeNodeBetweenLayers": "12",
@@ -228,13 +229,13 @@ function Le(e) {
 		"elk.contentAlignment": "H_CENTER V_CENTER"
 	};
 }
-function Re(e) {
+function Ke(e) {
 	return {
 		fontSize: e.fontSizes.edgeLabel,
-		layoutOptions: Pe
+		layoutOptions: He
 	};
 }
-function ze(e, t, n, r) {
+function qe(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 +253,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 Je = " root";
+function Ye(e) {
+	for (let t of e) if (t.direction !== void 0 || Ye(t.children)) return !0;
 	return !1;
 }
-function He(e, t) {
+function Xe(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) Xe(n, t);
 }
-function Ue(e, t) {
+function Ze(e, t) {
 	let n = /* @__PURE__ */ new Set();
-	if (He(e, n), n.size === 0) return !0;
+	if (Xe(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 Qe(e) {
 	let t = /* @__PURE__ */ new Map();
 	function n(e, r) {
 		let i = [...r, e.id];
@@ -277,15 +278,15 @@ function We(e) {
 	for (let t of e) n(t, []);
 	return t;
 }
-function Ge(e, t) {
+function $e(e, t) {
 	let n = 0;
 	for (; n < e.length && n < t.length && e[n] === t[n];) n++;
 	return n;
 }
-function Ke(e, t) {
+function et(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), nt(t, n, r);
+	let i = rt(e.subgraphs), a = Qe(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 +307,14 @@ function Ke(e, t) {
 			tgtChain: o(a)
 		});
 	}
-	let l = Ve(e.subgraphs), u = [], d = [], f = {
-		...Le({
-			direction: Ie(e.direction),
+	let l = Ye(e.subgraphs), u = [], d = [], f = {
+		...Ge({
+			direction: We(e.direction),
 			nodeSpacing: t.nodeSpacing,
 			layerSpacing: t.layerSpacing,
 			padding: t.padding
 		}),
-		"elk.layered.thoroughness": String(ke.thoroughness),
+		"elk.layered.thoroughness": String(Ie.thoroughness),
 		"elk.layered.highDegreeNodes.treatment": "true",
 		"elk.layered.highDegreeNodes.threshold": "8",
 		"elk.layered.compaction.postCompaction.strategy": "LEFT_RIGHT_CONSTRAINT_LOCKING",
@@ -330,7 +331,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 = $e(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 +359,33 @@ function Ke(e, t) {
 			}
 			s = `${i[a]}_in_${e}`;
 		}
-		g(a > 0 ? r[a - 1] : Be, V({
+		g(a > 0 ? r[a - 1] : Je, B({
 			id: `e${e}`,
 			source: o,
 			target: s,
 			label: n.label,
-			labelStyle: Re(t)
+			labelStyle: Ke(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);
-		u.push(B(i, e, a.label));
+		let e = qe(i, a.label, a.shape, t.fontSizes.nodeLabel);
+		u.push(Ve(i, e, a.label));
 	}
-	for (let n of [...e.subgraphs].reverse()) u.push(qe(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({
+	for (let n of [...e.subgraphs].reverse()) u.push(tt(n, e, t, s, p, m, e.direction));
+	for (let { index: e, edge: n } of s.get(null)) n.source !== n.target && d.push(B({
 		id: `e${e}`,
 		source: n.source,
 		target: n.target,
 		label: n.label,
-		labelStyle: Re(t)
+		labelStyle: Ke(t)
 	}));
-	if (l) for (let e of m.get(Be) ?? []) d.push(e);
-	else for (let { index: e, edge: n } of c) d.push(V({
+	if (l) for (let e of m.get(Je) ?? []) d.push(e);
+	else for (let { index: e, edge: n } of c) d.push(B({
 		id: `e${e}`,
 		source: n.source,
 		target: n.target,
 		label: n.label,
-		labelStyle: Re(t)
+		labelStyle: Ke(t)
 	}));
 	return {
 		id: "root",
@@ -393,9 +394,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 tt(e, t, n, r, i, a, o) {
+	let s = e.direction !== void 0 && Ze(e, t) ? e.direction : o, c = Ge({
+		direction: We(s),
 		nodeSpacing: n.nodeSpacing,
 		layerSpacing: n.layerSpacing,
 		padding: {
@@ -410,18 +411,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);
-			d.push(B(r, t, e.label));
+			let t = qe(r, e.label, e.shape, n.fontSizes.nodeLabel);
+			d.push(Ve(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(tt(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({
+	for (let { index: e, edge: t } of p) t.source !== t.target && f.push(B({
 		id: `e${e}`,
 		source: t.source,
 		target: t.target,
 		label: t.label,
-		labelStyle: Re(n)
+		labelStyle: Ke(n)
 	}));
 	for (let t of a.get(e.id) ?? []) f.push(t);
 	return {
@@ -433,11 +434,11 @@ function qe(e, t, n, r, i, a, o) {
 		edges: f
 	};
 }
-function Je(e, t, n) {
+function nt(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), nt(r, t, n);
 }
-function Ye(e) {
+function rt(e) {
 	let t = /* @__PURE__ */ new Map();
 	function n(e) {
 		for (let n of e.nodeIds) t.set(n, e.id);
@@ -448,19 +449,19 @@ function Ye(e) {
 }
 //#endregion
 //#region packages/svg-renderer/src/shape-clipping.ts
-function Xe(e, t, n) {
+function it(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] = at(e[0], e[1], t);
 		else {
 			let n = e.length - 1;
-			r[n] = Ze(e[n], e[n - 1], t);
+			r[n] = at(e[n], e[n - 1], t);
 		}
 	}
 	return r;
 }
-function Ze(e, t, n) {
+function at(e, t, n) {
 	let r = n.x + n.width / 2, i = n.y + n.height / 2, a = {
 		x: r,
 		y: n.y
@@ -476,14 +477,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 ? st(t, c, a) ?? a : st(t, a, o) ?? a : t <= r ? st(t, s, c) ?? s : st(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 ? ot(t, a, c) ?? c : ot(t, c, s) ?? c : t <= i ? ot(t, a, o) ?? o : ot(t, o, s) ?? o;
 	}
 }
-function Qe(e, t, n) {
+function ot(e, t, n) {
 	let r = n.y - t.y;
 	if (Math.abs(r) < .001) return null;
 	let i = (e - t.y) / r;
@@ -492,7 +493,7 @@ function Qe(e, t, n) {
 		y: e
 	};
 }
-function $e(e, t, n) {
+function st(e, t, n) {
 	let r = n.x - t.x;
 	if (Math.abs(r) < .001) return null;
 	let i = (e - t.x) / r;
@@ -503,11 +504,11 @@ function $e(e, t, n) {
 }
 //#endregion
 //#region packages/svg-renderer/src/layout-engine/layer-alignment.ts
-function et(e, t, n) {
+function ct(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 = Ie.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 +548,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 lt = .5;
+function ut(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 + lt, r = e.x + e.width - lt, i = e.y + lt, a = e.y + e.height - lt;
 			if (!(t >= r || i >= a) && o < r && s > t && c < a && l > i) return !1;
 		}
 	}
 	return !0;
 }
-function rt(e, t, n) {
+function dt(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(...dt(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 ft(e, t, n, r, i) {
+	let a = i === "LR", o = i === "RL", s = i === "BT", c = a || o, l = new Set(dt(t, n, r).map((e) => e.id)), u = dt(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 pt(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 +594,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 = ft(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 +615,7 @@ function at(e, t, n, r) {
 						y: u
 					}
 				];
-				nt(d, t, /* @__PURE__ */ new Set([e, r.id])) && l.push({
+				ut(d, t, /* @__PURE__ */ new Set([e, r.id])) && l.push({
 					edge: n,
 					points: d
 				});
@@ -623,7 +624,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 = ft(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 +645,7 @@ function at(e, t, n, r) {
 						y: u
 					}
 				];
-				nt(d, t, /* @__PURE__ */ new Set([e, r.id])) && l.push({
+				ut(d, t, /* @__PURE__ */ new Set([e, r.id])) && l.push({
 					edge: n,
 					points: d
 				});
@@ -677,7 +678,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 = ft(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 +699,7 @@ function at(e, t, n, r) {
 						y: a
 					}
 				];
-				nt(d, t, /* @__PURE__ */ new Set([r.id, e])) && l.push({
+				ut(d, t, /* @__PURE__ */ new Set([r.id, e])) && l.push({
 					edge: n,
 					points: d
 				});
@@ -707,7 +708,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 = ft(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 +729,7 @@ function at(e, t, n, r) {
 						y: a
 					}
 				];
-				nt(u, t, /* @__PURE__ */ new Set([r.id, e])) && l.push({
+				ut(u, t, /* @__PURE__ */ new Set([r.id, e])) && l.push({
 					edge: n,
 					points: u
 				});
@@ -740,7 +741,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 mt(e, t = 0, n = 0) {
 	let r = [];
 	if (!e.sections || e.sections.length === 0) return r;
 	let i = e.sections[0];
@@ -756,7 +757,7 @@ function ot(e, t = 0, n = 0) {
 		y: i.endPoint.y + n
 	}), r;
 }
-function st(e, t = 0, n = 0) {
+function ht(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 +767,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 gt = 16, _t = 28, vt = 18, yt = 28, bt = 10;
+function xt(e, t) {
+	let n = e.x + e.width, r = e.y + e.height / 2, i = Math.min(yt, e.height * .6) / 2, a = _t + t * vt, o = [];
+	for (let e = 0; e <= gt; e++) {
+		let t = Math.PI * e / gt;
 		o.push({
 			x: n + a * Math.sin(t),
 			y: r - i * Math.cos(t)
@@ -779,12 +780,12 @@ function pt(e, t) {
 	return {
 		points: o,
 		labelPosition: {
-			x: n + a + ft,
+			x: n + a + bt,
 			y: r
 		}
 	};
 }
-function mt(e, t, n) {
+function St(e, t, n) {
 	let r = /* @__PURE__ */ new Map();
 	for (let i = 0; i < e.edges.length; i++) {
 		let a = e.edges[i];
@@ -793,7 +794,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 } = xt(o, s);
 		n.push({
 			source: a.source,
 			target: a.target,
@@ -803,38 +804,38 @@ function mt(e, t, n) {
 			hasArrowEnd: a.hasArrowEnd,
 			points: c,
 			labelPosition: a.label ? l : void 0,
-			inlineStyle: Et(i, e),
+			inlineStyle: Pt(i, e),
 			id: a.id,
 			animate: a.animate
 		});
 	}
 }
-function ht(e) {
+function Ct(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(...Ct(n.children));
 	return t;
 }
-function gt(e, t, n = !1) {
+function wt(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) Nt(e, o);
+	Tt(e, t, o, r, a, 0, 0);
+	let s = Ct(a);
+	Ot(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), ct(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);
+	St(t, c, i), n && pt(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 = it(e.points, t, !0)), n && (e.points = it(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 = Ie.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 +848,13 @@ function gt(e, t, n = !1) {
 		groups: a
 	};
 }
-function _t(e, t, n, r, i, a, o) {
+function Tt(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);
+			Tt(s, t, n, r, a, e, c);
+			let o = Mt(t.subgraphs, s.id);
 			i.push({
 				id: s.id,
 				label: o?.label ?? "",
@@ -880,11 +881,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 && Tt(s, t, n, r, i, e, c);
 		}
 	}
 }
-function vt(e) {
+function Et(e) {
 	let t = /^e(\d+)$/.exec(e);
 	if (t) return {
 		edgeIndex: parseInt(t[1], 10),
@@ -897,7 +898,7 @@ function vt(e) {
 		level: parseInt(n[3], 10)
 	};
 }
-function yt(e) {
+function Dt(e) {
 	if (e.length === 0) return {
 		x: 0,
 		y: 0
@@ -922,11 +923,11 @@ function yt(e) {
 	}
 	return e[e.length - 1];
 }
-function bt(e, t, n, r, i, a) {
+function Ot(e, t, n, r, i, a) {
 	let o = /* @__PURE__ */ new Map();
-	xt(e, o, 0, 0);
+	kt(e, o, 0, 0);
 	let s = /* @__PURE__ */ new Map();
-	Ct(e, s, 0, 0, o);
+	jt(e, s, 0, 0, o);
 	let c = 0;
 	for (let [e, r] of s) {
 		let i = t.edges[e];
@@ -939,9 +940,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 ?? Dt(o));
+		let f = At(o, a, c);
+		f !== o && c++, i.label && f !== o && f.length >= 2 && (d = Dt(f)), n.push({
 			source: i.source,
 			target: i.target,
 			label: i.label,
@@ -950,13 +951,13 @@ function bt(e, t, n, r, i, a) {
 			hasArrowEnd: i.hasArrowEnd,
 			points: f,
 			labelPosition: d,
-			inlineStyle: Et(e, t),
+			inlineStyle: Pt(e, t),
 			id: i.id,
 			animate: i.animate
 		});
 	}
 }
-function xt(e, t, n, r) {
+function kt(e, t, n, r) {
 	t.set(e.id, {
 		x: n,
 		y: r
@@ -964,10 +965,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);
+		kt(i, t, n + e, r + a);
 	}
 }
-function St(e, t, n = 0) {
+function At(e, t, n = 0) {
 	if (e.length < 2) return e;
 	let r = !1;
 	for (let t = 1; t < e.length; t++) {
@@ -1006,11 +1007,11 @@ function St(e, t, n = 0) {
 	}
 	return i;
 }
-function Ct(e, t, n, r, i) {
+function jt(e, t, n, r, i) {
 	if (e.edges) for (let a of e.edges) {
-		let e = vt(a.id);
+		let e = Et(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 = mt(a, l, u), f = ht(a, l, u), p = t.get(o) ?? {
 			sourceHops: /* @__PURE__ */ new Map(),
 			targetHops: /* @__PURE__ */ new Map()
 		};
@@ -1022,20 +1023,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) jt(a, t, n + (a.x ?? 0), r + (a.y ?? 0), i);
 }
-function wt(e, t) {
+function Mt(e, t) {
 	for (let n of e) {
 		if (n.id === t) return n;
-		let e = wt(n.children, t);
+		let e = Mt(n.children, t);
 		if (e) return e;
 	}
 }
-function Tt(e, t) {
+function Nt(e, t) {
 	t.add(e.id);
-	for (let n of e.children) Tt(n, t);
+	for (let n of e.children) Nt(n, t);
 }
-function Et(e, t) {
+function Pt(e, t) {
 	let n, r = t.linkStyles.get("default");
 	r && (n = { ...r });
 	let i = t.linkStyles.get(e);
@@ -1046,37 +1047,37 @@ function Et(e, t) {
 }
 //#endregion
 //#region packages/svg-renderer/src/layout-engine.ts
-function Dt(e, t = {}) {
+function Ft(e, t = {}) {
 	let n = {
-		...ke,
+		...Ie,
 		...t,
 		fontSizes: P(t.fontSizes)
 	};
-	return gt(we(Ke(e, n), t.layoutCache), e, n.mergeEdges);
+	return wt(je(et(e, n), t.layoutCache), e, n.mergeEdges);
 }
-function Ot(e, t = {}) {
-	return Ke(e, {
-		...ke,
+function It(e, t = {}) {
+	return et(e, {
+		...Ie,
 		...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 Lt(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(H(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(Rt(f.nonce)), p.push("<defs>"), p.push(zt());
 	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(Bt(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(Ut(t, r, a));
+	for (let t of e.edges) p.push(Wt(t, o, c));
+	for (let t of e.edges) t.label && p.push(Kt(t, r, a));
+	for (let t of e.nodes) p.push(Xt(t, r, a, l));
 	return p.push("</svg>"), p.join("\n");
 }
-function At(e) {
+function Rt(e) {
 	return [
 		T(e),
 		"  @keyframes zm-edge-dash { to { stroke-dashoffset: -28; } }",
@@ -1087,67 +1088,67 @@ function At(e) {
 		"</style>"
 	].join("\n");
 }
-function jt() {
-	return Nt("var(--_arrow)", "");
+function zt() {
+	return Vt("var(--_arrow)", "");
 }
-function Mt(e) {
-	return Nt(a(e), `-${Pt(e)}`);
+function Bt(e) {
+	return Vt(i(e), s`-${Ht(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 Vt(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 Ht(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 Ut(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(Ut(r, t, n));
+	return a.push("</g>"), a.join("\n");
 }
-function It(e, t, n = !0) {
+function Wt(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`-${Ht(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="${we(e.points, t)}"` : s`points="${Gt(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 Gt(e) {
+	return e.map((e) => s`${e.x},${e.y}`).join(" ");
 }
-function Rt(e, t, n) {
+function Kt(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 ?? Jt(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 qt(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 Jt(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 += Yt(qt(e, n - 1), qt(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 = qt(e, t - 1), i = qt(e, t), a = Yt(r, i);
 		if (n <= a) {
 			let e = n / a;
 			return {
@@ -1159,281 +1160,287 @@ function Bt(e) {
 	}
 	return e[e.length - 1];
 }
-function Vt(e, t) {
+function Yt(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 Xt(e, t, n, r = !0) {
+	let o = Zt(e), c = Mn(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 Zt(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 nn(t, n, r, a, c, l, u);
+		case "rounded": return $t(t, n, r, a, c, l, u);
+		case "stadium": return en(t, n, r, a, c, l, u);
+		case "circle": return tn(t, n, r, a, c, l, u);
+		case "subroutine": return rn(t, n, r, a, c, l, u);
+		case "doublecircle": return an(t, n, r, a, c, l, u);
+		case "hexagon": return on(t, n, r, a, c, l, u);
+		case "cylinder": return sn(t, n, r, a, c, l, u);
+		case "asymmetric": return cn(t, n, r, a, c, l, u);
+		case "trapezoid": return ln(t, n, r, a, c, l, u);
+		case "trapezoid-alt": return un(t, n, r, a, c, l, u);
+		case "parallelogram": return dn(t, n, r, a, c, l, u);
+		case "parallelogram-alt": return fn(t, n, r, a, c, l, u);
+		case "state-start": return An(t, n, r, a);
+		case "state-end": return jn(t, n, r, a);
+		case "document": return pn(t, n, r, a, c, l, u);
+		case "stacked-document": return mn(t, n, r, a, c, l, u, !0);
+		case "stacked-process": return mn(t, n, r, a, c, l, u, !1);
+		case "card": return hn(t, n, r, a, c, l, u);
+		case "lined-process": return gn(t, n, r, a, c, l, u);
+		case "divided-process": return _n(t, n, r, a, c, l, u);
+		case "window-pane": return vn(t, n, r, a, c, l, u);
+		case "triangle": return yn(t, n, r, a, c, l, u, !1);
+		case "flipped-triangle": return yn(t, n, r, a, c, l, u, !0);
+		case "filled-circle": return bn(t, n, r, a, l);
+		case "crossed-circle": return xn(t, n, r, a, c, l, u);
+		case "fork-join": return Sn(t, n, r, a, l);
+		case "notched-pentagon": return Cn(t, n, r, a, c, l, u);
+		case "sloped-rectangle": return wn(t, n, r, a, c, l, u);
+		case "flag": return Tn(t, n, r, a, c, l, u);
+		case "bow-tie-rectangle": return En(t, n, r, a, c, l, u);
+		case "half-rounded-rectangle": return Dn(t, n, r, a, c, l, u);
+		case "brace": return On(t, n, r, a, c, l, u, "left");
+		case "brace-right": return On(t, n, r, a, c, l, u, "right");
+		case "braces": return On(t, n, r, a, c, l, u, "both");
+		case "bolt": return kn(t, n, r, a, c, l, u);
 		case "text":
 		case "anchor": return "";
-		default: return Wt(t, n, r, i, c, l, u);
+		default: return Qt(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}" />`;
-}
-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}" />`;
-}
-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}" />`;
-}
-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}" />`;
-}
-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}" />`;
-}
-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}" />`;
-}
-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}" />`;
-}
 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}" />`;
+	return s`<rect x="${e}" y="${t}" width="${n}" height="${r}" ` + s`rx="0" ry="0" 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}" />`;
+	return s`<rect x="${e}" y="${t}" width="${n}" height="${r}" ` + s`rx="6" ry="6" 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 = 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 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 = 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 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 = 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 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}" />`;
-}
-function H(e, t, n) {
-	return `fill="${e}" stroke="${t}" stroke-width="${n}"`;
+	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 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");
+	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 on(e, t, n, r, i, a, 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 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)} />`;
+	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 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 = [
+		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 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 = 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 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}`
-	] : [
-		`${e + n / 2},${t}`,
-		`${e + n},${t + r}`,
-		`${e},${t + r}`
-	]).join(" ")}" ${H(i, a, 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 dn(e, t, n, r, i, a, 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 fn(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 fn(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}" />`;
+function V(e, t, n) {
+	return s`fill="${e}" stroke="${t}" stroke-width="${n}"`;
 }
 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}" />`;
+	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}" ${V(i, a, o)} />`;
 }
-function mn(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 mn(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`${V(i, a, o)} />`);
+	return d.push(c ? pn(e, t + 10, l, u, i, a, o) : s`<rect x="${e}" y="${t + 10}" width="${l}" height="${u}" ${V(i, a, o)} />`), d.join("\n");
 }
 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)} />`;
+	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}" ${V(i, a, o)} />`;
 }
 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(12, n * .12);
+	return s`<rect x="${e}" y="${t}" width="${n}" height="${r}" ${V(i, a, o)} />\n` + s`<line x1="${e + c}" y1="${t}" x2="${e + c}" y2="${t + r}" stroke="${a}" stroke-width="${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 = t + Math.min(16, r * .3);
+	return s`<rect x="${e}" y="${t}" width="${n}" height="${r}" ${V(i, a, o)} />\n` + s`<line x1="${e}" y1="${c}" x2="${e + n}" y2="${c}" stroke="${a}" stroke-width="${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)} />`;
-}
-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)} />`;
+	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}" ${V(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 yn(e, t, n, r, i, a, o, c) {
+	let l = c ? [
+		s`${e},${t}`,
+		s`${e + n},${t}`,
+		s`${e + n / 2},${t + r}`
+	] : [
+		s`${e + n / 2},${t}`,
+		s`${e + n},${t + r}`,
+		s`${e},${t + r}`
+	];
+	return s`<polygon points="${l.join(" ")}" ${V(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 bn(e, t, n, r, i) {
+	let a = Math.min(n, r) / 2 - 2;
+	return s`<circle cx="${e + n / 2}" cy="${t + r / 2}" r="${a}" fill="${i}" stroke="${i}" />`;
 }
 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" />`;
-}
-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" />`;
-}
-function wn(e, t, n) {
+	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}" ${V(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 Sn(e, t, n, r, i) {
+	let a = Math.min(8, r);
+	return s`<rect x="${e}" y="${t + (r - a) / 2}" width="${n}" height="${a}" fill="${i}" stroke="${i}" />`;
+}
+function Cn(e, t, n, r, 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}" ${V(i, a, o)} />`;
+}
+function wn(e, t, n, r, 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}" ${V(i, a, o)} />`;
+}
+function Tn(e, t, n, r, 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}" ${V(i, a, o)} />`;
+}
+function En(e, t, n, r, i, a, o) {
+	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}" ${V(i, a, o)} />`;
+}
+function Dn(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}" ${V(i, a, o)} />`;
+}
+function On(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 kn(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}" ${V(i, a, o)} />`;
+}
+function An(e, t, n, r) {
+	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 jn(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 Mn(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 Nn(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)}" `);
+function H(e, t) {
+	return t === void 0 ? e : e.replace("<svg ", s`<svg data-src="${Nn(t)}" `);
 }
 //#endregion
 //#region packages/svg-renderer/src/resolve-colors.ts
-var En = class {
+var Pn = class {
 	raw = /* @__PURE__ */ new Map();
 	resolved = /* @__PURE__ */ new Map();
 	inProgress = /* @__PURE__ */ new Set();
@@ -1445,13 +1452,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 = Vn(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 Fn(e, t) {
 	let n = 0;
 	for (let r = t; r < e.length; r++) {
 		let t = e[r];
@@ -1460,7 +1467,7 @@ function Dn(e, t) {
 	}
 	return -1;
 }
-function On(e) {
+function In(e) {
 	let t = [], n = 0, r = 0;
 	for (let i = 0; i < e.length; i++) {
 		let a = e[i];
@@ -1468,12 +1475,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 Ln = "(?<![\\w-])(var|color-mix)\\(";
+function Rn(e, t) {
+	let [n, ...r] = In(e), i = (n ?? "").trim(), a = t.lookup(i);
 	return a === void 0 ? r.length > 0 ? r.join(",").trim() : null : a;
 }
-function jn(e) {
+function zn(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 +1494,61 @@ function jn(e) {
 		pct: r
 	};
 }
-function Mn(e) {
-	let t = On(e);
+function Bn(e) {
+	let t = In(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 = zn(r), o = zn(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 Vn(e, t) {
+	let n = "", r = 0, i = new RegExp(Ln, "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 = Fn(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 = Vn(e.slice(c + 1, l), t), d = o === "var" ? Rn(u, t) : Bn(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 Hn(e, t) {
+	let n = new Pn();
 	for (let [e, r] of Object.entries(t)) n.declare(e, r);
-	return Nn(e, n);
+	return Vn(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 Un = /(--[\w-]+)\s*:\s*([^;{}]+)/g, Wn = /(\s)([\w:.-]+)(=)("[^"]*"|'[^']*')/g, Gn = /* @__PURE__ */ new Set(["data-src"]);
+function Kn(e, t) {
+	Un.lastIndex = 0;
 	let n;
-	for (; (n = Fn.exec(e)) !== null;) {
+	for (; (n = Un.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 qn(e, t) {
+	return e.replace(Wn, (e, n, r, i, a) => {
+		if (Gn.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}${Vn(a.slice(1, -1), t)}${o}`;
 	});
 }
-function Bn(e, t) {
-	let n = new En();
+function Jn(e, t) {
+	let n = new Pn();
 	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 && Kn(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 && Kn(e.slice(1, -1), n);
 	}
 	let r = "", i = 0;
 	for (; i < e.length;) {
@@ -1550,7 +1557,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 += Vn(e.slice(a + 1, o), n), r += "</style>", i = o + 8;
 			continue;
 		}
 		let a = -1, o = null;
@@ -1565,13 +1572,13 @@ 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 : qn(s, n), i = a + 1;
 	}
 	return r + e.slice(i);
 }
 //#endregion
 //#region packages/svg-renderer/src/class/layout.ts
-var W = {
+var U = {
 	padding: 40,
 	boxPadX: 8,
 	headerBaseHeight: 32,
@@ -1587,16 +1594,16 @@ var W = {
 	notePadX: 10,
 	notePadY: 6
 };
-function Vn(e) {
+function Yn(e) {
 	return `note ${e}`;
 }
-function Hn(e) {
+function Xn(e) {
 	return `${e} link`;
 }
-function Un(e, t) {
+function Zn(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 ? U.headerBaseHeight + U.annotationHeight : U.headerBaseHeight, r = t.attributes.length > 0 ? t.attributes.length * U.memberRowHeight + U.sectionPadY : U.emptySectionHeight, a = t.methods.length > 0 ? t.methods.length * U.memberRowHeight + U.sectionPadY : U.emptySectionHeight, o = M(t.label, i.nodeLabel, F.nodeLabel), s = er(t.attributes), c = er(t.methods), l = Math.max(U.minWidth, o + U.boxPadX * 2, s + U.boxPadX * 2, c + U.boxPadX * 2), u = e + r + a;
 		n.set(t.id, {
 			width: l,
 			height: u,
@@ -1606,9 +1613,9 @@ function Un(e, t) {
 		});
 	}
 	let a = [];
-	for (let [e, t] of n) a.push(B(e, t));
+	for (let [e, t] of n) a.push(Ve(e, t));
 	let o = { fontSize: i.edgeLabel }, s = [];
-	for (let [t, n] of e.relationships.entries()) s.push(V({
+	for (let [t, n] of e.relationships.entries()) s.push(B({
 		id: `e${t}`,
 		source: n.from,
 		target: n.to,
@@ -1617,12 +1624,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 = {
-			width: l.width + W.notePadX * 2,
-			height: l.height + W.notePadY * 2
+		let e = Yn(t), l = d(n.text, i.edgeLabel, F.edgeLabel), u = {
+			width: l.width + U.notePadX * 2,
+			height: l.height + U.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),
+		r.set(e, u), a.push(Ve(e, u)), n.forClass !== void 0 && c.has(n.forClass) && s.push(B({
+			id: Xn(e),
 			source: e,
 			target: n.forClass,
 			labelStyle: o
@@ -1632,11 +1639,11 @@ function Un(e, t) {
 		elkGraph: {
 			id: "root",
 			layoutOptions: {
-				...Ne({
-					direction: je(void 0, Ae.class),
-					nodeSpacing: W.nodeSpacing,
-					layerSpacing: W.layerSpacing,
-					padding: W.padding
+				...Be({
+					direction: Re(void 0, Le.class),
+					nodeSpacing: U.nodeSpacing,
+					layerSpacing: U.layerSpacing,
+					padding: U.padding
 				}),
 				"elk.edgeLabels.placement": "CENTER"
 			},
@@ -1647,7 +1654,7 @@ function Un(e, t) {
 		noteSizes: r
 	};
 }
-function Wn(e, t, n, r) {
+function Qn(e, t, n, r) {
 	let i = /* @__PURE__ */ new Map();
 	for (let e of t.classes) i.set(e.id, e);
 	let a = [];
@@ -1683,7 +1690,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 = mt(t), i = ht(t);
 		o.push({
 			from: n.from,
 			to: n.to,
@@ -1702,11 +1709,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 = Yn(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(Xn(t));
 		u.push({
 			id: t,
 			text: n.text,
@@ -1715,7 +1722,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: mt(o) } : {}
 		});
 	}
 	return {
@@ -1726,7 +1733,7 @@ function Wn(e, t, n, r) {
 		notes: u
 	};
 }
-function Gn(e, t = {}) {
+function $n(e, t = {}) {
 	if (e.classes.length === 0 && e.notes.length === 0) return {
 		width: 0,
 		height: 0,
@@ -1734,110 +1741,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 } = Zn(e, t);
+	return Qn(je(n, t.layoutCache), e, r, i);
 }
-function Kn(e) {
+function er(e) {
 	if (e.length === 0) return 0;
 	let t = 0;
 	for (let n of e) {
-		let e = Te(ne(n), W.memberFontSize);
+		let e = Me(se(n), U.memberFontSize);
 		e > t && (t = e);
 	}
 	return t;
 }
 //#endregion
 //#region packages/svg-renderer/src/class/renderer.ts
-var qn = {
+var tr = {
 	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 nr(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(H(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(rr()), d.push("</defs>");
+	for (let t of e.relationships) d.push(lr(t));
+	for (let t of e.notes) d.push(cr(t));
+	for (let t of e.classes) d.push(ir(t, a, l));
+	for (let t of e.notes) d.push(sr(t, a));
+	for (let t of e.relationships) d.push(fr(t, a));
 	return d.push("</svg>"), d.join("\n");
 }
-function Yn() {
-	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 rr() {
+	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=\"18\" markerHeight=\"14\" refX=\"16.5\" refY=\"7\" orient=\"auto-start-reverse\">\n    <polygon points=\"9 1.5, 16.5 7, 9 12.5, 1.5 7\" fill=\"var(--_arrow)\" stroke=\"var(--_arrow)\" stroke-width=\"1\" />\n  </marker>\n  <marker id=\"cls-aggregation\" markerWidth=\"18\" markerHeight=\"14\" refX=\"16.5\" refY=\"7\" orient=\"auto-start-reverse\">\n    <polygon points=\"9 1.5, 16.5 7, 9 12.5, 1.5 7\" 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 ir(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>${hr(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="${tr.annotationSize}" font-weight="${tr.annotationWeight}" ` + s`font-style="italic" fill="${S ?? "var(--_text-muted)"}">&lt;&lt;${hr(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("  " + ar(n, r + U.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));
-	}
-	return T && f.push("  </a>"), f.push("</g>"), f.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>`;
-}
-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) {
+		let n = e.methods[t], i = k + 4 + t * 20 + 10;
+		p.push("  " + ar(n, r + U.boxPadX, i, S));
+	}
+	return E && p.push("  </a>"), p.push("</g>"), p.join("\n");
+}
+function ar(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}">${hr(e.visibility)} </tspan>`);
+	let d = e.isMethod ? s`${e.name}(${e.params || ""})` : e.name;
+	return u.push(s`<tspan fill="${c}">${hr(d)}</tspan>`), e.type && (u.push(s`<tspan fill="${o}">: </tspan>`), u.push(s`<tspan fill="${l}">${hr(e.type)}</tspan>`)), s`<text x="${t}" y="${n}" class="mono" dy="${R}" ` + s`font-size="${tr.memberSize}" font-weight="${tr.memberWeight}"${i}${a}>` + s`${u.join("")}</text>`;
+}
+var or = 6;
+function sr(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 - or},${r}`,
+		s`${n + a},${r + or}`,
+		s`${n + a},${r + o}`,
+		s`${n},${r + o}`
+	].join(" "), u = s`${n + a - or},${r} ${n + a},${r + or} ` + s`${n + a - or},${r + or}`;
+	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 cr(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" />`;
+	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 er(e) {
+function lr(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 = ur(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 ur(e, t) {
+	let n = dr(e);
+	return n ? t === "from" ? s` marker-start="url(#${n})"` : s` marker-end="url(#${n})"` : "";
 }
-function nr(e) {
+function dr(e) {
 	switch (e) {
 		case "inheritance":
 		case "realization": return "cls-inherit";
@@ -1848,30 +1855,30 @@ function nr(e) {
 		default: return null;
 	}
 }
-function rr(e, t) {
+function fr(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 ?? pr(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 = mr(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 = mr(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 pr(e) {
 	return e.length === 0 ? {
 		x: 0,
 		y: 0
 	} : e[Math.floor(e.length / 2)];
 }
-function ar(e, t) {
+function mr(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 +1888,7 @@ function ar(e, t) {
 		y: r > 0 ? 14 : -14
 	};
 }
-var or = o, K = {
+var hr = a, W = {
 	padding: 40,
 	boxPadX: 14,
 	headerHeight: 34,
@@ -1892,24 +1899,24 @@ var or = o, K = {
 	nodeSpacing: 70,
 	layerSpacing: 90
 };
-function sr(e, t) {
+function gr(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 = Me(`${e.type}  ${e.name}${e.keys.length > 0 ? "  " + e.keys.join(",") : ""}`, W.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;
+		let a = Math.max(W.minWidth, e + W.boxPadX * 2, i + W.boxPadX * 2), o = W.headerHeight + Math.max(t.attributes.length, 1) * W.rowHeight;
 		n.set(t.id, {
 			width: a,
 			height: o
 		});
 	}
 	let i = [];
-	for (let [e, t] of n) i.push(B(e, t));
+	for (let [e, t] of n) i.push(Ve(e, t));
 	let a = { fontSize: r.edgeLabel }, o = [];
-	for (let [t, n] of e.relationships.entries()) o.push(V({
+	for (let [t, n] of e.relationships.entries()) o.push(B({
 		id: `e${t}`,
 		source: n.entity1,
 		target: n.entity2,
@@ -1920,11 +1927,11 @@ function sr(e, t) {
 		elkGraph: {
 			id: "root",
 			layoutOptions: {
-				...Ne({
-					direction: je(e.direction, Ae.er),
-					nodeSpacing: K.nodeSpacing,
-					layerSpacing: K.layerSpacing,
-					padding: K.padding
+				...Be({
+					direction: Re(e.direction, Le.er),
+					nodeSpacing: W.nodeSpacing,
+					layerSpacing: W.layerSpacing,
+					padding: W.padding
 				}),
 				"elk.edgeLabels.placement": "CENTER"
 			},
@@ -1934,7 +1941,7 @@ function sr(e, t) {
 		entitySizes: n
 	};
 }
-function cr(e, t, n) {
+function _r(e, t, n) {
 	let r = /* @__PURE__ */ new Map();
 	for (let e of t.entities) r.set(e.id, e);
 	let i = [];
@@ -1953,14 +1960,14 @@ function cr(e, t, n) {
 				y: t.y ?? 0,
 				width: t.width ?? r.width,
 				height: t.height ?? r.height,
-				headerHeight: K.headerHeight,
-				rowHeight: K.rowHeight
+				headerHeight: W.headerHeight,
+				rowHeight: W.rowHeight
 			});
 		}
 	}
 	let a = [];
 	for (let [n, r] of (e.edges ?? []).entries()) {
-		let e = t.relationships[n], i = ot(r);
+		let e = t.relationships[n], i = mt(r);
 		a.push({
 			entity1: e.entity1,
 			entity2: e.entity2,
@@ -1978,101 +1985,105 @@ function cr(e, t, n) {
 		relationships: a
 	};
 }
-function lr(e, t = {}) {
+function vr(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 } = gr(e, t);
+	return _r(je(n, t.layoutCache), e, r);
 }
 //#endregion
 //#region packages/svg-renderer/src/er/renderer.ts
-var q = {
+var G = {
 	attrSize: 11,
 	attrWeight: 400,
 	keySize: 9,
 	keyWeight: 600
 };
-function ur(e, t, n = "Inter", i = !1, a = N, o, s, c, l = {}) {
+function yr(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(H(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(Sr(t));
+	for (let t of e.entities) u.push(br(t, a));
+	for (let t of e.relationships) u.push(wr(t));
+	for (let t of e.relationships) u.push(Cr(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 br(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("  " + xr(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="${G.attrSize}" fill="var(--_text-faint)" font-style="italic">(no attributes)</text>`), p.push("</g>"), p.join("\n");
 }
-function fr(e, t, n, r) {
+function xr(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>${Dr(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(","), G.keySize, G.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="${G.keySize}" font-weight="${G.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="${G.attrSize}" font-weight="${G.attrWeight}">` + s`<tspan fill="var(--_text-muted)">${Dr(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="${G.attrSize}" font-weight="${G.attrWeight}">` + s`<tspan fill="var(--_text-sec)">${Dr(e.name)}</tspan></text>`), a && i.push("</g>"), i.join("\n");
 }
-function pr(e) {
+function Sr(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} />`;
+		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 mr(e, t) {
+function Cr(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 = Er(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 wr(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(Tr(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(Tr(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 Tr(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 (n === "many") {
+		let t = e.x - l * 20, n = e.y - u * 20;
+		r.push(s`<line x1="${t + d * 6}" y1="${n + f * 6}" ` + s`x2="${t - d * 6}" y2="${n - f * 6}" ` + 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 Er(e) {
 	if (e.length === 0) return {
 		x: 0,
 		y: 0
@@ -2098,7 +2109,7 @@ function _r(e) {
 	}
 	return e[e.length - 1];
 }
-var vr = o, J = {
+var Dr = a, Or = {
 	padding: 30,
 	actorGap: 140,
 	actorHeight: 40,
@@ -2120,20 +2131,20 @@ var vr = o, J = {
 	noteStackGap: 4,
 	boxPad: 10
 };
-function yr(e) {
+function kr(e) {
 	return e + 8;
 }
-function br(e) {
+function Ar(e) {
 	return {
-		...J,
-		actorHeight: e?.actorHeight ?? J.actorHeight,
-		headerGap: e?.headerGap ?? J.headerGap,
-		messageRowHeight: e?.messageRowHeight ?? J.messageRowHeight,
-		noteOffsetAfterMessage: e?.noteOffsetAfterMessage ?? J.noteOffsetAfterMessage,
-		noteStackGap: e?.noteStackGap ?? J.noteStackGap
+		...Or,
+		actorHeight: e?.actorHeight ?? Or.actorHeight,
+		headerGap: e?.headerGap ?? Or.headerGap,
+		messageRowHeight: e?.messageRowHeight ?? Or.messageRowHeight,
+		noteOffsetAfterMessage: e?.noteOffsetAfterMessage ?? Or.noteOffsetAfterMessage,
+		noteStackGap: e?.noteStackGap ?? Or.noteStackGap
 	};
 }
-function xr(e, t = {}) {
+function jr(e, t = {}) {
 	if (e.actors.length === 0) return {
 		width: 0,
 		height: 0,
@@ -2145,7 +2156,7 @@ function xr(e, t = {}) {
 		notes: [],
 		boxes: []
 	};
-	let n = br(t.sequence), r = P(t.fontSizes), i = e.actors.map((e) => {
+	let n = Ar(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 +2169,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 ? kr(r.edgeLabel) : 0), d = n.padding + u, f = e.actors.map((e, t) => ({
 		id: e.id,
 		label: e.label,
 		type: e.type,
@@ -2373,83 +2384,83 @@ 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 Mr(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(H(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(Nr()), u.push("</defs>");
+	for (let t of e.boxes) u.push(Vr(t, a));
+	for (let t of e.blocks) u.push(Hr(t, a));
+	for (let t of e.lifelines) u.push(Fr(t));
+	for (let t of e.activations) u.push(Lr(t));
+	for (let t of e.messages) u.push(Rr(t, a));
+	for (let t of e.notes) u.push(Ur(t, a));
+	for (let t of e.actors) u.push(Pr(t, a));
 	return u.push("</svg>"), u.join("\n");
 }
-function Cr() {
+function Nr() {
 	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 Pr(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 Fr(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 = Ir;
+	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 Ir = 8;
+function Lr(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 Rr(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("  " + zr(e, t)), n.push("</g>"), n.join("\n");
 }
-function kr(e, t) {
+function zr(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");
-}
-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 "<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 Br = 35;
+function Vr(e, t) {
+	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)} ${Br}%, 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 + kr(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 Hr(e, t) {
+	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 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>`;
+function Ur(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
-var Y = {
+var K = {
 	plotWidth: 600,
 	plotHeight: 340,
 	padding: 22,
@@ -2476,241 +2487,241 @@ var Y = {
 	legendGap: 6,
 	legendItemGap: 16
 };
-function Pr(e, t = {}) {
-	return e.horizontal ? Ir(e) : Fr(e);
+function Wr(e, t = {}) {
+	return e.horizontal ? Kr(e) : Gr(e);
 }
-function Fr(e) {
+function Gr(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 = {
-		x: u,
-		y: c,
-		width: f,
-		height: p
-	}, _ = Lr(e), v = (e) => u + (e + .5) * (f / _), y = f / _, b = (e) => {
+	let o = Qr(a.min, a.max), s = $r(o), c = Math.max(...s.map((e) => M(e, K.axisLabelFontSize, K.axisLabelFontWeight)), K.yLabelWidth), l = K.padding + (t ? K.titleHeight : 0) + (i ? K.legendHeight : 0), u = K.padding + K.xLabelHeight + (n ? K.axisTitlePad : 0), d = K.padding + c + K.yLabelGap + (r ? K.axisTitlePad : 0), f = K.padding, p = K.plotWidth, m = K.plotHeight, h = d + p + f, g = l + m + u, _ = {
+		x: d,
+		y: l,
+		width: p,
+		height: m
+	}, v = qr(e), y = (e) => d + (e + .5) * (p / v), b = p / v, x = (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: u,
-		y: b(e),
-		tx: u - Y.tickLength,
-		ty: b(e),
-		labelX: u - Y.yLabelGap,
-		labelY: b(e),
+		return l + m - t * m;
+	}, S = Yr(e, y, l + m, b), C = o.map((e, t) => ({
+		label: s[t],
+		x: d,
+		y: x(e),
+		tx: d - K.tickLength,
+		ty: x(e),
+		labelX: d - K.yLabelGap,
+		labelY: x(e),
 		textAnchor: "end"
-	})), C = o.map((e) => ({
-		x1: u,
-		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 = {
-		x1: u,
-		y1: c + p,
-		x2: u + f,
-		y2: c + p
-	}, j = {
-		x1: u,
-		y1: c,
-		x2: u,
-		y2: c + p
+	})), w = o.map((e) => ({
+		x1: d,
+		y1: x(e),
+		x2: d + p,
+		y2: x(e)
+	})), T = Jr(e, v), E = e.series.map((e, t) => t), D = Xr(e, y, x, b, a.min, T, E), O = Zr(e, y, x, T, E), k = K.padding + (t ? K.titleHeight : 0) + K.legendHeight / 2, A = i ? ti(e, h / 2, k, E) : [], j = {
+		x1: d,
+		y1: l + m,
+		x2: d + p,
+		y2: l + m
 	}, ee = {
-		ticks: x,
-		line: A,
-		...e.xAxis.title ? { title: {
-			text: e.xAxis.title,
-			x: u + f / 2,
-			y: h - Y.padding
-		} } : {}
+		x1: d,
+		y1: l,
+		x2: d,
+		y2: l + m
 	}, te = {
 		ticks: S,
 		line: j,
+		...e.xAxis.title ? { title: {
+			text: e.xAxis.title,
+			x: d + p / 2,
+			y: g - K.padding
+		} } : {}
+	}, ne = {
+		ticks: C,
+		line: ee,
 		...e.yAxis.title ? { title: {
 			text: e.yAxis.title,
-			x: Y.padding + 4,
-			y: c + p / 2,
+			x: K.padding + 4,
+			y: l + m / 2,
 			rotate: -90
 		} } : {}
 	};
 	return {
-		width: m,
-		height: h,
+		width: h,
+		height: g,
 		title: e.title ? {
 			text: e.title,
-			x: m / 2,
-			y: Y.padding + Y.titleFontSize
+			x: h / 2,
+			y: K.padding + K.titleFontSize
 		} : void 0,
-		xAxis: ee,
-		yAxis: te,
-		plotArea: g,
-		bars: E,
-		lines: D,
-		gridLines: C,
-		legend: k
+		xAxis: te,
+		yAxis: ne,
+		plotArea: _,
+		bars: D,
+		lines: O,
+		gridLines: w,
+		legend: A
 	};
 }
-function Ir(e) {
+function Kr(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 = {
-		x: f,
-		y: u,
-		width: m,
-		height: h
-	}, y = (e) => {
+	let o = Qr(a.min, a.max), s = $r(o), c = qr(e), l = Jr(e, c), u = Math.max(...l.map((e) => M(e, K.axisLabelFontSize, K.axisLabelFontWeight)), 40), d = K.padding + (t ? K.titleHeight : 0) + (i ? K.legendHeight : 0), f = K.padding + K.xLabelHeight + (r ? K.axisTitlePad : 0), p = K.padding + u + K.yLabelGap + (n ? K.axisTitlePad : 0), m = K.padding, h = K.plotWidth, g = K.plotHeight, _ = p + h + m, v = d + g + f, y = {
+		x: p,
+		y: d,
+		width: h,
+		height: g
+	}, b = (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),
-		x: y(e),
-		y: u + h,
-		tx: y(e),
-		ty: u + h + Y.tickLength,
-		labelX: y(e),
-		labelY: u + h + 18,
+		return p + t * h;
+	}, x = g / c, S = (e) => d + (e + .5) * x, C = o.map((e, t) => ({
+		label: s[t],
+		x: b(e),
+		y: d + g,
+		tx: b(e),
+		ty: d + g + K.tickLength,
+		labelX: b(e),
+		labelY: d + g + 18,
 		textAnchor: "middle"
-	})), C = c.map((e, t) => ({
+	})), w = l.map((e, t) => ({
 		label: e,
-		x: f,
-		y: x(t),
-		tx: f - Y.tickLength,
-		ty: x(t),
-		labelX: f - Y.yLabelGap,
-		labelY: x(t),
+		x: p,
+		y: S(t),
+		tx: p - K.tickLength,
+		ty: S(t),
+		labelX: p - K.yLabelGap,
+		labelY: S(t),
 		textAnchor: "end"
-	})), w = o.map((e) => ({
-		x1: y(e),
-		y1: u,
-		x2: y(e),
-		y2: u + h
-	})), T = e.series.map((e, t) => t), E = e.series.filter((e) => e.type === "bar").length, D = [];
-	if (E > 0) {
-		let t = b * (1 - Y.barPadRatio), n = E > 1 ? (t - (E - 1) * Y.barGroupGap) / E : t, r = Math.min(n, Y.maxBarWidth), i = E > 1 ? r * E + Y.barGroupGap * (E - 1) : r, o = 0, s = 0;
+	})), T = o.map((e) => ({
+		x1: b(e),
+		y1: d,
+		x2: b(e),
+		y2: d + g
+	})), E = e.series.map((e, t) => t), D = e.series.filter((e) => e.type === "bar").length, O = [];
+	if (D > 0) {
+		let t = x * (1 - K.barPadRatio), n = D > 1 ? (t - (D - 1) * K.barGroupGap) / D : t, r = Math.min(n, K.maxBarWidth), i = D > 1 ? r * D + K.barGroupGap * (D - 1) : r, o = 0, s = 0;
 		for (let t of e.series) {
 			if (t.type !== "bar") {
 				s++;
 				continue;
 			}
 			for (let e = 0; e < t.data.length; e++) {
-				let n = x(e) - i / 2 + o * (r + Y.barGroupGap), l = y(Math.max(t.data[e], a.min)), u = y(Math.max(0, a.min));
-				D.push({
-					x: Math.min(u, l),
+				let n = S(e) - i / 2 + o * (r + K.barGroupGap), c = b(Math.max(t.data[e], a.min)), u = b(Math.max(0, a.min));
+				O.push({
+					x: Math.min(u, c),
 					y: n,
-					width: Math.abs(l - u),
+					width: Math.abs(c - u),
 					height: r,
 					value: t.data[e],
-					label: c[e],
+					label: l[e],
 					seriesIndex: o,
-					colorIndex: T[s]
+					colorIndex: E[s]
 				});
 			}
 			o++, s++;
 		}
 	}
-	let O = [], k = 0, A = 0;
+	let k = [], A = 0, j = 0;
 	for (let t of e.series) {
 		if (t.type !== "line") {
-			A++;
+			j++;
 			continue;
 		}
 		let e = t.data.map((e, t) => ({
-			x: y(e),
-			y: x(t),
+			x: b(e),
+			y: S(t),
 			value: e,
-			label: c[t]
+			label: l[t]
 		}));
-		O.push({
+		k.push({
 			points: e,
-			seriesIndex: k,
-			colorIndex: T[A]
-		}), k++, A++;
-	}
-	let j = {
-		x1: f,
-		y1: u + h,
-		x2: f + m,
-		y2: u + h
-	}, ee = {
-		x1: f,
-		y1: u,
-		x2: f,
-		y2: u + h
+			seriesIndex: A,
+			colorIndex: E[j]
+		}), A++, j++;
+	}
+	let ee = {
+		x1: p,
+		y1: d + g,
+		x2: p + h,
+		y2: d + g
 	}, te = {
-		ticks: S,
-		line: j,
-		...e.yAxis.title ? { title: {
-			text: e.yAxis.title,
-			x: f + m / 2,
-			y: _ - Y.padding
-		} } : {}
+		x1: p,
+		y1: d,
+		x2: p,
+		y2: d + g
 	}, ne = {
 		ticks: C,
 		line: ee,
+		...e.yAxis.title ? { title: {
+			text: e.yAxis.title,
+			x: p + h / 2,
+			y: v - K.padding
+		} } : {}
+	}, re = {
+		ticks: w,
+		line: te,
 		...e.xAxis.title ? { title: {
 			text: e.xAxis.title,
-			x: Y.padding + 4,
-			y: u + h / 2,
+			x: K.padding + 4,
+			y: d + g / 2,
 			rotate: -90
 		} } : {}
-	}, re = e.title ? {
+	}, ie = e.title ? {
 		text: e.title,
-		x: g / 2,
-		y: Y.padding + Y.titleFontSize
-	} : void 0, ie = Y.padding + (t ? Y.titleHeight : 0) + Y.legendHeight / 2;
+		x: _ / 2,
+		y: K.padding + K.titleFontSize
+	} : void 0, ae = K.padding + (t ? K.titleHeight : 0) + K.legendHeight / 2;
 	return {
-		width: g,
-		height: _,
+		width: _,
+		height: v,
 		horizontal: !0,
-		title: re,
-		xAxis: te,
-		yAxis: ne,
-		plotArea: v,
-		bars: D,
-		lines: O,
-		gridLines: w,
-		legend: i ? Wr(e, g / 2, ie, T) : []
+		title: ie,
+		xAxis: ne,
+		yAxis: re,
+		plotArea: y,
+		bars: O,
+		lines: k,
+		gridLines: T,
+		legend: i ? ti(e, _ / 2, ae, E) : []
 	};
 }
-function Lr(e) {
+function qr(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 Jr(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) => ei(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 Yr(e, t, n, r) {
+	return Jr(e, qr(e)).map((e, r) => ({
 		label: e,
 		x: t(r),
 		y: n,
 		tx: t(r),
-		ty: n + Y.tickLength,
+		ty: n + K.tickLength,
 		labelX: t(r),
 		labelY: n + 18,
 		textAnchor: "middle"
 	}));
 }
-function Br(e, t, n, r, i, a, o) {
+function Xr(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;
+	let c = r * (1 - K.barPadRatio), l = s > 1 ? (c - (s - 1) * K.barGroupGap) / s : c, u = Math.min(l, K.maxBarWidth), d = s > 1 ? u * s + K.barGroupGap * (s - 1) : u, f = [], p = 0, m = 0;
 	for (let r of e.series) {
 		if (r.type !== "bar") {
 			m++;
 			continue;
 		}
 		for (let e = 0; e < r.data.length; e++) {
-			let s = t(e) - d / 2 + p * (u + Y.barGroupGap), c = n(r.data[e]), l = n(Math.max(0, i));
+			let s = t(e) - d / 2 + p * (u + K.barGroupGap), c = n(r.data[e]), l = n(Math.max(0, i));
 			f.push({
 				x: s,
 				y: Math.min(c, l),
@@ -2726,7 +2737,7 @@ function Br(e, t, n, r, i, a, o) {
 	}
 	return f;
 }
-function Vr(e, t, n, r, i) {
+function Zr(e, t, n, r, i) {
 	let a = [], o = 0, s = 0;
 	for (let c of e.series) {
 		if (c.type !== "line") {
@@ -2747,7 +2758,7 @@ function Vr(e, t, n, r, i) {
 	}
 	return a;
 }
-function Hr(e, t) {
+function Qr(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 +2767,14 @@ 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 $r(e) {
+	let t = e.length > 1 ? Math.abs(e[1] - e[0]) : 0, n = t > 0 && t < 1 ? Math.ceil(-Math.log10(t) - 1e-9) : 0;
+	return e.map((e) => String(Number.isInteger(e) && n === 0 ? e : Number(e.toFixed(n))));
+}
+function ei(e) {
 	return Number.isInteger(e) ? String(e) : e.toFixed(+(Math.abs(e) < 10));
 }
-function Wr(e, t, n, r) {
+function ti(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}`;
@@ -2773,15 +2788,15 @@ function Wr(e, t, n, r) {
 		}), s.type === "bar" ? a++ : o++;
 	}
 	let s = i.map((e) => {
-		let t = M(e.label, Y.legendFontSize, Y.legendFontWeight);
-		return Y.legendSwatchW + Y.legendGap + t;
-	}), c = t - (s.reduce((e, t) => e + t, 0) + (i.length - 1) * Y.legendItemGap) / 2;
-	for (let e = 0; e < i.length; e++) i[e].x = c, c += s[e] + Y.legendItemGap;
+		let t = M(e.label, K.legendFontSize, K.legendFontWeight);
+		return K.legendSwatchW + K.legendGap + t;
+	}), c = t - (s.reduce((e, t) => e + t, 0) + (i.length - 1) * K.legendItemGap) / 2;
+	for (let e = 0; e < i.length; e++) i[e].x = c, c += s[e] + K.legendItemGap;
 	return i;
 }
 //#endregion
 //#region packages/svg-renderer/src/xychart/renderer.ts
-var X = {
+var q = {
 	titleSize: 18,
 	titleWeight: 600,
 	axisTitleSize: 15,
@@ -2793,7 +2808,7 @@ var X = {
 	dotRadius: 5,
 	lineWidth: 2.5,
 	barRadius: 8
-}, Z = {
+}, J = {
 	fontSize: 15,
 	fontWeight: 500,
 	height: 32,
@@ -2803,24 +2818,24 @@ var X = {
 	minY: 4,
 	pointerSize: 6
 };
-function Gr(e, t, n = "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);
+function ni(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 = H(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(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 } = ri(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"/>`);
+	for (let e = O; e <= _.y + _.height + .5; e += C) for (let t = D; t <= _.x + _.width + .5; t += S) u.push(`<circle cx="${Y(t)}" cy="${Y(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="${X(t.label)}"` : ""}`, r = e.horizontal ? ai(t.x, t.y, t.width, t.height, q.barRadius) : ii(t.x, t.y, t.width, t.height, q.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);
-			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>");
+			let e = li(t.value), n = t.label ? `${t.label}: ${e}` : e, r = ci(t.x + t.width / 2, t.y, e);
+			k.push(`<g class="xychart-bar-group"><rect x="${Y(t.x)}" y="${Y(t.y)}" width="${Y(t.width)}" height="${Y(t.height)}" fill="transparent"/><title>${X(n)}</title>` + r + "</g>");
 		}
 	}
 	for (let t of e.lines) {
 		if (t.points.length === 0) continue;
-		let e = Yr(t.points);
+		let e = oi(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 = [];
@@ -2829,7 +2844,7 @@ function Gr(e, t, n = "Inter", i = !1, a = !1, o, s, c, l = {}) {
 		for (let n of e.legend) n.type === "line" && t.set(n.seriesIndex, n.label);
 		let n = /* @__PURE__ */ new Map();
 		for (let t of e.lines) for (let e of t.points) {
-			let r = Q(e.x), i = n.get(r) ?? [];
+			let r = Y(e.x), i = n.get(r) ?? [];
 			n.set(r, i), i.push({
 				x: e.x,
 				y: e.y,
@@ -2842,54 +2857,54 @@ function Gr(e, t, n = "Inter", i = !1, a = !1, o, s, c, l = {}) {
 		for (let e of n.values()) {
 			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),
+				let i = Math.min(...e.map((e) => e.y)), a = Math.max(...e.map((e) => e.y)), o = q.dotRadius * 3, s = `<rect x="${Y(n - o)}" y="${Y(i - o)}" width="${Y(o * 2)}" height="${Y(a - i + o * 2)}" fill="transparent" class="xychart-hit"/>`, c = e.map((e) => ({
+					text: li(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 = si(n, i - q.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}/>`;
+					let e = ` data-value="${t.value}"${t.label ? ` data-label="${X(t.label)}"` : ""}`;
+					f += `<circle cx="${Y(t.x)}" cy="${Y(t.y)}" r="${q.dotRadius}" class="xychart-dot xychart-color-${t.colorIndex}"${e}/>`;
 				}
-				f += `<title>${$(d)}</title>${l}</g>`, A.push(f);
+				f += `<title>${X(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"/>` : "";
-				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>`);
+				let t = e[0], r = ` data-value="${t.value}"${t.label ? ` data-label="${X(t.label)}"` : ""}`, i = li(t.value), a = t.label ? `${t.label}: ${i}` : i, o = ci(n, t.y - q.dotRadius, i), s = m ? `<circle cx="${Y(n)}" cy="${Y(t.y)}" r="${q.dotRadius * 3}" fill="transparent" class="xychart-hit"/>` : "";
+				A.push(`<g class="xychart-dot-group">${s}<circle cx="${Y(t.x)}" cy="${Y(t.y)}" r="${q.dotRadius}" class="xychart-dot xychart-color-${t.colorIndex}"${r}/><title>${X(a)}</title>${o}</g>`);
 			} else for (let t of e) {
-				let e = ` data-value="${t.value}"${t.label ? ` data-label="${$(t.label)}"` : ""}`;
-				u.push(`<circle cx="${Q(t.x)}" cy="${Q(t.y)}" r="${X.dotRadius}" class="xychart-dot xychart-color-${t.colorIndex}"${e}/>`);
+				let e = ` data-value="${t.value}"${t.label ? ` data-label="${X(t.label)}"` : ""}`;
+				u.push(`<circle cx="${Y(t.x)}" cy="${Y(t.y)}" r="${q.dotRadius}" class="xychart-dot xychart-color-${t.colorIndex}"${e}/>`);
 			}
 		}
 	}
-	for (let t of e.xAxis.ticks) u.push(`<text x="${t.labelX}" y="${t.labelY}" text-anchor="${t.textAnchor}" font-size="${X.labelSize}" font-weight="${X.labelWeight}" dy="${R}" class="xychart-label">${$(t.label)}</text>`);
-	for (let t of e.yAxis.ticks) u.push(`<text x="${t.labelX}" y="${t.labelY}" text-anchor="${t.textAnchor}" font-size="${X.labelSize}" font-weight="${X.labelWeight}" dy="${R}" class="xychart-label">${$(t.label)}</text>`);
+	for (let t of e.xAxis.ticks) u.push(`<text x="${t.labelX}" y="${t.labelY}" text-anchor="${t.textAnchor}" font-size="${q.labelSize}" font-weight="${q.labelWeight}" dy="${R}" class="xychart-label">${X(t.label)}</text>`);
+	for (let t of e.yAxis.ticks) u.push(`<text x="${t.labelX}" y="${t.labelY}" text-anchor="${t.textAnchor}" font-size="${q.labelSize}" font-weight="${q.labelWeight}" dy="${R}" class="xychart-label">${X(t.label)}</text>`);
 	if (e.xAxis.title) {
 		let t = e.xAxis.title, n = t.rotate ? ` transform="rotate(${t.rotate},${t.x},${t.y})"` : "";
-		u.push(`<text x="${t.x}" y="${t.y}" text-anchor="middle"${n} font-size="${X.axisTitleSize}" font-weight="${X.axisTitleWeight}" dy="${R}" class="xychart-axis-title">${$(t.text)}</text>`);
+		u.push(`<text x="${t.x}" y="${t.y}" text-anchor="middle"${n} font-size="${q.axisTitleSize}" font-weight="${q.axisTitleWeight}" dy="${R}" class="xychart-axis-title">${X(t.text)}</text>`);
 	}
 	if (e.yAxis.title) {
 		let t = e.yAxis.title, n = t.rotate ? ` transform="rotate(${t.rotate},${t.x},${t.y})"` : "";
-		u.push(`<text x="${t.x}" y="${t.y}" text-anchor="middle"${n} font-size="${X.axisTitleSize}" font-weight="${X.axisTitleWeight}" dy="${R}" class="xychart-axis-title">${$(t.text)}</text>`);
+		u.push(`<text x="${t.x}" y="${t.y}" text-anchor="middle"${n} font-size="${q.axisTitleSize}" font-weight="${q.axisTitleWeight}" dy="${R}" class="xychart-axis-title">${X(t.text)}</text>`);
 	}
-	e.title && u.push(`<text x="${e.title.x}" y="${e.title.y}" text-anchor="middle" font-size="${X.titleSize}" font-weight="${X.titleWeight}" dy="${R}" class="xychart-title">${$(e.title.text)}</text>`);
+	e.title && u.push(`<text x="${e.title.x}" y="${e.title.y}" text-anchor="middle" font-size="${q.titleSize}" font-weight="${q.titleWeight}" dy="${R}" class="xychart-title">${X(e.title.text)}</text>`);
 	for (let t of e.legend) {
 		if (t.type === "bar") u.push(`<rect x="${t.x}" y="${t.y - 7}" width="14" height="14" rx="3" class="xychart-bar xychart-color-${t.colorIndex}"/>`);
 		else {
 			let e = t.y;
-			u.push(`<line x1="${t.x}" y1="${e}" x2="${t.x + 14}" y2="${e}" stroke-width="${X.lineWidth}" stroke-linecap="round" class="xychart-legend-line xychart-color-${t.colorIndex}"/>`);
+			u.push(`<line x1="${t.x}" y1="${e}" x2="${t.x + 14}" y2="${e}" stroke-width="${q.lineWidth}" stroke-linecap="round" class="xychart-legend-line xychart-color-${t.colorIndex}"/>`);
 		}
-		u.push(`<text x="${t.x + 14 + 6}" y="${t.y}" text-anchor="start" font-size="${X.legendSize}" font-weight="${X.legendWeight}" dy="${R}" class="xychart-label">${$(t.label)}</text>`);
+		u.push(`<text x="${t.x + 14 + 6}" y="${t.y}" text-anchor="start" font-size="${q.legendSize}" font-weight="${q.legendWeight}" dy="${R}" class="xychart-label">${X(t.label)}</text>`);
 	}
 	for (let e of k) u.push(e);
 	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 ri(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})` : ce(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 = [];
@@ -2900,7 +2915,7 @@ function Kr(e, t, n, r, i, a) {
 	let u = t ? `
   .xychart-tip { opacity: 0; pointer-events: none; }
   .xychart-tip-bg { fill: var(--_text); filter: drop-shadow(0 1px 3px color-mix(in srgb, var(--fg) 20%, transparent)); }
-  .xychart-tip-text { fill: var(--bg); font-size: ${Z.fontSize}px; font-weight: ${Z.fontWeight}; }
+  .xychart-tip-text { fill: var(--bg); font-size: ${J.fontSize}px; font-weight: ${J.fontWeight}; }
   .xychart-tip-ptr { fill: var(--_text); }
   .xychart-bar-group:hover .xychart-tip,
   .xychart-dot-group:hover .xychart-tip { opacity: 1; }` : "", d = c.length > 0 ? `\n  svg {\n${c.join("\n")}\n  }` : "";
@@ -2908,7 +2923,7 @@ function Kr(e, t, n, r, i, a) {
 		style: `${T(a)}
   .xychart-grid { fill: var(--_inner-stroke); stroke: none; opacity: 0.65; }
   .xychart-bar { stroke-width: 1.5; }
-  .xychart-line { fill: none; stroke-width: ${X.lineWidth}; stroke-linecap: round; stroke-linejoin: round; }
+  .xychart-line { fill: none; stroke-width: ${q.lineWidth}; stroke-linecap: round; stroke-linejoin: round; }
   .xychart-line-shadow { fill: none; stroke-width: 5; stroke-linecap: round; stroke-linejoin: round; opacity: 0.12; }
   .xychart-dot { stroke: var(--bg); stroke-width: 2; }
   .xychart-label { fill: var(--_text-muted); }
@@ -2919,97 +2934,545 @@ ${l.join("\n")}${u}
 		defs: ""
 	};
 }
-function qr(e, t, n, r, i) {
+function ii(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)}`,
-		`Q${Q(e)},${Q(t)} ${Q(e + a)},${Q(t)}`,
-		`L${Q(e + n - a)},${Q(t)}`,
-		`Q${Q(e + n)},${Q(t)} ${Q(e + n)},${Q(t + a)}`,
-		`L${Q(e + n)},${Q(t + r - a)}`,
-		`Q${Q(e + n)},${Q(t + r)} ${Q(e + n - a)},${Q(t + r)}`,
-		`L${Q(e + a)},${Q(t + r)}`,
-		`Q${Q(e)},${Q(t + r)} ${Q(e)},${Q(t + r - a)}`,
+	return a <= 0 ? `M${Y(e)},${Y(t)} h${Y(n)} v${Y(r)} h${Y(-n)} Z` : [
+		`M${Y(e)},${Y(t + a)}`,
+		`Q${Y(e)},${Y(t)} ${Y(e + a)},${Y(t)}`,
+		`L${Y(e + n - a)},${Y(t)}`,
+		`Q${Y(e + n)},${Y(t)} ${Y(e + n)},${Y(t + a)}`,
+		`L${Y(e + n)},${Y(t + r - a)}`,
+		`Q${Y(e + n)},${Y(t + r)} ${Y(e + n - a)},${Y(t + r)}`,
+		`L${Y(e + a)},${Y(t + r)}`,
+		`Q${Y(e)},${Y(t + r)} ${Y(e)},${Y(t + r - a)}`,
 		"Z"
 	].join(" ");
 }
-function Jr(e, t, n, r, i) {
+function ai(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)}`,
-		`L${Q(e + n - a)},${Q(t)}`,
-		`Q${Q(e + n)},${Q(t)} ${Q(e + n)},${Q(t + a)}`,
-		`L${Q(e + n)},${Q(t + r - a)}`,
-		`Q${Q(e + n)},${Q(t + r)} ${Q(e + n - a)},${Q(t + r)}`,
-		`L${Q(e + a)},${Q(t + r)}`,
-		`Q${Q(e)},${Q(t + r)} ${Q(e)},${Q(t + r - a)}`,
-		`L${Q(e)},${Q(t + a)}`,
-		`Q${Q(e)},${Q(t)} ${Q(e + a)},${Q(t)}`,
+	return a <= 0 ? `M${Y(e)},${Y(t)} h${Y(n)} v${Y(r)} h${Y(-n)} Z` : [
+		`M${Y(e + a)},${Y(t)}`,
+		`L${Y(e + n - a)},${Y(t)}`,
+		`Q${Y(e + n)},${Y(t)} ${Y(e + n)},${Y(t + a)}`,
+		`L${Y(e + n)},${Y(t + r - a)}`,
+		`Q${Y(e + n)},${Y(t + r)} ${Y(e + n - a)},${Y(t + r)}`,
+		`L${Y(e + a)},${Y(t + r)}`,
+		`Q${Y(e)},${Y(t + r)} ${Y(e)},${Y(t + r - a)}`,
+		`L${Y(e)},${Y(t + a)}`,
+		`Q${Y(e)},${Y(t)} ${Y(e + a)},${Y(t)}`,
 		"Z"
 	].join(" ");
 }
-function Yr(e) {
+function oi(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)}`;
+	if (e.length === 1) return `M${Y(e[0].x)},${Y(e[0].y)}`;
+	if (e.length === 2) return `M${Y(e[0].x)},${Y(e[0].y)} L${Y(e[1].x)},${Y(e[1].y)}`;
 	let t = e.length, n = [], r = [];
 	for (let i = 0; i < t - 1; i++) n.push(e[i + 1].x - e[i].x), r.push(n[i] === 0 ? 0 : (e[i + 1].y - e[i].y) / n[i]);
 	let i = Array(t).fill(0);
-	if (t > 2) {
-		let e = Array(t).fill(0), a = Array(t).fill(0);
-		for (let i = 1; i < t - 1; i++) {
-			let t = 2 * (n[i - 1] + n[i]), o = 3 * (r[i] - r[i - 1]);
-			if (i === 1) e[i] = n[i] / t, a[i] = o / t;
-			else {
-				let r = t - n[i - 1] * e[i - 1];
-				e[i] = n[i] / r, a[i] = (o - n[i - 1] * a[i - 1]) / r;
-			}
-		}
-		for (let n = t - 2; n >= 1; n--) i[n] = a[n] - e[n] * i[n + 1];
-	}
-	let a = Array(t).fill(0);
-	for (let e = 0; e < t - 1; e++) a[e] = r[e] - n[e] * (2 * i[e] + i[e + 1]) / 3;
-	a[t - 1] = r[t - 2] + n[t - 2] * i[t - 2] / 3;
-	let o = `M${Q(e[0].x)},${Q(e[0].y)}`;
+	for (let e = 1; e < t - 1; e++) {
+		let t = r[e - 1], a = r[e];
+		if (t * a <= 0) continue;
+		let o = 2 * n[e] + n[e - 1], s = n[e] + 2 * n[e - 1];
+		i[e] = (o + s) / (o / t + s / a);
+	}
+	let a = (e, t, n, r) => {
+		let i = ((2 * e + t) * n - e * r) / (e + t);
+		return i * n <= 0 ? i = 0 : n * r <= 0 && Math.abs(i) > 3 * Math.abs(n) && (i = 3 * n), i;
+	};
+	i[0] = a(n[0], n[1], r[0], r[1]), i[t - 1] = a(n[t - 2], n[t - 3], r[t - 2], r[t - 3]);
+	let o = `M${Y(e[0].x)},${Y(e[0].y)}`;
 	for (let r = 0; r < t - 1; r++) {
-		let t = n[r] / 3, i = e[r].x + t, s = e[r].y + a[r] * t, c = e[r + 1].x - t, l = e[r + 1].y - a[r + 1] * t;
-		o += ` C${Q(i)},${Q(s)} ${Q(c)},${Q(l)} ${Q(e[r + 1].x)},${Q(e[r + 1].y)}`;
+		let t = n[r] / 3, a = e[r].x + t, s = e[r].y + i[r] * t, c = e[r + 1].x - t, l = e[r + 1].y - i[r + 1] * t;
+		o += ` C${Y(a)},${Y(s)} ${Y(c)},${Y(l)} ${Y(e[r + 1].x)},${Y(e[r + 1].y)}`;
 	}
 	return o;
 }
-function Xr(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);
+function si(e, t, n, r) {
+	let i = M(n, J.fontSize, 600), a = Math.max(...r.map((e) => {
+		let t = M(e.legendLabel, J.fontSize, J.fontWeight), n = M(e.text, J.fontSize, J.fontWeight);
 		return t + 10 + n;
-	})), o = Math.max(i, a) + Z.padX * 2, s = 26 + r.length * 20 + 6, c = Math.max(Z.minY, t - Z.offsetY - s - Z.pointerSize), l = e - o / 2, u = e, d = c + s, f = Z.pointerSize, p = `<polygon points="${Q(u - f)},${Q(d)} ${Q(u + f)},${Q(d)} ${Q(u)},${Q(d + f)}" class="xychart-tip xychart-tip-ptr"/>`, m = `<rect x="${Q(l)}" y="${Q(c)}" width="${Q(o)}" height="${s}" rx="${Z.rx}" class="xychart-tip xychart-tip-bg"/>`;
+	})), o = Math.max(i, a) + J.padX * 2, s = 26 + r.length * 20 + 6, c = Math.max(J.minY, t - J.offsetY - s - J.pointerSize), l = e - o / 2, u = e, d = c + s, f = J.pointerSize, p = `<polygon points="${Y(u - f)},${Y(d)} ${Y(u + f)},${Y(d)} ${Y(u)},${Y(d + f)}" class="xychart-tip xychart-tip-ptr"/>`, m = `<rect x="${Y(l)}" y="${Y(c)}" width="${Y(o)}" height="${s}" rx="${J.rx}" class="xychart-tip xychart-tip-bg"/>`;
 	m += p;
 	let h = c + 6 + 10;
-	m += `<text x="${Q(e)}" y="${Q(h)}" text-anchor="middle" font-weight="600" font-size="${Z.fontSize}" dy="${R}" class="xychart-tip xychart-tip-text">${$(n)}</text>`;
-	let g = l + Z.padX, _ = l + o - Z.padX;
-	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>`;
+	m += `<text x="${Y(e)}" y="${Y(h)}" text-anchor="middle" font-weight="600" font-size="${J.fontSize}" dy="${R}" class="xychart-tip xychart-tip-text">${X(n)}</text>`;
+	let g = l + J.padX, _ = l + o - J.padX;
+	for (let e of r) h += 20, m += `<text x="${Y(g)}" y="${Y(h)}" text-anchor="start" font-size="${J.fontSize}" font-weight="${J.fontWeight}" dy="${R}" class="xychart-tip xychart-tip-text">${X(e.legendLabel)}</text>`, m += `<text x="${Y(_)}" y="${Y(h)}" text-anchor="end" font-size="${J.fontSize}" font-weight="${J.fontWeight}" dy="${R}" class="xychart-tip xychart-tip-text">${X(e.text)}</text>`;
 	return m;
 }
-function Zr(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 ci(e, t, n) {
+	let r = M(n, J.fontSize, J.fontWeight) + J.padX * 2, i = J.height, a = Math.max(J.minY, t - J.offsetY - i - J.pointerSize), o = e - r / 2, s = e, c = a + i / 2, l = e, u = a + i, d = J.pointerSize, f = `<polygon points="${Y(l - d)},${Y(u)} ${Y(l + d)},${Y(u)} ${Y(l)},${Y(u + d)}" class="xychart-tip xychart-tip-ptr"/>`;
+	return `<rect x="${Y(o)}" y="${Y(a)}" width="${Y(r)}" height="${i}" rx="${J.rx}" class="xychart-tip xychart-tip-bg"/>` + f + `<text x="${Y(s)}" y="${Y(c)}" text-anchor="middle" dy="${R}" class="xychart-tip xychart-tip-text">${X(n)}</text>`;
 }
-function Qr(e) {
+function li(e) {
 	return Number.isInteger(e) ? e.toLocaleString("en-US") : e.toFixed(+(Math.abs(e) < 10));
 }
-function Q(e) {
+function Y(e) {
 	return String(Math.round(e * 10) / 10);
 }
-function $(e) {
+function X(e) {
 	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
 //#endregion
+//#region packages/svg-renderer/src/c4/metrics.ts
+var Z = {
+	width: 216,
+	diagramMarginX: 50,
+	diagramMarginY: 10,
+	shapeMargin: 50,
+	shapePadding: 20,
+	shapeInRow: 4,
+	boundaryInRow: 2,
+	nextLinePaddingX: 0,
+	screenWidth: 1440,
+	nameSize: 14,
+	typeSize: 10.5,
+	descrSize: 11.5,
+	messageSize: 12,
+	boundarySize: 14,
+	nameLine: 15.35,
+	typeLine: 15.72,
+	descrLine: 17.1,
+	descrExtraLine: 12.48,
+	textScale: .922,
+	boundaryLabelHeight: 18,
+	boundaryTypeHeight: 16.1,
+	boundaryDescrHeight: 14.4,
+	rootHeadingHeight: 47,
+	titleExtra: 60,
+	cornerRadius: 12,
+	strokeWidth: 2,
+	personRx: 38.232,
+	personHeadRadius: 49.68,
+	personPillTop: 85.946,
+	personPillTopPerExtraWidth: .4,
+	dbTrim: 3.91,
+	queueExtra: 10
+}, ui = Z.width - Z.shapePadding;
+function di(e, t, n, r) {
+	let i = [];
+	for (let a of e.split("\n")) {
+		let e = "";
+		for (let o of a.split(/\s+/).filter(Boolean)) {
+			let a = e ? `${e} ${o}` : o;
+			e && M(a, n, r) * Z.textScale > t ? (i.push(e), e = o) : e = a;
+		}
+		i.push(e);
+	}
+	return i;
+}
+function fi(e) {
+	let t = e / Z.width;
+	return {
+		rx: Z.personRx * t,
+		headRadius: Z.personHeadRadius * t,
+		pillTop: Z.personPillTop + Z.personPillTopPerExtraWidth * (e - Z.width)
+	};
+}
+function pi(e, t) {
+	return e * Z.nameLine + Z.typeLine + mi(t);
+}
+function mi(e) {
+	return e === 0 ? 0 : Z.descrLine + (e - 1) * Z.descrExtraLine;
+}
+function hi(e) {
+	let t = e / 2;
+	return {
+		rx: t,
+		ry: t / (2.5 + e / 50)
+	};
+}
+function gi(e) {
+	let t = e / 2;
+	return {
+		rx: t / (2.5 + e / 50),
+		ry: t
+	};
+}
+function _i(e, t, n) {
+	return M(e, t, n) * Z.textScale;
+}
+function vi(e, t, n, r) {
+	let i = pi(t, n), a = i + 2 * Z.shapePadding, o = Math.max(Z.width, r + 2 * Z.shapePadding);
+	if (e.kind === "person") return {
+		width: o,
+		height: fi(o).pillTop + a,
+		textHeight: i
+	};
+	if (e.shape === "db") {
+		let { ry: e } = hi(o);
+		return {
+			width: o,
+			height: a + 2 * e - Z.dbTrim,
+			textHeight: i
+		};
+	}
+	if (e.shape === "queue") {
+		let e = i + Z.queueExtra, { rx: t } = gi(e);
+		return {
+			width: o + 3 * t,
+			height: e,
+			textHeight: i
+		};
+	}
+	return {
+		width: o,
+		height: a,
+		textHeight: i
+	};
+}
+function yi(e) {
+	let t = "#ffffff";
+	if (e.external) switch (e.kind) {
+		case "person": return {
+			fill: "#686868",
+			stroke: "#8a8a8a",
+			text: t
+		};
+		case "system": return {
+			fill: "#999999",
+			stroke: "#8a8a8a",
+			text: t
+		};
+		case "container": return {
+			fill: "#b3b3b3",
+			stroke: "#a6a6a6",
+			text: t
+		};
+		case "component": return {
+			fill: "#cccccc",
+			stroke: "#bfbfbf",
+			text: t
+		};
+	}
+	switch (e.kind) {
+		case "person": return {
+			fill: "#08427b",
+			stroke: "#073b6f",
+			text: t
+		};
+		case "system": return {
+			fill: "#1168bd",
+			stroke: "#3c7fc0",
+			text: t
+		};
+		case "container": return {
+			fill: "#438dd5",
+			stroke: "#3c7fc0",
+			text: t
+		};
+		case "component": return {
+			fill: "#85bbf0",
+			stroke: "#78a8d8",
+			text: t
+		};
+	}
+}
+//#endregion
+//#region packages/svg-renderer/src/c4/layout.ts
+function bi() {
+	return { next: { cnt: 0 } };
+}
+function xi(e, t, n, r, i) {
+	e.next.startx = e.startx = t, e.next.stopx = e.stopx = n, e.next.starty = e.starty = r, e.next.stopy = e.stopy = i;
+}
+function Q(e, t, n, r) {
+	let i = e[t];
+	e[t] = i === void 0 ? n : r(n, i);
+}
+function Si(e, t) {
+	e.next.cnt += 1;
+	let n = Z.shapeMargin, r = e.next.startx === e.next.stopx ? e.next.stopx + n : e.next.stopx + n * 2, i = r + t.width, a = e.next.starty + n * 2, o = a + t.height;
+	(r >= e.widthLimit || i >= e.widthLimit || e.next.cnt > Z.shapeInRow) && (r = e.next.startx + n + Z.nextLinePaddingX, a = e.next.stopy + n * 2, e.next.stopx = i = r + t.width, e.next.starty = e.next.stopy, e.next.stopy = o = a + t.height, e.next.cnt = 1), t.x = r, t.y = a, Q(e, "startx", r, Math.min), Q(e, "starty", a, Math.min), Q(e, "stopx", i, Math.max), Q(e, "stopy", o, Math.max), Q(e.next, "startx", r, Math.min), Q(e.next, "starty", a, Math.min), Q(e.next, "stopx", i, Math.max), Q(e.next, "stopy", o, Math.max);
+}
+function Ci(e) {
+	let t = di(e.label, ui, Z.nameSize, 700), n = e.description ? di(e.description, ui, Z.descrSize, 400) : [], r = Math.max(...t.map((e) => _i(e, Z.nameSize, 700)), _i(oe(e), Z.typeSize, 400), ...n.map((e) => _i(e, Z.descrSize, 400)));
+	return {
+		el: e,
+		nameLines: t,
+		descriptionLines: n,
+		x: 0,
+		y: 0,
+		...vi(e, t.length, n.length, r)
+	};
+}
+function wi(e) {
+	let t = /* @__PURE__ */ new Set(), n = new Map(e.elements.map((e) => [e.alias, e])), r = (e) => {
+		let i = e.elementAliases.flatMap((e) => {
+			t.add(e);
+			let r = n.get(e);
+			return r ? [r] : [];
+		});
+		return {
+			alias: e.alias,
+			boundary: e,
+			elements: i,
+			children: e.children.map(r)
+		};
+	}, i = e.boundaries.map(r);
+	return {
+		alias: "global",
+		elements: e.elements.filter((e) => !t.has(e.alias)),
+		children: i
+	};
+}
+function Ti(e) {
+	let t = /* @__PURE__ */ new Map(), n = [], r = Z.diagramMarginX, i = Z.diagramMarginY, a = (e, n) => {
+		for (let r of n) {
+			let n = Ci(r);
+			t.set(r.alias, n), Si(e, n);
+		}
+		e.stopx += Z.shapeMargin, e.stopy += Z.shapeMargin;
+	}, o = (e, t, s) => {
+		let c = bi();
+		c.widthLimit = e.widthLimit / Math.min(Z.boundaryInRow, t.length);
+		for (let [l, u] of t.entries()) {
+			let t = u.boundary, d = 0, f = d + 8;
+			d = f + Z.boundaryLabelHeight;
+			let p;
+			t && ie(t) && (p = d + 5, d = p + Z.boundaryTypeHeight);
+			let m;
+			if (t?.description && (m = d + 20, d = m + Z.boundaryDescrHeight), t || (d = Z.rootHeadingHeight), l === 0 || l % Z.boundaryInRow === 0) {
+				let t = e.startx + Z.diagramMarginX, n = e.stopy + Z.diagramMarginY + d;
+				xi(c, t, t, n, n);
+			} else {
+				let e = c.stopx === c.startx ? c.startx : c.stopx + Z.diagramMarginX;
+				xi(c, e, e, c.starty, c.starty);
+			}
+			if (u.elements.length > 0 && a(c, u.elements), u.children.length > 0 && o(c, u.children, s + 1), t) {
+				let e = c.stopx - c.startx, r = c.stopy - c.starty;
+				e === 0 && (e = Z.width), r === 0 && (r = d + Z.shapeMargin), n.push({
+					alias: t.alias,
+					label: t.label,
+					...t.type ? { type: t.type } : {},
+					...t.description ? { description: t.description } : {},
+					x: c.startx,
+					y: c.starty,
+					width: e,
+					height: r,
+					depth: s,
+					labelY: f,
+					...p === void 0 ? {} : { typeY: p },
+					...m === void 0 ? {} : { descrY: m }
+				});
+			}
+			e.stopy = Math.max(c.stopy + Z.shapeMargin, e.stopy), e.stopx = Math.max(c.stopx + Z.shapeMargin, e.stopx), r = Math.max(r, e.stopx), i = Math.max(i, e.stopy);
+		}
+	}, s = bi();
+	return xi(s, Z.diagramMarginX, Z.diagramMarginX, Z.diagramMarginY, Z.diagramMarginY), s.widthLimit = Z.screenWidth, o(s, [e], -1), {
+		elements: t,
+		boundaries: n,
+		maxX: r,
+		maxY: i
+	};
+}
+function Ei(e, t) {
+	let n = e.x + e.width / 2, r = e.y + e.height / 2, i = t.x - n, a = t.y - r, o = e.width / 2, s = e.height / 2;
+	if (i === 0 && a === 0) return {
+		x: n,
+		y: r
+	};
+	let c, l;
+	if (Math.abs(a) * o > Math.abs(i) * s) {
+		let e = a < 0 ? -s : s;
+		c = e * i / a, l = e;
+	} else {
+		let e = i < 0 ? -o : o;
+		c = e, l = e * a / i;
+	}
+	return {
+		x: n + c,
+		y: r + l
+	};
+}
+function Di(e, t) {
+	let n = fi(e.width), r = e.x + e.width / 2, i = e.y + e.height / 2, a = e.y + n.headRadius, o = e.y + n.pillTop, s = e.y + e.height, c = (t, i) => {
+		if (Math.hypot(t - r, i - a) <= n.headRadius) return !0;
+		if (i < o || i > s) return !1;
+		let c = Math.min(n.rx, (s - o) / 2), l = e.x + c, u = e.x + e.width - c, d = Math.min(Math.max(i, o + c), s - c), f = Math.min(Math.max(t, l), u);
+		return t >= e.x && t <= e.x + e.width && Math.hypot(t - f, i - d) <= c;
+	}, l = Math.hypot(t.x - r, t.y - i);
+	if (l === 0 || !c(r, i)) return Ei(e, t);
+	let u = (t.x - r) / l, d = (t.y - i) / l, f = (e) => c(r + u * e, i + d * e), p = 0, m = .5;
+	for (; f(m) && m < e.width + e.height;) p = m, m += .5;
+	for (let e = 0; e < 30; e++) {
+		let e = (p + m) / 2;
+		f(e) ? p = e : m = e;
+	}
+	return {
+		x: r + u * p,
+		y: i + d * p
+	};
+}
+function Oi(e, t) {
+	return e.el?.kind === "person" ? Di(e, t) : Ei(e, t);
+}
+var ki = (e) => ({
+	x: e.x + e.width / 2,
+	y: e.y + e.height / 2
+});
+function Ai(e, t, n, r) {
+	let i = n.get(e.from), a = n.get(e.to), o = Oi(i, ki(a)), s = Oi(a, ki(i)), c = s.x - o.x, l = s.y - o.y, u = (e) => ({
+		x: e.x,
+		y: e.y + r
+	}), d = {
+		...e,
+		points: [u(o), u(s)]
+	};
+	if (t > 0 && (d.curve = u({
+		x: o.x + c / 2 - c / 4,
+		y: o.y + l / 2
+	})), ae(e).length > 0) {
+		let t = {
+			x: Math.min(o.x, s.x) + Math.abs(c) / 2,
+			y: Math.min(o.y, s.y) + Math.abs(l) / 2
+		}, n = ae(e)[0], r = e.label !== "" || e.index !== void 0 ? _i(n ?? "", Z.messageSize, 400) : 0;
+		if (d.labelPosition = u({
+			x: t.x + r / 2,
+			y: t.y
+		}), e.technology) {
+			let n = _i(`[${e.technology}]`, Z.messageSize, 400);
+			d.technologyX = t.x + Math.max(r, n) / 2;
+		}
+	}
+	return d;
+}
+function ji(e, t = {}) {
+	if (e.elements.length === 0 && e.boundaries.length === 0) {
+		let t = {
+			variant: e.variant,
+			width: 0,
+			height: 0,
+			elements: [],
+			boundaries: [],
+			relationships: []
+		};
+		return e.title && (t.title = e.title), t;
+	}
+	let n = Ti(wi(e)), r = e.title ? Z.titleExtra : 0, i = Z.diagramMarginY + r, a = e.elements.flatMap((e) => {
+		let t = n.elements.get(e.alias);
+		return t ? [{
+			...e,
+			x: t.x,
+			y: t.y + i,
+			width: t.width,
+			height: t.height,
+			nameLines: t.nameLines,
+			descriptionLines: t.descriptionLines
+		}] : [];
+	}), o = [...n.boundaries].sort((e, t) => e.depth - t.depth).map((e) => ({
+		...e,
+		y: e.y + i
+	})), s = /* @__PURE__ */ new Map();
+	for (let e of n.elements.values()) s.set(e.el.alias, e);
+	for (let e of n.boundaries) s.set(e.alias, e);
+	let c = e.relationships.map((e, t) => Ai(e, t, s, i)), l = n.maxX + Z.diagramMarginX, u = n.maxY + Z.diagramMarginY + r, d = {
+		variant: e.variant,
+		width: l,
+		height: u,
+		elements: a,
+		boundaries: o,
+		relationships: c
+	};
+	return e.title && (d.title = e.title, d.titlePosition = {
+		x: (n.maxX - Z.diagramMarginX) / 2 - 4 * Z.diagramMarginX,
+		y: Z.diagramMarginY + Z.diagramMarginY + i
+	}), d;
+}
+//#endregion
+//#region packages/svg-renderer/src/c4/renderer.ts
+function Mi(e, t, r = "Inter", i = !1, o = N, c, l, u, d = {}) {
+	let f = [];
+	f.push(H(E(e.width, e.height, t, i, l ?? e.title, u, void 0, d.styleAttribute), c)), f.push(n(r, !1, d.nonce)), e.title && e.titlePosition && f.push(s`<text class="c4-title" x="${e.titlePosition.x}" y="${e.titlePosition.y}" dy="${R}" ` + s`font-size="16" fill="var(--_text)">${a(e.title)}</text>`);
+	for (let t of e.boundaries) f.push(Ni(t));
+	for (let t of e.elements) f.push(Pi(t));
+	for (let t of e.relationships) f.push(zi(t)), f.push(Bi(t));
+	return f.push("</svg>"), f.filter(Boolean).join("\n");
+}
+function $(e, t, n, r, i) {
+	return s`  <text x="${t}" y="${n}" text-anchor="middle" dy="${R}" font-size="${r}" ` + s`${i}>${a(e)}</text>`;
+}
+function Ni(e) {
+	let t = [];
+	t.push(s`<g class="c4-boundary" data-id="${i(e.alias)}" data-label="${i(e.label)}" data-depth="${e.depth}">`), t.push(s`  <rect x="${e.x}" y="${e.y}" width="${e.width}" height="${e.height}" rx="2.5" ry="2.5" ` + "fill=\"none\" stroke=\"var(--_text)\" stroke-width=\"1\" stroke-dasharray=\"7,7\" />");
+	let n = e.x + e.width / 2;
+	t.push($(e.label, n, e.y + (e.labelY ?? 8), Z.boundarySize + 2, "font-weight=\"700\" fill=\"var(--_text)\""));
+	let r = ie({
+		alias: e.alias,
+		label: e.label,
+		...e.type ? { type: e.type } : {},
+		elementAliases: [],
+		children: []
+	});
+	return r && e.typeY !== void 0 && t.push($(r, n, e.y + e.typeY, Z.boundarySize, "fill=\"var(--_text)\"")), e.description && e.descrY !== void 0 && t.push($(e.description, n, e.y + e.descrY, Z.boundarySize - 2, "fill=\"var(--_text)\"")), t.push("</g>"), t.join("\n");
+}
+function Pi(e) {
+	let t = yi(e), { x: n, y: r, width: a, height: o } = e, c = n + a / 2, l = pi(e.nameLines.length, e.descriptionLines.length), u = [];
+	u.push(s`<g class="c4-element" data-id="${i(e.alias)}" data-kind="${e.kind}" data-shape="${e.shape}" ` + s`data-external="${e.external}" data-label="${i(e.label)}">`);
+	let d, f = c;
+	if (e.kind === "person") u.push(...Fi(e, t)), d = r + fi(a).pillTop + Z.shapePadding;
+	else if (e.shape === "db") {
+		u.push(...Ii(e, t));
+		let { ry: n } = hi(a);
+		d = r + (2 * n + o) / 2 - l / 2;
+	} else if (e.shape === "queue") {
+		u.push(...Li(e, t));
+		let { rx: n } = gi(o);
+		f = c - n, d = r + o / 2 - l / 2;
+	} else u.push(s`  <rect x="${n}" y="${r}" width="${a}" height="${o}" rx="${Z.cornerRadius}" ry="${Z.cornerRadius}" ` + s`fill="${t.fill}" stroke="${t.stroke}" stroke-width="${Z.strokeWidth}" />`), d = r + Z.shapePadding;
+	let p = d;
+	for (let n of e.nameLines) u.push($(n, f, p + Z.nameLine / 2, Z.nameSize, s`font-weight="700" fill="${t.text}"`)), p += Z.nameLine;
+	return u.push($(oe(e), f, p + Z.typeLine / 2, Z.typeSize, s`fill="${t.text}"`)), p += Z.typeLine, e.descriptionLines.forEach((e, n) => {
+		u.push($(e, f, p + Z.descrLine / 2 + n * Z.descrExtraLine, Z.descrSize, s`fill="${t.text}"`));
+	}), p += mi(e.descriptionLines.length), u.push("</g>"), u.join("\n");
+}
+function Fi(e, t) {
+	let { x: n, width: r } = e, { rx: i, headRadius: a, pillTop: o } = fi(r), c = e.y, l = n + r / 2, u = c + o, d = e.y + e.height - u, f = s`fill="${t.fill}" stroke="${t.stroke}" stroke-width="${Z.strokeWidth}"`;
+	return [s`  <rect x="${n}" y="${u}" width="${r}" height="${d}" rx="${i}" ry="${i}" ${f} />`, s`  <circle cx="${l}" cy="${c + a}" r="${a}" ${f} />`];
+}
+function Ii(e, t) {
+	let { x: n, y: r, width: i, height: a } = e, { rx: o, ry: c } = hi(i), l = s`fill="${t.fill}" stroke="${t.stroke}" stroke-width="${Z.strokeWidth}"`;
+	return [s`  <path d="M ${n} ${r + c} L ${n} ${r + a - c} A ${o} ${c} 0 0 0 ${n + i} ${r + a - c} L ${n + i} ${r + c} Z" ${l} />`, s`  <ellipse cx="${n + o}" cy="${r + c}" rx="${o}" ry="${c}" ${l} />`];
+}
+function Li(e, t) {
+	let { x: n, y: r, width: i, height: a } = e, { rx: o, ry: c } = gi(a), l = s`fill="${t.fill}" stroke="${t.stroke}" stroke-width="${Z.strokeWidth}"`;
+	return [s`  <path d="M ${n + i - o} ${r} H ${n + o} A ${o} ${c} 0 0 0 ${n + o} ${r + a} H ${n + i - o} Z" ${l} />`, s`  <ellipse cx="${n + i - o}" cy="${r + c}" rx="${o}" ry="${c}" ${l} />`];
+}
+function Ri(e, t) {
+	let n = e.x - t.x, r = e.y - t.y, i = Math.hypot(n, r);
+	if (i === 0) return "";
+	let a = n / i, o = r / i, c = e.x - a * 10, l = e.y - o * 10;
+	return s`<polygon class="c4-arrowhead" points="${e.x},${e.y} ${c - o * 5},${l + a * 5} ${c + o * 5},${l - a * 5}" ` + "fill=\"var(--_text)\" />";
+}
+function zi(e) {
+	let [t, n] = [e.points[0], e.points[e.points.length - 1]];
+	if (!t || !n || t === n) return "";
+	let r = [
+		"class=\"c4-relationship\"",
+		s`data-from="${i(e.from)}"`,
+		s`data-to="${i(e.to)}"`
+	];
+	e.label && r.push(s`data-label="${i(e.label)}"`), e.technology && r.push(s`data-technology="${i(e.technology)}"`);
+	let a = e.curve ? s`M ${t.x},${t.y} Q ${e.curve.x},${e.curve.y} ${n.x},${n.y}` : s`M ${t.x},${t.y} L ${n.x},${n.y}`, o = s`<path ${r.join(" ")} d="${a}" fill="none" stroke="var(--_text)" stroke-width="1" />`, c = e.curve ?? t, l = e.curve ?? n, u = Ri(n, c), d = Ri(t, l);
+	return [o, ...e.bidirectional ? [u, d] : [e.reversed ? d : u]].filter(Boolean).join("\n");
+}
+function Bi(e) {
+	let t = ae(e);
+	if (t.length === 0 || !e.labelPosition) return "";
+	let { x: n, y: r } = e.labelPosition, a = [s`<g class="c4-relationship-label" data-from="${i(e.from)}" data-to="${i(e.to)}">`];
+	return t.forEach((i, o) => {
+		let s = e.technology !== void 0 && o === t.length - 1, c = r + (o === 0 ? 0 : Z.messageSize + 5);
+		a.push($(i, s && e.technologyX !== void 0 ? e.technologyX : n, c, Z.messageSize, s ? "font-style=\"italic\" fill=\"var(--_text)\"" : "fill=\"var(--_text)\""));
+	}), a.push("</g>"), a.join("\n");
+}
+//#endregion
 //#region src/parser.ts
-function $r(e) {
+function Vi(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 Hi = "\"graph <dir>\"/\"flowchart <dir>\" (dir: TD, TB, LR, BT, RL), \"stateDiagram-v2\", \"sequenceDiagram\", \"classDiagram\", \"erDiagram\", \"xychart-beta\", \"C4Context\"/\"C4Container\"/\"C4Component\"/\"C4Dynamic\"/\"C4Deployment\", \"architecture-beta\"";
+function Ui(e) {
 	let t = e.trim().toLowerCase();
 	if (/^sequence/.test(t)) return "sequenceDiagram";
 	if (/^class/.test(t)) return "classDiagram";
@@ -3017,11 +3480,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 Wi = /^(?:[\w-]+@)?<?(?:-{2,}|={2,}|-\.+-?|~{3,})/;
+function Gi(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 && Wi.test(e.text)) {
 			let n = t[t.length - 1];
 			t[t.length - 1] = {
 				text: `${n.text} ${e.text}`,
@@ -3031,13 +3494,13 @@ function ri(e) {
 	});
 	return t;
 }
-function ii(e) {
-	let t = s(e.split("\n").map((e) => e.trim())), n = ri(w(e));
+function Ki(e) {
+	let t = o(e.split("\n").map((e) => e.trim())), n = Gi(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) ? Ji(n) : qi(n);
 	return i.initConfig = t, i;
 }
-function ai(e) {
+function qi(e) {
 	let t = e[0];
 	if (t === void 0)
  /* v8 ignore next */
@@ -3049,8 +3512,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 = Ui(n), i = r && r.toLowerCase() !== n.trim().toLowerCase() ? ` Did you mean "${r}"?` : "";
+		throw Error(`Line ${t.line}: Invalid mermaid header: "${n}".${i} Supported headers: ${Hi}.`);
 	}
 	let i = {
 		direction: O(r[1]),
@@ -3067,10 +3530,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);
+			sa(n, i);
 			continue;
 		}
-		if (bi(n, i)) continue;
+		if (la(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 +3558,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(Vi(t[2]))) : (r = m(Vi(e)), n = r.replace(/\s+/g, "_").replace(/[^\p{L}\p{N}_-]/gu, ""));
 			let i = {
 				id: n,
 				label: r,
@@ -3110,11 +3573,11 @@ function ai(e) {
 			e && (a.length > 0 ? a[a.length - 1].children.push(e) : i.subgraphs.push(e));
 			continue;
 		}
-		wi(n, i, a);
+		pa(n, i, a);
 	}
 	return i;
 }
-function oi(e) {
+function Ji(e) {
 	let t = {
 		direction: "TD",
 		nodes: /* @__PURE__ */ new Map(),
@@ -3127,7 +3590,9 @@ function oi(e) {
 		interactions: /* @__PURE__ */ new Map()
 	}, n = [], r = /* @__PURE__ */ new Set(), i = 0, a = 0;
 	for (let o = 1; o < e.length; o++) {
-		let s = e[o].text, c = s.match(/^direction\s+(TD|TB|LR|BT|RL)\s*$/i);
+		let s = e[o].text;
+		if (A(s, t) || k(s, t) || j(s, t)) continue;
+		let c = s.match(/^direction\s+(TD|TB|LR|BT|RL)\s*$/i);
 		if (c) {
 			n.length > 0 ? n[n.length - 1].direction = O(c[1]) : t.direction = O(c[1]);
 			continue;
@@ -3148,7 +3613,7 @@ function oi(e) {
 			}
 			continue;
 		}
-		if (bi(s, t)) continue;
+		if (la(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,56 +3633,63 @@ 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, {
-				id: r,
-				label: e,
-				shape: "rounded"
-			});
+			Yi(t, n, r, e);
 			continue;
 		}
-		let f = s.match(/^(\[\*\]|[\w\p{L}-]+)\s*(?:([\w-]+)@)?-->\s*(\[\*\]|[\w\p{L}-]+)(?:\s*:\s*(.+))?$/u);
+		let f = s.match(/^(\[\*\]|[\w\p{L}-]+)(?::::([\w][\w-]*))?\s*(?:([\w-]+)@)?-->\s*(\[\*\]|[\w\p{L}-]+)(?::::([\w][\w-]*))?(?:\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, {
+			let e = f[1], o = f[2], s = f[3], c = f[4], l = f[5], u = f[6]?.trim(), d = u ? m(u) : void 0;
+			e === "[*]" ? (i++, e = `_start${i > 1 ? i : ""}`, Xi(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, {
-				id: s,
+			})) : r.has(e) || Zi(t, n, e), c === "[*]" ? (a++, c = `_end${a > 1 ? a : ""}`, Xi(t, n, {
+				id: c,
 				label: "",
 				shape: "state-end"
-			})) : r.has(s) || ci(t, n, s), t.edges.push({
+			})) : r.has(c) || Zi(t, n, c), o !== void 0 && t.classAssignments.set(e, o), l !== void 0 && t.classAssignments.set(c, l), t.edges.push({
 				source: e,
-				target: s,
-				label: l,
+				target: c,
+				label: d,
 				style: "solid",
 				hasArrowStart: !1,
 				hasArrowEnd: !0,
-				...o === void 0 ? {} : { id: o }
+				...s === void 0 ? {} : { id: s }
 			});
 			continue;
 		}
-		let p = s.match(/^([\w\p{L}-]+)\s*:\s*(.+)$/u);
+		let p = s.match(/^([\w\p{L}-]+):::([\w][\w-]*)\s*$/u);
 		if (p) {
 			let e = p[1];
-			si(t, n, {
-				id: e,
-				label: m(p[2].trim()),
-				shape: "rounded"
-			});
+			r.has(e) || Zi(t, n, e), t.classAssignments.set(e, p[2]);
+			continue;
+		}
+		let h = s.match(/^([\w\p{L}-]+)\s*:\s*(.+)$/u);
+		if (h) {
+			let e = h[1];
+			Yi(t, n, e, m(h[2].trim()));
 			continue;
 		}
 	}
+	for (let e of t.classAssignments.keys()) !t.nodes.has(e) && !r.has(e) && Zi(t, [], e);
 	return t;
 }
-function si(e, t, n) {
+function Yi(e, t, n, r) {
+	let i = e.nodes.get(n);
+	i && (i.label = r), Xi(e, t, {
+		id: n,
+		label: r,
+		shape: "rounded"
+	});
+}
+function Xi(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 Zi(e, t, n) {
+	if (!e.nodes.has(n)) Xi(e, t, {
 		id: n,
 		label: n,
 		shape: "rounded"
@@ -3227,12 +3699,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 Qi = /^(<|o|x)?(-{2,}|={2,}|-\.+-|~{3,})(>|o|x)?(?:\|([^|]*)\|)?/, $i = /* @__PURE__ */ new Set(["--", "=="]);
+function ea(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 ta = /^(<|o|x)?(--|-\.|==)\s+(.+?)\s+(-{2,}[>ox]|={2,}[>ox]|\.+-[>ox]|-{3,}|={3,}|-\.+-)/, na = [
 	{
 		regex: /^([\w\p{L}-]+)\(\(\(((?:"[^"]*"|(?!\)\)\)).)+)\)\)\)/u,
 		shape: "doublecircle"
@@ -3281,9 +3753,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";
+], ra = /^([\w\p{L}]+(?:-[\w\p{L}]+)*)/u, ia = /^([\w\p{L}-]+)(?=@\{)/u;
+function aa(e) {
+	if (e.shape) return _e(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 +3763,46 @@ function gi(e) {
 	}
 	return "rectangle";
 }
-function _i(e, t) {
+function oa(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 sa(e, n) {
+	t(e, n.interactions);
 }
-var yi = /^([\w-]+)(?=@\{)/;
-function bi(e, t) {
-	let n = e.match(yi);
+var ca = /^([\w-]+)(?=@\{)/;
+function la(e, t) {
+	let n = e.match(ca);
 	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 = le(e.slice(n[1].length));
+	return r ? (ua(t, n[1], me(r.body)), !0) : !1;
 }
-function xi(e, t, n) {
+function ua(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 da = /^:::([\w][\w-]*)/, fa = /^([\w\p{L}-]+):::([\w][\w-]*)/u;
+function pa(e, t, n) {
+	let r = e.trim(), i = ma(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(Qi), p = f?.[2], h = f?.[1], g = f?.[3];
+		if (f && p !== void 0 && !(h === void 0 && g === void 0 && $i.has(p))) {
+			e = h !== void 0, c = ea(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 = va(p), o = g !== void 0, l = ea(g);
 		} else {
-			let t = r.match(fi);
+			let t = r.match(ta);
 			if (!t) break;
-			e = !!t[1], c = di(t[1]);
+			e = !!t[1], c = ea(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 = ya(a, u), l = ea(u.slice(-1)), o = u.endsWith(">") || l !== void 0;
 		}
-		let _ = Ti(r, t, n);
+		let _ = ma(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 +3819,13 @@ function wi(e, t, n) {
 		a = _.ids;
 	}
 }
-function Ti(e, t, n) {
-	let r = Ei(e, t, n);
+function ma(e, t, n) {
+	let r = ha(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 = ha(a, t, n);
 		if (!e) break;
 		i.push(e.id), a = e.remaining.trim();
 	}
@@ -3362,27 +3834,27 @@ function Ti(e, t, n) {
 		remaining: a
 	};
 }
-function Ei(e, t, n) {
-	let r = null, i = e, a, o = i.match(Ci);
+function ha(e, t, n) {
+	let r = null, i = e, a, o = i.match(fa);
 	o && (a = o[2], i = o[1] + i.slice(o[0].length));
-	let s = i.match(hi);
+	let s = i.match(ia);
 	if (s) {
-		let e = s[1], a = ie(i.slice(e.length));
+		let e = s[1], a = le(i.slice(e.length));
 		if (a) {
-			let o = se(a.body);
-			Di(t, n, {
+			let o = me(a.body);
+			ga(t, n, {
 				id: e,
-				label: m(_i(e, o)),
-				shape: gi(o)
+				label: m(oa(e, o)),
+				shape: aa(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 na) {
 		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, {
+			ga(t, n, {
 				id: r,
 				label: e,
 				shape: s
@@ -3391,8 +3863,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(ra);
+		e && (r = e[1], t.nodes.has(r) || ga(t, n, {
 			id: r,
 			label: r,
 			shape: "rectangle"
@@ -3400,117 +3872,138 @@ 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(da);
 	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 ga(e, t, n) {
+	e.nodes.has(n.id) || e.nodes.set(n.id, n), _a(t, n.id);
 }
-function Oi(e, t) {
+function _a(e, t) {
 	if (e.length > 0) {
 		let n = e[e.length - 1];
 		n.nodeIds.includes(t) || n.nodeIds.push(t);
 	}
 }
-function ki(e) {
+function va(e) {
 	return e.startsWith("~") ? "invisible" : e.includes(".") ? "dotted" : e.startsWith("=") ? "thick" : "solid";
 }
-function Ai(e, t) {
+function ya(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 ba = {
 	type: "xychart",
-	parse: le,
-	layoutForSvg: Pr,
+	parse: ge,
+	layoutForSvg: Wr,
 	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 ni(e, t.colors, t.font, t.transparent, r, t.embedSource, t.title, t.decorative, t.emit);
 	}
-}, Mi = {
+}, xa = {
 	type: "sequence",
-	parse: ce,
-	layoutForSvg: xr,
+	parse: he,
+	layoutForSvg: jr,
 	renderSvg(e, t) {
-		return Sr(e, t.colors, t.font, t.transparent, t.fontSizes, t.embedSource, t.title, t.decorative, t.emit);
+		return Mr(e, t.colors, t.font, t.transparent, t.fontSizes, t.embedSource, t.title, t.decorative, t.emit);
 	}
 };
-function Ni(e) {
+function Sa(e) {
 	return (e.interactivity ?? "static") !== "none";
 }
-function Pi(e) {
+function Ca(e) {
 	return (e.interactivity ?? "static") === "full";
 }
-var Fi = {
-	xychart: ji,
-	er: {
-		type: "er",
-		parse: oe,
-		layoutForSvg(e, t) {
-			return lr(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);
-		}
+var wa = {
+	type: "class",
+	parse: fe,
+	layoutForSvg: $n,
+	renderSvg(e, t, n) {
+		return nr(e, t.colors, t.font, t.transparent, t.fontSizes, t.embedSource, t.title, t.decorative, Sa(n), t.emit);
+	}
+}, Ta = {
+	type: "er",
+	parse: pe,
+	layoutForSvg(e, t) {
+		return vr(ee(e, t.direction), t);
 	},
-	sequence: Mi,
-	class: {
-		type: "class",
-		parse: ae,
-		layoutForSvg: Gn,
-		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);
-		}
+	renderSvg(e, t) {
+		return yr(e, t.colors, t.font, t.transparent, t.fontSizes, t.embedSource, t.title, t.decorative, t.emit);
+	}
+}, Ea = {
+	type: "flowchart",
+	parse: (e, t) => Ki(t),
+	layoutForSvg(e, t) {
+		return {
+			graph: Ft(ee(e, t.direction), t),
+			curve: t.curve ?? e.initConfig?.curve ?? "linear"
+		};
+	},
+	renderSvg(e, t, n) {
+		return Lt(e.graph, t.colors, t.font, t.transparent, t.fontSizes, e.curve, t.embedSource, Ca(n), Sa(n), t.title, t.decorative, t.emit);
+	}
+}, Da = {
+	type: "c4",
+	parse: de,
+	layoutForSvg(e, t) {
+		return ji(e, t);
 	},
-	flowchart: {
-		type: "flowchart",
-		parse: (e, t) => ii(t),
+	renderSvg(e, t) {
+		return Mi(e, t.colors, t.font, t.transparent, t.fontSizes, t.embedSource, t.title, t.decorative, t.emit);
+	}
+}, Oa = {
+	xychart: ba,
+	er: Ta,
+	sequence: xa,
+	class: wa,
+	flowchart: Ea,
+	architecture: {
+		type: "architecture",
+		parse: ue,
 		layoutForSvg(e, t) {
 			return {
-				graph: Dt(ee(e, t.direction), t),
-				curve: t.curve ?? e.initConfig?.curve ?? "linear"
+				graph: Ft(ee(re(e), t.direction), t),
+				curve: t.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);
-		}
-	}
+		renderSvg: Ea.renderSvg
+	},
+	c4: Da
 };
 //#endregion
 //#region packages/svg-renderer/src/index.ts
-function Ii(e) {
+function ka(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 Aa(e = {}) {
+	return D(ka(e), e.transparent);
 }
-function Ri(e) {
+function ja(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 Ma(e, t = {}) {
+	let n = Na(e, t);
+	return t.resolveColors ? Jn(n, ka(t)) : n;
 }
-function Bi(e, t) {
-	let n = de(e), r = Ii(t), a = t.font ?? "Inter";
+function Na(e, t) {
+	let n = ve(e), i = ka(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 = ja(t), m = C(n), h = Oa[c], g = h.parse(m, n), _ = h.layoutForSvg(g, t), v = {
+		colors: i,
 		font: a,
 		transparent: o,
 		fontSizes: s,
@@ -3521,11 +4014,11 @@ function Bi(e, t) {
 	};
 	return h.renderSvg(_, v, t);
 }
-async function Vi(e, t = {}) {
-	return zi(e, t);
+async function Pa(e, t = {}) {
+	return Ma(e, t);
 }
-var Hi = zi, Ui = Vi;
+var Fa = Ma, Ia = Pa;
 //#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, U as CLS, Le as ELK_DIRECTION_FALLBACK, N as FONT_SIZES, F as FONT_WEIGHTS, Fe as GROUP_HEADER_CONTENT_PAD, He as INLINE_CENTERED_EDGE_LABEL, Ne as MONO_FONT, Pe as MONO_FONT_STACK, I as NODE_PADDING, L as STROKE_WIDTHS, R as TEXT_BASELINE_SHIFT, Be as baseElkLayoutOptions, kr as boxLabelHeight, B as buildElkEdge, Ue as buildElkEdgeLabel, Ve as buildElkLeafNode, Yn as classNoteId, it as clipEdgeToShape, It as convertToElkFormat, Oe as createLayoutCache, Re as directionToElk, je as elkLayoutSync, ze as elkPadding, Me as estimateMonoTextWidth, M as estimateTextWidth, Hn as evaluateCssColorValue, ht as extractEdgeLabelPosition, mt as extractEdgePoints, $r as formatTickLabels, $n as layoutClassDiagramSync, vr as layoutErDiagramSync, Ft as layoutGraphSync, jr as layoutSequenceDiagram, Wr as layoutXYChart, Qr as niceTickValues, we as pointsToPath, nr as renderClassSvg, yr as renderErSvg, Ia as renderMermaid, Ma as renderMermaidSVG, Pa as renderMermaidSVGAsync, Fa as renderMermaidSync, Mr as renderSequenceSvg, Lt as renderSvg, ni as renderXYChartSvg, Jn as resolveCssColors, P as resolveFontSizes, oi as smoothCurvePath, Aa as themeCssVariables, H as withDataSrc };
 
 //# sourceMappingURL=index.js.map