@zombie-mermaid/svg-renderer 2.2.6 → 3.1.0

package/dist/index.js

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