@zombie-mermaid/svg-renderer 4.2.0 → 4.2.2

package/dist/index.js

@@ -1,6 +1,6 @@
 import { DEFAULTS as e, buildStyleBlock as t, detectDiagramType as n, escapeAttr as r, escapeXml as i, f as a, formatCssColor as o, getReadableTextColor as s, isMonospaceFont as c, measureMultilineText as l, measureTextWidth as u, mixSrgb as d, parseCssColor as f, renderMultilineText as p, renderMultilineTextWithBackground as m, resolveNodeStyle as h, safeHref as g, sanitizeClassName as _, setMonospaceMetrics as v, splitStatements as y, styleOpenTag as b, svgOpenTag as x, themeStyleDeclarations as S, withDirectionOverride as C, withoutOwnClusterEdges as w } from "@zombie-mermaid/core";
 import T from "elkjs/lib/elk.bundled.js";
-import { CHART_ACCENT_FALLBACK as E, architectureToGraph as D, c4BoundaryTypeLine as O, c4RelLabelLines as k, c4TypeLine as A, formatClassMember as j, getSeriesColor as ee, parseArchitecture as M, parseC4Diagram as N, parseClassDiagram as P, parseErDiagram as te, parseMermaid as ne, parsePieChart as re, parseSequenceDiagram as ie, parseXYChart as ae } from "@zombie-mermaid/mermaid-parser";
+import { CHART_ACCENT_FALLBACK as E, architectureToGraph as D, c4BoundaryTypeLine as O, c4RelLabelLines as k, c4TypeLine as A, formatClassMember as ee, getSeriesColor as j, parseArchitecture as M, parseC4Diagram as N, parseClassDiagram as P, parseErDiagram as te, parseMermaid as ne, parsePieChart as re, parseSequenceDiagram as ie, parseXYChart as ae } from "@zombie-mermaid/mermaid-parser";
 import { decodeXML as oe } from "entities";
 //#region packages/svg-renderer/src/edge-curves.ts
 function se(e) {
@@ -846,8 +846,42 @@ function _t(e, t, n, r) {
 	}
 }
 //#endregion
+//#region packages/svg-renderer/src/layout-engine/jog-straightening.ts
+var vt = 1.5, yt = .01;
+function bt(e) {
+	let t = e.map((e) => ({ ...e })), n = 0;
+	for (; n + 3 < t.length;) {
+		let [e, r, i, a] = [
+			t[n],
+			t[n + 1],
+			t[n + 2],
+			t[n + 3]
+		], o = Math.abs(e.x - r.x) < yt && Math.abs(i.x - a.x) < yt && Math.abs(r.y - i.y) < yt && Math.abs(r.x - i.x) <= vt && Math.abs(r.x - i.x) >= yt, s = Math.abs(e.y - r.y) < yt && Math.abs(i.y - a.y) < yt && Math.abs(r.x - i.x) < yt && Math.abs(r.y - i.y) <= vt && Math.abs(r.y - i.y) >= yt;
+		if (o) {
+			let r = (e.x + a.x) / 2;
+			t.splice(n, 4, {
+				x: r,
+				y: e.y
+			}, {
+				x: r,
+				y: a.y
+			});
+		} else if (s) {
+			let r = (e.y + a.y) / 2;
+			t.splice(n, 4, {
+				x: e.x,
+				y: r
+			}, {
+				x: a.x,
+				y: r
+			});
+		} else n++;
+	}
+	return t;
+}
+//#endregion
 //#region packages/svg-renderer/src/layout-engine/elk-adapter-utils.ts
-function vt(e, t = 0, n = 0) {
+function xt(e, t = 0, n = 0) {
 	let r = [];
 	if (!e.sections || e.sections.length === 0) return r;
 	let i = e.sections[0];
@@ -863,7 +897,7 @@ function vt(e, t = 0, n = 0) {
 		y: i.endPoint.y + n
 	}), r;
 }
-function yt(e, t = 0, n = 0) {
+function St(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 {
@@ -873,11 +907,11 @@ function yt(e, t = 0, n = 0) {
 }
 //#endregion
 //#region packages/svg-renderer/src/layout-engine/from-elk.ts
-var bt = 16, xt = 28, St = 18, Ct = 28, wt = 10;
-function Tt(e, t) {
-	let n = e.x + e.width, r = e.y + e.height / 2, i = Math.min(Ct, e.height * .6) / 2, a = xt + t * St, o = [];
-	for (let e = 0; e <= bt; e++) {
-		let t = Math.PI * e / bt;
+var Ct = 16, wt = 28, Tt = 18, Et = 28, Dt = 10;
+function Ot(e, t) {
+	let n = e.x + e.width, r = e.y + e.height / 2, i = Math.min(Et, e.height * .6) / 2, a = wt + t * Tt, o = [];
+	for (let e = 0; e <= Ct; e++) {
+		let t = Math.PI * e / Ct;
 		o.push({
 			x: n + a * Math.sin(t),
 			y: r - i * Math.cos(t)
@@ -886,12 +920,12 @@ function Tt(e, t) {
 	return {
 		points: o,
 		labelPosition: {
-			x: n + a + wt,
+			x: n + a + Dt,
 			y: r
 		}
 	};
 }
-function Et(e, t, n) {
+function kt(e, t, n) {
 	let r = /* @__PURE__ */ new Map();
 	for (let i = 0; i < e.edges.length; i++) {
 		let a = e.edges[i];
@@ -900,7 +934,7 @@ function Et(e, t, n) {
 		if (!o) continue;
 		let s = r.get(o.id) ?? 0;
 		r.set(o.id, s + 1);
-		let { points: c, labelPosition: l } = Tt(o, s);
+		let { points: c, labelPosition: l } = Ot(o, s);
 		n.push({
 			source: a.source,
 			target: a.target,
@@ -910,34 +944,35 @@ function Et(e, t, n) {
 			hasArrowEnd: a.hasArrowEnd,
 			points: c,
 			labelPosition: a.label ? l : void 0,
-			inlineStyle: Rt(i, e),
+			inlineStyle: Vt(i, e),
 			id: a.id,
 			animate: a.animate
 		});
 	}
 }
-function Dt(e) {
+function At(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(...Dt(n.children));
+	}), t.push(...At(n.children));
 	return t;
 }
-function Ot(e, t, n = !1) {
+function jt(e, t, n = !1) {
 	let r = [], i = [], a = [], o = /* @__PURE__ */ new Set();
-	for (let e of t.subgraphs) Lt(e, o);
-	kt(e, t, o, r, a, 0, 0);
-	let s = Dt(a);
-	Mt(e, t, i, 0, 0, s.length > 0 ? {
+	for (let e of t.subgraphs) Bt(e, o);
+	Mt(e, t, o, r, a, 0, 0);
+	let s = At(a);
+	Ft(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), ut(r, i, t.direction);
 	let c = new Map(r.map((e) => [e.id, e]));
-	Et(t, c, i), n && _t(i, r, a, t.direction);
+	kt(t, c, i), n && _t(i, r, a, t.direction);
 	for (let e of i) {
+		e.points = bt(e.points);
 		let t = c.get(e.source), n = c.get(e.target);
 		t && (e.points = ot(e.points, t, !0)), n && (e.points = ot(e.points, n, !1));
 	}
@@ -954,13 +989,13 @@ function Ot(e, t, n = !1) {
 		groups: a
 	};
 }
-function kt(e, t, n, r, i, a, o) {
+function Mt(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 = [];
-			kt(s, t, n, r, a, e, c);
-			let o = It(t.subgraphs, s.id);
+			Mt(s, t, n, r, a, e, c);
+			let o = zt(t.subgraphs, s.id);
 			i.push({
 				id: s.id,
 				label: o?.label ?? "",
@@ -987,11 +1022,11 @@ function kt(e, t, n, r, i, a, o) {
 					interaction: t.interactions.get(s.id)
 				});
 			}
-			s.children && s.children.length > 0 && kt(s, t, n, r, i, e, c);
+			s.children && s.children.length > 0 && Mt(s, t, n, r, i, e, c);
 		}
 	}
 }
-function At(e) {
+function Nt(e) {
 	let t = /^e(\d+)$/.exec(e);
 	if (t) return {
 		edgeIndex: parseInt(t[1], 10),
@@ -1004,7 +1039,7 @@ function At(e) {
 		level: parseInt(n[3], 10)
 	};
 }
-function jt(e) {
+function Pt(e) {
 	if (e.length === 0) return {
 		x: 0,
 		y: 0
@@ -1029,11 +1064,11 @@ function jt(e) {
 	}
 	return e[e.length - 1];
 }
-function Mt(e, t, n, r, i, a) {
+function Ft(e, t, n, r, i, a) {
 	let o = /* @__PURE__ */ new Map();
-	Nt(e, o, 0, 0);
+	It(e, o, 0, 0);
 	let s = /* @__PURE__ */ new Map();
-	Ft(e, s, 0, 0, o);
+	Rt(e, s, 0, 0, o);
 	let c = 0;
 	for (let [e, r] of s) {
 		let i = t.edges[e];
@@ -1046,9 +1081,9 @@ function Mt(e, t, n, r, i, a) {
 		let u = [...r.targetHops.keys()].sort((e, t) => e - t);
 		for (let e of u) s(r.targetHops.get(e));
 		let d;
-		i.label && o.length >= 2 && (d = r.bridge?.labelPosition ?? jt(o));
-		let f = Pt(o, a, c);
-		f !== o && c++, i.label && f !== o && f.length >= 2 && (d = jt(f)), n.push({
+		i.label && o.length >= 2 && (d = r.bridge?.labelPosition ?? Pt(o));
+		let f = Lt(o, a, c);
+		f !== o && c++, i.label && f !== o && f.length >= 2 && (d = Pt(f)), n.push({
 			source: i.source,
 			target: i.target,
 			label: i.label,
@@ -1057,13 +1092,13 @@ function Mt(e, t, n, r, i, a) {
 			hasArrowEnd: i.hasArrowEnd,
 			points: We(t).has(e) ? [...f].reverse() : f,
 			labelPosition: d,
-			inlineStyle: Rt(e, t),
+			inlineStyle: Vt(e, t),
 			id: i.id,
 			animate: i.animate
 		});
 	}
 }
-function Nt(e, t, n, r) {
+function It(e, t, n, r) {
 	t.set(e.id, {
 		x: n,
 		y: r
@@ -1071,10 +1106,10 @@ function Nt(e, t, n, r) {
 	for (let i of e.children ?? []) {
 		/* v8 ignore next */
 		let e = i.x ?? 0, a = i.y ?? 0;
-		Nt(i, t, n + e, r + a);
+		It(i, t, n + e, r + a);
 	}
 }
-function Pt(e, t, n = 0) {
+function Lt(e, t, n = 0) {
 	if (e.length < 2) return e;
 	let r = !1;
 	for (let t = 1; t < e.length; t++) {
@@ -1113,11 +1148,11 @@ function Pt(e, t, n = 0) {
 	}
 	return i;
 }
-function Ft(e, t, n, r, i) {
+function Rt(e, t, n, r, i) {
 	if (e.edges) for (let a of e.edges) {
-		let e = At(a.id);
+		let e = Nt(a.id);
 		if (!e) continue;
-		let { edgeIndex: o } = e, s = a.container, c = s ? i.get(s) : void 0, l = c?.x ?? n, u = c?.y ?? r, d = vt(a, l, u), f = yt(a, l, u), p = t.get(o) ?? {
+		let { edgeIndex: o } = e, s = a.container, c = s ? i.get(s) : void 0, l = c?.x ?? n, u = c?.y ?? r, d = xt(a, l, u), f = St(a, l, u), p = t.get(o) ?? {
 			sourceHops: /* @__PURE__ */ new Map(),
 			targetHops: /* @__PURE__ */ new Map()
 		};
@@ -1129,20 +1164,20 @@ function Ft(e, t, n, r, i) {
 		};
 		e.role === "bridge" ? p.bridge = m : e.role === "source" ? p.sourceHops.set(e.level, m) : p.targetHops.set(e.level, m);
 	}
-	if (e.children) for (let a of e.children) Ft(a, t, n + (a.x ?? 0), r + (a.y ?? 0), i);
+	if (e.children) for (let a of e.children) Rt(a, t, n + (a.x ?? 0), r + (a.y ?? 0), i);
 }
-function It(e, t) {
+function zt(e, t) {
 	for (let n of e) {
 		if (n.id === t) return n;
-		let e = It(n.children, t);
+		let e = zt(n.children, t);
 		if (e) return e;
 	}
 }
-function Lt(e, t) {
+function Bt(e, t) {
 	t.add(e.id);
-	for (let n of e.children) Lt(n, t);
+	for (let n of e.children) Bt(n, t);
 }
-function Rt(e, t) {
+function Vt(e, t) {
 	let n, r = t.linkStyles.get("default");
 	r && (n = { ...r });
 	let i = t.linkStyles.get(e);
@@ -1153,12 +1188,12 @@ function Rt(e, t) {
 }
 //#endregion
 //#region packages/svg-renderer/src/layout-engine/inner-edges.ts
-var zt = 10, Bt = 14, Vt = 14, Ht = 10, Ut = 24, Wt = 400, Gt = /* @__PURE__ */ new Set([
+var Ht = 10, Ut = 14, Wt = 14, Gt = 10, Kt = 24, qt = 400, Jt = /* @__PURE__ */ new Set([
 	"rectangle",
 	"rounded",
 	"subroutine"
 ]);
-function Kt(e) {
+function Yt(e) {
 	let t = e === "TD" || e === "TB" || e === "BT", n = e === "BT" || e === "RL" ? -1 : 1;
 	return {
 		span: (e) => {
@@ -1179,17 +1214,17 @@ function Kt(e) {
 		}
 	};
 }
-function qt(e, t, n) {
+function Xt(e, t, n) {
 	let r = Math.min(e.a, t.a), i = Math.max(e.a, t.a), a = Math.min(e.c, t.c), o = Math.max(e.c, t.c);
 	return i > n.a0 && r < n.a1 && o > n.c0 && a < n.c1;
 }
-var Jt = (e, t) => ({
+var Zt = (e, t) => ({
 	a0: e.a0 - t,
 	a1: e.a1 + t,
 	c0: e.c0 - t,
 	c1: e.c1 + t
 });
-function Yt(e, t) {
+function Qt(e, t) {
 	let n = e.span({
 		x: t.x,
 		y: t.y,
@@ -1201,23 +1236,23 @@ function Yt(e, t) {
 		c: n.c0
 	};
 }
-function Xt(e, t, n) {
+function $t(e, t, n) {
 	let r = e.c === t.c;
 	for (let i = 1; i < n.length; i++) {
 		let a = n[i - 1], o = n[i];
 		if (a.c === o.c === r) {
 			if (r) {
 				let n = Math.abs(e.c - a.c), r = Math.min(Math.max(e.a, t.a), Math.max(a.a, o.a)) - Math.max(Math.min(e.a, t.a), Math.min(a.a, o.a));
-				if (n < Bt && r > 0) return !0;
+				if (n < Ut && r > 0) return !0;
 			} else {
 				let n = Math.abs(e.a - a.a), r = Math.min(Math.max(e.c, t.c), Math.max(a.c, o.c)) - Math.max(Math.min(e.c, t.c), Math.min(a.c, o.c));
-				if (n < Bt && r > 0) return !0;
+				if (n < Ut && r > 0) return !0;
 			}
 		}
 	}
 	return !1;
 }
-function Zt(e) {
+function en(e) {
 	let t = [];
 	for (let n of e) {
 		let e = t[t.length - 1];
@@ -1229,24 +1264,24 @@ function Zt(e) {
 	}
 	return t;
 }
-var Qt = (e) => {
+var tn = (e) => {
 	let t = 0;
 	for (let n = 1; n < e.length; n++) t += Math.abs(e[n].a - e[n - 1].a) + Math.abs(e[n].c - e[n - 1].c);
 	return t;
 };
-function $t(e, t, n, r, i, a = []) {
-	let o = Kt(i), s = o.span(e), c = o.span(t), l = s.a1 <= c.a0, u = c.a1 <= s.a0;
+function nn(e, t, n, r, i, a = []) {
+	let o = Yt(i), s = o.span(e), c = o.span(t), l = s.a1 <= c.a0, u = c.a1 <= s.a0;
 	if (!l && !u) return;
 	let d = o.span(r), f = {
-		a0: d.a0 + Ht,
-		a1: d.a1 - Ht,
-		c0: d.c0 + Ht,
-		c1: d.c1 - Ht
-	}, p = a.map((e) => e.map((e) => Yt(o, e))), m = n.map((e) => Jt(o.span(e), zt)), h = (e) => (e.c0 + e.c1) / 2, g = (e) => (e.a0 + e.a1) / 2, _ = (e) => Gt.has(e.shape), v = (e) => {
+		a0: d.a0 + Gt,
+		a1: d.a1 - Gt,
+		c0: d.c0 + Gt,
+		c1: d.c1 - Gt
+	}, p = a.map((e) => e.map((e) => Qt(o, e))), m = n.map((e) => Zt(o.span(e), Ht)), h = (e) => (e.c0 + e.c1) / 2, g = (e) => (e.a0 + e.a1) / 2, _ = (e) => Jt.has(e.shape), v = (e) => {
 		for (let t of e) if (t.a < f.a0 || t.a > f.a1 || t.c < f.c0 || t.c > f.c1) return !1;
 		for (let t = 1; t < e.length; t++) {
 			let n = e[t - 1], r = e[t];
-			if (n.a !== r.a && n.c !== r.c || m.some((e) => qt(n, r, e)) || qt(n, r, s) || qt(n, r, c) || p.some((e) => Xt(n, r, e))) return !1;
+			if (n.a !== r.a && n.c !== r.c || m.some((e) => Xt(n, r, e)) || Xt(n, r, s) || Xt(n, r, c) || p.some((e) => $t(n, r, e))) return !1;
 		}
 		return !0;
 	}, y = /* @__PURE__ */ new Set([
@@ -1256,10 +1291,10 @@ function $t(e, t, n, r, i, a = []) {
 		f.c1
 	]);
 	for (let e of m) y.add(e.c0 - 1), y.add(e.c1 + 1);
-	for (let e of [s, c]) y.add(e.c0 - zt), y.add(e.c1 + zt);
+	for (let e of [s, c]) y.add(e.c0 - Ht), y.add(e.c1 + Ht);
 	let b = (e, t, n) => _(e) ? n >= t.c0 + 4 && n <= t.c1 - 4 : Math.abs(n - h(t)) < .5, x = [];
 	if (l) {
-		let n = (c.a0 - s.a1) / 2, r = s.a1 + Math.min(Vt, n), i = c.a0 - Math.min(Vt, n);
+		let n = (c.a0 - s.a1) / 2, r = s.a1 + Math.min(Wt, n), i = c.a0 - Math.min(Wt, n);
 		for (let n of y) {
 			b(e, s, n) && b(t, c, n) && x.push([{
 				a: s.a1,
@@ -1398,14 +1433,14 @@ function $t(e, t, n, r, i, a = []) {
 	}
 	let S, C = Infinity;
 	for (let t of x) {
-		let n = Zt(t);
+		let n = en(t);
 		if (n.length < 2 || !v(n)) continue;
-		let r = e.shape === "diamond" && n[0].a === s.a1 ? Wt : 0, i = Qt(n) + Ut * (n.length - 2) + r;
+		let r = e.shape === "diamond" && n[0].a === s.a1 ? qt : 0, i = tn(n) + Kt * (n.length - 2) + r;
 		i < C && (S = n, C = i);
 	}
 	return S?.map(o.toPoint);
 }
-function en(e) {
+function rn(e) {
 	let t = {
 		x: e[0].x,
 		y: e[0].y
@@ -1421,24 +1456,24 @@ function en(e) {
 }
 //#endregion
 //#region packages/svg-renderer/src/layout-engine/compound-flat.ts
-var tn = "__zm_spine__", nn = 8, rn = 6, an = 12, on = 4, sn = 4, cn = .25, ln = .02, un = 40, dn = (e) => e === "TD" || e === "TB" || e === "BT", fn = (e) => e.startsWith(tn);
-function pn(e) {
-	return e.flatMap((e) => [e, ...pn(e.children)]);
+var an = "__zm_spine__", on = 8, sn = 6, cn = 12, ln = 4, un = 4, dn = .25, fn = .02, pn = 40, mn = (e) => e === "TD" || e === "TB" || e === "BT", hn = (e) => e.startsWith(an);
+function gn(e) {
+	return e.flatMap((e) => [e, ...gn(e.children)]);
 }
 function V(e) {
 	let t = new Set(e.nodeIds);
 	for (let n of e.children) for (let e of V(n)) t.add(e);
 	return t;
 }
-function mn(e) {
+function _n(e) {
 	if (e.subgraphs.length === 0 || Ve(e) || Ze(e.subgraphs)) return !1;
-	for (let t of e.nodes.keys()) if (fn(t)) return !1;
+	for (let t of e.nodes.keys()) if (hn(t)) return !1;
 	for (let t of e.edges) if (!e.nodes.has(t.source) || !e.nodes.has(t.target)) return !1;
-	let t = pn(e.subgraphs);
+	let t = gn(e.subgraphs);
 	return !t.some((t) => e.nodes.has(t.id)) && t.every((t) => [...V(t)].some((t) => e.nodes.has(t)));
 }
-function hn(e, t) {
-	let n = dn(t), r = (e) => n ? [e.y, e.y + e.height] : [e.x, e.x + e.width], i = [...e].sort((e, t) => {
+function vn(e, t) {
+	let n = mn(t), r = (e) => n ? [e.y, e.y + e.height] : [e.x, e.x + e.width], i = [...e].sort((e, t) => {
 		let [n, i] = r(e), [a, o] = r(t);
 		return (n + i) / 2 - (a + o) / 2;
 	}), a = [];
@@ -1453,7 +1488,7 @@ function hn(e, t) {
 	let o = /* @__PURE__ */ new Map();
 	return a.forEach((e, t) => e.ids.forEach((e) => o.set(e, t))), o;
 }
-function gn(e, t, n) {
+function yn(e, t, n) {
 	let r = {
 		ghosts: [],
 		edges: []
@@ -1466,7 +1501,7 @@ function gn(e, t, n) {
 			let o = e.filter((e) => t.get(e) === a).sort((e, t) => n(e) - n(t));
 			if (o.length > 0) c.set(a, o[0]);
 			else {
-				let e = `${tn}${i.id}__${a}`;
+				let e = `${an}${i.id}__${a}`;
 				r.ghosts.push({
 					id: e,
 					subgraph: i.id
@@ -1475,7 +1510,7 @@ function gn(e, t, n) {
 		}
 		for (let e = o; e < s; e++) {
 			let t = c.get(e), n = c.get(e + 1);
-			!fn(t) && !fn(n) || r.edges.push({
+			!hn(t) && !hn(n) || r.edges.push({
 				source: t,
 				target: n,
 				style: "invisible",
@@ -1486,7 +1521,7 @@ function gn(e, t, n) {
 	}
 	return r;
 }
-function _n(e, t, n, r = () => !1) {
+function bn(e, t, n, r = () => !1) {
 	let i = (e) => {
 		let n = [...V(e)].filter((e) => t.has(e)).map((e) => t.get(e));
 		return n.length > 0 ? [Math.min(...n), Math.max(...n)] : void 0;
@@ -1508,9 +1543,9 @@ function _n(e, t, n, r = () => !1) {
 			for (let r of V(e)) n.has(r) && n.set(r, n.get(r) + s[t]);
 		});
 	}
-	for (let i of e) _n(i.children, t, n, r);
+	for (let i of e) bn(i.children, t, n, r);
 }
-function vn(e, t, n, r, i) {
+function xn(e, t, n, r, i) {
 	let a = new Map(t);
 	for (let t of r) {
 		let r = V(t);
@@ -1519,7 +1554,7 @@ function vn(e, t, n, r, i) {
 		if (s.length === 0) continue;
 		let c = Math.min(...s.map((e) => n.get(e))), l = Math.max(...s.map((e) => n.get(e))), u = o.map((e) => a.get(e)), d = Math.min(...u), f = Math.max(...u), p = (d + f) / 2, m = 0;
 		for (let t of e) {
-			if (r.has(t) || fn(t)) continue;
+			if (r.has(t) || hn(t)) continue;
 			let e = n.get(t);
 			if (e === void 0 || e < c || e > l) continue;
 			m++;
@@ -1530,8 +1565,8 @@ function vn(e, t, n, r, i) {
 	let o = new Map(e.map((e, t) => [e, t]));
 	return [...e].sort((e, t) => a.get(e) - a.get(t) || o.get(e) - o.get(t));
 }
-var yn = (e, t) => t >= Math.min(...e) && t <= Math.max(...e);
-function bn(e, t, n) {
+var Sn = (e, t) => t >= Math.min(...e) && t <= Math.max(...e);
+function Cn(e, t, n) {
 	let r = (e) => {
 		let i = e.children.map(r), a = [...[...V(e)].flatMap((e) => {
 			let n = t.get(e);
@@ -1549,14 +1584,14 @@ function bn(e, t, n) {
 	};
 	return e.map(r);
 }
-var xn = (e) => e.flatMap((e) => [e, ...xn(e.children)]);
-function Sn(e, t, n, r, i, a) {
-	let o = dn(r), s = new Map(pn(t).map((e) => [e.id, V(e)])), c = /* @__PURE__ */ new Map(), l = !1, u = [], d = (e) => o ? [e.x, e.x + e.width] : [e.y, e.y + e.height], f = (e) => o ? [e.y, e.y + e.height] : [e.x, e.x + e.width], p = ([e, t], [n, r]) => Math.max(0, Math.min(t, r) - Math.max(e, n)), m = (e) => ({
-		x: e.x - un,
-		y: e.y - un,
+var wn = (e) => e.flatMap((e) => [e, ...wn(e.children)]);
+function Tn(e, t, n, r, i, a) {
+	let o = mn(r), s = new Map(gn(t).map((e) => [e.id, V(e)])), c = /* @__PURE__ */ new Map(), l = !1, u = [], d = (e) => o ? [e.x, e.x + e.width] : [e.y, e.y + e.height], f = (e) => o ? [e.y, e.y + e.height] : [e.x, e.x + e.width], p = ([e, t], [n, r]) => Math.max(0, Math.min(t, r) - Math.max(e, n)), m = (e) => ({
+		x: e.x - pn,
+		y: e.y - pn,
 		width: e.width + 80,
 		height: e.height + 80
-	}), h = (e, t) => p(f(e), f(t)) > 0 ? p(d(e), d(t)) : 0, g = xn(e), _ = new Map(g.map((e) => [e, m(e)])), v = (e, t, n, r) => {
+	}), h = (e, t) => p(f(e), f(t)) > 0 ? p(d(e), d(t)) : 0, g = wn(e), _ = new Map(g.map((e) => [e, m(e)])), v = (e, t, n, r) => {
 		let i = p(d(e), d(t)), a = p(f(e), f(t));
 		if (i <= 0 || a <= 0) return;
 		let s = i <= a, c = s === o, l = (e) => c ? e.x : e.y, m = (e) => c ? e.x + e.width : e.y + e.height, h = (e) => (l(e) + m(e)) / 2, g = h(n) <= h(r) ? n : r;
@@ -1570,7 +1605,7 @@ function Sn(e, t, n, r, i, a) {
 		let t = s.get(e.id), r = [...t].filter((e) => a.has(e)).map((e) => a.get(e)), o = new Set(r);
 		for (let [s, u] of n) {
 			if (t.has(s)) continue;
-			if (o.has(a.get(s)) || !yn(r, a.get(s))) {
+			if (o.has(a.get(s)) || !Sn(r, a.get(s))) {
 				v(_.get(e), u, e, u);
 				continue;
 			}
@@ -1578,7 +1613,7 @@ function Sn(e, t, n, r, i, a) {
 			n <= 0 || (i.has(e.id) ? c.set(e.id, Math.max(c.get(e.id) ?? 0, n)) : l = !0);
 		}
 	}
-	let y = (e, t) => xn(e.children).includes(t);
+	let y = (e, t) => wn(e.children).includes(t);
 	for (let e = 0; e < g.length; e++) for (let t = e + 1; t < g.length; t++) {
 		let n = g[e], r = g[t];
 		y(n, r) || y(r, n) || v(_.get(n), r, n, r);
@@ -1589,17 +1624,17 @@ function Sn(e, t, n, r, i, a) {
 		requests: u
 	};
 }
-function Cn(e, t, n) {
+function En(e, t, n) {
 	let r = [...e.nodes.keys()], i = {
 		...e,
 		subgraphs: []
-	}, a = t(i), o = hn(a.nodes, e.direction), s = dn(e.direction), c = new Map(a.nodes.map((e) => [e.id, e])), l = (e) => {
+	}, a = t(i), o = vn(a.nodes, e.direction), s = mn(e.direction), c = new Map(a.nodes.map((e) => [e.id, e])), l = (e) => {
 		let t = c.get(e);
 		return s ? t.x : t.y;
-	}, u = pn(e.subgraphs), d = gn(u, o, l), f = /* @__PURE__ */ new Map();
+	}, u = gn(e.subgraphs), d = yn(u, o, l), f = /* @__PURE__ */ new Map();
 	for (let e of d.ghosts) f.set(e.subgraph, [...f.get(e.subgraph) ?? [], e.id]);
 	let p = new Map(a.nodes.map((e) => [e.id, l(e.id)]));
-	_n(e.subgraphs, o, p, (t, n) => {
+	bn(e.subgraphs, o, p, (t, n) => {
 		let r = V(t), i = V(n), a = (t, n) => e.edges.some((e) => t.has(e.source) && n.has(e.target));
 		return a(r, i) && a(i, r);
 	});
@@ -1613,42 +1648,42 @@ function Cn(e, t, n) {
 		label: " ",
 		shape: "rectangle"
 	});
-	let h = vn([...m.keys()], p, o, u, f), g = {
+	let h = xn([...m.keys()], p, o, u, f), g = {
 		...i,
 		nodes: new Map(h.map((e) => [e, m.get(e)])),
 		edges: [...e.edges, ...d.edges]
 	}, _ = new Set(d.edges.map((t, n) => e.edges.length + n)), v = (i) => {
 		let a = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map();
 		for (let c = 0;; c++) {
-			let l = new Map(d.ghosts.map((e) => [e.id, nn + (a.get(e.subgraph) ?? 0)])), p = t(g, {
+			let l = new Map(d.ghosts.map((e) => [e.id, on + (a.get(e.subgraph) ?? 0)])), p = t(g, {
 				fixedWidths: l,
 				looseEdges: _,
 				detachedEdges: i,
 				walkOrder: r,
 				forceNodeOrder: !0
-			}), m = new Map(p.nodes.filter((e) => !fn(e.id)).map((e) => [e.id, e])), h = bn(e.subgraphs, m, n), v = Sn(h, e.subgraphs, m, e.direction, new Set(f.keys()), o), { penetration: y, stuck: b } = v;
+			}), m = new Map(p.nodes.filter((e) => !hn(e.id)).map((e) => [e.id, e])), h = Cn(e.subgraphs, m, n), v = Tn(h, e.subgraphs, m, e.direction, new Set(f.keys()), o), { penetration: y, stuck: b } = v;
 			if (b) return;
 			if (y.size === 0) {
 				for (let t = 0; v.requests.length > 0; t++) {
-					if (t === an) return;
-					En(v.requests.reduce((e, t) => t.amount > e.amount ? t : e), [...m.values()], p.edges), h = bn(e.subgraphs, m, n), v = Sn(h, e.subgraphs, m, e.direction, new Set(f.keys()), o);
+					if (t === cn) return;
+					kn(v.requests.reduce((e, t) => t.amount > e.amount ? t : e), [...m.values()], p.edges), h = Cn(e.subgraphs, m, n), v = Tn(h, e.subgraphs, m, e.direction, new Set(f.keys()), o);
 				}
-				let t = Tn(e, i, m, h, u);
-				return t && Dn(p, [...m.values()], h, t);
+				let t = On(e, i, m, h, u);
+				return t && An(p, [...m.values()], h, t);
 			}
-			if (c === rn) return;
+			if (c === sn) return;
 			for (let [e, t] of y) {
-				let n = a.get(e) ?? 0, r = s.get(e), i = r ? (r.overlap - t) / (n - r.width) : 0, o = i > ln ? i : cn;
+				let n = a.get(e) ?? 0, r = s.get(e), i = r ? (r.overlap - t) / (n - r.width) : 0, o = i > fn ? i : dn;
 				s.set(e, {
 					width: n,
 					overlap: t
-				}), a.set(e, n + t / o + sn);
+				}), a.set(e, n + t / o + un);
 			}
 		}
-	}, y = wn(e, d, o, u);
+	}, y = Dn(e, d, o, u);
 	return (y.size > 0 ? v(y) : void 0) ?? v(/* @__PURE__ */ new Set());
 }
-function wn(e, t, n, r) {
+function Dn(e, t, n, r) {
 	let i = r.map((e) => {
 		let t = V(e);
 		return {
@@ -1674,15 +1709,15 @@ function wn(e, t, n, r) {
 	}
 	return o;
 }
-function Tn(e, t, n, r, i) {
-	let a = new Map(xn(r).map((e) => [e.id, e])), o = [];
+function On(e, t, n, r, i) {
+	let a = new Map(wn(r).map((e) => [e.id, e])), o = [];
 	for (let r of t) {
 		let t = e.edges[r], s = n.get(t.source), c = n.get(t.target), l = i.filter((e) => {
 			let n = V(e);
 			return n.has(t.source) && n.has(t.target);
 		}).sort((e, t) => V(e).size - V(t).size)[0], u = l && a.get(l.id);
 		if (!s || !c || !u) return;
-		let d = $t(s, c, [...n.values()].filter((e) => e !== s && e !== c), u, e.direction, o.map((e) => e.points));
+		let d = nn(s, c, [...n.values()].filter((e) => e !== s && e !== c), u, e.direction, o.map((e) => e.points));
 		if (!d) return;
 		o.push({
 			source: t.source,
@@ -1692,24 +1727,24 @@ function Tn(e, t, n, r, i) {
 			hasArrowStart: t.hasArrowStart,
 			hasArrowEnd: t.hasArrowEnd,
 			points: d,
-			labelPosition: t.label ? en(d) : void 0,
-			inlineStyle: Rt(r, e),
+			labelPosition: t.label ? rn(d) : void 0,
+			inlineStyle: Vt(r, e),
 			id: t.id,
 			animate: t.animate
 		});
 	}
 	return o;
 }
-function En(e, t, n) {
-	let { axis: r, amount: i, after: a } = e, o = i + on, s = t.filter((e) => e[r] >= a), c = Math.min(...s.map((e) => e[r]));
+function kn(e, t, n) {
+	let { axis: r, amount: i, after: a } = e, o = i + ln, s = t.filter((e) => e[r] >= a), c = Math.min(...s.map((e) => e[r]));
 	for (let e of s) e[r] += o;
 	let l = (e) => {
 		e[r] >= c && (e[r] += o);
 	};
 	for (let e of n) e.points.forEach(l), e.labelPosition && l(e.labelPosition);
 }
-function Dn(e, t, n, r) {
-	let i = [...e.edges.filter((e) => !fn(e.source) && !fn(e.target)), ...r], a = xn(n), o = [
+function An(e, t, n, r) {
+	let i = [...e.edges.filter((e) => !hn(e.source) && !hn(e.target)), ...r], a = wn(n), o = [
 		...t.map((e) => e.x),
 		...a.map((e) => e.x),
 		...i.flatMap((e) => e.points.map((e) => e.x))
@@ -1742,26 +1777,26 @@ function Dn(e, t, n, r) {
 }
 //#endregion
 //#region packages/svg-renderer/src/layout-engine.ts
-function On(e, t = {}) {
-	return kn(e, t);
+function jn(e, t = {}) {
+	return Mn(e, t);
 }
-function kn(e, t, n) {
+function Mn(e, t, n) {
 	let r = {
 		...B,
 		...t,
 		fontSizes: Te(t.fontSizes)
 	};
-	return Ot(ye(nt(e, r, n), t.layoutCache), e, r.mergeEdges);
+	return jt(ye(nt(e, r, n), t.layoutCache), e, r.mergeEdges);
 }
-function An(e, t = {}) {
+function Nn(e, t = {}) {
 	let n = w(e);
-	if (mn(n)) {
-		let e = Cn(n, (e, n) => kn(e, t, n), Te(t.fontSizes));
+	if (_n(n)) {
+		let e = En(n, (e, n) => Mn(e, t, n), Te(t.fontSizes));
 		if (e) return e;
 	}
-	return On(n, t);
+	return jn(n, t);
 }
-function jn(e, t = {}) {
+function Pn(e, t = {}) {
 	return nt(e, {
 		...B,
 		...t,
@@ -1770,23 +1805,23 @@ function jn(e, t = {}) {
 }
 //#endregion
 //#region packages/svg-renderer/src/title-gaps.ts
-var Mn = 12, Nn = 2;
-function Pn(e) {
-	return e.flatMap((e) => [e, ...Pn(e.children)]);
+var Fn = 12, In = 2;
+function Ln(e) {
+	return e.flatMap((e) => [e, ...Ln(e.children)]);
 }
-function Fn(e, t) {
+function Rn(e, t) {
 	let n = t.groupHeader + 16;
-	return Pn(e).filter((e) => e.label !== "").map((e) => {
+	return Ln(e).filter((e) => e.label !== "").map((e) => {
 		let r = l(e.label, t.groupHeader, L.groupHeader);
 		return {
-			x: e.x + Mn - Nn,
-			y: e.y + n / 2 - r.height / 2 - Nn,
+			x: e.x + Fn - In,
+			y: e.y + n / 2 - r.height / 2 - In,
 			width: r.width + 4,
 			height: r.height + 4
 		};
 	});
 }
-function In(e, t, n) {
+function zn(e, t, n) {
 	let r = t.x - e.x, i = t.y - e.y, a = [
 		-r,
 		r,
@@ -1809,26 +1844,26 @@ function In(e, t, n) {
 	}
 	return !0;
 }
-function Ln(e) {
+function Bn(e) {
 	return {
-		x: e.x + Nn,
-		y: e.y + Nn,
+		x: e.x + In,
+		y: e.y + In,
 		width: e.width - 4,
 		height: e.height - 4
 	};
 }
-function Rn(e, t) {
-	let n = e.points, r = t.map(Ln);
-	for (let e = 0; e + 1 < n.length; e++) if (r.some((t) => In(n[e], n[e + 1], t))) return !0;
+function Vn(e, t) {
+	let n = e.points, r = t.map(Bn);
+	for (let e = 0; e + 1 < n.length; e++) if (r.some((t) => zn(n[e], n[e + 1], t))) return !0;
 	return !1;
 }
-function zn(e) {
+function Hn(e) {
 	let t = 2166136261;
 	for (let n of e.map((e) => `${e.x},${e.y},${e.width},${e.height}`).join(";")) t = Math.imul(t ^ n.charCodeAt(0), 16777619);
 	return (t >>> 0).toString(36);
 }
-function Bn(e, t, n) {
-	let r = `zm-title-gap-${zn(e)}`;
+function Un(e, t, n) {
+	let r = `zm-title-gap-${Hn(e)}`;
 	return {
 		id: r,
 		markup: `  <mask id="${r}" maskUnits="userSpaceOnUse" x="0" y="0" width="${t}" height="${n}">\n    <rect x="0" y="0" width="${t}" height="${n}" fill="#fff" />\n${e.map((e) => `    <rect x="${e.x}" y="${e.y}" width="${e.width}" height="${e.height}" fill="#000" />`).join("\n")}\n  </mask>`
@@ -1836,25 +1871,25 @@ function Bn(e, t, n) {
 }
 //#endregion
 //#region packages/svg-renderer/src/renderer.ts
-function Vn(e, n, r = "Inter", i = !1, a = I, o = "linear", s, c = !0, l = !0, u, d, f = {}) {
+function Wn(e, n, r = "Inter", i = !1, a = I, o = "linear", s, c = !0, l = !0, u, d, f = {}) {
 	let p = [], m = l && e.nodes.some((e) => !!g(e.interaction?.href));
-	p.push(Lr(x(e.width, e.height, n, i, u, d, m, f.styleAttribute), s)), p.push(t(r, !1, f.nonce)), c && e.edges.some((e) => e.animate) && p.push(Hn(f.nonce)), p.push("<defs>"), p.push(Un());
+	p.push(Br(x(e.width, e.height, n, i, u, d, m, f.styleAttribute), s)), p.push(t(r, !1, f.nonce)), c && e.edges.some((e) => e.animate) && p.push(Gn(f.nonce)), p.push("<defs>"), p.push(Kn());
 	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(Wn(e));
-	let _ = Fn(e.groups, a), v = new Set(e.edges.filter((e) => Rn(e, _))), y;
+	for (let e of h) p.push(qn(e));
+	let _ = Rn(e.groups, a), v = new Set(e.edges.filter((e) => Vn(e, _))), y;
 	if (v.size > 0) {
-		let t = Bn(_, e.width, e.height);
+		let t = Un(_, e.width, e.height);
 		y = t.id, p.push(t.markup);
 	}
 	p.push("</defs>");
-	for (let t of e.groups) p.push(qn(t, r, a));
-	for (let t of e.edges) p.push(Jn(t, o, c, v.has(t) ? y : void 0));
-	for (let t of e.edges) t.label && p.push(Xn(t, r, a));
-	for (let t of e.nodes) p.push(er(t, r, a, l));
+	for (let t of e.groups) p.push(Xn(t, r, a));
+	for (let t of e.edges) p.push(Zn(t, o, c, v.has(t) ? y : void 0));
+	for (let t of e.edges) t.label && p.push($n(t, r, a));
+	for (let t of e.nodes) p.push(rr(t, r, a, l));
 	return p.push("</svg>"), p.join("\n");
 }
-function Hn(e) {
+function Gn(e) {
 	return [
 		b(e),
 		"  @keyframes zm-edge-dash { to { stroke-dashoffset: -28; } }",
@@ -1865,28 +1900,28 @@ function Hn(e) {
 		"</style>"
 	].join("\n");
 }
-function Un() {
-	return Gn("var(--_arrow)", "");
+function Kn() {
+	return Jn("var(--_arrow)", "");
 }
-function Wn(e) {
-	return Gn(r(e), a`-${Kn(e)}`);
+function qn(e) {
+	return Jn(r(e), a`-${Yn(e)}`);
 }
-function Gn(e, t) {
+function Jn(e, t) {
 	let n = Oe.width, r = Oe.height, i = n - 1, o = a`fill="${e}" stroke="${e}" stroke-width="0.75" stroke-linejoin="round"`, s = a`<polygon points="0 0, ${n} ${r / 2}, 0 ${r}" ${o} />`, c = (e, t) => a`  <marker id="${e}" markerWidth="${n}" markerHeight="${r}" refX="${i}" refY="${r / 2}" orient="${t}">` + a`\n    ${s}` + "\n  </marker>";
 	return c(a`arrowhead${t}`, "auto") + "\n" + c(a`arrowhead-start${t}`, "auto-start-reverse");
 }
-function Kn(e) {
+function Yn(e) {
 	return e.replace(/[^a-zA-Z0-9]/g, (e) => e.charCodeAt(0).toString(16));
 }
-function qn(e, t, n) {
+function Xn(e, t, n) {
 	let i = n.groupHeader + 16, o = [];
 	o.push(a`<g class="subgraph" data-id="${r(e.id)}" data-label="${r(e.label)}">`), o.push(a`  <rect x="${e.x}" y="${e.y}" width="${e.width}" height="${e.height}" ` + a`rx="0" ry="0" fill="var(--_group-fill)" stroke="var(--_node-stroke)" stroke-width="${R.outerBox}" />`), o.push(a`  <rect x="${e.x}" y="${e.y}" width="${e.width}" height="${i}" ` + a`rx="0" ry="0" fill="var(--_group-hdr)" stroke="var(--_node-stroke)" stroke-width="${R.outerBox}" />`), o.push("  " + p(e.label, e.x + 12, e.y + i / 2, n.groupHeader, a`font-size="${n.groupHeader}" font-weight="${L.groupHeader}" fill="var(--_text-sec)"`));
-	for (let r of e.children) o.push(qn(r, t, n));
+	for (let r of e.children) o.push(Xn(r, t, n));
 	return o.push("</g>"), o.join("\n");
 }
-function Jn(e, t, n = !0, i) {
+function Zn(e, t, n = !0, i) {
 	if (e.points.length < 2) return "";
-	let o = n && (e.animate ?? !1), s = t !== "linear", c = e.style === "invisible", l = e.style === "dotted" ? " stroke-dasharray=\"4 4\"" : "", u = e.style === "thick" ? R.connector * 2 : R.connector, d = c ? "none" : r(e.inlineStyle?.stroke ?? "var(--_line)"), f = r(e.inlineStyle?.["stroke-width"] ?? String(u)), p = e.inlineStyle?.stroke ? a`-${Kn(e.inlineStyle.stroke)}` : "", m = "";
+	let o = n && (e.animate ?? !1), s = t !== "linear", c = e.style === "invisible", l = e.style === "dotted" ? " stroke-dasharray=\"4 4\"" : "", u = e.style === "thick" ? R.connector * 2 : R.connector, d = c ? "none" : r(e.inlineStyle?.stroke ?? "var(--_line)"), f = r(e.inlineStyle?.["stroke-width"] ?? String(u)), p = e.inlineStyle?.stroke ? a`-${Yn(e.inlineStyle.stroke)}` : "", m = "";
 	c || (e.hasArrowEnd && (m += a` marker-end="url(#arrowhead${p})"`), e.hasArrowStart && (m += a` marker-start="url(#arrowhead-start${p})"`));
 	let h = [
 		a`class="edge${o ? " edge-animated" : ""}"`,
@@ -1897,35 +1932,35 @@ function Jn(e, t, n = !0, i) {
 		a`data-arrow-end="${e.hasArrowEnd}"`
 	];
 	e.label && h.push(a`data-label="${r(e.label)}"`), e.id && h.push(a`data-id="${r(e.id)}"`);
-	let g = o && !l ? " stroke-dasharray=\"8 6\"" : "", _ = s ? a`d="${fe(e.points, t)}"` : a`points="${Yn(e.points)}"`;
+	let g = o && !l ? " stroke-dasharray=\"8 6\"" : "", _ = s ? a`d="${fe(e.points, t)}"` : a`points="${Qn(e.points)}"`;
 	return a`<${s ? "path" : "polyline"} ${h.join(" ")} ${_} ` + a`fill="none" stroke="${d}" ` + a`stroke-width="${f}"${l}${g}${m}` + (i ? a` mask="url(#${i})"` : "") + " />";
 }
-function Yn(e) {
+function Qn(e) {
 	return e.map((e) => a`${e.x},${e.y}`).join(" ");
 }
-function Xn(e, t, n) {
+function $n(e, t, n) {
 	if (!e.label) return "";
-	let i = e.label, o = e.labelPosition ?? Qn(e.points), s = l(i, n.edgeLabel, L.edgeLabel), c = m(i, o.x, o.y, s.width, s.height, n.edgeLabel, 8, a`text-anchor="middle" font-size="${n.edgeLabel}" font-weight="${L.edgeLabel}" fill="var(--_text-sec)"`, "rx=\"2\" ry=\"2\" fill=\"var(--bg)\" stroke=\"var(--_inner-stroke)\" stroke-width=\"1\"");
+	let i = e.label, o = e.labelPosition ?? tr(e.points), s = l(i, n.edgeLabel, L.edgeLabel), c = m(i, o.x, o.y, s.width, s.height, n.edgeLabel, 8, a`text-anchor="middle" font-size="${n.edgeLabel}" font-weight="${L.edgeLabel}" fill="var(--_text-sec)"`, "rx=\"2\" ry=\"2\" fill=\"var(--bg)\" stroke=\"var(--_inner-stroke)\" stroke-width=\"1\"");
 	return a`<g class="edge-label" data-from="${r(e.source)}" data-to="${r(e.target)}" data-label="${r(i)}">\n` + a`  ${c.replace(/\n/g, "\n  ")}\n` + "</g>";
 }
-function Zn(e, t) {
+function er(e, t) {
 	let n = e[t];
 	if (!n)
  /* v8 ignore next */
 	throw Error(a`edgeMidpoint: missing point at index ${t}`);
 	return n;
 }
-function Qn(e) {
+function tr(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 += $n(Zn(e, n - 1), Zn(e, n));
+	for (let n = 1; n < e.length; n++) t += nr(er(e, n - 1), er(e, n));
 	let n = t / 2;
 	for (let t = 1; t < e.length; t++) {
-		let r = Zn(e, t - 1), i = Zn(e, t), a = $n(r, i);
+		let r = er(e, t - 1), i = er(e, t), a = nr(r, i);
 		if (n <= a) {
 			let e = n / a;
 			return {
@@ -1937,11 +1972,11 @@ function Qn(e) {
 	}
 	return e[e.length - 1];
 }
-function $n(e, t) {
+function nr(e, t) {
 	return Math.sqrt((t.x - e.x) ** 2 + (t.y - e.y) ** 2);
 }
-function er(e, t, n, o = !0) {
-	let s = tr(e), c = Fr(e, t, n), l = [], u = _(e.className), d = u ? a`node ${u}` : "node", f = e.interaction, p = [
+function rr(e, t, n, o = !0) {
+	let s = ir(e), c = Rr(e, t, n), l = [], u = _(e.className), d = u ? a`node ${u}` : "node", f = e.interaction, p = [
 		a`class="${d}"`,
 		a`data-id="${r(e.id)}"`,
 		a`data-label="${r(e.label)}"`,
@@ -1955,65 +1990,65 @@ function er(e, t, n, o = !0) {
 	}
 	return o && f?.tooltip && l.push(a`${h}<title>${i(f.tooltip)}</title>`), l.push(a`${h}${s.replace(/\n/g, a`\n${h}`)}`), c && l.push(a`${h}${c.replace(/\n/g, a`\n${h}`)}`), m && l.push("  </a>"), l.push("</g>"), l.join("\n");
 }
-function tr(e) {
+function ir(e) {
 	let { x: t, y: n, width: i, height: a, shape: o, inlineStyle: s } = e, c = r(s?.fill ?? "var(--_node-fill)"), l = r(s?.stroke ?? "var(--_node-stroke)"), u = r(s?.["stroke-width"] ?? String(R.innerBox));
 	switch (o) {
-		case "diamond": return or(t, n, i, a, c, l, u);
-		case "rounded": return rr(t, n, i, a, c, l, u);
-		case "stadium": return ir(t, n, i, a, c, l, u);
-		case "circle": return ar(t, n, i, a, c, l, u);
-		case "subroutine": return sr(t, n, i, a, c, l, u);
-		case "doublecircle": return cr(t, n, i, a, c, l, u);
-		case "hexagon": return lr(t, n, i, a, c, l, u);
-		case "cylinder": return ur(t, n, i, a, c, l, u);
-		case "asymmetric": return dr(t, n, i, a, c, l, u);
-		case "trapezoid": return fr(t, n, i, a, c, l, u);
-		case "trapezoid-alt": return pr(t, n, i, a, c, l, u);
-		case "parallelogram": return mr(t, n, i, a, c, l, u);
-		case "parallelogram-alt": return hr(t, n, i, a, c, l, u);
-		case "state-start": return Nr(t, n, i, a);
-		case "state-end": return Pr(t, n, i, a);
-		case "document": return gr(t, n, i, a, c, l, u);
-		case "stacked-document": return _r(t, n, i, a, c, l, u, !0);
-		case "stacked-process": return _r(t, n, i, a, c, l, u, !1);
-		case "card": return vr(t, n, i, a, c, l, u);
-		case "lined-process": return yr(t, n, i, a, c, l, u);
-		case "divided-process": return br(t, n, i, a, c, l, u);
-		case "window-pane": return xr(t, n, i, a, c, l, u);
-		case "triangle": return Sr(t, n, i, a, c, l, u, !1);
-		case "flipped-triangle": return Sr(t, n, i, a, c, l, u, !0);
-		case "filled-circle": return Cr(t, n, i, a, l);
-		case "crossed-circle": return wr(t, n, i, a, c, l, u);
-		case "fork-join": return Tr(t, n, i, a, l);
-		case "notched-pentagon": return Er(t, n, i, a, c, l, u);
-		case "sloped-rectangle": return Dr(t, n, i, a, c, l, u);
-		case "flag": return Or(t, n, i, a, c, l, u);
-		case "bow-tie-rectangle": return kr(t, n, i, a, c, l, u);
-		case "half-rounded-rectangle": return Ar(t, n, i, a, c, l, u);
-		case "brace": return jr(t, n, i, a, c, l, u, "left");
-		case "brace-right": return jr(t, n, i, a, c, l, u, "right");
-		case "braces": return jr(t, n, i, a, c, l, u, "both");
-		case "bolt": return Mr(t, n, i, a, c, l, u);
+		case "diamond": return lr(t, n, i, a, c, l, u);
+		case "rounded": return or(t, n, i, a, c, l, u);
+		case "stadium": return sr(t, n, i, a, c, l, u);
+		case "circle": return cr(t, n, i, a, c, l, u);
+		case "subroutine": return ur(t, n, i, a, c, l, u);
+		case "doublecircle": return dr(t, n, i, a, c, l, u);
+		case "hexagon": return fr(t, n, i, a, c, l, u);
+		case "cylinder": return pr(t, n, i, a, c, l, u);
+		case "asymmetric": return mr(t, n, i, a, c, l, u);
+		case "trapezoid": return hr(t, n, i, a, c, l, u);
+		case "trapezoid-alt": return gr(t, n, i, a, c, l, u);
+		case "parallelogram": return _r(t, n, i, a, c, l, u);
+		case "parallelogram-alt": return vr(t, n, i, a, c, l, u);
+		case "state-start": return Ir(t, n, i, a);
+		case "state-end": return Lr(t, n, i, a);
+		case "document": return yr(t, n, i, a, c, l, u);
+		case "stacked-document": return br(t, n, i, a, c, l, u, !0);
+		case "stacked-process": return br(t, n, i, a, c, l, u, !1);
+		case "card": return xr(t, n, i, a, c, l, u);
+		case "lined-process": return Sr(t, n, i, a, c, l, u);
+		case "divided-process": return Cr(t, n, i, a, c, l, u);
+		case "window-pane": return wr(t, n, i, a, c, l, u);
+		case "triangle": return Tr(t, n, i, a, c, l, u, !1);
+		case "flipped-triangle": return Tr(t, n, i, a, c, l, u, !0);
+		case "filled-circle": return Er(t, n, i, a, l);
+		case "crossed-circle": return Dr(t, n, i, a, c, l, u);
+		case "fork-join": return Or(t, n, i, a, l);
+		case "notched-pentagon": return kr(t, n, i, a, c, l, u);
+		case "sloped-rectangle": return Ar(t, n, i, a, c, l, u);
+		case "flag": return jr(t, n, i, a, c, l, u);
+		case "bow-tie-rectangle": return Mr(t, n, i, a, c, l, u);
+		case "half-rounded-rectangle": return Nr(t, n, i, a, c, l, u);
+		case "brace": return Pr(t, n, i, a, c, l, u, "left");
+		case "brace-right": return Pr(t, n, i, a, c, l, u, "right");
+		case "braces": return Pr(t, n, i, a, c, l, u, "both");
+		case "bolt": return Fr(t, n, i, a, c, l, u);
 		case "text":
 		case "anchor": return "";
-		default: return nr(t, n, i, a, c, l, u);
+		default: return ar(t, n, i, a, c, l, u);
 	}
 }
-function nr(e, t, n, r, i, o, s) {
+function ar(e, t, n, r, i, o, s) {
 	return a`<rect x="${e}" y="${t}" width="${n}" height="${r}" ` + a`rx="0" ry="0" fill="${i}" stroke="${o}" stroke-width="${s}" />`;
 }
-function rr(e, t, n, r, i, o, s) {
+function or(e, t, n, r, i, o, s) {
 	return a`<rect x="${e}" y="${t}" width="${n}" height="${r}" ` + a`rx="6" ry="6" fill="${i}" stroke="${o}" stroke-width="${s}" />`;
 }
-function ir(e, t, n, r, i, o, s) {
+function sr(e, t, n, r, i, o, s) {
 	let c = r / 2;
 	return a`<rect x="${e}" y="${t}" width="${n}" height="${r}" ` + a`rx="${c}" ry="${c}" fill="${i}" stroke="${o}" stroke-width="${s}" />`;
 }
-function ar(e, t, n, r, i, o, s) {
+function cr(e, t, n, r, i, o, s) {
 	let c = e + n / 2, l = t + r / 2, u = Math.min(n, r) / 2;
 	return a`<circle cx="${c}" cy="${l}" r="${u}" ` + a`fill="${i}" stroke="${o}" stroke-width="${s}" />`;
 }
-function or(e, t, n, r, i, o, s) {
+function lr(e, t, n, r, i, o, s) {
 	let c = e + n / 2, l = t + r / 2, u = n / 2, d = r / 2, f = [
 		a`${c},${l - d}`,
 		a`${c + u},${l}`,
@@ -2022,14 +2057,14 @@ function or(e, t, n, r, i, o, s) {
 	].join(" ");
 	return a`<polygon points="${f}" fill="${i}" stroke="${o}" stroke-width="${s}" />`;
 }
-function sr(e, t, n, r, i, o, s) {
+function ur(e, t, n, r, i, o, s) {
 	return a`<rect x="${e}" y="${t}" width="${n}" height="${r}" ` + a`rx="0" ry="0" fill="${i}" stroke="${o}" stroke-width="${s}" />` + a`\n<line x1="${e + 8}" y1="${t}" x2="${e + 8}" y2="${t + r}" ` + a`stroke="${o}" stroke-width="${s}" />` + a`\n<line x1="${e + n - 8}" y1="${t}" x2="${e + n - 8}" y2="${t + r}" ` + a`stroke="${o}" stroke-width="${s}" />`;
 }
-function cr(e, t, n, r, i, o, s) {
+function dr(e, t, n, r, i, o, s) {
 	let c = e + n / 2, l = t + r / 2, u = Math.min(n, r) / 2, d = u - 5;
 	return a`<circle cx="${c}" cy="${l}" r="${u}" ` + a`fill="${i}" stroke="${o}" stroke-width="${s}" />` + a`\n<circle cx="${c}" cy="${l}" r="${d}" ` + a`fill="${i}" stroke="${o}" stroke-width="${s}" />`;
 }
-function lr(e, t, n, r, i, o, s) {
+function fr(e, t, n, r, i, o, s) {
 	let c = r / 4, l = [
 		a`${e + c},${t}`,
 		a`${e + n - c},${t}`,
@@ -2040,11 +2075,11 @@ function lr(e, t, n, r, i, o, s) {
 	].join(" ");
 	return a`<polygon points="${l}" fill="${i}" stroke="${o}" stroke-width="${s}" />`;
 }
-function ur(e, t, n, r, i, o, s) {
+function pr(e, t, n, r, i, o, s) {
 	let c = e + n / 2, l = t + 7, u = r - 14;
 	return a`<rect x="${e}" y="${l}" width="${n}" height="${u}" ` + a`fill="${i}" stroke="none" />` + a`\n<line x1="${e}" y1="${l}" x2="${e}" y2="${l + u}" stroke="${o}" stroke-width="${s}" />` + a`\n<line x1="${e + n}" y1="${l}" x2="${e + n}" y2="${l + u}" stroke="${o}" stroke-width="${s}" />` + a`\n<ellipse cx="${c}" cy="${t + r - 7}" rx="${n / 2}" ry="${7}" ` + a`fill="${i}" stroke="${o}" stroke-width="${s}" />` + a`\n<ellipse cx="${c}" cy="${l}" rx="${n / 2}" ry="${7}" ` + a`fill="${i}" stroke="${o}" stroke-width="${s}" />`;
 }
-function dr(e, t, n, r, i, o, s) {
+function mr(e, t, n, r, i, o, s) {
 	let c = [
 		a`${e + 12},${t}`,
 		a`${e + n},${t}`,
@@ -2054,7 +2089,7 @@ function dr(e, t, n, r, i, o, s) {
 	].join(" ");
 	return a`<polygon points="${c}" fill="${i}" stroke="${o}" stroke-width="${s}" />`;
 }
-function fr(e, t, n, r, i, o, s) {
+function hr(e, t, n, r, i, o, s) {
 	let c = n * .15, l = [
 		a`${e + c},${t}`,
 		a`${e + n - c},${t}`,
@@ -2063,7 +2098,7 @@ function fr(e, t, n, r, i, o, s) {
 	].join(" ");
 	return a`<polygon points="${l}" fill="${i}" stroke="${o}" stroke-width="${s}" />`;
 }
-function pr(e, t, n, r, i, o, s) {
+function gr(e, t, n, r, i, o, s) {
 	let c = n * .15, l = [
 		a`${e},${t}`,
 		a`${e + n},${t}`,
@@ -2072,7 +2107,7 @@ function pr(e, t, n, r, i, o, s) {
 	].join(" ");
 	return a`<polygon points="${l}" fill="${i}" stroke="${o}" stroke-width="${s}" />`;
 }
-function mr(e, t, n, r, i, o, s) {
+function _r(e, t, n, r, i, o, s) {
 	let c = n * .15, l = [
 		a`${e + c},${t}`,
 		a`${e + n},${t}`,
@@ -2081,7 +2116,7 @@ function mr(e, t, n, r, i, o, s) {
 	].join(" ");
 	return a`<polygon points="${l}" fill="${i}" stroke="${o}" stroke-width="${s}" />`;
 }
-function hr(e, t, n, r, i, o, s) {
+function vr(e, t, n, r, i, o, s) {
 	let c = n * .15, l = [
 		a`${e},${t}`,
 		a`${e + n - c},${t}`,
@@ -2093,16 +2128,16 @@ function hr(e, t, n, r, i, o, s) {
 function H(e, t, n) {
 	return a`fill="${e}" stroke="${t}" stroke-width="${n}"`;
 }
-function gr(e, t, n, r, i, o, s) {
+function yr(e, t, n, r, i, o, s) {
 	let c = Math.min(10, r * .16), l = t + r - c, u = a`M ${e} ${t} L ${e + n} ${t} L ${e + n} ${l} ` + a`C ${e + n * .75} ${l + c * 1.8} ${e + n * .25} ${l - c * .8} ${e} ${l} Z`;
 	return a`<path d="${u}" ${H(i, o, s)} />`;
 }
-function _r(e, t, n, r, i, o, s, c) {
+function br(e, t, n, r, i, o, s, c) {
 	let l = n - 10, u = r - 10, d = [];
 	for (let n = 2; n >= 1; n--) d.push(a`<rect x="${e + 5 * n}" y="${t + 5 * (2 - n)}" width="${l}" height="${u}" ` + a`${H(i, o, s)} />`);
-	return d.push(c ? gr(e, t + 10, l, u, i, o, s) : a`<rect x="${e}" y="${t + 10}" width="${l}" height="${u}" ${H(i, o, s)} />`), d.join("\n");
+	return d.push(c ? yr(e, t + 10, l, u, i, o, s) : a`<rect x="${e}" y="${t + 10}" width="${l}" height="${u}" ${H(i, o, s)} />`), d.join("\n");
 }
-function vr(e, t, n, r, i, o, s) {
+function xr(e, t, n, r, i, o, s) {
 	let c = Math.min(14, n * .12, r * .3), l = [
 		a`${e + c},${t}`,
 		a`${e + n},${t}`,
@@ -2112,19 +2147,19 @@ function vr(e, t, n, r, i, o, s) {
 	].join(" ");
 	return a`<polygon points="${l}" ${H(i, o, s)} />`;
 }
-function yr(e, t, n, r, i, o, s) {
+function Sr(e, t, n, r, i, o, s) {
 	let c = Math.min(12, n * .12);
 	return a`<rect x="${e}" y="${t}" width="${n}" height="${r}" ${H(i, o, s)} />\n` + a`<line x1="${e + c}" y1="${t}" x2="${e + c}" y2="${t + r}" stroke="${o}" stroke-width="${s}" />`;
 }
-function br(e, t, n, r, i, o, s) {
+function Cr(e, t, n, r, i, o, s) {
 	let c = t + Math.min(16, r * .3);
 	return a`<rect x="${e}" y="${t}" width="${n}" height="${r}" ${H(i, o, s)} />\n` + a`<line x1="${e}" y1="${c}" x2="${e + n}" y2="${c}" stroke="${o}" stroke-width="${s}" />`;
 }
-function xr(e, t, n, r, i, o, s) {
+function wr(e, t, n, r, i, o, s) {
 	let c = e + Math.min(16, n * .16), l = t + Math.min(14, r * .28);
 	return a`<rect x="${e}" y="${t}" width="${n}" height="${r}" ${H(i, o, s)} />\n` + a`<line x1="${c}" y1="${t}" x2="${c}" y2="${t + r}" stroke="${o}" stroke-width="${s}" />\n` + a`<line x1="${e}" y1="${l}" x2="${e + n}" y2="${l}" stroke="${o}" stroke-width="${s}" />`;
 }
-function Sr(e, t, n, r, i, o, s, c) {
+function Tr(e, t, n, r, i, o, s, c) {
 	let l = c ? [
 		a`${e},${t}`,
 		a`${e + n},${t}`,
@@ -2136,19 +2171,19 @@ function Sr(e, t, n, r, i, o, s, c) {
 	];
 	return a`<polygon points="${l.join(" ")}" ${H(i, o, s)} />`;
 }
-function Cr(e, t, n, r, i) {
+function Er(e, t, n, r, i) {
 	let o = Math.min(n, r) / 2 - 2;
 	return a`<circle cx="${e + n / 2}" cy="${t + r / 2}" r="${o}" fill="${i}" stroke="${i}" />`;
 }
-function wr(e, t, n, r, i, o, s) {
+function Dr(e, t, n, r, i, o, s) {
 	let c = e + n / 2, l = t + r / 2, u = Math.min(n, r) / 2 - 2, d = u / Math.SQRT2;
 	return a`<circle cx="${c}" cy="${l}" r="${u}" ${H(i, o, s)} />\n` + a`<line x1="${c - d}" y1="${l - d}" x2="${c + d}" y2="${l + d}" stroke="${o}" stroke-width="${s}" />\n` + a`<line x1="${c + d}" y1="${l - d}" x2="${c - d}" y2="${l + d}" stroke="${o}" stroke-width="${s}" />`;
 }
-function Tr(e, t, n, r, i) {
+function Or(e, t, n, r, i) {
 	let o = Math.min(8, r);
 	return a`<rect x="${e}" y="${t + (r - o) / 2}" width="${n}" height="${o}" fill="${i}" stroke="${i}" />`;
 }
-function Er(e, t, n, r, i, o, s) {
+function kr(e, t, n, r, i, o, s) {
 	let c = Math.min(14, n * .12, r * .3), l = [
 		a`${e + c},${t}`,
 		a`${e + n - c},${t}`,
@@ -2159,7 +2194,7 @@ function Er(e, t, n, r, i, o, s) {
 	].join(" ");
 	return a`<polygon points="${l}" ${H(i, o, s)} />`;
 }
-function Dr(e, t, n, r, i, o, s) {
+function Ar(e, t, n, r, i, o, s) {
 	let c = Math.min(12, r * .3), l = [
 		a`${e},${t + c}`,
 		a`${e + n},${t}`,
@@ -2168,23 +2203,23 @@ function Dr(e, t, n, r, i, o, s) {
 	].join(" ");
 	return a`<polygon points="${l}" ${H(i, o, s)} />`;
 }
-function Or(e, t, n, r, i, o, s) {
+function jr(e, t, n, r, i, o, s) {
 	let c = Math.min(8, r * .14), l = a`M ${e} ${t + c} ` + a`C ${e + n * .25} ${t - c} ${e + n * .75} ${t + c * 2} ${e + n} ${t + c} ` + a`L ${e + n} ${t + r - c} ` + a`C ${e + n * .75} ${t + r + c} ${e + n * .25} ${t + r - c * 2} ${e} ${t + r - c} Z`;
 	return a`<path d="${l}" ${H(i, o, s)} />`;
 }
-function kr(e, t, n, r, i, o, s) {
+function Mr(e, t, n, r, i, o, s) {
 	let c = Math.min(14, n * .12), l = a`M ${e + c} ${t} L ${e + n} ${t} ` + a`Q ${e + n - c * 1.4} ${t + r / 2} ${e + n} ${t + r} ` + a`L ${e + c} ${t + r} ` + a`Q ${e + c * 1.4} ${t + r / 2} ${e + c} ${t} Z`;
 	return a`<path d="${l}" ${H(i, o, s)} />`;
 }
-function Ar(e, t, n, r, i, o, s) {
+function Nr(e, t, n, r, i, o, s) {
 	let c = r / 2, l = Math.max(0, n - c), u = a`M ${e} ${t} L ${e + l} ${t} ` + a`A ${c} ${c} 0 0 1 ${e + l} ${t + r} ` + a`L ${e} ${t + r} Z`;
 	return a`<path d="${u}" ${H(i, o, s)} />`;
 }
-function jr(e, t, n, r, i, o, s, c) {
+function Pr(e, t, n, r, i, o, s, c) {
 	let l = Math.min(10, n * .12), u = [a`<rect x="${e}" y="${t}" width="${n}" height="${r}" fill="none" stroke="none" />`], d = a`M ${e + l} ${t} Q ${e} ${t} ${e} ${t + r * .25} ` + a`Q ${e} ${t + r / 2} ${e - l * .4} ${t + r / 2} ` + a`Q ${e} ${t + r / 2} ${e} ${t + r * .75} ` + a`Q ${e} ${t + r} ${e + l} ${t + r}`, f = a`M ${e + n - l} ${t} Q ${e + n} ${t} ${e + n} ${t + r * .25} ` + a`Q ${e + n} ${t + r / 2} ${e + n + l * .4} ${t + r / 2} ` + a`Q ${e + n} ${t + r / 2} ${e + n} ${t + r * .75} ` + a`Q ${e + n} ${t + r} ${e + n - l} ${t + r}`;
 	return (c === "left" || c === "both") && u.push(a`<path d="${d}" fill="none" stroke="${o}" stroke-width="${s}" />`), (c === "right" || c === "both") && u.push(a`<path d="${f}" fill="none" stroke="${o}" stroke-width="${s}" />`), u.join("\n");
 }
-function Mr(e, t, n, r, i, o, s) {
+function Fr(e, t, n, r, i, o, s) {
 	let c = [
 		a`${e + n * .42},${t}`,
 		a`${e + n},${t}`,
@@ -2196,28 +2231,28 @@ function Mr(e, t, n, r, i, o, s) {
 	].join(" ");
 	return a`<polygon points="${c}" ${H(i, o, s)} />`;
 }
-function Nr(e, t, n, r) {
+function Ir(e, t, n, r) {
 	let i = e + n / 2, o = t + r / 2, s = Math.min(n, r) / 2 - 2;
 	return a`<circle cx="${i}" cy="${o}" r="${s}" fill="var(--_text)" stroke="none" />`;
 }
-function Pr(e, t, n, r) {
+function Lr(e, t, n, r) {
 	let i = e + n / 2, o = t + r / 2, s = Math.min(n, r) / 2 - 2, c = s - 4;
 	return a`<circle cx="${i}" cy="${o}" r="${s}" ` + a`fill="none" stroke="var(--_text)" stroke-width="${R.innerBox * 2}" />` + a`\n<circle cx="${i}" cy="${o}" r="${c}" fill="var(--_text)" stroke="none" />`;
 }
-function Fr(e, t, n) {
+function Rr(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, c = r(e.inlineStyle?.color ?? s(e.inlineStyle?.fill, "var(--_text)")), l = a`text-anchor="middle" font-size="${n.nodeLabel}" font-weight="${L.nodeLabel}" fill="${c}"`, u = e.inlineStyle?.["font-family"];
 	return u && (l += a` style="font-family: ${r(u)};"`), p(e.label, i, o, n.nodeLabel, l);
 }
-function Ir(e) {
+function zr(e) {
 	return r(e).replace(/\r/g, "&#13;").replace(/\n/g, "&#10;").replace(/\t/g, "&#9;");
 }
-function Lr(e, t) {
-	return t === void 0 ? e : e.replace("<svg ", a`<svg data-src="${Ir(t)}" `);
+function Br(e, t) {
+	return t === void 0 ? e : e.replace("<svg ", a`<svg data-src="${zr(t)}" `);
 }
 //#endregion
 //#region packages/svg-renderer/src/resolve-colors.ts
-var Rr = class {
+var Vr = class {
 	raw = /* @__PURE__ */ new Map();
 	resolved = /* @__PURE__ */ new Map();
 	inProgress = /* @__PURE__ */ new Set();
@@ -2229,13 +2264,13 @@ var Rr = class {
 		let t = this.raw.get(e);
 		if (t === void 0 || this.inProgress.has(e)) return;
 		this.inProgress.add(e);
-		let n = Gr(t, this).trim();
+		let n = Jr(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 zr(e, t) {
+function Hr(e, t) {
 	let n = 0;
 	for (let r = t; r < e.length; r++) {
 		let t = e[r];
@@ -2244,7 +2279,7 @@ function zr(e, t) {
 	}
 	return -1;
 }
-function Br(e) {
+function Ur(e) {
 	let t = [], n = 0, r = 0;
 	for (let i = 0; i < e.length; i++) {
 		let a = e[i];
@@ -2252,12 +2287,12 @@ function Br(e) {
 	}
 	return t.push(e.slice(r)), t;
 }
-var Vr = "(?<![\\w-])(var|color-mix)\\(";
-function Hr(e, t) {
-	let [n, ...r] = Br(e), i = (n ?? "").trim(), a = t.lookup(i);
+var Wr = "(?<![\\w-])(var|color-mix)\\(";
+function Gr(e, t) {
+	let [n, ...r] = Ur(e), i = (n ?? "").trim(), a = t.lookup(i);
 	return a === void 0 ? r.length > 0 ? r.join(",").trim() : null : a;
 }
-function Ur(e) {
+function Kr(e) {
 	let t = e.trim().split(/\s+/), n, r;
 	for (let e of t) if (/^[\d.]+%$/.test(e)) {
 		if (r !== void 0) return null;
@@ -2271,61 +2306,61 @@ function Ur(e) {
 		pct: r
 	};
 }
-function Wr(e) {
-	let t = Br(e);
+function qr(e) {
+	let t = Ur(e);
 	if (t.length !== 3) return null;
 	let [n, r, i] = t;
 	if (n === void 0 || r === void 0 || i === void 0 || !/^\s*in\s+srgb\s*$/i.test(n)) return null;
-	let a = Ur(r), s = Ur(i);
+	let a = Kr(r), s = Kr(i);
 	if (!a || !s) return null;
 	let c = f(a.color), l = f(s.color);
 	if (!c || !l) return null;
 	let u = d(c, l, a.pct, s.pct);
 	return u ? o(u) : null;
 }
-function Gr(e, t) {
-	let n = "", r = 0, i = new RegExp(Vr, "g"), a;
+function Jr(e, t) {
+	let n = "", r = 0, i = new RegExp(Wr, "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 = zr(e, c);
+		let s = a.index, c = s + o.length, l = Hr(e, c);
 		if (l === -1) break;
-		let u = Gr(e.slice(c + 1, l), t), d = o === "var" ? Hr(u, t) : Wr(u);
+		let u = Jr(e.slice(c + 1, l), t), d = o === "var" ? Gr(u, t) : qr(u);
 		n += e.slice(r, s), n += d ?? `${o}(${u})`, r = l + 1, i.lastIndex = r;
 	}
 	return n + e.slice(r);
 }
-function Kr(e, t) {
-	let n = new Rr();
+function Yr(e, t) {
+	let n = new Vr();
 	for (let [e, r] of Object.entries(t)) n.declare(e, r);
-	return Gr(e, n);
+	return Jr(e, n);
 }
-var qr = /(--[\w-]+)\s*:\s*([^;{}]+)/g, Jr = /(\s)([\w:.-]+)(=)("[^"]*"|'[^']*')/g, Yr = /* @__PURE__ */ new Set(["data-src"]);
-function Xr(e, t) {
-	qr.lastIndex = 0;
+var Xr = /(--[\w-]+)\s*:\s*([^;{}]+)/g, Zr = /(\s)([\w:.-]+)(=)("[^"]*"|'[^']*')/g, Qr = /* @__PURE__ */ new Set(["data-src"]);
+function $r(e, t) {
+	Xr.lastIndex = 0;
 	let n;
-	for (; (n = qr.exec(e)) !== null;) {
+	for (; (n = Xr.exec(e)) !== null;) {
 		let [, e, r] = n;
 		e !== void 0 && r !== void 0 && t.declare(e, r.trim());
 	}
 }
-function Zr(e, t) {
-	return e.replace(Jr, (e, n, r, i, a) => {
-		if (Yr.has(r)) return e;
+function ei(e, t) {
+	return e.replace(Zr, (e, n, r, i, a) => {
+		if (Qr.has(r)) return e;
 		let o = a[0] ?? "\"";
-		return `${n}${r}${i}${o}${Gr(a.slice(1, -1), t)}${o}`;
+		return `${n}${r}${i}${o}${Jr(a.slice(1, -1), t)}${o}`;
 	});
 }
-function Qr(e, t) {
-	let n = new Rr();
+function ti(e, t) {
+	let n = new Vr();
 	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 && Xr(e, n);
+		e !== void 0 && $r(e, n);
 	}
 	for (let t of e.matchAll(/\sstyle=("[^"]*"|'[^']*')/g)) {
 		let e = t[1];
-		e !== void 0 && Xr(e.slice(1, -1), n);
+		e !== void 0 && $r(e.slice(1, -1), n);
 	}
 	let r = "", i = 0;
 	for (; i < e.length;) {
@@ -2334,7 +2369,7 @@ function Qr(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 += Gr(e.slice(a + 1, o), n), r += "</style>", i = o + 8;
+			r += e.slice(t, a + 1), r += Jr(e.slice(a + 1, o), n), r += "</style>", i = o + 8;
 			continue;
 		}
 		let a = -1, o = null;
@@ -2349,7 +2384,7 @@ function Qr(e, t) {
 		}
 		if (a === -1) break;
 		let s = e.slice(t, a + 1);
-		r += s.startsWith("<!") || s.startsWith("<?") || s.startsWith("</") ? s : Zr(s, n), i = a + 1;
+		r += s.startsWith("<!") || s.startsWith("<?") || s.startsWith("</") ? s : ei(s, n), i = a + 1;
 	}
 	return r + e.slice(i);
 }
@@ -2374,32 +2409,32 @@ var U = {
 	namespacePad: 16,
 	namespaceTitleFontSize: 12
 };
-function $r(e) {
+function ni(e) {
 	return `note ${e}`;
 }
-function ei(e) {
+function ri(e) {
 	return `${e} link`;
 }
-function ti(e) {
+function ii(e) {
 	return `namespace ${e}`;
 }
-function ni(e) {
+function ai(e) {
 	let t = new Set(e.classes.map((e) => e.id)), n = /* @__PURE__ */ new Set(), r = [];
 	for (let [i, a] of e.namespaces.entries()) {
 		let e = [];
 		for (let r of a.classIds) !t.has(r) || n.has(r) || (n.add(r), e.push(r));
 		e.length > 0 && r.push({
-			id: ti(i),
+			id: ii(i),
 			name: a.name,
 			classIds: e
 		});
 	}
 	return r;
 }
-function ri(e, t) {
+function oi(e, t) {
 	let n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map(), i = Te(t.fontSizes);
 	for (let t of e.classes) {
-		let e = t.annotation ? U.headerBaseHeight + U.annotationHeight : U.headerBaseHeight, r = t.attributes.length > 0 ? t.attributes.length * U.memberRowHeight + U.sectionPadY : U.emptySectionHeight, a = t.methods.length > 0 ? t.methods.length * U.memberRowHeight + U.sectionPadY : U.emptySectionHeight, o = F(t.label, i.nodeLabel, L.nodeLabel), s = si(t.attributes), c = si(t.methods), l = Math.max(U.minWidth, o + U.boxPadX * 2, s + U.boxPadX * 2, c + U.boxPadX * 2), u = e + r + a;
+		let e = t.annotation ? U.headerBaseHeight + U.annotationHeight : U.headerBaseHeight, r = t.attributes.length > 0 ? t.attributes.length * U.memberRowHeight + U.sectionPadY : U.emptySectionHeight, a = t.methods.length > 0 ? t.methods.length * U.memberRowHeight + U.sectionPadY : U.emptySectionHeight, o = F(t.label, i.nodeLabel, L.nodeLabel), s = ui(t.attributes), c = ui(t.methods), l = Math.max(U.minWidth, o + U.boxPadX * 2, s + U.boxPadX * 2, c + U.boxPadX * 2), u = e + r + a;
 		n.set(t.id, {
 			width: l,
 			height: u,
@@ -2408,7 +2443,7 @@ function ri(e, t) {
 			methodHeight: a
 		});
 	}
-	let a = ni(e), o = /* @__PURE__ */ new Map();
+	let a = ai(e), o = /* @__PURE__ */ new Map();
 	for (let e of a) for (let t of e.classIds) o.set(t, e.id);
 	let s = /* @__PURE__ */ new Map(), c = [];
 	for (let e of a) {
@@ -2442,12 +2477,12 @@ function ri(e, t) {
 	}));
 	let f = new Set(n.keys());
 	for (let [t, n] of e.notes.entries()) {
-		let e = $r(t), a = l(n.text, i.edgeLabel, L.edgeLabel), o = {
+		let e = ni(t), a = l(n.text, i.edgeLabel, L.edgeLabel), o = {
 			width: a.width + U.notePadX * 2,
 			height: a.height + U.notePadY * 2
 		};
 		r.set(e, o), c.push(Fe(e, o)), n.forClass !== void 0 && f.has(n.forClass) && d.push(Re({
-			id: ei(e),
+			id: ri(e),
 			source: e,
 			target: n.forClass,
 			labelStyle: u
@@ -2476,7 +2511,7 @@ function ri(e, t) {
 		namespaces: a
 	};
 }
-function ii(e, t, n, r, i) {
+function si(e, t, n, r, i) {
 	let a = /* @__PURE__ */ new Map();
 	for (let e of t.classes) a.set(e.id, e);
 	let o = new Set(i.map((e) => e.id)), s = /* @__PURE__ */ new Map(), c = [];
@@ -2543,7 +2578,7 @@ function ii(e, t, n, r, i) {
 		if (!t)
  /* v8 ignore next */
 		throw Error(`Missing ELK edge for relationship ${e}`);
-		let r = l(t), i = vt(t, r.x, r.y), a = yt(t, r.x, r.y);
+		let r = l(t), i = xt(t, r.x, r.y), a = St(t, r.x, r.y);
 		f.push({
 			from: n.from,
 			to: n.to,
@@ -2562,11 +2597,11 @@ function ii(e, t, n, r, i) {
 	for (let e of c) g.set(e.id, e);
 	let _ = [];
 	for (let [e, n] of t.notes.entries()) {
-		let t = $r(e), i = g.get(t), a = r.get(t);
+		let t = ni(e), i = g.get(t), a = r.get(t);
 		if (!i || !a)
  /* v8 ignore next */
 		throw Error(`Missing layout for note ${e}`);
-		let o = m.get(ei(t));
+		let o = m.get(ri(t));
 		_.push({
 			id: t,
 			text: n.text,
@@ -2575,7 +2610,7 @@ function ii(e, t, n, r, i) {
 			y: i.y ?? 0,
 			width: i.width ?? a.width,
 			height: i.height ?? a.height,
-			...o ? { linkPoints: vt(o, l(o).x, l(o).y) } : {}
+			...o ? { linkPoints: xt(o, l(o).x, l(o).y) } : {}
 		});
 	}
 	return {
@@ -2587,7 +2622,7 @@ function ii(e, t, n, r, i) {
 		namespaces: u
 	};
 }
-function ai(e, t = {}) {
+function ci(e, t = {}) {
 	if (e.classes.length === 0 && e.notes.length === 0) return {
 		width: 0,
 		height: 0,
@@ -2596,54 +2631,54 @@ function ai(e, t = {}) {
 		notes: [],
 		namespaces: []
 	};
-	let { elkGraph: n, classSizes: r, noteSizes: i, namespaces: a } = ri(e, t);
-	return ii(ye(n, t.layoutCache), e, r, i, a);
+	let { elkGraph: n, classSizes: r, noteSizes: i, namespaces: a } = oi(e, t);
+	return si(ye(n, t.layoutCache), e, r, i, a);
 }
-function oi(e) {
+function li(e) {
 	return e.length * Math.ceil(Se("M", U.memberFontSize));
 }
-function si(e) {
+function ui(e) {
 	if (e.length === 0) return 0;
 	let t = 0;
 	for (let n of e) {
-		let e = oi(j(n));
+		let e = li(ee(n));
 		e > t && (t = e);
 	}
 	return t;
 }
 //#endregion
 //#region packages/svg-renderer/src/class/renderer.ts
-var ci = {
+var di = {
 	memberSize: 11,
 	memberWeight: 400,
 	annotationSize: 10,
 	annotationWeight: 500
 };
-function li(e, t, n = "Inter", r = !1, i = I, a, o, s, c = !0, l = {}) {
+function fi(e, t, n = "Inter", r = !1, i = I, a, o, s, c = !0, l = {}) {
 	let u = [], d = c && e.classes.some((e) => !!g(e.interaction?.href));
-	u.push(Lr(x(e.width, e.height, t, r, o, s, d, l.styleAttribute), a)), u.push(ke(n, !0, l.nonce)), u.push("<defs>"), u.push(di()), u.push("</defs>");
-	for (let t of e.namespaces) u.push(ui(t));
-	for (let t of e.relationships) u.push(vi(t));
-	for (let t of e.notes) u.push(_i(t));
-	for (let t of e.classes) u.push(fi(t, i, c));
-	for (let t of e.notes) u.push(gi(t, i));
-	for (let t of e.relationships) u.push(xi(t, i));
+	u.push(Br(x(e.width, e.height, t, r, o, s, d, l.styleAttribute), a)), u.push(ke(n, !0, l.nonce)), u.push("<defs>"), u.push(mi()), u.push("</defs>");
+	for (let t of e.namespaces) u.push(pi(t));
+	for (let t of e.relationships) u.push(xi(t));
+	for (let t of e.notes) u.push(bi(t));
+	for (let t of e.classes) u.push(hi(t, i, c));
+	for (let t of e.notes) u.push(yi(t, i));
+	for (let t of e.relationships) u.push(wi(t, i));
 	return u.push("</svg>"), u.join("\n");
 }
-function ui(e) {
+function pi(e) {
 	let { x: t, y: n, width: i, height: o } = e, s = U.namespaceTitleHeight, c = R.outerBox;
 	return [
 		a`<g class="class-namespace" data-id="${r(e.name)}" data-label="${r(e.name)}">`,
 		a`  <rect x="${t}" y="${n}" width="${i}" height="${o}" rx="0" ry="0" fill="var(--_group-fill)" stroke="var(--_node-stroke)" stroke-width="${c}" />`,
 		a`  <rect x="${t}" y="${n}" width="${i}" height="${s}" rx="0" ry="0" fill="var(--_group-hdr)" stroke="var(--_node-stroke)" stroke-width="${c}" />`,
-		a`  <text x="${t + U.namespacePad}" y="${n + s / 2}" dy="${z}" font-size="${U.namespaceTitleFontSize}" font-weight="${L.groupHeader}" fill="var(--_text-sec)">${wi(e.name)}</text>`,
+		a`  <text x="${t + U.namespacePad}" y="${n + s / 2}" dy="${z}" font-size="${U.namespaceTitleFontSize}" font-weight="${L.groupHeader}" fill="var(--_text-sec)">${Di(e.name)}</text>`,
 		"</g>"
 	].join("\n");
 }
-function di() {
+function mi() {
 	return "  <marker id=\"cls-inherit\" markerWidth=\"12\" markerHeight=\"10\" refX=\"12\" refY=\"5\" orient=\"auto-start-reverse\">\n    <polygon points=\"0 0, 12 5, 0 10\" fill=\"var(--bg)\" stroke=\"var(--_arrow)\" stroke-width=\"1.5\" />\n  </marker>\n  <marker id=\"cls-composition\" markerWidth=\"18\" markerHeight=\"14\" refX=\"16.5\" refY=\"7\" orient=\"auto-start-reverse\">\n    <polygon points=\"9 1.5, 16.5 7, 9 12.5, 1.5 7\" fill=\"var(--_arrow)\" stroke=\"var(--_arrow)\" stroke-width=\"1\" />\n  </marker>\n  <marker id=\"cls-aggregation\" markerWidth=\"18\" markerHeight=\"14\" refX=\"16.5\" refY=\"7\" orient=\"auto-start-reverse\">\n    <polygon points=\"9 1.5, 16.5 7, 9 12.5, 1.5 7\" fill=\"var(--bg)\" stroke=\"var(--_arrow)\" stroke-width=\"1.5\" />\n  </marker>\n  <marker id=\"cls-arrow\" markerWidth=\"8\" markerHeight=\"6\" refX=\"8\" refY=\"3\" orient=\"auto-start-reverse\">\n    <polyline points=\"0 0, 8 3, 0 6\" fill=\"none\" stroke=\"var(--_arrow)\" stroke-width=\"1.5\" />\n  </marker>";
 }
-function fi(e, t, n = !0) {
+function hi(e, t, n = !0) {
 	let { x: i, y: o, width: c, height: l, headerHeight: u, attrHeight: d, inlineStyle: f } = e, m = [], h = e.interaction, v = r(f?.fill ?? "var(--_node-fill)"), y = r(f?.stroke ?? "var(--_node-stroke)"), b = r(f?.["stroke-width"] ?? String(R.outerBox)), x = f?.fill ? v : "var(--_group-hdr)", S = f?.color ? r(f.color) : f?.fill ? r(s(f.fill, "var(--_text)")) : void 0, C = e.annotation ? a` data-annotation="${r(e.annotation)}"` : "", w = _(e.className), T = [
 		a`class="${w ? a`class-node ${w}` : "class-node"}"`,
 		a`data-id="${r(e.id)}"`,
@@ -2655,53 +2690,53 @@ function fi(e, t, n = !0) {
 		let e = h?.target ? a` target="${r(h.target)}"` : "";
 		m.push(a`  <a href="${r(E)}"${e}>`);
 	}
-	n && h?.tooltip && m.push(a`  <title>${wi(h.tooltip)}</title>`), m.push(a`  <rect x="${i}" y="${o}" width="${c}" height="${l}" ` + a`rx="0" ry="0" fill="${v}" stroke="${y}" stroke-width="${b}" />`), m.push(a`  <rect x="${i}" y="${o}" width="${c}" height="${u}" ` + a`rx="0" ry="0" fill="${x}" stroke="${y}" stroke-width="${b}" />`);
+	n && h?.tooltip && m.push(a`  <title>${Di(h.tooltip)}</title>`), m.push(a`  <rect x="${i}" y="${o}" width="${c}" height="${l}" ` + a`rx="0" ry="0" fill="${v}" stroke="${y}" stroke-width="${b}" />`), m.push(a`  <rect x="${i}" y="${o}" width="${c}" height="${u}" ` + a`rx="0" ry="0" fill="${x}" stroke="${y}" stroke-width="${b}" />`);
 	let D = o + u / 2;
 	if (e.annotation) {
 		let t = o + 12;
-		m.push(a`  <text x="${i + c / 2}" y="${t}" text-anchor="middle" dy="${z}" ` + a`font-size="${ci.annotationSize}" font-weight="${ci.annotationWeight}" ` + a`font-style="italic" fill="${S ?? "var(--_text-muted)"}">&lt;&lt;${wi(e.annotation)}&gt;&gt;</text>`), D = o + u / 2 + 6;
+		m.push(a`  <text x="${i + c / 2}" y="${t}" text-anchor="middle" dy="${z}" ` + a`font-size="${di.annotationSize}" font-weight="${di.annotationWeight}" ` + a`font-style="italic" fill="${S ?? "var(--_text-muted)"}">&lt;&lt;${Di(e.annotation)}&gt;&gt;</text>`), D = o + u / 2 + 6;
 	}
 	m.push("  " + p(e.label, i + c / 2, D, t.nodeLabel, a`text-anchor="middle" font-size="${t.nodeLabel}" font-weight="700" fill="${S ?? "var(--_text)"}"`));
 	let O = o + u;
 	m.push(a`  <line x1="${i}" y1="${O}" x2="${i + c}" y2="${O}" ` + a`stroke="${y}" stroke-width="${R.innerBox}" />`);
 	for (let t = 0; t < e.attributes.length; t++) {
 		let n = e.attributes[t], r = O + 4 + t * 20 + 10;
-		m.push("  " + mi(n, i + U.boxPadX, r, S));
+		m.push("  " + _i(n, i + U.boxPadX, r, S));
 	}
 	let k = O + d;
 	m.push(a`  <line x1="${i}" y1="${k}" x2="${i + c}" y2="${k}" ` + a`stroke="${y}" stroke-width="${R.innerBox}" />`);
 	for (let t = 0; t < e.methods.length; t++) {
 		let n = e.methods[t], r = k + 4 + t * 20 + 10;
-		m.push("  " + mi(n, i + U.boxPadX, r, S));
+		m.push("  " + _i(n, i + U.boxPadX, r, S));
 	}
 	return E && m.push("  </a>"), m.push("</g>"), m.join("\n");
 }
-var pi = 700;
-function mi(e, t, n, r) {
+var gi = 700;
+function _i(e, t, n, r) {
 	let i = e.isAbstract ? " font-style=\"italic\"" : "", o = e.isStatic ? " text-decoration=\"underline\"" : "", s = r ?? "var(--_text-faint)", c = r ?? "var(--_text-sec)", l = r ?? "var(--_text-muted)", u = [];
-	e.visibility && u.push(a`<tspan fill="${c}" font-weight="${pi}">${wi(e.visibility)}</tspan><tspan fill="${s}"> </tspan>`);
+	e.visibility && u.push(a`<tspan fill="${c}" font-weight="${gi}">${Di(e.visibility)}</tspan><tspan fill="${s}"> </tspan>`);
 	let d = e.isMethod ? a`${e.name}(${e.params || ""})` : e.name;
-	return u.push(a`<tspan fill="${c}">${wi(d)}</tspan>`), e.type && (u.push(a`<tspan fill="${s}">: </tspan>`), u.push(a`<tspan fill="${l}">${wi(e.type)}</tspan>`)), a`<text x="${t}" y="${n}" class="mono" dy="${z}" ` + a`font-size="${ci.memberSize}" font-weight="${ci.memberWeight}"${i}${o}>` + a`${u.join("")}</text>`;
+	return u.push(a`<tspan fill="${c}">${Di(d)}</tspan>`), e.type && (u.push(a`<tspan fill="${s}">: </tspan>`), u.push(a`<tspan fill="${l}">${Di(e.type)}</tspan>`)), a`<text x="${t}" y="${n}" class="mono" dy="${z}" ` + a`font-size="${di.memberSize}" font-weight="${di.memberWeight}"${i}${o}>` + a`${u.join("")}</text>`;
 }
-var hi = 6;
-function gi(e, t) {
+var vi = 6;
+function yi(e, t) {
 	let { x: n, y: i, width: o, height: s } = e, c = e.forClass === void 0 ? "" : a` data-for="${r(e.forClass)}"`, l = [
 		a`${n},${i}`,
-		a`${n + o - hi},${i}`,
-		a`${n + o},${i + hi}`,
+		a`${n + o - vi},${i}`,
+		a`${n + o},${i + vi}`,
 		a`${n + o},${i + s}`,
 		a`${n},${i + s}`
-	].join(" "), u = a`${n + o - hi},${i} ${n + o},${i + hi} ` + a`${n + o - hi},${i + hi}`;
+	].join(" "), u = a`${n + o - vi},${i} ${n + o},${i + vi} ` + a`${n + o - vi},${i + vi}`;
 	return a`<g class="class-note"${c}>` + a`\n  <polygon points="${l}" ` + a`fill="var(--bg)" stroke="var(--_node-stroke)" stroke-width="${R.innerBox}" />` + a`\n  <polygon points="${u}" ` + a`fill="var(--_inner-stroke)" stroke="var(--_node-stroke)" stroke-width="${R.innerBox}" />` + a`\n  ${p(e.text, n + o / 2, i + s / 2, t.edgeLabel, a`font-size="${t.edgeLabel}" text-anchor="middle" font-weight="${L.edgeLabel}" fill="var(--_text-muted)"`)}` + "\n</g>";
 }
-function _i(e) {
+function bi(e) {
 	if (!e.linkPoints || e.linkPoints.length < 2) return "";
 	let t = e.linkPoints.map((e) => a`${e.x},${e.y}`).join(" "), n = e.forClass === void 0 ? "" : a` data-for="${r(e.forClass)}"`;
 	return a`<polyline class="class-note-link"${n} points="${t}" ` + a`fill="none" stroke="var(--_line)" stroke-width="${R.connector}" stroke-dasharray="2 3" />`;
 }
-function vi(e) {
+function xi(e) {
 	if (e.points.length < 2) return "";
-	let t = e.points.map((e) => a`${e.x},${e.y}`).join(" "), n = e.type === "dependency" || e.type === "realization" ? " stroke-dasharray=\"6 4\"" : "", i = yi(e.type, e.markerAt), o = [
+	let t = e.points.map((e) => a`${e.x},${e.y}`).join(" "), n = e.type === "dependency" || e.type === "realization" ? " stroke-dasharray=\"6 4\"" : "", i = Si(e.type, e.markerAt), o = [
 		"class=\"class-relationship\"",
 		a`data-from="${r(e.from)}"`,
 		a`data-to="${r(e.to)}"`,
@@ -2710,11 +2745,11 @@ function vi(e) {
 	];
 	return e.label && o.push(a`data-label="${r(e.label)}"`), e.fromCardinality && o.push(a`data-from-cardinality="${r(e.fromCardinality)}"`), e.toCardinality && o.push(a`data-to-cardinality="${r(e.toCardinality)}"`), a`<polyline ${o.join(" ")} points="${t}" fill="none" stroke="var(--_line)" ` + a`stroke-width="${R.connector}"${n}${i} />`;
 }
-function yi(e, t) {
-	let n = bi(e);
+function Si(e, t) {
+	let n = Ci(e);
 	return n ? t === "from" ? a` marker-start="url(#${n})"` : a` marker-end="url(#${n})"` : "";
 }
-function bi(e) {
+function Ci(e) {
 	switch (e) {
 		case "inheritance":
 		case "realization": return "cls-inherit";
@@ -2725,30 +2760,30 @@ function bi(e) {
 		default: return null;
 	}
 }
-function xi(e, t) {
+function wi(e, t) {
 	if (!e.label && !e.fromCardinality && !e.toCardinality || e.points.length < 2) return "";
 	let n = [];
 	if (e.label) {
-		let r = e.labelPosition ?? Si(e.points);
+		let r = e.labelPosition ?? Ti(e.points);
 		n.push(p(e.label, r.x, r.y - 8, t.edgeLabel, a`font-size="${t.edgeLabel}" text-anchor="middle" font-weight="${L.edgeLabel}" fill="var(--_text-muted)"`));
 	}
 	if (e.fromCardinality && e.points.length >= 2) {
-		let r = e.points[0], i = e.points[1], o = Ci(r, i);
+		let r = e.points[0], i = e.points[1], o = Ei(r, i);
 		n.push(p(e.fromCardinality, r.x + o.x, r.y + o.y, t.edgeLabel, a`font-size="${t.edgeLabel}" text-anchor="middle" font-weight="${L.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], o = Ci(r, i);
+		let r = e.points[e.points.length - 1], i = e.points[e.points.length - 2], o = Ei(r, i);
 		n.push(p(e.toCardinality, r.x + o.x, r.y + o.y, t.edgeLabel, a`font-size="${t.edgeLabel}" text-anchor="middle" font-weight="${L.edgeLabel}" fill="var(--_text-muted)"`));
 	}
 	return n.join("\n");
 }
-function Si(e) {
+function Ti(e) {
 	return e.length === 0 ? {
 		x: 0,
 		y: 0
 	} : e[Math.floor(e.length / 2)];
 }
-function Ci(e, t) {
+function Ei(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,
@@ -2758,7 +2793,7 @@ function Ci(e, t) {
 		y: r > 0 ? 14 : -14
 	};
 }
-var wi = i, W = {
+var Di = i, W = {
 	padding: 40,
 	boxPadX: 14,
 	headerHeight: 34,
@@ -2769,15 +2804,15 @@ var wi = i, W = {
 	nodeSpacing: 70,
 	layerSpacing: 90
 };
-function Ti(e) {
+function Oi(e) {
 	return e.length * Math.ceil(Se("M", W.attrFontSize));
 }
-function Ei(e, t) {
+function ki(e, t) {
 	let n = /* @__PURE__ */ new Map(), r = Te(t.fontSizes);
 	for (let t of e.entities) {
 		let e = F(t.label, r.nodeLabel, L.nodeLabel), i = 0;
 		for (let e of t.attributes) {
-			let t = Ti(`${e.type}  ${e.name}${e.keys.length > 0 ? "  " + e.keys.join(",") : ""}`);
+			let t = Oi(`${e.type}  ${e.name}${e.keys.length > 0 ? "  " + e.keys.join(",") : ""}`);
 			t > i && (i = t);
 		}
 		let a = Math.max(W.minWidth, e + W.boxPadX * 2, i + W.boxPadX * 2), o = W.headerHeight + Math.max(t.attributes.length, 1) * W.rowHeight;
@@ -2816,7 +2851,7 @@ function Ei(e, t) {
 		entitySizes: n
 	};
 }
-function Di(e, t, n) {
+function Ai(e, t, n) {
 	let r = /* @__PURE__ */ new Map();
 	for (let e of t.entities) r.set(e.id, e);
 	let i = [];
@@ -2842,7 +2877,7 @@ function Di(e, t, n) {
 	}
 	let a = [];
 	for (let [n, r] of (e.edges ?? []).entries()) {
-		let e = t.relationships[n], i = vt(r);
+		let e = t.relationships[n], i = xt(r);
 		a.push({
 			entity1: e.entity1,
 			entity2: e.entity2,
@@ -2860,58 +2895,58 @@ function Di(e, t, n) {
 		relationships: a
 	};
 }
-function Oi(e, t = {}) {
+function ji(e, t = {}) {
 	if (e.entities.length === 0) return {
 		width: 0,
 		height: 0,
 		entities: [],
 		relationships: []
 	};
-	let { elkGraph: n, entitySizes: r } = Ei(e, t);
-	return Di(ye(n, t.layoutCache), e, r);
+	let { elkGraph: n, entitySizes: r } = ki(e, t);
+	return Ai(ye(n, t.layoutCache), e, r);
 }
 //#endregion
 //#region packages/svg-renderer/src/er/renderer.ts
-var ki = 70, Ai = {
+var Mi = 70, Ni = {
 	attrSize: 11,
 	attrWeight: 400,
 	keySize: 9,
 	keyWeight: 600
 };
-function ji(e, t, n = "Inter", r = !1, i = I, a, o, s, c = {}) {
+function Pi(e, t, n = "Inter", r = !1, i = I, a, o, s, c = {}) {
 	let l = [];
-	l.push(Lr(x(e.width, e.height, t, r, o, s, void 0, c.styleAttribute), a)), l.push(ke(n, !0, c.nonce)), l.push("<defs>"), l.push("</defs>");
-	for (let t of e.relationships) l.push(Pi(t));
-	for (let t of e.entities) l.push(Mi(t, i));
-	for (let t of e.relationships) l.push(Ii(t));
-	for (let t of e.relationships) l.push(Fi(t, i));
+	l.push(Br(x(e.width, e.height, t, r, o, s, void 0, c.styleAttribute), a)), l.push(ke(n, !0, c.nonce)), l.push("<defs>"), l.push("</defs>");
+	for (let t of e.relationships) l.push(Li(t));
+	for (let t of e.entities) l.push(Fi(t, i));
+	for (let t of e.relationships) l.push(zi(t));
+	for (let t of e.relationships) l.push(Ri(t, i));
 	return l.push("</svg>"), l.join("\n");
 }
-function Mi(e, t) {
+function Fi(e, t) {
 	let { id: n, x: i, y: o, width: s, height: c, headerHeight: l, rowHeight: u, label: d, attributes: f } = e, m = [];
 	m.push(a`<g class="entity" data-id="${r(n)}" data-label="${r(d)}">`), m.push(a`  <rect x="${i}" y="${o}" width="${s}" height="${c}" ` + a`rx="0" ry="0" fill="var(--_node-fill)" stroke="var(--_node-stroke)" stroke-width="${R.outerBox}" />`), m.push(a`  <rect x="${i}" y="${o}" width="${s}" height="${l}" ` + a`rx="0" ry="0" fill="var(--_group-hdr)" stroke="var(--_node-stroke)" stroke-width="${R.outerBox}" />`), m.push("  " + p(d, i + s / 2, o + l / 2, t.nodeLabel, a`text-anchor="middle" font-size="${t.nodeLabel}" font-weight="700" fill="var(--_text)"`));
 	let h = o + l;
 	m.push(a`  <line x1="${i}" y1="${h}" x2="${i + s}" y2="${h}" ` + a`stroke="var(--_node-stroke)" stroke-width="${R.innerBox}" />`);
 	for (let e = 0; e < f.length; e++) {
 		let t = f[e], n = h + e * u + u / 2;
-		m.push("  " + Ni(t, i, n, s).replace(/\n/g, "\n  "));
+		m.push("  " + Ii(t, i, n, s).replace(/\n/g, "\n  "));
 	}
-	return f.length === 0 && m.push(a`  <text x="${i + s / 2}" y="${h + u / 2}" text-anchor="middle" dy="${z}" ` + a`font-size="${Ai.attrSize}" fill="var(--_text-faint)" font-style="italic">(no attributes)</text>`), m.push("</g>"), m.join("\n");
+	return f.length === 0 && m.push(a`  <text x="${i + s / 2}" y="${h + u / 2}" text-anchor="middle" dy="${z}" ` + a`font-size="${Ni.attrSize}" fill="var(--_text-faint)" font-style="italic">(no attributes)</text>`), m.push("</g>"), m.join("\n");
 }
-function Ni(e, t, n, r) {
+function Ii(e, t, n, r) {
 	let i = [], o = e.comment && e.comment.length > 0;
 	if (e.comment && e.comment.length > 0) {
 		let t = e.comment.replace(/<br\s*\/?>/gi, "\n");
-		i.push(a`<g><title>${zi(t)}</title>`);
+		i.push(a`<g><title>${Hi(t)}</title>`);
 	}
 	let s = 0;
-	e.keys.length > 0 && (s = F(e.keys.join(","), Ai.keySize, Ai.keyWeight) + 8, i.push(a`<rect x="${t + 6}" y="${n - 7}" width="${s}" height="14" rx="2" ry="2" ` + "fill=\"var(--_key-badge)\" />"), i.push(a`<text x="${t + 6 + s / 2}" y="${n}" text-anchor="middle" dy="${z}" ` + a`font-size="${Ai.keySize}" font-weight="${Ai.keyWeight}" fill="var(--_text-sec)">${e.keys.join(",")}</text>`));
+	e.keys.length > 0 && (s = F(e.keys.join(","), Ni.keySize, Ni.keyWeight) + 8, i.push(a`<rect x="${t + 6}" y="${n - 7}" width="${s}" height="14" rx="2" ry="2" ` + "fill=\"var(--_key-badge)\" />"), i.push(a`<text x="${t + 6 + s / 2}" y="${n}" text-anchor="middle" dy="${z}" ` + a`font-size="${Ni.keySize}" font-weight="${Ni.keyWeight}" fill="var(--_text-sec)">${e.keys.join(",")}</text>`));
 	let c = t + 8 + (s > 0 ? s + 6 : 0);
-	i.push(a`<text x="${c}" y="${n}" class="mono" dy="${z}" ` + a`font-size="${Ai.attrSize}" font-weight="${Ai.attrWeight}">` + a`<tspan fill="var(--_text-muted)">${zi(e.type)}</tspan></text>`);
+	i.push(a`<text x="${c}" y="${n}" class="mono" dy="${z}" ` + a`font-size="${Ni.attrSize}" font-weight="${Ni.attrWeight}">` + a`<tspan fill="var(--_text-muted)">${Hi(e.type)}</tspan></text>`);
 	let l = t + r - 8;
-	return i.push(a`<text x="${l}" y="${n}" class="mono" text-anchor="end" dy="${z}" ` + a`font-size="${Ai.attrSize}" font-weight="${Ai.attrWeight}">` + a`<tspan fill="var(--_text-sec)">${zi(e.name)}</tspan></text>`), o && i.push("</g>"), i.join("\n");
+	return i.push(a`<text x="${l}" y="${n}" class="mono" text-anchor="end" dy="${z}" ` + a`font-size="${Ni.attrSize}" font-weight="${Ni.attrWeight}">` + a`<tspan fill="var(--_text-sec)">${Hi(e.name)}</tspan></text>`), o && i.push("</g>"), i.join("\n");
 }
-function Pi(e) {
+function Li(e) {
 	if (e.points.length < 2) return "";
 	let t = e.points.map((e) => a`${e.x},${e.y}`).join(" "), n = e.identifying ? "" : " stroke-dasharray=\"6 4\"", i = e.label ? a` data-label="${r(e.label)}"` : "", o = [
 		"class=\"er-relationship\"",
@@ -2923,19 +2958,19 @@ function Pi(e) {
 	];
 	return a`<polyline ${o.join(" ")}${i} points="${t}" fill="none" stroke="var(--_line)" ` + a`stroke-width="${R.connector}"${n} />`;
 }
-function Fi(e, t) {
+function Ri(e, t) {
 	if (!e.label || e.points.length < 2) return "";
-	let n = Ri(e.points), r = l(e.label, t.edgeLabel, L.edgeLabel), i = r.width + 8, o = r.height + 6;
-	return a`<rect x="${n.x - i / 2}" y="${n.y - o / 2}" width="${i}" height="${o}" rx="2" ry="2" ` + "fill=\"var(--bg)\" stroke=\"var(--_inner-stroke)\" stroke-width=\"0.5\" />" + a`\n${p(e.label, n.x, n.y, t.edgeLabel, a`text-anchor="middle" font-size="${t.edgeLabel}" font-weight="${L.edgeLabel}" fill="color-mix(in srgb, var(--fg) ${ki}%, var(--bg))"`)}`;
+	let n = Vi(e.points), r = l(e.label, t.edgeLabel, L.edgeLabel), i = r.width + 8, o = r.height + 6;
+	return a`<rect x="${n.x - i / 2}" y="${n.y - o / 2}" width="${i}" height="${o}" rx="2" ry="2" ` + "fill=\"var(--bg)\" stroke=\"var(--_inner-stroke)\" stroke-width=\"0.5\" />" + a`\n${p(e.label, n.x, n.y, t.edgeLabel, a`text-anchor="middle" font-size="${t.edgeLabel}" font-weight="${L.edgeLabel}" fill="color-mix(in srgb, var(--fg) ${Mi}%, var(--bg))"`)}`;
 }
-function Ii(e) {
+function zi(e) {
 	if (e.points.length < 2) return "";
 	let t = [], n = e.points[0], r = e.points[1];
-	t.push(Li(n, r, e.cardinality1));
+	t.push(Bi(n, r, e.cardinality1));
 	let i = e.points[e.points.length - 1], a = e.points[e.points.length - 2];
-	return t.push(Li(i, a, e.cardinality2)), t.join("\n");
+	return t.push(Bi(i, a, e.cardinality2)), t.join("\n");
 }
-function Li(e, t, n) {
+function Bi(e, t, n) {
 	let r = [], i = R.connector + .25, o = e.x - t.x, s = e.y - t.y, c = Math.sqrt(o * o + s * s);
 	if (c === 0) return "";
 	let l = o / c, u = s / 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";
@@ -2958,7 +2993,7 @@ function Li(e, t, n) {
 	}
 	return r.join("\n");
 }
-function Ri(e) {
+function Vi(e) {
 	if (e.length === 0) return {
 		x: 0,
 		y: 0
@@ -2984,7 +3019,7 @@ function Ri(e) {
 	}
 	return e[e.length - 1];
 }
-var zi = i, Bi = {
+var Hi = i, Ui = {
 	padding: 30,
 	actorGap: 140,
 	actorHeight: 40,
@@ -3006,24 +3041,24 @@ var zi = i, Bi = {
 	noteStackGap: 4,
 	boxPad: 10
 };
-function Vi(e) {
+function Wi(e) {
 	return e + 8;
 }
-var Hi = 14, Ui = 4;
-function Wi(e, t, n) {
+var Gi = 14, Ki = 4;
+function qi(e, t, n) {
 	return 14 + l(e, t, n).height / 2;
 }
-function Gi(e) {
+function Ji(e) {
 	return {
-		...Bi,
-		actorHeight: e?.actorHeight ?? Bi.actorHeight,
-		headerGap: e?.headerGap ?? Bi.headerGap,
-		messageRowHeight: e?.messageRowHeight ?? Bi.messageRowHeight,
-		noteOffsetAfterMessage: e?.noteOffsetAfterMessage ?? Bi.noteOffsetAfterMessage,
-		noteStackGap: e?.noteStackGap ?? Bi.noteStackGap
+		...Ui,
+		actorHeight: e?.actorHeight ?? Ui.actorHeight,
+		headerGap: e?.headerGap ?? Ui.headerGap,
+		messageRowHeight: e?.messageRowHeight ?? Ui.messageRowHeight,
+		noteOffsetAfterMessage: e?.noteOffsetAfterMessage ?? Ui.noteOffsetAfterMessage,
+		noteStackGap: e?.noteStackGap ?? Ui.noteStackGap
 	};
 }
-function Ki(e, t = {}) {
+function Yi(e, t = {}) {
 	if (e.actors.length === 0) return {
 		width: 0,
 		height: 0,
@@ -3035,7 +3070,7 @@ function Ki(e, t = {}) {
 		notes: [],
 		boxes: []
 	};
-	let n = Gi(t.sequence), r = Te(t.fontSizes), i = e.actors.map((e) => {
+	let n = Ji(t.sequence), r = Te(t.fontSizes), i = e.actors.map((e) => {
 		let t = F(e.label, r.nodeLabel, L.nodeLabel);
 		return Math.max(t + n.actorPadX * 2, 80);
 	}), a = [], o = n.padding + i[0] / 2;
@@ -3048,7 +3083,7 @@ function Ki(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 ? Vi(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 ? Wi(r.edgeLabel) : 0), d = n.padding + u, f = e.actors.map((e, t) => ({
 		id: e.id,
 		label: e.label,
 		type: e.type,
@@ -3065,7 +3100,7 @@ function Ki(e, t = {}) {
 			height: 0
 		};
 		return e.color !== void 0 && (u.color = e.color), u;
-	}), m = e.actors.map((e) => e.type === "actor" ? Wi(e.label, r.nodeLabel, L.nodeLabel) : 0), h = Math.max(0, ...e.actors.map((e, t) => e.createdAt === void 0 ? m[t] : 0)), g = r.edgeLabel + 12, _ = d + n.actorHeight + Math.max(n.headerGap, h > 0 ? h + Ui + g : 0), v = [], y = /* @__PURE__ */ new Map();
+	}), m = e.actors.map((e) => e.type === "actor" ? qi(e.label, r.nodeLabel, L.nodeLabel) : 0), h = Math.max(0, ...e.actors.map((e, t) => e.createdAt === void 0 ? m[t] : 0)), g = r.edgeLabel + 12, _ = d + n.actorHeight + Math.max(n.headerGap, h > 0 ? h + Ki + g : 0), v = [], y = /* @__PURE__ */ new Map();
 	for (let t of e.blocks) {
 		let e = y.get(t.startIndex) ?? 0;
 		y.set(t.startIndex, Math.max(e, n.blockHeaderExtra));
@@ -3218,10 +3253,10 @@ function Ki(e, t = {}) {
 			height: u - l,
 			dividers: g
 		};
-	}), j = x, ee = _ + n.padding, M = n.padding, N = 0;
+	}), ee = x, j = _ + n.padding, M = n.padding, N = 0;
 	for (let e of f) M = Math.min(M, e.x - e.width / 2), N = Math.max(N, e.x + e.width / 2);
 	for (let e of A) M = Math.min(M, e.x), N = Math.max(N, e.x + e.width);
-	for (let e of j) M = Math.min(M, e.x), N = Math.max(N, e.x + e.width);
+	for (let e of ee) M = Math.min(M, e.x), N = Math.max(N, e.x + e.width);
 	for (let e of p) M = Math.min(M, e.x), N = Math.max(N, e.x + e.width);
 	for (let e of v) if (e.isSelf && e.label) {
 		let t = e.x1 + 30 + 8, n = F(e.label, r.edgeLabel, L.edgeLabel);
@@ -3233,7 +3268,7 @@ function Ki(e, t = {}) {
 		for (let e of v) e.x1 += P, e.x2 += P;
 		for (let e of w) e.x += P;
 		for (let e of A) e.x += P;
-		for (let e of j) e.x += P;
+		for (let e of ee) e.x += P;
 		for (let e of p) e.x += P;
 		for (let e = 0; e < a.length; e++) a[e] += P;
 	}
@@ -3245,45 +3280,45 @@ function Ki(e, t = {}) {
 		let r = e.destroyedAt, i = {
 			actorId: e.id,
 			x: a[t],
-			topY: f[t].y + n.actorHeight + (m[t] > 0 ? m[t] + Ui : 0),
-			bottomY: r === void 0 ? ee - n.padding : v[r]?.y ?? _
+			topY: f[t].y + n.actorHeight + (m[t] > 0 ? m[t] + Ki : 0),
+			bottomY: r === void 0 ? j - n.padding : v[r]?.y ?? _
 		};
 		return r !== void 0 && (i.destroyed = !0), i;
 	});
-	for (let e of p) e.height = ee - n.padding + n.boxPad - e.y;
+	for (let e of p) e.height = j - n.padding + n.boxPad - e.y;
 	let ne = N + P + n.padding;
 	return {
 		width: Math.max(ne, 200),
-		height: Math.max(ee, 100),
+		height: Math.max(j, 100),
 		actors: f,
 		lifelines: te,
 		messages: v,
 		activations: w,
 		blocks: A,
-		notes: j,
+		notes: ee,
 		boxes: p
 	};
 }
 //#endregion
 //#region packages/svg-renderer/src/sequence/renderer.ts
-function qi(e, n, r = "Inter", i = !1, a = I, o, s, c, l = {}) {
+function Xi(e, n, r = "Inter", i = !1, a = I, o, s, c, l = {}) {
 	let u = [];
-	u.push(Lr(x(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(Ji()), u.push("</defs>");
-	for (let t of e.boxes) u.push(fa(t, a));
-	for (let t of e.blocks) u.push(pa(t, a));
-	let d = ia(e, a);
-	for (let t of e.lifelines) u.push(oa(t, d));
-	for (let t of e.activations) u.push(ca(t));
-	for (let t of e.messages) u.push(la(t, a));
-	for (let t of e.notes) u.push(ma(t, a));
-	for (let t of e.actors) u.push(Yi(t, a));
+	u.push(Br(x(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(Zi()), u.push("</defs>");
+	for (let t of e.boxes) u.push(ha(t, a));
+	for (let t of e.blocks) u.push(ga(t, a));
+	let d = sa(e, a);
+	for (let t of e.lifelines) u.push(la(t, d));
+	for (let t of e.activations) u.push(da(t));
+	for (let t of e.messages) u.push(fa(t, a));
+	for (let t of e.notes) u.push(_a(t, a));
+	for (let t of e.actors) u.push(Qi(t, a));
 	return u.push("</svg>"), u.join("\n");
 }
-function Ji() {
+function Zi() {
 	let e = Oe.width, t = Oe.height;
 	return a`  <marker id="seq-arrow" markerWidth="${e}" markerHeight="${t}" refX="${e}" refY="${t / 2}" orient="auto-start-reverse">` + a`\n    <polygon points="0 0, ${e} ${t / 2}, 0 ${t}" fill="var(--_arrow)" />` + "\n  </marker>" + a`\n  <marker id="seq-arrow-open" markerWidth="${e}" markerHeight="${t}" refX="${e}" refY="${t / 2}" orient="auto-start-reverse">` + a`\n    <polyline points="0 0, ${e} ${t / 2}, 0 ${t}" fill="none" stroke="var(--_arrow)" stroke-width="1" />` + "\n  </marker>";
 }
-function Yi(e, t) {
+function Qi(e, t) {
 	let { id: n, x: i, y: o, width: s, height: c, label: l, type: u } = e, d = [];
 	if (d.push(a`<g class="actor" data-id="${r(n)}" data-label="${r(l)}" data-type="${u}">`), u === "actor") {
 		let e = c / 24 * .9, n = i - 12 * e, r = o + (c - 24 * e) / 2, s = R.outerBox / e, u = "var(--_line)";
@@ -3294,8 +3329,8 @@ function Yi(e, t) {
 	}
 	return d.push("</g>"), d.join("\n");
 }
-var Xi = 30, Zi = 20, Qi = 8, $i = 10, ea = 18, ta = 3, na = 2, ra = 3;
-function ia(e, t) {
+var $i = 30, ea = 20, ta = 8, na = 10, ra = 18, ia = 3, aa = 2, oa = 3;
+function sa(e, t) {
 	let n = [], r = (e) => l(e, t.edgeLabel, L.edgeLabel), i = (e, t, i) => {
 		let a = r(e);
 		n.push({
@@ -3313,64 +3348,64 @@ function ia(e, t) {
 			y1: i + a.height / 2
 		});
 	};
-	for (let t of e.messages) t.label && (t.isSelf ? a(t.label, t.x1 + Xi + Qi, t.y + Zi / 2) : i(t.label, (t.x1 + t.x2) / 2, t.y - $i));
+	for (let t of e.messages) t.label && (t.isSelf ? a(t.label, t.x1 + $i + ta, t.y + ea / 2) : i(t.label, (t.x1 + t.x2) / 2, t.y - na));
 	for (let r of e.blocks) {
 		let e = F(`${r.type}${r.label ? ` [${r.label}]` : ""}`.split("\n")[0] ?? "", t.edgeLabel, L.groupHeader) + 16;
 		n.push({
 			x0: r.x,
 			x1: r.x + e,
 			y0: r.y,
-			y1: r.y + ea
+			y1: r.y + ra
 		});
 		for (let e of r.dividers) e.label && a(`[${e.label}]`, r.x + 8, e.y + 14);
 	}
 	return n;
 }
-function aa(e, t) {
-	let n = t.filter((t) => e.x > t.x0 - ta && e.x < t.x1 + ta && t.y1 + na > e.topY && t.y0 - na < e.bottomY).map((e) => [e.y0 - na, e.y1 + na]).sort((e, t) => e[0] - t[0]), r = [], i = e.topY;
-	for (let [e, t] of n) e - i >= ra && r.push([i, e]), i = Math.max(i, t);
-	return e.bottomY - i >= ra && r.push([i, e.bottomY]), r.length > 0 ? r : [[e.topY, e.bottomY]];
+function ca(e, t) {
+	let n = t.filter((t) => e.x > t.x0 - ia && e.x < t.x1 + ia && t.y1 + aa > e.topY && t.y0 - aa < e.bottomY).map((e) => [e.y0 - aa, e.y1 + aa]).sort((e, t) => e[0] - t[0]), r = [], i = e.topY;
+	for (let [e, t] of n) e - i >= oa && r.push([i, e]), i = Math.max(i, t);
+	return e.bottomY - i >= oa && r.push([i, e.bottomY]), r.length > 0 ? r : [[e.topY, e.bottomY]];
 }
-function oa(e, t) {
-	let n = aa(e, t).map(([t, n]) => a`<line class="lifeline" data-actor="${r(e.actorId)}" ` + a`x1="${e.x}" y1="${t}" x2="${e.x}" y2="${n}" ` + "stroke=\"var(--_line)\" stroke-width=\"0.75\" stroke-dasharray=\"6 4\" />").join("\n");
+function la(e, t) {
+	let n = ca(e, t).map(([t, n]) => a`<line class="lifeline" data-actor="${r(e.actorId)}" ` + a`x1="${e.x}" y1="${t}" x2="${e.x}" y2="${n}" ` + "stroke=\"var(--_line)\" stroke-width=\"0.75\" stroke-dasharray=\"6 4\" />").join("\n");
 	if (!e.destroyed) return n;
-	let { x: i, bottomY: o } = e, s = sa;
+	let { x: i, bottomY: o } = e, s = ua;
 	return n + a`\n<path class="destroy" data-actor="${r(e.actorId)}" ` + a`d="M${i - s} ${o - s} L${i + s} ${o + s} M${i + s} ${o - s} L${i - s} ${o + s}" ` + a`fill="none" stroke="var(--_line)" stroke-width="${R.outerBox}" stroke-linecap="round" />`;
 }
-var sa = 8;
-function ca(e) {
+var ua = 8;
+function da(e) {
 	return a`<rect class="activation" data-actor="${r(e.actorId)}" ` + a`x="${e.x}" y="${e.topY}" width="${e.width}" height="${e.bottomY - e.topY}" ` + a`fill="var(--_node-fill)" stroke="var(--_node-stroke)" stroke-width="${R.innerBox}" />`;
 }
-function la(e, t) {
+function fa(e, t) {
 	let n = [], i = e.lineStyle === "dashed" ? " stroke-dasharray=\"6 4\"" : "", o = e.arrowHead === "filled" ? "seq-arrow" : "seq-arrow-open", s = e.bidirectional ? a` marker-start="url(#${o})"` : "";
 	if (n.push(a`<g class="message" data-from="${r(e.from)}" data-to="${r(e.to)}" ` + a`data-label="${r(e.label)}" data-line-style="${e.lineStyle}" ` + a`data-arrow-head="${e.arrowHead}" data-self="${e.isSelf}" data-bidirectional="${e.bidirectional}">`), e.isSelf) {
-		let r = Xi, c = Zi, l = Qi;
+		let r = $i, c = ea, l = ta;
 		n.push(a`  <polyline points="${e.x1},${e.y} ${e.x1 + r},${e.y} ${e.x1 + r},${e.y + c} ${e.x2},${e.y + c}" ` + a`fill="none" stroke="var(--_line)" stroke-width="${R.connector}"${i} marker-end="url(#${o})"${s} />`), n.push("  " + p(e.label, e.x1 + r + l, e.y + c / 2, t.edgeLabel, a`font-size="${t.edgeLabel}" text-anchor="start" font-weight="${L.edgeLabel}" fill="var(--_text-muted)"`));
 	} else {
 		n.push(a`  <line x1="${e.x1}" y1="${e.y}" x2="${e.x2}" y2="${e.y}" ` + a`stroke="var(--_line)" stroke-width="${R.connector}"${i} marker-end="url(#${o})"${s} />`);
 		let r = (e.x1 + e.x2) / 2;
-		n.push("  " + p(e.label, r, e.y - $i, t.edgeLabel, a`font-size="${t.edgeLabel}" text-anchor="middle" font-weight="${L.edgeLabel}" fill="var(--_text-muted)"`));
+		n.push("  " + p(e.label, r, e.y - na, t.edgeLabel, a`font-size="${t.edgeLabel}" text-anchor="middle" font-weight="${L.edgeLabel}" fill="var(--_text-muted)"`));
 	}
-	return e.seqNumber !== void 0 && n.push("  " + ua(e, t)), n.push("</g>"), n.join("\n");
+	return e.seqNumber !== void 0 && n.push("  " + pa(e, t)), n.push("</g>"), n.join("\n");
 }
-function ua(e, t) {
+function pa(e, t) {
 	let n = Math.max(t.edgeLabel - 2, 8), r = e.bidirectional ? e.x1 + Math.sign(e.x2 - e.x1) * (8 + Oe.width) : e.x1;
 	return "<g class=\"seq-number\">" + a`<circle cx="${r}" cy="${e.y}" r="${8}" fill="var(--bg)" stroke="var(--_arrow)" stroke-width="${R.innerBox}" />` + p(String(e.seqNumber), r, e.y, n, a`font-size="${n}" text-anchor="middle" font-weight="${L.edgeLabel}" fill="var(--_arrow)"`) + "</g>";
 }
-var da = 35;
-function fa(e, t) {
-	let n = e.label ? a` data-label="${r(e.label)}"` : "", i = e.color === void 0 ? "" : a` data-color="${r(e.color)}"`, o = e.color === void 0 ? "none" : a`color-mix(in srgb, ${r(e.color)} ${da}%, var(--bg))`, s = [a`<g class="participant-box"${n}${i}>`, a`  <rect x="${e.x}" y="${e.y}" width="${e.width}" height="${e.height}" rx="4" ry="4" ` + a`fill="${o}" stroke="var(--_node-stroke)" stroke-width="${R.innerBox}" />`];
-	return e.label && s.push("  " + p(e.label, e.x + e.width / 2, e.y + Vi(t.edgeLabel) / 2, t.edgeLabel, a`font-size="${t.edgeLabel}" text-anchor="middle" font-weight="${L.groupHeader}" fill="var(--_text-sec)"`)), s.push("</g>"), s.join("\n");
+var ma = 35;
+function ha(e, t) {
+	let n = e.label ? a` data-label="${r(e.label)}"` : "", i = e.color === void 0 ? "" : a` data-color="${r(e.color)}"`, o = e.color === void 0 ? "none" : a`color-mix(in srgb, ${r(e.color)} ${ma}%, var(--bg))`, s = [a`<g class="participant-box"${n}${i}>`, a`  <rect x="${e.x}" y="${e.y}" width="${e.width}" height="${e.height}" rx="4" ry="4" ` + a`fill="${o}" stroke="var(--_node-stroke)" stroke-width="${R.innerBox}" />`];
+	return e.label && s.push("  " + p(e.label, e.x + e.width / 2, e.y + Wi(t.edgeLabel) / 2, t.edgeLabel, a`font-size="${t.edgeLabel}" text-anchor="middle" font-weight="${L.groupHeader}" fill="var(--_text-sec)"`)), s.push("</g>"), s.join("\n");
 }
-function pa(e, t) {
+function ga(e, t) {
 	let n = [], i = e.label ? a` data-label="${r(e.label)}"` : "";
 	n.push(a`<g class="block" data-type="${r(e.type)}"${i}>`), n.push(a`  <rect x="${e.x}" y="${e.y}" width="${e.width}" height="${e.height}" ` + a`rx="0" ry="0" fill="none" stroke="var(--_node-stroke)" stroke-width="${R.outerBox}" />`);
-	let o = a`${e.type}${e.label ? a` [${e.label}]` : ""}`, s = o.split("\n")[0], c = F(s, t.edgeLabel, L.groupHeader) + 16, l = ea;
+	let o = a`${e.type}${e.label ? a` [${e.label}]` : ""}`, s = o.split("\n")[0], c = F(s, t.edgeLabel, L.groupHeader) + 16, l = ra;
 	n.push(a`  <rect x="${e.x}" y="${e.y}" width="${c}" height="${l}" ` + a`fill="var(--_group-hdr)" stroke="var(--_node-stroke)" stroke-width="${R.outerBox}" />`), n.push("  " + p(o, e.x + 6, e.y + l / 2, t.edgeLabel, a`font-size="${t.edgeLabel}" font-weight="${L.groupHeader}" fill="var(--_text-sec)"`));
 	for (let r of e.dividers) n.push(a`  <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("  " + p(a`[${r.label}]`, e.x + 8, r.y + 14, t.edgeLabel, a`font-size="${t.edgeLabel}" text-anchor="start" font-weight="${L.edgeLabel}" fill="var(--_text-muted)"`));
 	return n.push("</g>"), n.join("\n");
 }
-function ma(e, t) {
+function _a(e, t) {
 	let { x: n, y: i, width: o, height: s } = e, c = e.actors && e.actors.length > 0 ? a` data-actors="${e.actors.map(r).join(",")}"` : "", l = e.position ? a` data-position="${r(e.position)}"` : "", u = [
 		a`${n},${i}`,
 		a`${n + o - 6},${i}`,
@@ -3409,23 +3444,23 @@ var G = {
 	legendGap: 6,
 	legendItemGap: 16
 };
-function ha(e, t = {}) {
-	return e.horizontal ? _a(e) : ga(e);
+function va(e, t = {}) {
+	return e.horizontal ? ba(e) : ya(e);
 }
-function ga(e) {
+function ya(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 = Ta(a.min, a.max), s = Ea(o), c = Math.max(...s.map((e) => F(e, G.axisLabelFontSize, G.axisLabelFontWeight)), G.yLabelWidth), l = G.padding + (t ? G.titleHeight : 0) + (i ? G.legendHeight : 0), u = G.padding + G.xLabelHeight + (n ? G.axisTitlePad : 0), d = G.padding + c + G.yLabelGap + (r ? G.axisTitlePad : 0), f = G.padding, p = G.plotWidth, m = G.plotHeight, h = d + p + f, g = l + m + u, _ = {
+	let o = Oa(a.min, a.max), s = ka(o), c = Math.max(...s.map((e) => F(e, G.axisLabelFontSize, G.axisLabelFontWeight)), G.yLabelWidth), l = G.padding + (t ? G.titleHeight : 0) + (i ? G.legendHeight : 0), u = G.padding + G.xLabelHeight + (n ? G.axisTitlePad : 0), d = G.padding + c + G.yLabelGap + (r ? G.axisTitlePad : 0), f = G.padding, p = G.plotWidth, m = G.plotHeight, h = d + p + f, g = l + m + u, _ = {
 		x: d,
 		y: l,
 		width: p,
 		height: m
-	}, v = va(e), y = (e) => d + (e + .5) * (p / v), b = p / v, x = (e) => {
+	}, v = xa(e), y = (e) => d + (e + .5) * (p / v), b = p / v, x = (e) => {
 		let t = (e - a.min) / (a.max - a.min || 1);
 		return l + m - t * m;
-	}, S = Sa(e, y, l + m, b), C = o.map((e, t) => ({
+	}, S = Ta(e, y, l + m, b), C = o.map((e, t) => ({
 		label: s[t],
 		x: d,
 		y: x(e),
@@ -3439,19 +3474,19 @@ function ga(e) {
 		y1: x(e),
 		x2: d + p,
 		y2: x(e)
-	})), T = ya(e, v), E = e.series.map((e, t) => t), D = Ca(e, y, x, b, a.min, T, E), O = wa(e, y, x, T, E), k = G.padding + (t ? G.titleHeight : 0) + G.legendHeight / 2, A = i ? Oa(e, h / 2, k, E) : [], j = {
+	})), T = Sa(e, v), E = e.series.map((e, t) => t), D = Ea(e, y, x, b, a.min, T, E), O = Da(e, y, x, T, E), k = G.padding + (t ? G.titleHeight : 0) + G.legendHeight / 2, A = i ? ja(e, h / 2, k, E) : [], ee = {
 		x1: d,
 		y1: l + m,
 		x2: d + p,
 		y2: l + m
-	}, ee = {
+	}, j = {
 		x1: d,
 		y1: l,
 		x2: d,
 		y2: l + m
 	}, M = {
 		ticks: S,
-		line: j,
+		line: ee,
 		...e.xAxis.title ? { title: {
 			text: e.xAxis.title,
 			x: d + p / 2,
@@ -3459,7 +3494,7 @@ function ga(e) {
 		} } : {}
 	}, N = {
 		ticks: C,
-		line: ee,
+		line: j,
 		...e.yAxis.title ? { title: {
 			text: e.yAxis.title,
 			x: G.padding + 4,
@@ -3484,12 +3519,12 @@ function ga(e) {
 		legend: A
 	};
 }
-function _a(e) {
+function ba(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 = Ta(a.min, a.max), s = Ea(o), c = va(e), l = ya(e, c), u = Math.max(...l.map((e) => F(e, G.axisLabelFontSize, G.axisLabelFontWeight)), 40), d = G.padding + (t ? G.titleHeight : 0) + (i ? G.legendHeight : 0), f = G.padding + G.xLabelHeight + (r ? G.axisTitlePad : 0), p = G.padding + u + G.yLabelGap + (n ? G.axisTitlePad : 0), m = G.padding, h = G.plotWidth, g = G.plotHeight, _ = p + h + m, v = d + g + f, y = {
+	let o = Oa(a.min, a.max), s = ka(o), c = xa(e), l = Sa(e, c), u = Math.max(...l.map((e) => F(e, G.axisLabelFontSize, G.axisLabelFontWeight)), 40), d = G.padding + (t ? G.titleHeight : 0) + (i ? G.legendHeight : 0), f = G.padding + G.xLabelHeight + (r ? G.axisTitlePad : 0), p = G.padding + u + G.yLabelGap + (n ? G.axisTitlePad : 0), m = G.padding, h = G.plotWidth, g = G.plotHeight, _ = p + h + m, v = d + g + f, y = {
 		x: p,
 		y: d,
 		width: h,
@@ -3544,10 +3579,10 @@ function _a(e) {
 			o++, s++;
 		}
 	}
-	let k = [], A = 0, j = 0;
+	let k = [], A = 0, ee = 0;
 	for (let t of e.series) {
 		if (t.type !== "line") {
-			j++;
+			ee++;
 			continue;
 		}
 		let e = t.data.map((e, t) => ({
@@ -3559,10 +3594,10 @@ function _a(e) {
 		k.push({
 			points: e,
 			seriesIndex: A,
-			colorIndex: E[j]
-		}), A++, j++;
+			colorIndex: E[ee]
+		}), A++, ee++;
 	}
-	let ee = {
+	let j = {
 		x1: p,
 		y1: d + g,
 		x2: p + h,
@@ -3574,7 +3609,7 @@ function _a(e) {
 		y2: d + g
 	}, N = {
 		ticks: C,
-		line: ee,
+		line: j,
 		...e.yAxis.title ? { title: {
 			text: e.yAxis.title,
 			x: p + h / 2,
@@ -3605,28 +3640,28 @@ function _a(e) {
 		bars: O,
 		lines: k,
 		gridLines: T,
-		legend: i ? Oa(e, _ / 2, ne, E) : []
+		legend: i ? ja(e, _ / 2, ne, E) : []
 	};
 }
-function va(e) {
+function xa(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 ya(e, t) {
+function Sa(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) => Da(n + i * t));
+		return Array.from({ length: t }, (e, t) => Aa(n + i * t));
 	}
 	return Array.from({ length: t }, (e, t) => String(t + 1));
 }
-var ba = 8;
-function xa(e, t) {
+var Ca = 8;
+function wa(e, t) {
 	let n = e.map((e) => F(e, G.axisLabelFontSize, G.axisLabelFontWeight));
 	for (let r = 1; r < e.length; r++) {
 		let i = !0;
-		for (let a = 0; a + r < e.length; a += r) if (r * t - (n[a] + n[a + r]) / 2 < ba) {
+		for (let a = 0; a + r < e.length; a += r) if (r * t - (n[a] + n[a + r]) / 2 < Ca) {
 			i = !1;
 			break;
 		}
@@ -3634,8 +3669,8 @@ function xa(e, t) {
 	}
 	return Math.max(1, e.length);
 }
-function Sa(e, t, n, r) {
-	let i = ya(e, va(e)), a = xa(i, r);
+function Ta(e, t, n, r) {
+	let i = Sa(e, xa(e)), a = wa(i, r);
 	return i.map((e, r) => ({
 		label: r % a === 0 ? e : "",
 		x: t(r),
@@ -3647,7 +3682,7 @@ function Sa(e, t, n, r) {
 		textAnchor: "middle"
 	}));
 }
-function Ca(e, t, n, r, i, a, o) {
+function Ea(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 - G.barPadRatio), l = s > 1 ? (c - (s - 1) * G.barGroupGap) / s : c, u = Math.min(l, G.maxBarWidth), d = s > 1 ? u * s + G.barGroupGap * (s - 1) : u, f = [], p = 0, m = 0;
@@ -3673,7 +3708,7 @@ function Ca(e, t, n, r, i, a, o) {
 	}
 	return f;
 }
-function wa(e, t, n, r, i) {
+function Da(e, t, n, r, i) {
 	let a = [], o = 0, s = 0;
 	for (let c of e.series) {
 		if (c.type !== "line") {
@@ -3694,7 +3729,7 @@ function wa(e, t, n, r, i) {
 	}
 	return a;
 }
-function Ta(e, t) {
+function Oa(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;
@@ -3703,14 +3738,14 @@ function Ta(e, t) {
 	for (let e = s; e <= t + o * .001; e += o) c.push(Math.round(e * 1e10) / 1e10);
 	return c;
 }
-function Ea(e) {
+function ka(e) {
 	let t = e.length > 1 ? Math.abs(e[1] - e[0]) : 0, n = t > 0 && t < 1 ? Math.ceil(-Math.log10(t) - 1e-9) : 0;
 	return e.map((e) => String(Number.isInteger(e) && n === 0 ? e : Number(e.toFixed(n))));
 }
-function Da(e) {
+function Aa(e) {
 	return Number.isInteger(e) ? String(e) : e.toFixed(+(Math.abs(e) < 10));
 }
-function Oa(e, t, n, r) {
+function ja(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}`;
@@ -3754,24 +3789,24 @@ var K = {
 	minY: 4,
 	pointerSize: 6
 };
-function ka(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 = Lr(x(e.width, e.height, n, i, s, c, void 0, l.styleAttribute).replace("<svg ", `<svg data-xychart-colors="${d}" `), o);
+function Ma(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 = Br(x(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: g } = Aa(e, a, m, n.accent, n.bg, l.nonce);
+	let p = Math.max(...e.lines.map((e) => e.points.length), 0), m = p > 0 && p <= 12, { style: h, defs: g } = Na(e, a, m, n.accent, n.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, S = y.length > 1 ? Math.abs(y[1] - y[0]) : _.height / 6, C = b / Math.max(1, Math.round(b / 20)), w = S / Math.max(1, Math.round(S / 20)), T = v[0] ?? _.x, E = y[0] ?? _.y, D = T - Math.ceil((T - _.x) / C) * C, O = E - Math.ceil((E - _.y) / w) * w;
 	for (let e = O; e <= _.y + _.height + .5; e += w) for (let t = D; t <= _.x + _.width + .5; t += C) u.push(`<circle cx="${J(t)}" cy="${J(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="${Y(t.label)}"` : ""}`, r = e.horizontal ? Ma(t.x, t.y, t.width, t.height, K.barRadius) : ja(t.x, t.y, t.width, t.height, K.barRadius);
+		let n = ` data-value="${t.value}"${t.label ? ` data-label="${Y(t.label)}"` : ""}`, r = e.horizontal ? Fa(t.x, t.y, t.width, t.height, K.barRadius) : Pa(t.x, t.y, t.width, t.height, K.barRadius);
 		if (u.push(`<path d="${r}" class="xychart-bar xychart-color-${t.colorIndex}"${n}/>`), a) {
-			let e = Ia(t.value), n = t.label ? `${t.label}: ${e}` : e, r = Fa(t.x + t.width / 2, t.y, e);
+			let e = za(t.value), n = t.label ? `${t.label}: ${e}` : e, r = Ra(t.x + t.width / 2, t.y, e);
 			k.push(`<g class="xychart-bar-group"><rect x="${J(t.x)}" y="${J(t.y)}" width="${J(t.width)}" height="${J(t.height)}" fill="transparent"/><title>${Y(n)}</title>` + r + "</g>");
 		}
 	}
 	for (let t of e.lines) {
 		if (t.points.length === 0) continue;
-		let e = Na(t.points);
+		let e = Ia(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 = [];
@@ -3794,16 +3829,16 @@ function ka(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 = K.dotRadius * 3, s = `<rect x="${J(n - o)}" y="${J(i - o)}" width="${J(o * 2)}" height="${J(a - i + o * 2)}" fill="transparent" class="xychart-hit"/>`, c = e.map((e) => ({
-					text: Ia(e.value),
+					text: za(e.value),
 					legendLabel: t.get(e.seriesIndex) || `Line ${e.seriesIndex + 1}`
-				})), l = Pa(n, i - K.dotRadius, r, c), u = c.map((e) => e.text), d = r ? `${r}: ${u.join(" · ")}` : u.join(" · "), f = `<g class="xychart-dot-group">${s}`;
+				})), l = La(n, i - K.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="${Y(t.label)}"` : ""}`;
 					f += `<circle cx="${J(t.x)}" cy="${J(t.y)}" r="${K.dotRadius}" class="xychart-dot xychart-color-${t.colorIndex}"${e}/>`;
 				}
 				f += `<title>${Y(d)}</title>${l}</g>`, A.push(f);
 			} else if (a) {
-				let t = e[0], r = ` data-value="${t.value}"${t.label ? ` data-label="${Y(t.label)}"` : ""}`, i = Ia(t.value), a = t.label ? `${t.label}: ${i}` : i, o = Fa(n, t.y - K.dotRadius, i), s = m ? `<circle cx="${J(n)}" cy="${J(t.y)}" r="${K.dotRadius * 3}" fill="transparent" class="xychart-hit"/>` : "";
+				let t = e[0], r = ` data-value="${t.value}"${t.label ? ` data-label="${Y(t.label)}"` : ""}`, i = za(t.value), a = t.label ? `${t.label}: ${i}` : i, o = Ra(n, t.y - K.dotRadius, i), s = m ? `<circle cx="${J(n)}" cy="${J(t.y)}" r="${K.dotRadius * 3}" fill="transparent" class="xychart-hit"/>` : "";
 				A.push(`<g class="xychart-dot-group">${s}<circle cx="${J(t.x)}" cy="${J(t.y)}" r="${K.dotRadius}" class="xychart-dot xychart-color-${t.colorIndex}"${r}/><title>${Y(a)}</title>${o}</g>`);
 			} else for (let t of e) {
 				let e = ` data-value="${t.value}"${t.label ? ` data-label="${Y(t.label)}"` : ""}`;
@@ -3834,13 +3869,13 @@ function ka(e, n, r = "Inter", i = !1, a = !1, o, s, c, l = {}) {
 	for (let e of A) u.push(e);
 	return u.push("</svg>"), u.join("\n");
 }
-function Aa(e, t, n, r, i, a) {
+function Na(e, t, n, r, i, a) {
 	let o = r ?? E, 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, ${E})` : ee(e, o, i);
+		let t = e === 0 ? `var(--accent, ${E})` : j(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 = [];
@@ -3870,7 +3905,7 @@ ${l.join("\n")}${u}
 		defs: ""
 	};
 }
-function ja(e, t, n, r, i) {
+function Pa(e, t, n, r, i) {
 	let a = Math.min(i, n / 2, r / 2);
 	return a <= 0 ? `M${J(e)},${J(t)} h${J(n)} v${J(r)} h${J(-n)} Z` : [
 		`M${J(e)},${J(t + a)}`,
@@ -3884,7 +3919,7 @@ function ja(e, t, n, r, i) {
 		"Z"
 	].join(" ");
 }
-function Ma(e, t, n, r, i) {
+function Fa(e, t, n, r, i) {
 	let a = Math.min(i, n / 2, r / 2);
 	return a <= 0 ? `M${J(e)},${J(t)} h${J(n)} v${J(r)} h${J(-n)} Z` : [
 		`M${J(e + a)},${J(t)}`,
@@ -3899,7 +3934,7 @@ function Ma(e, t, n, r, i) {
 		"Z"
 	].join(" ");
 }
-function Na(e) {
+function Ia(e) {
 	if (e.length === 0) return "";
 	if (e.length === 1) return `M${J(e[0].x)},${J(e[0].y)}`;
 	if (e.length === 2) return `M${J(e[0].x)},${J(e[0].y)} L${J(e[1].x)},${J(e[1].y)}`;
@@ -3924,7 +3959,7 @@ function Na(e) {
 	}
 	return o;
 }
-function Pa(e, t, n, r) {
+function La(e, t, n, r) {
 	let i = F(n, q.fontSize, 600), a = Math.max(...r.map((e) => {
 		let t = F(e.legendLabel, q.fontSize, q.fontWeight), n = F(e.text, q.fontSize, q.fontWeight);
 		return t + 10 + n;
@@ -3936,11 +3971,11 @@ function Pa(e, t, n, r) {
 	for (let e of r) h += 20, m += `<text x="${J(g)}" y="${J(h)}" text-anchor="start" font-size="${q.fontSize}" font-weight="${q.fontWeight}" dy="${z}" class="xychart-tip xychart-tip-text">${Y(e.legendLabel)}</text>`, m += `<text x="${J(_)}" y="${J(h)}" text-anchor="end" font-size="${q.fontSize}" font-weight="${q.fontWeight}" dy="${z}" class="xychart-tip xychart-tip-text">${Y(e.text)}</text>`;
 	return m;
 }
-function Fa(e, t, n) {
+function Ra(e, t, n) {
 	let r = F(n, q.fontSize, q.fontWeight) + q.padX * 2, i = q.height, a = Math.max(q.minY, t - q.offsetY - i - q.pointerSize), o = e - r / 2, s = e, c = a + i / 2, l = e, u = a + i, d = q.pointerSize, f = `<polygon points="${J(l - d)},${J(u)} ${J(l + d)},${J(u)} ${J(l)},${J(u + d)}" class="xychart-tip xychart-tip-ptr"/>`;
 	return `<rect x="${J(o)}" y="${J(a)}" width="${J(r)}" height="${i}" rx="${q.rx}" class="xychart-tip xychart-tip-bg"/>` + f + `<text x="${J(s)}" y="${J(c)}" text-anchor="middle" dy="${z}" class="xychart-tip xychart-tip-text">${Y(n)}</text>`;
 }
-function Ia(e) {
+function za(e) {
 	return Number.isInteger(e) ? e.toLocaleString("en-US") : e.toFixed(+(Math.abs(e) < 10));
 }
 function J(e) {
@@ -3964,40 +3999,40 @@ var X = {
 	fontWeight: 400,
 	paletteSize: 12,
 	minPercent: 1
-}, La = Math.PI * 2;
+}, Ba = Math.PI * 2;
 function Z(e) {
 	return String(Math.round(e * 100) / 100);
 }
-function Ra(e, t, n, r) {
+function Va(e, t, n, r) {
 	return {
 		x: e + n * Math.sin(r),
 		y: t - n * Math.cos(r)
 	};
 }
-function za(e, t, n, r, i) {
-	if (i - r >= La - 1e-9) return `M${Z(e)},${Z(t - n)}A${Z(n)},${Z(n)},0,1,1,${Z(e)},${Z(t + n)}A${Z(n)},${Z(n)},0,1,1,${Z(e)},${Z(t - n)}Z`;
-	let a = Ra(e, t, n, r), o = Ra(e, t, n, i), s = +(i - r > Math.PI);
+function Ha(e, t, n, r, i) {
+	if (i - r >= Ba - 1e-9) return `M${Z(e)},${Z(t - n)}A${Z(n)},${Z(n)},0,1,1,${Z(e)},${Z(t + n)}A${Z(n)},${Z(n)},0,1,1,${Z(e)},${Z(t - n)}Z`;
+	let a = Va(e, t, n, r), o = Va(e, t, n, i), s = +(i - r > Math.PI);
 	return `M${Z(a.x)},${Z(a.y)}A${Z(n)},${Z(n)},0,${s},1,${Z(o.x)},${Z(o.y)}L${Z(e)},${Z(t)}Z`;
 }
-function Ba(e, t, n) {
+function Ua(e, t, n) {
 	return n ? `${e} [${String(t)}]` : e;
 }
-function Va(e, t = {}) {
+function Wa(e, t = {}) {
 	let n = X.height, r = n, i = Math.min(r, n) / 2 - X.margin, a = r / 2, o = n / 2, s = e.slices.reduce((e, t) => e + t.value, 0), c = e.slices.map((e, t) => ({
 		slice: e,
 		colorIndex: t % X.paletteSize
-	})).filter(({ slice: e }) => e.value / s * 100 >= X.minPercent), l = c.reduce((e, t) => e + t.slice.value, 0), u = X.legendRectSize + X.legendSpacing, d = e.slices.length, f = u * d / 2, p = a + 12 * X.legendRectSize, m = e.slices.map((t) => Ba(t.label, t.value, e.showData)), h = Math.max(0, ...m.map((e) => F(e, X.legendFontSize, X.fontWeight))), g = d > 0 ? r + X.margin + X.legendRectSize + X.legendSpacing + h : r + X.margin, _ = e.title ?? "", v = _.length > 0 ? F(_, X.titleFontSize, X.fontWeight) : 0, y = a - v / 2, b = a + v / 2, x = Math.min(0, y), S = Math.max(g, b), C = o - f, w = o + (d - 1) * u - f + X.legendRectSize, T = d > 0 ? Math.min(0, C) : 0, E = d > 0 ? Math.max(n, w) : n, D = -x, O = -T, k = a + D, A = o + O, j = [], ee = 0, M = i * X.textPosition;
+	})).filter(({ slice: e }) => e.value / s * 100 >= X.minPercent), l = c.reduce((e, t) => e + t.slice.value, 0), u = X.legendRectSize + X.legendSpacing, d = e.slices.length, f = u * d / 2, p = a + 12 * X.legendRectSize, m = e.slices.map((t) => Ua(t.label, t.value, e.showData)), h = Math.max(0, ...m.map((e) => F(e, X.legendFontSize, X.fontWeight))), g = d > 0 ? r + X.margin + X.legendRectSize + X.legendSpacing + h : r + X.margin, _ = e.title ?? "", v = _.length > 0 ? F(_, X.titleFontSize, X.fontWeight) : 0, y = a - v / 2, b = a + v / 2, x = Math.min(0, y), S = Math.max(g, b), C = o - f, w = o + (d - 1) * u - f + X.legendRectSize, T = d > 0 ? Math.min(0, C) : 0, E = d > 0 ? Math.max(n, w) : n, D = -x, O = -T, k = a + D, A = o + O, ee = [], j = 0, M = i * X.textPosition;
 	for (let { slice: e, colorIndex: t } of c) {
-		let n = ee, r = ee + e.value / l * La;
-		ee = r;
-		let a = Ra(k, A, M, (n + r) / 2);
-		j.push({
+		let n = j, r = j + e.value / l * Ba;
+		j = r;
+		let a = Va(k, A, M, (n + r) / 2);
+		ee.push({
 			label: e.label,
 			value: e.value,
 			colorIndex: t,
 			startAngle: n,
 			endAngle: r,
-			path: za(k, A, i, n, r),
+			path: Ha(k, A, i, n, r),
 			percentText: `${(e.value / s * 100).toFixed(0)}%`,
 			labelX: a.x,
 			labelY: a.y
@@ -4027,7 +4062,7 @@ function Va(e, t = {}) {
 			x: k,
 			y: A - (n - 50) / 2
 		} : void 0,
-		slices: j,
+		slices: ee,
 		legend: N,
 		accTitle: e.accTitle,
 		accDescr: e.accDescr
@@ -4038,14 +4073,14 @@ function Va(e, t = {}) {
 function Q(e) {
 	return String(Math.round(e * 100) / 100);
 }
-function Ha(e, t, n) {
-	return e === 0 ? `var(--accent, ${E})` : ee(e, t ?? E, n);
+function Ga(e, t, n) {
+	return e === 0 ? `var(--accent, ${E})` : j(e, t ?? E, n);
 }
-function Ua(e, t, n) {
+function Ka(e, t, n) {
 	let r = /* @__PURE__ */ new Set();
 	for (let t of e.slices) r.add(t.colorIndex);
 	for (let t of e.legend) r.add(t.colorIndex);
-	let i = [...r].sort((e, t) => e - t), a = i.map((e) => `    --pie-color-${e}: ${Ha(e, t.accent, t.bg)};`), o = i.map((e) => `  .pie-color-${e} { fill: var(--pie-color-${e}); }\n  rect.pie-color-${e} { stroke: var(--pie-color-${e}); }`), s = a.length > 0 ? `\n  svg {\n${a.join("\n")}\n  }` : "";
+	let i = [...r].sort((e, t) => e - t), a = i.map((e) => `    --pie-color-${e}: ${Ga(e, t.accent, t.bg)};`), o = i.map((e) => `  .pie-color-${e} { fill: var(--pie-color-${e}); }\n  rect.pie-color-${e} { stroke: var(--pie-color-${e}); }`), s = a.length > 0 ? `\n  svg {\n${a.join("\n")}\n  }` : "";
 	return `${b(n)}
   .pie-outer { fill: none; stroke: var(--fg); stroke-width: ${X.outerStrokeWidth}px; }
   .pie-slice { stroke: var(--fg); stroke-width: 2px; opacity: 0.7; }
@@ -4055,9 +4090,9 @@ function Ua(e, t, n) {
 ${o.join("\n")}
 </style>`;
 }
-function Wa(e, n, a = "Inter", o = !1, s, c, l, u = {}) {
+function qa(e, n, a = "Inter", o = !1, s, c, l, u = {}) {
 	let d = [];
-	d.push(Lr(x(e.width, e.height, n, o, c ?? e.accTitle, l, void 0, u.styleAttribute, e.accDescr), s)), d.push(t(a, !1, u.nonce)), d.push(Ua(e, n, u.nonce)), d.push(`<circle cx="${Q(e.cx)}" cy="${Q(e.cy)}" r="${Q(e.outerRadius)}" class="pie-outer"/>`);
+	d.push(Br(x(e.width, e.height, n, o, c ?? e.accTitle, l, void 0, u.styleAttribute, e.accDescr), s)), d.push(t(a, !1, u.nonce)), d.push(Ka(e, n, u.nonce)), d.push(`<circle cx="${Q(e.cx)}" cy="${Q(e.cy)}" r="${Q(e.outerRadius)}" class="pie-outer"/>`);
 	for (let t of e.slices) d.push(`<path d="${t.path}" class="pie-slice pie-color-${t.colorIndex}" data-label="${r(t.label)}" data-value="${t.value}"/>`);
 	for (let t of e.slices) d.push(`<text x="${Q(t.labelX)}" y="${Q(t.labelY)}" text-anchor="middle" class="pie-slice-label">${i(t.percentText)}</text>`);
 	e.title && d.push(`<text x="${Q(e.title.x)}" y="${Q(e.title.y)}" text-anchor="middle" class="pie-title">${i(e.title.text)}</text>`);
@@ -4066,7 +4101,7 @@ function Wa(e, n, a = "Inter", o = !1, s, c, l, u = {}) {
 }
 //#endregion
 //#region packages/svg-renderer/src/c4/arial-widths.ts
-var Ga = 2048, Ka = [
+var Ja = 2048, Ya = [
 	569,
 	569,
 	727,
@@ -4162,7 +4197,7 @@ var Ga = 2048, Ka = [
 	532,
 	684,
 	1196
-], qa = [
+], Xa = [
 	569,
 	682,
 	971,
@@ -4259,9 +4294,9 @@ var Ga = 2048, Ka = [
 	801,
 	1196
 ];
-function Ja(e, t) {
+function Za(e, t) {
 	let n = e.codePointAt(0);
-	if (!(n < 32 || n > 126)) return (t ? qa : Ka)[n - 32] / Ga;
+	if (!(n < 32 || n > 126)) return (t ? Xa : Ya)[n - 32] / Ja;
 }
 //#endregion
 //#region packages/svg-renderer/src/c4/metrics.ts
@@ -4300,20 +4335,20 @@ var $ = {
 	personHeadOverlap: .27,
 	dbTrim: 3.91,
 	queueExtra: 10
-}, Ya = $.width - 2 * $.shapePadding;
-function Xa(e, t, n) {
+}, Qa = $.width - 2 * $.shapePadding;
+function $a(e, t, n) {
 	let r = [];
 	for (let i of e.split("\n")) {
 		let e = "";
 		for (let a of i.split(/\s+/).filter(Boolean)) {
 			let i = e ? `${e} ${a}` : a;
-			e && no(i, n, 400) > t ? (r.push(e), e = a) : e = i;
+			e && ao(i, n, 400) > t ? (r.push(e), e = a) : e = i;
 		}
 		r.push(e);
 	}
 	return r;
 }
-function Za(e, t) {
+function eo(e, t) {
 	let n = Math.min(Math.max(e * $.personHeadRatio, $.personHeadMin), $.personHeadMax), r = n * (2 - $.personHeadOverlap), i = t === void 0 ? Infinity : t - r;
 	return {
 		rx: Math.min(e * $.personRx, i * $.personRxMaxOfHeight),
@@ -4321,43 +4356,43 @@ function Za(e, t) {
 		pillTop: r
 	};
 }
-function Qa(e, t) {
-	return e * $.nameLine + $.typeLine + $a(t);
+function to(e, t) {
+	return e * $.nameLine + $.typeLine + no(t);
 }
-function $a(e) {
+function no(e) {
 	return e === 0 ? 0 : $.descrLine + (e - 1) * $.descrExtraLine;
 }
-function eo(e) {
+function ro(e) {
 	let t = e / 2;
 	return {
 		rx: t,
 		ry: t / (2.5 + e / 50)
 	};
 }
-function to(e) {
+function io(e) {
 	let t = e / 2;
 	return {
 		rx: t / (2.5 + e / 50),
 		ry: t
 	};
 }
-function no(e, t, n) {
+function ao(e, t, n) {
 	let r = 0;
 	for (let i of e) {
-		let e = Ja(i, n >= 600);
+		let e = Za(i, n >= 600);
 		r += e === void 0 ? F(i, t, n) * $.textScale : e * t;
 	}
 	return r;
 }
-function ro(e, t, n, r) {
-	let i = Qa(t, n), a = i + 2 * $.shapePadding, o = Math.max($.width, r + 2 * $.shapePadding);
+function oo(e, t, n, r) {
+	let i = to(t, n), a = i + 2 * $.shapePadding, o = Math.max($.width, r + 2 * $.shapePadding);
 	if (e.kind === "person") return {
 		width: o,
-		height: Za(o).pillTop + a,
+		height: eo(o).pillTop + a,
 		textHeight: i
 	};
 	if (e.shape === "db") {
-		let { ry: e } = eo(o);
+		let { ry: e } = ro(o);
 		return {
 			width: o,
 			height: a + 2 * e - $.dbTrim,
@@ -4365,7 +4400,7 @@ function ro(e, t, n, r) {
 		};
 	}
 	if (e.shape === "queue") {
-		let e = i + $.queueExtra, { rx: t } = to(e);
+		let e = i + $.queueExtra, { rx: t } = io(e);
 		return {
 			width: o + 3 * t,
 			height: e,
@@ -4378,7 +4413,7 @@ function ro(e, t, n, r) {
 		textHeight: i
 	};
 }
-function io(e) {
+function so(e) {
 	let t = "#ffffff";
 	if (e.external) switch (e.kind) {
 		case "person": return {
@@ -4427,33 +4462,33 @@ function io(e) {
 }
 //#endregion
 //#region packages/svg-renderer/src/c4/layout.ts
-function ao() {
+function co() {
 	return { next: { cnt: 0 } };
 }
-function oo(e, t, n, r, i) {
+function lo(e, t, n, r, i) {
 	e.next.startx = e.startx = t, e.next.stopx = e.stopx = n, e.next.starty = e.starty = r, e.next.stopy = e.stopy = i;
 }
-function so(e, t, n, r) {
+function uo(e, t, n, r) {
 	let i = e[t];
 	e[t] = i === void 0 ? n : r(n, i);
 }
-function co(e, t) {
+function fo(e, t) {
 	e.next.cnt += 1;
 	let n = $.shapeMargin, r = e.next.startx === e.next.stopx ? e.next.stopx + n : e.next.stopx + n * 2, i = r + t.width, a = e.next.starty + n * 2, o = a + t.height;
-	(r >= e.widthLimit || i >= e.widthLimit || e.next.cnt > $.shapeInRow) && (r = e.next.startx + n + $.nextLinePaddingX, a = e.next.stopy + n * 2, e.next.stopx = i = r + t.width, e.next.starty = e.next.stopy, e.next.stopy = o = a + t.height, e.next.cnt = 1), t.x = r, t.y = a, so(e, "startx", r, Math.min), so(e, "starty", a, Math.min), so(e, "stopx", i, Math.max), so(e, "stopy", o, Math.max), so(e.next, "startx", r, Math.min), so(e.next, "starty", a, Math.min), so(e.next, "stopx", i, Math.max), so(e.next, "stopy", o, Math.max);
+	(r >= e.widthLimit || i >= e.widthLimit || e.next.cnt > $.shapeInRow) && (r = e.next.startx + n + $.nextLinePaddingX, a = e.next.stopy + n * 2, e.next.stopx = i = r + t.width, e.next.starty = e.next.stopy, e.next.stopy = o = a + t.height, e.next.cnt = 1), t.x = r, t.y = a, uo(e, "startx", r, Math.min), uo(e, "starty", a, Math.min), uo(e, "stopx", i, Math.max), uo(e, "stopy", o, Math.max), uo(e.next, "startx", r, Math.min), uo(e.next, "starty", a, Math.min), uo(e.next, "stopx", i, Math.max), uo(e.next, "stopy", o, Math.max);
 }
-function lo(e) {
-	let t = Xa(e.label, Ya, $.nameSize), n = e.description ? Xa(e.description, Ya, $.descrSize) : [], r = Math.max(...t.map((e) => no(e, $.nameSize, 700)), no(A(e), $.typeSize, 400), ...n.map((e) => no(e, $.descrSize, 400)));
+function po(e) {
+	let t = $a(e.label, Qa, $.nameSize), n = e.description ? $a(e.description, Qa, $.descrSize) : [], r = Math.max(...t.map((e) => ao(e, $.nameSize, 700)), ao(A(e), $.typeSize, 400), ...n.map((e) => ao(e, $.descrSize, 400)));
 	return {
 		el: e,
 		nameLines: t,
 		descriptionLines: n,
 		x: 0,
 		y: 0,
-		...ro(e, t.length, n.length, r)
+		...oo(e, t.length, n.length, r)
 	};
 }
-function uo(e) {
+function mo(e) {
 	let t = /* @__PURE__ */ new Set(), n = new Map(e.elements.map((e) => [e.alias, e])), r = (e) => {
 		let i = e.elementAliases.flatMap((e) => {
 			t.add(e);
@@ -4473,15 +4508,15 @@ function uo(e) {
 		children: i
 	};
 }
-function fo(e) {
+function ho(e) {
 	let t = /* @__PURE__ */ new Map(), n = [], r = $.diagramMarginX, i = $.diagramMarginY, a = (e, n) => {
 		for (let r of n) {
-			let n = lo(r);
-			t.set(r.alias, n), co(e, n);
+			let n = po(r);
+			t.set(r.alias, n), fo(e, n);
 		}
 		e.stopx += $.shapeMargin, e.stopy += $.shapeMargin;
 	}, o = (e, t, s) => {
-		let c = ao();
+		let c = co();
 		c.widthLimit = e.widthLimit / Math.min($.boundaryInRow, t.length);
 		for (let [l, u] of t.entries()) {
 			let t = u.boundary, d = 0, f = d + 8;
@@ -4491,10 +4526,10 @@ function fo(e) {
 			let m;
 			if (t?.description && (m = d + 20, d = m + $.boundaryDescrHeight), t || (d = $.rootHeadingHeight), l === 0 || l % $.boundaryInRow === 0) {
 				let t = e.startx + $.diagramMarginX, n = e.stopy + $.diagramMarginY + d;
-				oo(c, t, t, n, n);
+				lo(c, t, t, n, n);
 			} else {
 				let e = c.stopx === c.startx ? c.startx : c.stopx + $.diagramMarginX;
-				oo(c, e, e, c.starty, c.starty);
+				lo(c, e, e, c.starty, c.starty);
 			}
 			if (u.elements.length > 0 && a(c, u.elements), u.children.length > 0 && o(c, u.children, s + 1), t) {
 				let e = c.stopx - c.startx, r = c.stopy - c.starty;
@@ -4515,15 +4550,15 @@ function fo(e) {
 			}
 			e.stopy = Math.max(c.stopy + $.shapeMargin, e.stopy), e.stopx = Math.max(c.stopx + $.shapeMargin, e.stopx), r = Math.max(r, e.stopx), i = Math.max(i, e.stopy);
 		}
-	}, s = ao();
-	return oo(s, $.diagramMarginX, $.diagramMarginX, $.diagramMarginY, $.diagramMarginY), s.widthLimit = $.screenWidth, o(s, [e], -1), {
+	}, s = co();
+	return lo(s, $.diagramMarginX, $.diagramMarginX, $.diagramMarginY, $.diagramMarginY), s.widthLimit = $.screenWidth, o(s, [e], -1), {
 		elements: t,
 		boundaries: n,
 		maxX: r,
 		maxY: i
 	};
 }
-function po(e, t) {
+function go(e, t) {
 	let n = e.x + e.width / 2, r = e.y + e.height / 2, i = t.x - n, a = t.y - r, o = e.width / 2, s = e.height / 2;
 	if (i === 0 && a === 0) return {
 		x: n,
@@ -4542,8 +4577,8 @@ function po(e, t) {
 		y: r + l
 	};
 }
-function mo(e, t) {
-	let n = Za(e.width, e.height), r = e.x + e.width / 2, i = e.y + e.height / 2, a = e.width, o = e.height, s = -o / 2 + n.headRadius, c = -o / 2 + n.pillTop, l = n.rx, u = (e, t, n, r, i, a) => Array.from({ length: r }, (o, s) => {
+function _o(e, t) {
+	let n = eo(e.width, e.height), r = e.x + e.width / 2, i = e.y + e.height / 2, a = e.width, o = e.height, s = -o / 2 + n.headRadius, c = -o / 2 + n.pillTop, l = n.rx, u = (e, t, n, r, i, a) => Array.from({ length: r }, (o, s) => {
 		let c = (i + s * (a - i) / (r - 1)) * Math.PI / 180;
 		return {
 			x: e - n * Math.cos(c),
@@ -4556,7 +4591,7 @@ function mo(e, t) {
 		...u(a / 2 - l, o / 2 - l, l, 12, 270, 180),
 		...u(a / 2 - l, c + l, l, 12, 180, 90)
 	];
-	return go({
+	return yo({
 		x: r,
 		y: i
 	}, t, f.map((e) => ({
@@ -4564,7 +4599,7 @@ function mo(e, t) {
 		y: i + e.y
 	})));
 }
-function ho(e, t, n, r) {
+function vo(e, t, n, r) {
 	let i = t.y - e.y, a = e.x - t.x, o = t.x * e.y - e.x * t.y, s = i * n.x + a * n.y + o, c = i * r.x + a * r.y + o;
 	if (s !== 0 && c !== 0 && s * c > 0) return;
 	let l = r.y - n.y, u = n.x - r.x, d = r.x * n.y - n.x * r.y, f = l * e.x + u * e.y + d, p = l * t.x + u * t.y + d;
@@ -4577,18 +4612,18 @@ function ho(e, t, n, r) {
 		y: g < 0 ? (g - h) / m : (g + h) / m
 	};
 }
-function go(e, t, n) {
+function yo(e, t, n) {
 	let r, i = Infinity;
 	return n.forEach((a, o) => {
-		let s = ho(e, t, a, n[(o + 1) % n.length]);
+		let s = vo(e, t, a, n[(o + 1) % n.length]);
 		if (!s) return;
 		let c = Math.hypot(s.x - t.x, s.y - t.y);
 		c < i && (r = s, i = c);
 	}), r ?? e;
 }
-var _o = 1e-6;
-function vo(e, t) {
-	let n = po(e, t), r = e.x + e.width / 2, i = e.y + e.height / 2, { rx: a, ry: o } = eo(e.width), s = n.x - r, c = Math.abs(s) < e.width / 2 - _o || Math.abs(Math.abs(s) - e.width / 2) <= _o && Math.abs(n.y - i) > e.height / 2 - o;
+var bo = 1e-6;
+function xo(e, t) {
+	let n = go(e, t), r = e.x + e.width / 2, i = e.y + e.height / 2, { rx: a, ry: o } = ro(e.width), s = n.x - r, c = Math.abs(s) < e.width / 2 - bo || Math.abs(Math.abs(s) - e.width / 2) <= bo && Math.abs(n.y - i) > e.height / 2 - o;
 	if (a === 0 || !c) return n;
 	let l = o * o * (1 - s * s / (a * a)), u = o - (l > 0 ? Math.sqrt(l) : l);
 	return t.y - i > 0 && (u = -u), {
@@ -4596,8 +4631,8 @@ function vo(e, t) {
 		y: n.y + u
 	};
 }
-function yo(e, t) {
-	let n = po(e, t), r = e.x + e.width / 2, i = e.y + e.height / 2, { rx: a, ry: o } = to(e.height), s = n.y - i, c = Math.abs(s) < e.height / 2 - _o || Math.abs(Math.abs(s) - e.height / 2) <= _o && Math.abs(n.x - r) > e.width / 2 - a;
+function So(e, t) {
+	let n = go(e, t), r = e.x + e.width / 2, i = e.y + e.height / 2, { rx: a, ry: o } = io(e.height), s = n.y - i, c = Math.abs(s) < e.height / 2 - bo || Math.abs(Math.abs(s) - e.height / 2) <= bo && Math.abs(n.x - r) > e.width / 2 - a;
 	if (o === 0 || !c) return n;
 	let l = a * a * (1 - s * s / (o * o)), u = a - Math.sqrt(Math.abs(l));
 	return t.x - r > 0 && (u = -u), {
@@ -4605,16 +4640,16 @@ function yo(e, t) {
 		y: n.y
 	};
 }
-function bo(e, t) {
+function Co(e, t) {
 	let n = e.el;
-	return n?.kind === "person" ? mo(e, t) : n?.shape === "db" ? vo(e, t) : n?.shape === "queue" ? yo(e, t) : po(e, t);
+	return n?.kind === "person" ? _o(e, t) : n?.shape === "db" ? xo(e, t) : n?.shape === "queue" ? So(e, t) : go(e, t);
 }
-var xo = (e) => ({
+var wo = (e) => ({
 	x: e.x + e.width / 2,
 	y: e.y + e.height / 2
 });
-function So(e, t, n, r) {
-	let i = n.get(e.from), a = n.get(e.to), o = bo(i, xo(a)), s = bo(a, xo(i)), c = s.x - o.x, l = s.y - o.y, u = (e) => ({
+function To(e, t, n, r) {
+	let i = n.get(e.from), a = n.get(e.to), o = Co(i, wo(a)), s = Co(a, wo(i)), c = s.x - o.x, l = s.y - o.y, u = (e) => ({
 		x: e.x,
 		y: e.y + r
 	}), d = {
@@ -4628,41 +4663,41 @@ function So(e, t, n, r) {
 		let t = {
 			x: Math.min(o.x, s.x) + Math.abs(c) / 2,
 			y: Math.min(o.y, s.y) + Math.abs(l) / 2
-		}, n = k(e)[0], r = e.label !== "" || e.index !== void 0 ? no(n ?? "", $.messageSize, 400) : 0;
+		}, n = k(e)[0], r = e.label !== "" || e.index !== void 0 ? ao(n ?? "", $.messageSize, 400) : 0;
 		if (d.labelPosition = u({
 			x: t.x + r / 2,
 			y: t.y
 		}), e.technology) {
-			let n = no(`[${e.technology}]`, $.messageSize, 400);
+			let n = ao(`[${e.technology}]`, $.messageSize, 400);
 			d.technologyX = t.x + Math.max(r, n) / 2;
 		}
 	}
 	return d;
 }
-var Co = 2, wo = 2;
-function To(e, t) {
+var Eo = 2, Do = 2;
+function Oo(e, t) {
 	let n = e.labelPosition;
 	return n ? k(e).map((r, i, a) => ({
 		cx: (e.technology !== void 0 && i === a.length - 1 && e.technologyX !== void 0 ? e.technologyX : n.x) + t,
 		cy: n.y + (i === 0 ? 0 : $.messageSize + 5),
-		w: no(r, $.messageSize, 400),
+		w: ao(r, $.messageSize, 400),
 		h: $.messageSize
 	})) : [];
 }
-var Eo = (e, t) => Math.abs(e.cx - t.cx) < (e.w + t.w) / 2 + Co && Math.abs(e.cy - t.cy) < (e.h + t.h) / 2 + Co;
-function Do(e, t, n) {
+var ko = (e, t) => Math.abs(e.cx - t.cx) < (e.w + t.w) / 2 + Eo && Math.abs(e.cy - t.cy) < (e.h + t.h) / 2 + Eo;
+function Ao(e, t, n) {
 	let r = e.points[0], i = e.points[e.points.length - 1];
 	if (!e.labelPosition || !r || !i) return;
 	let a = i.x - r.x, o = i.y - r.y, s = Math.hypot(a, o);
 	if (s === 0) return;
 	let c = a / s, l = o / s, u = (r) => {
-		let i = To(e, r * c).map((e) => ({
+		let i = Oo(e, r * c).map((e) => ({
 			...e,
 			cy: e.cy + r * l
 		}));
-		return i.some((e) => [...t, ...n].some((t) => Eo(e, t))) ? void 0 : i;
+		return i.some((e) => [...t, ...n].some((t) => ko(e, t))) ? void 0 : i;
 	};
-	for (let t = 0; t <= s / 2; t += wo) for (let r of t === 0 ? [1] : [1, -1]) {
+	for (let t = 0; t <= s / 2; t += Do) for (let r of t === 0 ? [1] : [1, -1]) {
 		let i = u(r * t);
 		if (i) {
 			t !== 0 && (e.labelPosition = {
@@ -4672,9 +4707,9 @@ function Do(e, t, n) {
 			return;
 		}
 	}
-	n.push(...To(e, 0));
+	n.push(...Oo(e, 0));
 }
-function Oo(e, t = {}) {
+function jo(e, t = {}) {
 	if (e.elements.length === 0 && e.boundaries.length === 0) {
 		let t = {
 			variant: e.variant,
@@ -4686,7 +4721,7 @@ function Oo(e, t = {}) {
 		};
 		return e.title && (t.title = e.title), t;
 	}
-	let n = fo(uo(e)), r = e.title ? $.titleExtra : 0, i = $.diagramMarginY + r, a = e.elements.flatMap((e) => {
+	let n = ho(mo(e)), r = e.title ? $.titleExtra : 0, i = $.diagramMarginY + r, a = e.elements.flatMap((e) => {
 		let t = n.elements.get(e.alias);
 		return t ? [{
 			...e,
@@ -4703,13 +4738,13 @@ function Oo(e, t = {}) {
 	})), s = /* @__PURE__ */ new Map();
 	for (let e of n.elements.values()) s.set(e.el.alias, e);
 	for (let e of n.boundaries) s.set(e.alias, e);
-	let c = e.relationships.map((e, t) => So(e, t, s, i)), l = a.map((e) => ({
+	let c = e.relationships.map((e, t) => To(e, t, s, i)), l = a.map((e) => ({
 		cx: e.x + e.width / 2,
 		cy: e.y + e.height / 2,
 		w: e.width + 12,
 		h: e.height + 12
 	})), u = [];
-	for (let e of c) Do(e, l, u);
+	for (let e of c) Ao(e, l, u);
 	let d = n.maxX + $.diagramMarginX, f = n.maxY + $.diagramMarginY + r, p = {
 		variant: e.variant,
 		width: d,
@@ -4725,22 +4760,22 @@ function Oo(e, t = {}) {
 }
 //#endregion
 //#region packages/svg-renderer/src/c4/renderer.ts
-function ko(e, n, r = "Inter", o = !1, s = I, c, l, u, d = {}) {
+function Mo(e, n, r = "Inter", o = !1, s = I, c, l, u, d = {}) {
 	let f = [];
-	f.push(Lr(x(e.width, e.height, n, o, l ?? e.title, u, void 0, d.styleAttribute), c)), f.push(t(r, !1, d.nonce)), e.title && e.titlePosition && f.push(a`<text class="c4-title" x="${e.titlePosition.x}" y="${e.titlePosition.y}" dy="${z}" ` + a`font-size="16" fill="var(--_text)">${i(e.title)}</text>`);
-	for (let t of e.boundaries) f.push(jo(t));
-	for (let t of e.elements) f.push(Mo(t));
-	for (let t of e.relationships) f.push(Lo(t)), f.push(Ro(t));
+	f.push(Br(x(e.width, e.height, n, o, l ?? e.title, u, void 0, d.styleAttribute), c)), f.push(t(r, !1, d.nonce)), e.title && e.titlePosition && f.push(a`<text class="c4-title" x="${e.titlePosition.x}" y="${e.titlePosition.y}" dy="${z}" ` + a`font-size="16" fill="var(--_text)">${i(e.title)}</text>`);
+	for (let t of e.boundaries) f.push(Po(t));
+	for (let t of e.elements) f.push(Fo(t));
+	for (let t of e.relationships) f.push(Bo(t)), f.push(Vo(t));
 	return f.push("</svg>"), f.filter(Boolean).join("\n");
 }
-function Ao(e, t, n, r, o) {
+function No(e, t, n, r, o) {
 	return a`  <text x="${t}" y="${n}" text-anchor="middle" dy="${z}" font-size="${r}" ` + a`${o}>${i(e)}</text>`;
 }
-function jo(e) {
+function Po(e) {
 	let t = [];
 	t.push(a`<g class="c4-boundary" data-id="${r(e.alias)}" data-label="${r(e.label)}" data-depth="${e.depth}">`), t.push(a`  <rect x="${e.x}" y="${e.y}" width="${e.width}" height="${e.height}" rx="2.5" ry="2.5" ` + "fill=\"none\" stroke=\"var(--_text)\" stroke-width=\"1\" stroke-dasharray=\"7,7\" />");
 	let n = e.x + e.width / 2;
-	t.push(Ao(e.label, n, e.y + (e.labelY ?? 8), $.boundarySize + 2, "font-weight=\"700\" fill=\"var(--_text)\""));
+	t.push(No(e.label, n, e.y + (e.labelY ?? 8), $.boundarySize + 2, "font-weight=\"700\" fill=\"var(--_text)\""));
 	let i = O({
 		alias: e.alias,
 		label: e.label,
@@ -4748,47 +4783,47 @@ function jo(e) {
 		elementAliases: [],
 		children: []
 	});
-	return i && e.typeY !== void 0 && t.push(Ao(i, n, e.y + e.typeY, $.boundarySize, "fill=\"var(--_text)\"")), e.description && e.descrY !== void 0 && t.push(Ao(e.description, n, e.y + e.descrY, $.boundarySize - 2, "fill=\"var(--_text)\"")), t.push("</g>"), t.join("\n");
+	return i && e.typeY !== void 0 && t.push(No(i, n, e.y + e.typeY, $.boundarySize, "fill=\"var(--_text)\"")), e.description && e.descrY !== void 0 && t.push(No(e.description, n, e.y + e.descrY, $.boundarySize - 2, "fill=\"var(--_text)\"")), t.push("</g>"), t.join("\n");
 }
-function Mo(e) {
-	let t = io(e), { x: n, y: i, width: o, height: s } = e, c = n + o / 2, l = Qa(e.nameLines.length, e.descriptionLines.length), u = [];
+function Fo(e) {
+	let t = so(e), { x: n, y: i, width: o, height: s } = e, c = n + o / 2, l = to(e.nameLines.length, e.descriptionLines.length), u = [];
 	u.push(a`<g class="c4-element" data-id="${r(e.alias)}" data-kind="${e.kind}" data-shape="${e.shape}" ` + a`data-external="${e.external}" data-label="${r(e.label)}">`);
 	let d, f = c;
-	if (e.kind === "person") u.push(...No(e, t)), d = i + Za(o).pillTop + $.shapePadding;
+	if (e.kind === "person") u.push(...Io(e, t)), d = i + eo(o).pillTop + $.shapePadding;
 	else if (e.shape === "db") {
-		u.push(...Po(e, t));
-		let { ry: n } = eo(o);
+		u.push(...Lo(e, t));
+		let { ry: n } = ro(o);
 		d = i + (2 * n + s) / 2 - l / 2;
 	} else if (e.shape === "queue") {
-		u.push(...Fo(e, t));
-		let { rx: n } = to(s);
+		u.push(...Ro(e, t));
+		let { rx: n } = io(s);
 		f = c - n, d = i + s / 2 - l / 2;
 	} else u.push(a`  <rect x="${n}" y="${i}" width="${o}" height="${s}" rx="${$.cornerRadius}" ry="${$.cornerRadius}" ` + a`fill="${t.fill}" stroke="${t.stroke}" stroke-width="${$.strokeWidth}" />`), d = i + $.shapePadding;
 	let p = d;
-	for (let n of e.nameLines) u.push(Ao(n, f, p + $.nameLine / 2, $.nameSize, a`font-weight="700" fill="${t.text}"`)), p += $.nameLine;
-	return u.push(Ao(A(e), f, p + $.typeLine / 2, $.typeSize, a`fill="${t.text}"`)), p += $.typeLine, e.descriptionLines.forEach((e, n) => {
-		u.push(Ao(e, f, p + $.descrLine / 2 + n * $.descrExtraLine, $.descrSize, a`fill="${t.text}"`));
-	}), p += $a(e.descriptionLines.length), u.push("</g>"), u.join("\n");
+	for (let n of e.nameLines) u.push(No(n, f, p + $.nameLine / 2, $.nameSize, a`font-weight="700" fill="${t.text}"`)), p += $.nameLine;
+	return u.push(No(A(e), f, p + $.typeLine / 2, $.typeSize, a`fill="${t.text}"`)), p += $.typeLine, e.descriptionLines.forEach((e, n) => {
+		u.push(No(e, f, p + $.descrLine / 2 + n * $.descrExtraLine, $.descrSize, a`fill="${t.text}"`));
+	}), p += no(e.descriptionLines.length), u.push("</g>"), u.join("\n");
 }
-function No(e, t) {
-	let { x: n, width: r } = e, { rx: i, headRadius: o, pillTop: s } = Za(r, e.height), c = e.y, l = n + r / 2, u = c + s, d = e.y + e.height - u, f = a`fill="${t.fill}" stroke="${t.stroke}" stroke-width="${$.strokeWidth}"`;
+function Io(e, t) {
+	let { x: n, width: r } = e, { rx: i, headRadius: o, pillTop: s } = eo(r, e.height), c = e.y, l = n + r / 2, u = c + s, d = e.y + e.height - u, f = a`fill="${t.fill}" stroke="${t.stroke}" stroke-width="${$.strokeWidth}"`;
 	return [a`  <rect x="${n}" y="${u}" width="${r}" height="${d}" rx="${i}" ry="${i}" ${f} />`, a`  <circle cx="${l}" cy="${c + o}" r="${o}" ${f} />`];
 }
-function Po(e, t) {
-	let { x: n, y: r, width: i, height: o } = e, { rx: s, ry: c } = eo(i), l = a`fill="${t.fill}" stroke="${t.stroke}" stroke-width="${$.strokeWidth}"`;
+function Lo(e, t) {
+	let { x: n, y: r, width: i, height: o } = e, { rx: s, ry: c } = ro(i), l = a`fill="${t.fill}" stroke="${t.stroke}" stroke-width="${$.strokeWidth}"`;
 	return [a`  <path d="M ${n} ${r + c} L ${n} ${r + o - c} A ${s} ${c} 0 0 0 ${n + i} ${r + o - c} L ${n + i} ${r + c} Z" ${l} />`, a`  <ellipse cx="${n + s}" cy="${r + c}" rx="${s}" ry="${c}" ${l} />`];
 }
-function Fo(e, t) {
-	let { x: n, y: r, width: i, height: o } = e, { rx: s, ry: c } = to(o), l = a`fill="${t.fill}" stroke="${t.stroke}" stroke-width="${$.strokeWidth}"`;
+function Ro(e, t) {
+	let { x: n, y: r, width: i, height: o } = e, { rx: s, ry: c } = io(o), l = a`fill="${t.fill}" stroke="${t.stroke}" stroke-width="${$.strokeWidth}"`;
 	return [a`  <path d="M ${n + i - s} ${r} H ${n + s} A ${s} ${c} 0 0 0 ${n + s} ${r + o} H ${n + i - s} Z" ${l} />`, a`  <ellipse cx="${n + i - s}" cy="${r + c}" rx="${s}" ry="${c}" ${l} />`];
 }
-function Io(e, t) {
+function zo(e, t) {
 	let n = e.x - t.x, r = e.y - t.y, i = Math.hypot(n, r);
 	if (i === 0) return "";
 	let o = n / i, s = r / i, c = e.x - o * 10, l = e.y - s * 10;
 	return a`<polygon class="c4-arrowhead" points="${e.x},${e.y} ${c - s * 5},${l + o * 5} ${c + s * 5},${l - o * 5}" ` + "fill=\"var(--_text)\" />";
 }
-function Lo(e) {
+function Bo(e) {
 	let [t, n] = [e.points[0], e.points[e.points.length - 1]];
 	if (!t || !n || t === n) return "";
 	let i = [
@@ -4797,109 +4832,109 @@ function Lo(e) {
 		a`data-to="${r(e.to)}"`
 	];
 	e.label && i.push(a`data-label="${r(e.label)}"`), e.technology && i.push(a`data-technology="${r(e.technology)}"`);
-	let o = e.curve ? a`M ${t.x},${t.y} Q ${e.curve.x},${e.curve.y} ${n.x},${n.y}` : a`M ${t.x},${t.y} L ${n.x},${n.y}`, s = a`<path ${i.join(" ")} d="${o}" fill="none" stroke="var(--_text)" stroke-width="1" />`, c = e.curve ?? t, l = e.curve ?? n, u = Io(n, c), d = Io(t, l);
+	let o = e.curve ? a`M ${t.x},${t.y} Q ${e.curve.x},${e.curve.y} ${n.x},${n.y}` : a`M ${t.x},${t.y} L ${n.x},${n.y}`, s = a`<path ${i.join(" ")} d="${o}" fill="none" stroke="var(--_text)" stroke-width="1" />`, c = e.curve ?? t, l = e.curve ?? n, u = zo(n, c), d = zo(t, l);
 	return [s, ...e.bidirectional ? [u, d] : [e.reversed ? d : u]].filter(Boolean).join("\n");
 }
-function Ro(e) {
+function Vo(e) {
 	let t = k(e);
 	if (t.length === 0 || !e.labelPosition) return "";
 	let { x: n, y: i } = e.labelPosition, o = [a`<g class="c4-relationship-label" data-from="${r(e.from)}" data-to="${r(e.to)}">`];
 	return t.forEach((r, a) => {
 		let s = e.technology !== void 0 && a === t.length - 1, c = i + (a === 0 ? 0 : $.messageSize + 5);
-		o.push(Ao(r, s && e.technologyX !== void 0 ? e.technologyX : n, c, $.messageSize, s ? "font-style=\"italic\" fill=\"var(--_text)\"" : "fill=\"var(--_text)\""));
+		o.push(No(r, s && e.technologyX !== void 0 ? e.technologyX : n, c, $.messageSize, s ? "font-style=\"italic\" fill=\"var(--_text)\"" : "fill=\"var(--_text)\""));
 	}), o.push("</g>"), o.join("\n");
 }
 //#endregion
 //#region packages/svg-renderer/src/registry.ts
-var zo = {
+var Ho = {
 	type: "xychart",
 	parse: ae,
-	layoutForSvg: ha,
+	layoutForSvg: va,
 	renderSvg(e, t, n) {
 		let r = n.interactivity === void 0 ? n.interactive ?? !1 : n.interactivity === "full";
-		return ka(e, t.colors, t.font, t.transparent, r, t.embedSource, t.title, t.decorative, t.emit);
+		return Ma(e, t.colors, t.font, t.transparent, r, t.embedSource, t.title, t.decorative, t.emit);
 	}
-}, Bo = {
+}, Uo = {
 	type: "sequence",
 	parse: ie,
-	layoutForSvg: Ki,
+	layoutForSvg: Yi,
 	renderSvg(e, t) {
-		return qi(e, t.colors, t.font, t.transparent, t.fontSizes, t.embedSource, t.title, t.decorative, t.emit);
+		return Xi(e, t.colors, t.font, t.transparent, t.fontSizes, t.embedSource, t.title, t.decorative, t.emit);
 	}
 };
-function Vo(e) {
+function Wo(e) {
 	return (e.interactivity ?? "static") !== "none";
 }
-function Ho(e) {
+function Go(e) {
 	return (e.interactivity ?? "static") === "full";
 }
-var Uo = {
+var Ko = {
 	type: "class",
 	parse: P,
-	layoutForSvg: ai,
+	layoutForSvg: ci,
 	renderSvg(e, t, n) {
-		return li(e, t.colors, t.font, t.transparent, t.fontSizes, t.embedSource, t.title, t.decorative, Vo(n), t.emit);
+		return fi(e, t.colors, t.font, t.transparent, t.fontSizes, t.embedSource, t.title, t.decorative, Wo(n), t.emit);
 	}
-}, Wo = {
+}, qo = {
 	type: "er",
 	parse: te,
 	layoutForSvg(e, t) {
-		return Oi(C(e, t.direction), t);
+		return ji(C(e, t.direction), t);
 	},
 	renderSvg(e, t) {
-		return ji(e, t.colors, t.font, t.transparent, t.fontSizes, t.embedSource, t.title, t.decorative, t.emit);
+		return Pi(e, t.colors, t.font, t.transparent, t.fontSizes, t.embedSource, t.title, t.decorative, t.emit);
 	}
-}, Go = {
+}, Jo = {
 	type: "flowchart",
 	parse: (e, t) => ne(t),
 	layoutForSvg(e, t) {
 		return {
-			graph: An(C(e, t.direction), t),
+			graph: Nn(C(e, t.direction), t),
 			curve: t.curve ?? e.initConfig?.curve ?? "linear"
 		};
 	},
 	renderSvg(e, t, n) {
-		return Vn(e.graph, t.colors, t.font, t.transparent, t.fontSizes, e.curve, t.embedSource, Ho(n), Vo(n), t.title, t.decorative, t.emit);
+		return Wn(e.graph, t.colors, t.font, t.transparent, t.fontSizes, e.curve, t.embedSource, Go(n), Wo(n), t.title, t.decorative, t.emit);
 	}
-}, Ko = {
+}, Yo = {
 	type: "c4",
 	parse: N,
 	layoutForSvg(e, t) {
-		return Oo(e, t);
+		return jo(e, t);
 	},
 	renderSvg(e, t) {
-		return ko(e, t.colors, t.font, t.transparent, t.fontSizes, t.embedSource, t.title, t.decorative, t.emit);
-	}
-}, qo = {
-	xychart: zo,
-	er: Wo,
-	sequence: Bo,
-	class: Uo,
-	flowchart: Go,
+		return Mo(e, t.colors, t.font, t.transparent, t.fontSizes, t.embedSource, t.title, t.decorative, t.emit);
+	}
+}, Xo = {
+	xychart: Ho,
+	er: qo,
+	sequence: Uo,
+	class: Ko,
+	flowchart: Jo,
 	architecture: {
 		type: "architecture",
 		parse: M,
 		layoutForSvg(e, t) {
 			return {
-				graph: On(C(D(e), t.direction), t),
+				graph: jn(C(D(e), t.direction), t),
 				curve: t.curve ?? "linear"
 			};
 		},
-		renderSvg: Go.renderSvg
+		renderSvg: Jo.renderSvg
 	},
-	c4: Ko,
+	c4: Yo,
 	pie: {
 		type: "pie",
 		parse: (e, t) => re(t),
-		layoutForSvg: Va,
+		layoutForSvg: Wa,
 		renderSvg(e, t) {
-			return Wa(e, t.colors, t.font, t.transparent, t.embedSource, t.title, t.decorative, t.emit);
+			return qa(e, t.colors, t.font, t.transparent, t.embedSource, t.title, t.decorative, t.emit);
 		}
 	}
 };
 //#endregion
 //#region packages/svg-renderer/src/index.ts
-function Jo(t) {
+function Zo(t) {
 	return {
 		bg: t.bg ?? e.bg,
 		fg: t.fg ?? e.fg,
@@ -4910,23 +4945,23 @@ function Jo(t) {
 		border: t.border
 	};
 }
-function Yo(e = {}) {
-	return S(Jo(e), e.transparent);
+function Qo(e = {}) {
+	return S(Zo(e), e.transparent);
 }
-function Xo(e) {
+function $o(e) {
 	return {
 		nonce: e.nonce,
 		styleAttribute: e.styleAttribute
 	};
 }
-function Zo(e, t = {}) {
-	let n = Qo(e, t);
-	return t.resolveColors ? Qr(n, Jo(t)) : n;
+function es(e, t = {}) {
+	let n = ts(e, t);
+	return t.resolveColors ? ti(n, Zo(t)) : n;
 }
-function Qo(e, t) {
-	let r = oe(e), i = Jo(t), a = t.font ?? "Inter";
+function ts(e, t) {
+	let r = oe(e), i = Zo(t), a = t.font ?? "Inter";
 	v(c(a));
-	let o = t.transparent ?? !1, s = Te(t.fontSizes), l = n(r), u = t.embedSource ? e : void 0, d = t.title, f = t.decorative, p = Xo(t), m = y(r), h = qo[l], g = h.parse(m, r), _ = h.layoutForSvg(g, t), b = {
+	let o = t.transparent ?? !1, s = Te(t.fontSizes), l = n(r), u = t.embedSource ? e : void 0, d = t.title, f = t.decorative, p = $o(t), m = y(r), h = Xo[l], g = h.parse(m, r), _ = h.layoutForSvg(g, t), b = {
 		colors: i,
 		font: a,
 		transparent: o,
@@ -4938,11 +4973,11 @@ function Qo(e, t) {
 	};
 	return h.renderSvg(_, b, t);
 }
-async function $o(e, t = {}) {
-	return Zo(e, t);
+async function ns(e, t = {}) {
+	return es(e, t);
 }
-var es = Zo, ts = $o;
+var rs = es, is = ns;
 //#endregion
-export { Hi as ACTOR_LABEL_OFFSET, Oe as ARROW_HEAD, U as CLS, je as ELK_DIRECTION_FALLBACK, I as FONT_SIZES, L as FONT_WEIGHTS, Ee as GROUP_HEADER_CONTENT_PAD, Ie as INLINE_CENTERED_EDGE_LABEL, Ce as MONO_FONT, we as MONO_FONT_STACK, De as NODE_PADDING, X as PIE, R as STROKE_WIDTHS, z as TEXT_BASELINE_SHIFT, Pe as baseElkLayoutOptions, Vi as boxLabelHeight, Re as buildElkEdge, Le as buildElkEdgeLabel, Fe as buildElkLeafNode, ke as buildSvgStyleBlock, $r as classNoteId, ot as clipEdgeToShape, jn as convertToElkFormat, ge as createLayoutCache, Me as directionToElk, ye as elkLayoutSync, Ne as elkPadding, Se as estimateMonoTextWidth, F as estimateTextWidth, Kr as evaluateCssColorValue, yt as extractEdgeLabelPosition, vt as extractEdgePoints, Ea as formatTickLabels, ai as layoutClassDiagramSync, Oi as layoutErDiagramSync, An as layoutFlowchartSync, On as layoutGraphSync, Va as layoutPieChart, Ki as layoutSequenceDiagram, ha as layoutXYChart, Ta as niceTickValues, Ha as pieColorValue, fe as pointsToPath, li as renderClassSvg, ji as renderErSvg, ts as renderMermaid, Zo as renderMermaidSVG, $o as renderMermaidSVGAsync, es as renderMermaidSync, Wa as renderPieSvg, qi as renderSequenceSvg, Vn as renderSvg, ka as renderXYChartSvg, Qr as resolveCssColors, Te as resolveFontSizes, Na as smoothCurvePath, Yo as themeCssVariables, Lr as withDataSrc, xa as xLabelStep };
+export { Gi as ACTOR_LABEL_OFFSET, Oe as ARROW_HEAD, U as CLS, je as ELK_DIRECTION_FALLBACK, I as FONT_SIZES, L as FONT_WEIGHTS, Ee as GROUP_HEADER_CONTENT_PAD, Ie as INLINE_CENTERED_EDGE_LABEL, Ce as MONO_FONT, we as MONO_FONT_STACK, De as NODE_PADDING, X as PIE, R as STROKE_WIDTHS, z as TEXT_BASELINE_SHIFT, Pe as baseElkLayoutOptions, Wi as boxLabelHeight, Re as buildElkEdge, Le as buildElkEdgeLabel, Fe as buildElkLeafNode, ke as buildSvgStyleBlock, ni as classNoteId, ot as clipEdgeToShape, Pn as convertToElkFormat, ge as createLayoutCache, Me as directionToElk, ye as elkLayoutSync, Ne as elkPadding, Se as estimateMonoTextWidth, F as estimateTextWidth, Yr as evaluateCssColorValue, St as extractEdgeLabelPosition, xt as extractEdgePoints, ka as formatTickLabels, ci as layoutClassDiagramSync, ji as layoutErDiagramSync, Nn as layoutFlowchartSync, jn as layoutGraphSync, Wa as layoutPieChart, Yi as layoutSequenceDiagram, va as layoutXYChart, Oa as niceTickValues, Ga as pieColorValue, fe as pointsToPath, fi as renderClassSvg, Pi as renderErSvg, is as renderMermaid, es as renderMermaidSVG, ns as renderMermaidSVGAsync, rs as renderMermaidSync, qa as renderPieSvg, Xi as renderSequenceSvg, Wn as renderSvg, Ma as renderXYChartSvg, ti as resolveCssColors, Te as resolveFontSizes, Ia as smoothCurvePath, Qo as themeCssVariables, Br as withDataSrc, wa as xLabelStep };
 
 //# sourceMappingURL=index.js.map