vue-data-ui 3.22.14 → 3.23.1

package/dist/{vue-ui-dag-beo3-quD.js → vue-ui-dag-jMLVoQkb.js}

@@ -1,24 +1,25 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { At as t, G as n, K as r, et as i, ht as a, qt as o, t as s, x as c } from "./lib-C-QGo8GG.js";
-import { t as l } from "./useConfig-C0V0eG7L.js";
-import { t as u } from "./usePrinter-C5ordS-4.js";
-import { n as d, t as f } from "./BaseScanner-DZvpgOjM.js";
-import { t as p } from "./useSvgExport-Ba9qBr9M.js";
-import { t as m } from "./useNestedProp-BYfiWVP8.js";
-import { t as h } from "./useThemeCheck-C43Tcqmk.js";
-import { t as g } from "./img-zY7_pJz1.js";
-import { n as ee } from "./Title-Thf71-8D.js";
-import { t as te } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { l as ne, t as re } from "./useResponsive-ZtArZtUf.js";
-import { t as ie } from "./A11yDataTable-DdRsVULz.js";
-import { t as ae } from "./useUserOptionState-DK-_1ddE.js";
-import { t as oe } from "./useChartAccessibility-DYqac8yF.js";
-import { t as se } from "./usePanZoom-CYU3B4T3.js";
-import { t as ce } from "./BaseZoomControls-CwhpsHIL.js";
-import { t as le } from "./vue_ui_dag-TsJ_azQq.js";
-import { Fragment as ue, Teleport as de, Transition as fe, computed as _, createBlock as v, createCommentVNode as y, createElementBlock as b, createElementVNode as x, createSlots as pe, createTextVNode as me, createVNode as he, defineAsyncComponent as ge, guardReactiveProps as S, mergeProps as _e, nextTick as ve, normalizeClass as ye, normalizeProps as C, normalizeStyle as be, onBeforeUnmount as xe, onMounted as Se, openBlock as w, ref as T, renderList as Ce, renderSlot as E, toDisplayString as we, toRefs as Te, unref as D, watch as Ee, watchEffect as De, withCtx as O, withModifiers as Oe } from "vue";
+import { Jt as t, K as n, S as r, gt as i, jt as a, q as o, t as s, tt as c } from "./lib-Bttd6u5E.js";
+import { n as l, t as u } from "./useHints-Dq_w2E8B.js";
+import { t as d } from "./useConfig-D3scuR88.js";
+import { t as f } from "./usePrinter-DN5bYhTG.js";
+import { n as p, t as m } from "./BaseScanner-DZvpgOjM.js";
+import { t as h } from "./useSvgExport-DH-FfcqQ.js";
+import { t as g } from "./useNestedProp-vPNvh7rV.js";
+import { t as ee } from "./useThemeCheck-C43Tcqmk.js";
+import { t as te } from "./img-Bnokohej.js";
+import { n as ne } from "./Title-BE3qg9xl.js";
+import { t as re } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { l as ie, t as ae } from "./useResponsive-ZtArZtUf.js";
+import { t as oe } from "./A11yDataTable-DdRsVULz.js";
+import { t as se } from "./useUserOptionState-DK-_1ddE.js";
+import { t as ce } from "./useChartAccessibility-DYqac8yF.js";
+import { t as le } from "./usePanZoom-CYU3B4T3.js";
+import { t as ue } from "./BaseZoomControls-BZvCnZEi.js";
+import { t as de } from "./vue_ui_dag-TsJ_azQq.js";
+import { Fragment as fe, Teleport as pe, Transition as me, computed as _, createBlock as v, createCommentVNode as y, createElementBlock as b, createElementVNode as x, createSlots as he, createTextVNode as ge, createVNode as _e, defineAsyncComponent as ve, guardReactiveProps as S, mergeProps as ye, nextTick as be, normalizeClass as xe, normalizeProps as C, normalizeStyle as Se, onBeforeUnmount as Ce, onMounted as we, openBlock as w, ref as T, renderList as Te, renderSlot as E, toDisplayString as Ee, toRefs as De, unref as D, watch as Oe, watchEffect as ke, withCtx as O, withModifiers as Ae } from "vue";
 //#region src/DAG/graph.js
-var ke = "\0", Ae = "\0", je = "
", k = class {
+var je = "\0", Me = "\0", Ne = "
", k = class {
 	_isDirected = !0;
 	_isMultigraph = !1;
 	_isCompound = !1;
@@ -37,7 +38,7 @@ var ke = "\0", Ae = "\0", je = "
", k = class {
 	_parent;
 	_children;
 	constructor(e) {
-		e && (this._isDirected = !Object.hasOwn(e, "directed") || e.directed, this._isMultigraph = Object.hasOwn(e, "multigraph") ? e.multigraph : !1, this._isCompound = Object.hasOwn(e, "compound") ? e.compound : !1), this._isCompound && (this._parent = {}, this._children = {}, this._children[Ae] = {});
+		e && (this._isDirected = !Object.hasOwn(e, "directed") || e.directed, this._isMultigraph = Object.hasOwn(e, "multigraph") ? e.multigraph : !1, this._isCompound = Object.hasOwn(e, "compound") ? e.compound : !1), this._isCompound && (this._parent = {}, this._children = {}, this._children[Me] = {});
 	}
 	isDirected() {
 		return this._isDirected;
@@ -78,7 +79,7 @@ var ke = "\0", Ae = "\0", je = "
", k = class {
 		}), this;
 	}
 	setNode(e, t) {
-		return Object.hasOwn(this._nodes, e) ? (arguments.length > 1 && (this._nodes[e] = t), this) : (this._nodes[e] = arguments.length > 1 ? t : this._defaultNodeLabelFn(e), this._isCompound && (this._parent[e] = Ae, this._children[e] = {}, this._children[Ae][e] = !0), this._in[e] = {}, this._preds[e] = {}, this._out[e] = {}, this._sucs[e] = {}, ++this._nodeCount, this);
+		return Object.hasOwn(this._nodes, e) ? (arguments.length > 1 && (this._nodes[e] = t), this) : (this._nodes[e] = arguments.length > 1 ? t : this._defaultNodeLabelFn(e), this._isCompound && (this._parent[e] = Me, this._children[e] = {}, this._children[Me][e] = !0), this._in[e] = {}, this._preds[e] = {}, this._out[e] = {}, this._sucs[e] = {}, ++this._nodeCount, this);
 	}
 	node(e) {
 		return this._nodes[e];
@@ -98,7 +99,7 @@ var ke = "\0", Ae = "\0", je = "
", k = class {
 	}
 	setParent(e, t) {
 		if (!this._isCompound) throw Error("Cannot set parent in a non-compound graph");
-		if (t === void 0) t = Ae;
+		if (t === void 0) t = Me;
 		else {
 			t += "";
 			for (let n = t; n !== void 0; n = this.parent(n)) if (n === e) throw Error("Setting " + t + " as parent of " + e + " would create a cycle");
@@ -112,14 +113,14 @@ var ke = "\0", Ae = "\0", je = "
", k = class {
 	parent(e) {
 		if (this._isCompound) {
 			let t = this._parent[e];
-			if (t !== Ae) return t;
+			if (t !== Me) return t;
 		}
 	}
-	children(e = Ae) {
+	children(e = Me) {
 		if (this._isCompound) {
 			let t = this._children[e];
 			if (t) return Object.keys(t);
-		} else if (e === Ae) return this.nodes();
+		} else if (e === Me) return this.nodes();
 		else if (this.hasNode(e)) return [];
 	}
 	predecessors(e) {
@@ -183,7 +184,7 @@ var ke = "\0", Ae = "\0", je = "
", k = class {
 		if (n !== void 0 && !this._isMultigraph) throw Error("Cannot set a named edge when isMultigraph = false");
 		this.setNode(e), this.setNode(t), this._edgeLabels[o] = i ? r : this._defaultEdgeLabelFn(e, t, n);
 		let s = M(this._isDirected, e, t, n);
-		return e = s.v, t = s.w, Object.freeze(s), this._edgeObjs[o] = s, Me(this._preds[t], e), Me(this._sucs[e], t), this._in[t][o] = s, this._out[e][o] = s, this._edgeCount++, this;
+		return e = s.v, t = s.w, Object.freeze(s), this._edgeObjs[o] = s, Pe(this._preds[t], e), Pe(this._sucs[e], t), this._in[t][o] = s, this._out[e][o] = s, this._edgeCount++, this;
 	}
 	edge(e, t, n) {
 		let r = arguments.length === 1 ? N(this._isDirected, arguments[0]) : j(this._isDirected, e, t, n);
@@ -220,7 +221,7 @@ var ke = "\0", Ae = "\0", je = "
", k = class {
 		if (n) return n.concat(this.outEdges(e, t));
 	}
 };
-function Me(e, t) {
+function Pe(e, t) {
 	e[t] ? e[t]++ : e[t] = 1;
 }
 function A(e, t) {
@@ -232,7 +233,7 @@ function j(e, t, n, r) {
 		let e = i;
 		i = a, a = e;
 	}
-	return i + je + a + je + (r === void 0 ? ke : r);
+	return i + Ne + a + Ne + (r === void 0 ? je : r);
 }
 function M(e, t, n, r) {
 	let i = "" + t, a = "" + n;
@@ -251,67 +252,67 @@ function N(e, t) {
 }
 //#endregion
 //#region src/DAG/data/list.js
-var Ne = class {
+var Fe = class {
 	constructor() {
 		let e = {};
 		e._next = e._prev = e, this._sentinel = e;
 	}
 	dequeue() {
 		let e = this._sentinel, t = e._prev;
-		if (t !== e) return Pe(t), t;
+		if (t !== e) return Ie(t), t;
 	}
 	enqueue(e) {
 		let t = this._sentinel;
-		e._prev && e._next && Pe(e), e._next = t._next, t._next._prev = e, t._next = e, e._prev = t;
+		e._prev && e._next && Ie(e), e._next = t._next, t._next._prev = e, t._next = e, e._prev = t;
 	}
 	toString() {
 		let e = [], t = this._sentinel, n = t._prev;
-		for (; n !== t;) e.push(JSON.stringify(n, Fe)), n = n._prev;
+		for (; n !== t;) e.push(JSON.stringify(n, Le)), n = n._prev;
 		return "[" + e.join(", ") + "]";
 	}
 };
-function Pe(e) {
+function Ie(e) {
 	e._prev._next = e._next, e._next._prev = e._prev, delete e._next, delete e._prev;
 }
-function Fe(e, t) {
+function Le(e, t) {
 	if (e !== "_next" && e !== "_prev") return t;
 }
 //#endregion
 //#region src/DAG/greedy-fas.js
-var Ie = () => 1;
-function Le(e, t) {
+var Re = () => 1;
+function ze(e, t) {
 	if (e.nodeCount() <= 1) return [];
-	let n = Be(e, t || Ie);
-	return Re(n.graph, n.buckets, n.zeroIndex).flatMap((t) => e.outEdges(t.v, t.w));
+	let n = He(e, t || Re);
+	return Be(n.graph, n.buckets, n.zeroIndex).flatMap((t) => e.outEdges(t.v, t.w));
 }
-function Re(e, t, n) {
+function Be(e, t, n) {
 	let r = [], i = t[t.length - 1], a = t[0], o;
 	for (; e.nodeCount();) {
-		for (; o = a.dequeue();) ze(e, t, n, o);
-		for (; o = i.dequeue();) ze(e, t, n, o);
+		for (; o = a.dequeue();) Ve(e, t, n, o);
+		for (; o = i.dequeue();) Ve(e, t, n, o);
 		if (e.nodeCount()) {
 			for (let i = t.length - 2; i > 0; --i) if (o = t[i].dequeue(), o) {
-				r = r.concat(ze(e, t, n, o, !0));
+				r = r.concat(Ve(e, t, n, o, !0));
 				break;
 			}
 		}
 	}
 	return r;
 }
-function ze(e, t, n, r, i) {
+function Ve(e, t, n, r, i) {
 	let a = i ? [] : void 0;
 	return e.inEdges(r.v).forEach((r) => {
 		let o = e.edge(r), s = e.node(r.v);
 		i && a.push({
 			v: r.v,
 			w: r.w
-		}), s.out -= o, Ve(t, n, s);
+		}), s.out -= o, Ue(t, n, s);
 	}), e.outEdges(r.v).forEach((r) => {
 		let i = e.edge(r), a = e.node(r.w);
-		a.in -= i, Ve(t, n, a);
+		a.in -= i, Ue(t, n, a);
 	}), e.removeNode(r.v), a;
 }
-function Be(e, t) {
+function He(e, t) {
 	let n = new k(), r = 0, i = 0;
 	e.nodes().forEach((e) => {
 		n.setNode(e, {
@@ -323,16 +324,16 @@ function Be(e, t) {
 		let a = n.edge(e.v, e.w) || 0, o = t(e), s = a + o;
 		n.setEdge(e.v, e.w, s), i = Math.max(i, n.node(e.v).out += o), r = Math.max(r, n.node(e.w).in += o);
 	});
-	let a = P(i + r + 3).map(() => new Ne()), o = r + 1;
+	let a = P(i + r + 3).map(() => new Fe()), o = r + 1;
 	return n.nodes().forEach((e) => {
-		Ve(a, o, n.node(e));
+		Ue(a, o, n.node(e));
 	}), {
 		graph: n,
 		buckets: a,
 		zeroIndex: o
 	};
 }
-function Ve(e, t, n) {
+function Ue(e, t, n) {
 	n.out ? n.in ? e[n.out - n.in + t].enqueue(n) : e[e.length - 1].enqueue(n) : e[0].enqueue(n);
 }
 function P(e) {
@@ -370,7 +371,7 @@ function L(e) {
 		t.setEdge(n, e.edge(n));
 	}), t;
 }
-function He(e) {
+function We(e) {
 	let t = e.nodes().map((t) => {
 		let n = {};
 		return e.outEdges(t).forEach((t) => {
@@ -379,7 +380,7 @@ function He(e) {
 	});
 	return W(e.nodes(), t);
 }
-function Ue(e) {
+function Ge(e) {
 	let t = e.nodes().map((t) => {
 		let n = {};
 		return e.inEdges(t).forEach((t) => {
@@ -388,7 +389,7 @@ function Ue(e) {
 	});
 	return W(e.nodes(), t);
 }
-function We(e, t) {
+function Ke(e, t) {
 	let n = e.x, r = e.y, i = t.x - n, a = t.y - r, o = e.width / 2, s = e.height / 2;
 	if (!i && !a) throw Error("Not possible to find intersection inside of the rectangle");
 	let c, l;
@@ -398,13 +399,13 @@ function We(e, t) {
 	};
 }
 function R(e) {
-	let t = U(Ye(e) + 1).map(() => []);
+	let t = U(Ze(e) + 1).map(() => []);
 	return e.nodes().forEach((n) => {
 		let r = e.node(n), i = r.rank;
 		i !== void 0 && (t[i][r.order] = n);
 	}), t;
 }
-function Ge(e) {
+function qe(e) {
 	let t = e.nodes().map((t) => {
 		let n = e.node(t).rank;
 		return n === void 0 ? Number.MAX_VALUE : n;
@@ -414,7 +415,7 @@ function Ge(e) {
 		Object.hasOwn(r, "rank") && (r.rank -= n);
 	});
 }
-function Ke(e) {
+function Je(e) {
 	let t = e.nodes().map((t) => e.node(t).rank).filter((e) => e !== void 0), n = B(Math.min, t), r = [];
 	e.nodes().forEach((t) => {
 		let i = e.node(t).rank - n;
@@ -427,15 +428,15 @@ function Ke(e) {
 		});
 	});
 }
-function qe(e, t, n, r) {
+function Ye(e, t, n, r) {
 	let i = {
 		width: 0,
 		height: 0
 	};
 	return arguments.length >= 4 && (i.rank = n, i.order = r), F(e, "border", i, t);
 }
-var Je = 65535;
-function z(e, t = Je) {
+var Xe = 65535;
+function z(e, t = Xe) {
 	let n = [];
 	for (let r = 0; r < e.length; r += t) {
 		let i = e.slice(r, r + t);
@@ -444,19 +445,20 @@ function z(e, t = Je) {
 	return n;
 }
 function B(e, t) {
-	if (t.length > Je) {
+	if (t.length > Xe) {
 		let n = z(t);
 		return e.apply(null, n.map((t) => e.apply(null, t)));
-	} else return e.apply(null, t);
+	}
+	return e.apply(null, t);
 }
-function Ye(e) {
+function Ze(e) {
 	let t = e.nodes().map((t) => {
 		let n = e.node(t).rank;
 		return n === void 0 ? Number.MIN_VALUE : n;
 	});
 	return B(Math.max, t);
 }
-function Xe(e, t) {
+function Qe(e, t) {
 	let n = {
 		lhs: [],
 		rhs: []
@@ -473,12 +475,12 @@ function V(e, t) {
 		console.log(e + " time: " + (Date.now() - n) + "ms");
 	}
 }
-function Ze(e, t) {
+function $e(e, t) {
 	return t();
 }
-var Qe = 0;
+var et = 0;
 function H(e) {
-	let t = ++Qe;
+	let t = ++et;
 	return e + String(t);
 }
 function U(e, t, n = 1) {
@@ -489,12 +491,12 @@ function U(e, t, n = 1) {
 	for (let t = e; r(t); t += n) i.push(t);
 	return i;
 }
-function $e(e, t) {
+function tt(e, t) {
 	let n = {};
 	for (let r of t) e[r] !== void 0 && (n[r] = e[r]);
 	return n;
 }
-function et(e, t) {
+function nt(e, t) {
 	let n = t;
 	if (typeof t == "string") {
 		let e = t;
@@ -506,23 +508,23 @@ function W(e, t) {
 	return e.reduce((e, n, r) => (e[n] = t[r], e), {});
 }
 var G = {
-	addBorderNode: qe,
+	addBorderNode: Ye,
 	addDummyNode: F,
 	applyWithChunking: B,
 	asNonCompoundGraph: L,
 	buildLayerMatrix: R,
-	intersectRect: We,
-	mapValues: et,
-	maxRank: Ye,
-	normalizeRanks: Ge,
-	notime: Ze,
-	partition: Xe,
-	pick: $e,
-	predecessorWeights: Ue,
+	intersectRect: Ke,
+	mapValues: nt,
+	maxRank: Ze,
+	normalizeRanks: qe,
+	notime: $e,
+	partition: Qe,
+	pick: tt,
+	predecessorWeights: Ge,
 	range: U,
-	removeEmptyRanks: Ke,
+	removeEmptyRanks: Je,
 	simplify: I,
-	successorWeights: He,
+	successorWeights: We,
 	time: V,
 	uniqueId: H,
 	zipObject: W
@@ -530,7 +532,7 @@ var G = {
 //#endregion
 //#region src/DAG/acyclic.js
 function K(e) {
-	(e.graph().acyclicer === "greedy" ? Le(e, t(e)) : nt(e)).forEach((t) => {
+	(e.graph().acyclicer === "greedy" ? ze(e, t(e)) : it(e)).forEach((t) => {
 		let n = e.edge(t);
 		e.removeEdge(t), n.forwardName = t.name, n.reversed = !0, e.setEdge(t.w, t.v, n, H("rev"));
 	});
@@ -538,7 +540,7 @@ function K(e) {
 		return (t) => e.edge(t).weight;
 	}
 }
-function tt(e) {
+function rt(e) {
 	e.edges().forEach((t) => {
 		let n = e.edge(t);
 		if (n.reversed) {
@@ -548,7 +550,7 @@ function tt(e) {
 		}
 	});
 }
-function nt(e) {
+function it(e) {
 	let t = [], n = {}, r = {};
 	function i(a) {
 		Object.hasOwn(r, a) || (r[a] = !0, n[a] = !0, e.outEdges(a).forEach((e) => {
@@ -559,7 +561,7 @@ function nt(e) {
 }
 //#endregion
 //#region src/DAG/normalize.js
-function rt(e) {
+function at(e) {
 	e.graph().dummyChains = [], e.edges().forEach((t) => q(e, t));
 }
 function q(e, t) {
@@ -576,7 +578,7 @@ function q(e, t) {
 	}, l = F(e, "edge", u, "_d"), r === c && (u.width = s.width, u.height = s.height, u.dummy = "edge-label", u.labelpos = s.labelpos), e.setEdge(n, l, { weight: s.weight }, o), d === 0 && e.graph().dummyChains.push(l), n = l;
 	e.setEdge(n, i, { weight: s.weight }, o);
 }
-function it(e) {
+function ot(e) {
 	e.graph().dummyChains.forEach((t) => {
 		let n = e.node(t), r = n.edgeLabel;
 		e.setEdge(n.edgeObj, r);
@@ -589,7 +591,7 @@ function it(e) {
 }
 //#endregion
 //#region src/DAG/rank/util.js
-function at(e) {
+function st(e) {
 	function t(n) {
 		let r = e.node(n);
 		if (r && Object.prototype.hasOwnProperty.call(r, "rank")) return r.rank;
@@ -600,13 +602,13 @@ function at(e) {
 	}
 	(e.sources() || []).forEach(t);
 }
-function ot(e, t) {
+function ct(e, t) {
 	return e.node(t.w).rank - e.node(t.v).rank - e.edge(t).minlen;
 }
 //#endregion
 //#region src/DAG/rank/feasible-tree.js
-function st(e) {
-	ct(e);
+function lt(e) {
+	ut(e);
 	let t = new k();
 	e.nodes().forEach((e) => {
 		t.setNode(e, {});
@@ -615,29 +617,29 @@ function st(e) {
 	if (!n.length) return t;
 	let r = n[0], i = /* @__PURE__ */ new Set([r]);
 	for (; i.size < n.length;) {
-		let r = lt(e, i);
+		let r = dt(e, i);
 		if (!r) {
 			let e = n.find((e) => !i.has(e));
 			i.add(e), t.setNode(e, {});
 			continue;
 		}
 		let { edgeObject: a, delta: o, attachFrom: s, attachTo: c } = r;
-		ut(e, i, s, o), t.setEdge(a.v, a.w, {}), i.add(c);
+		ft(e, i, s, o), t.setEdge(a.v, a.w, {}), i.add(c);
 	}
 	return t;
 }
-function ct(e) {
+function ut(e) {
 	e.nodes().forEach((t) => {
 		let n = e.node(t) || {};
 		Object.prototype.hasOwnProperty.call(n, "rank") || (n.rank = 0, e.setNode(t, n));
 	});
 }
-function lt(e, t) {
+function dt(e, t) {
 	let n = null;
 	return e.edges().forEach((r) => {
 		let i = t.has(r.v);
 		if (i === t.has(r.w)) return;
-		let a = ot(e, r), o = Math.abs(a);
+		let a = ct(e, r), o = Math.abs(a);
 		if (!n || o < n.absoluteSlack) {
 			let e = i ? r.v : r.w, t = i ? r.w : r.v;
 			n = {
@@ -650,7 +652,7 @@ function lt(e, t) {
 		}
 	}), n;
 }
-function ut(e, t, n, r) {
+function ft(e, t, n, r) {
 	r && e.nodes().forEach((n) => {
 		if (!t.has(n)) {
 			let t = e.node(n);
@@ -662,56 +664,56 @@ function ut(e, t, n, r) {
 //#region src/DAG/rank/network-simplex.js
 function J(e) {
 	let t = I(e);
-	return at(t), t.nodes().forEach((n) => {
+	return st(t), t.nodes().forEach((n) => {
 		let r = t.node(n), i = e.node(n) || {};
 		i.rank = r.rank, e.setNode(n, i);
 	}), e;
 }
-function dt(e, t) {}
-function ft(e, t) {}
-function pt(e, t, n) {
+function pt(e, t) {}
+function mt(e, t) {}
+function ht(e, t, n) {
 	return 0;
 }
-function mt(e) {
+function gt(e) {
 	return null;
 }
-function ht(e, t) {
+function _t(e, t) {
 	return null;
 }
-J.initLowLimValues = dt, J.initCutValues = ft, J.calcCutValue = pt, J.leaveEdge = mt, J.enterEdge = ht;
+J.initLowLimValues = pt, J.initCutValues = mt, J.calcCutValue = ht, J.leaveEdge = gt, J.enterEdge = _t;
 //#endregion
 //#region src/DAG/rank/index.js
-var gt = at;
-function _t(e) {
+var vt = st;
+function yt(e) {
 	let t = e.graph().ranker;
 	if (t instanceof Function) return t(e);
 	switch (e.graph().ranker) {
 		case "network-simplex":
-			Y(e);
+			St(e);
 			break;
 		case "tight-tree":
-			yt(e);
+			xt(e);
 			break;
 		case "longest-path":
-			vt(e);
+			bt(e);
 			break;
 		case "none": break;
-		default: Y(e);
+		default: St(e);
 	}
 }
-var vt = gt;
-function yt(e) {
-	gt(e), st(e);
+var bt = vt;
+function xt(e) {
+	vt(e), lt(e);
 }
-function Y(e) {
+function St(e) {
 	J(e);
 }
 //#endregion
 //#region src/DAG/parent-dummy-chains.js
-function bt(e) {
-	let t = X(e);
+function Y(e) {
+	let t = wt(e);
 	e.graph().dummyChains.forEach((n) => {
-		let r = e.node(n), i = r.edgeObj, a = xt(e, t, i.v, i.w), o = a.path, s = a.lca, c = 0, l = o[c], u = !0, d = n;
+		let r = e.node(n), i = r.edgeObj, a = Ct(e, t, i.v, i.w), o = a.path, s = a.lca, c = 0, l = o[c], u = !0, d = n;
 		for (; d !== i.w;) {
 			if (r = e.node(d), u) {
 				for (; (l = o[c]) !== s && e.node(l).maxRank < r.rank;) c++;
@@ -725,7 +727,7 @@ function bt(e) {
 		}
 	});
 }
-function xt(e, t, n, r) {
+function Ct(e, t, n, r) {
 	let i = [], a = [], o = Math.min(t[n].low, t[r].low), s = Math.max(t[n].lim, t[r].lim), c, l;
 	c = n;
 	do
@@ -737,7 +739,7 @@ function xt(e, t, n, r) {
 		lca: l
 	};
 }
-function X(e) {
+function wt(e) {
 	let t = {}, n = 0;
 	function r(i) {
 		let a = n;
@@ -750,17 +752,17 @@ function X(e) {
 }
 //#endregion
 //#region src/DAG/nested-graph.js
-function St(e) {
-	let t = G.addDummyNode(e, "root", {}, "_root"), n = wt(e), r = Object.values(n), i = G.applyWithChunking(Math.max, r) - 1, a = 2 * i + 1;
+function X(e) {
+	let t = G.addDummyNode(e, "root", {}, "_root"), n = Et(e), r = Object.values(n), i = G.applyWithChunking(Math.max, r) - 1, a = 2 * i + 1;
 	e.graph().nestingRoot = t, e.edges().forEach((t) => {
 		e.edge(t).minlen *= a;
 	});
-	let o = Tt(e) + 1;
+	let o = Dt(e) + 1;
 	e.children().forEach((r) => {
-		Ct(e, t, a, o, i, n, r);
+		Tt(e, t, a, o, i, n, r);
 	}), e.graph().nodeRankFactor = a;
 }
-function Ct(e, t, n, r, i, a, o) {
+function Tt(e, t, n, r, i, a, o) {
 	let s = e.children(o);
 	if (!s.length) {
 		o !== t && e.setEdge(t, o, {
@@ -771,7 +773,7 @@ function Ct(e, t, n, r, i, a, o) {
 	}
 	let c = G.addBorderNode(e, "_bt"), l = G.addBorderNode(e, "_bb"), u = e.node(o);
 	e.setParent(c, o), u.borderTop = c, e.setParent(l, o), u.borderBottom = l, s.forEach((s) => {
-		Ct(e, t, n, r, i, a, s);
+		Tt(e, t, n, r, i, a, s);
 		let u = e.node(s), d = u.borderTop ? u.borderTop : s, f = u.borderBottom ? u.borderBottom : s, p = u.borderTop ? r : 2 * r, m = d === f ? i - a[o] + 1 : 1;
 		e.setEdge(c, d, {
 			weight: p,
@@ -787,7 +789,7 @@ function Ct(e, t, n, r, i, a, o) {
 		minlen: i + a[o]
 	});
 }
-function wt(e) {
+function Et(e) {
 	let t = {};
 	function n(r, i) {
 		let a = e.children(r);
@@ -795,10 +797,10 @@ function wt(e) {
 	}
 	return e.children().forEach((e) => n(e, 1)), t;
 }
-function Tt(e) {
+function Dt(e) {
 	return e.edges().reduce((t, n) => t + e.edge(n).weight, 0);
 }
-function Et(e) {
+function Ot(e) {
 	let t = e.graph();
 	e.removeNode(t.nestingRoot), delete t.nestingRoot, e.edges().forEach((t) => {
 		e.edge(t).nestingEdge && e.removeEdge(t);
@@ -806,17 +808,17 @@ function Et(e) {
 }
 //#endregion
 //#region src/DAG/add-border-segments.js
-function Dt(e) {
+function kt(e) {
 	function t(n) {
 		let r = e.children(n), i = e.node(n);
 		if (r.length && r.forEach(t), Object.hasOwn(i, "minRank")) {
 			i.borderLeft = [], i.borderRight = [];
-			for (let t = i.minRank, r = i.maxRank + 1; t < r; ++t) Ot(e, "borderLeft", "_bl", n, i, t), Ot(e, "borderRight", "_br", n, i, t);
+			for (let t = i.minRank, r = i.maxRank + 1; t < r; ++t) At(e, "borderLeft", "_bl", n, i, t), At(e, "borderRight", "_br", n, i, t);
 		}
 	}
 	e.children().forEach(t);
 }
-function Ot(e, t, n, r, i, a) {
+function At(e, t, n, r, i, a) {
 	let o = {
 		width: 0,
 		height: 0,
@@ -827,55 +829,55 @@ function Ot(e, t, n, r, i, a) {
 }
 //#endregion
 //#region src/DAG/coordinate-system.js
-function kt(e) {
+function jt(e) {
 	let t = e.graph().rankdir.toLowerCase();
-	(t === "lr" || t === "rl") && jt(e);
+	(t === "lr" || t === "rl") && Nt(e);
 }
-function At(e) {
+function Mt(e) {
 	let t = e.graph().rankdir.toLowerCase();
-	(t === "bt" || t === "rl") && Mt(e), (t === "lr" || t === "rl") && (Pt(e), jt(e));
+	(t === "bt" || t === "rl") && Ft(e), (t === "lr" || t === "rl") && (Lt(e), Nt(e));
 }
-function jt(e) {
+function Nt(e) {
 	e.nodes().forEach((t) => {
-		Z(e.node(t));
+		Pt(e.node(t));
 	}), e.edges().forEach((t) => {
-		Z(e.edge(t));
+		Pt(e.edge(t));
 	});
 }
-function Z(e) {
+function Pt(e) {
 	let t = e.width;
 	e.width = e.height, e.height = t;
 }
-function Mt(e) {
+function Ft(e) {
 	e.nodes().forEach((t) => {
-		Nt(e.node(t));
+		It(e.node(t));
 	}), e.edges().forEach((t) => {
 		let n = e.edge(t);
-		n.points.forEach(Nt), Object.hasOwn(n, "y") && Nt(n);
+		n.points.forEach(It), Object.hasOwn(n, "y") && It(n);
 	});
 }
-function Nt(e) {
+function It(e) {
 	e.y = -e.y;
 }
-function Pt(e) {
+function Lt(e) {
 	e.nodes().forEach((t) => {
-		Ft(e.node(t));
+		Rt(e.node(t));
 	}), e.edges().forEach((t) => {
 		let n = e.edge(t);
-		n.points.forEach(Ft), Object.hasOwn(n, "x") && Ft(n);
+		n.points.forEach(Rt), Object.hasOwn(n, "x") && Rt(n);
 	});
 }
-function Ft(e) {
+function Rt(e) {
 	let t = e.x;
 	e.x = e.y, e.y = t;
 }
-var It = {
-	adjust: kt,
-	undo: At
+var zt = {
+	adjust: jt,
+	undo: Mt
 };
 //#endregion
 //#region src/DAG/order/init-order.js
-function Lt(e) {
+function Bt(e) {
 	let t = {}, n = e.nodes().filter((t) => e.children(t).length === 0), r = n.map((t) => e.node(t).rank), i = U(B(Math.max, r) + 1).map(() => []);
 	function a(n) {
 		if (t[n]) return;
@@ -887,12 +889,12 @@ function Lt(e) {
 }
 //#endregion
 //#region src/DAG/order/cross-count.js
-function Rt(e, t) {
+function Vt(e, t) {
 	let n = 0;
-	for (let r = 1; r < t.length; ++r) n += zt(e, t[r - 1], t[r]);
+	for (let r = 1; r < t.length; ++r) n += Ht(e, t[r - 1], t[r]);
 	return n;
 }
-function zt(e, t, n) {
+function Ht(e, t, n) {
 	let r = W(n, n.map((e, t) => t)), i = t.flatMap((t) => e.outEdges(t).map((t) => ({
 		pos: r[t.w],
 		weight: e.edge(t).weight
@@ -911,7 +913,7 @@ function zt(e, t, n) {
 }
 //#endregion
 //#region src/DAG/order/barycenter.js
-function Q(e, t = []) {
+function Ut(e, t = []) {
 	return t.map((t) => {
 		let n = e.inEdges(t);
 		if (!n.length) return { v: t };
@@ -934,7 +936,7 @@ function Q(e, t = []) {
 }
 //#endregion
 //#region src/DAG/order/resolve-conflicts.js
-function Bt(e, t) {
+function Z(e, t) {
 	let n = {};
 	return e.forEach((e, t) => {
 		let r = n[e.v] = {
@@ -948,13 +950,13 @@ function Bt(e, t) {
 	}), t.edges().forEach((e) => {
 		let t = n[e.v], r = n[e.w];
 		t !== void 0 && r !== void 0 && (r.indegree++, t.out.push(r));
-	}), Vt(Object.values(n).filter((e) => !e.indegree));
+	}), Wt(Object.values(n).filter((e) => !e.indegree));
 }
-function Vt(e) {
+function Wt(e) {
 	let t = [];
 	function n(e) {
 		return (t) => {
-			t.merged || (t.barycenter === void 0 || e.barycenter === void 0 || t.barycenter >= e.barycenter) && Ht(e, t);
+			t.merged || (t.barycenter === void 0 || e.barycenter === void 0 || t.barycenter >= e.barycenter) && Q(e, t);
 		};
 	}
 	function r(t) {
@@ -966,50 +968,50 @@ function Vt(e) {
 		let i = e.pop();
 		t.push(i), i.in.reverse().forEach(n(i)), i.out.forEach(r(i));
 	}
-	return t.filter((e) => !e.merged).map((e) => $e(e, [
+	return t.filter((e) => !e.merged).map((e) => tt(e, [
 		"vs",
 		"i",
 		"barycenter",
 		"weight"
 	]));
 }
-function Ht(e, t) {
+function Q(e, t) {
 	let n = 0, r = 0;
 	e.weight && (n += e.barycenter * e.weight, r += e.weight), t.weight && (n += t.barycenter * t.weight, r += t.weight), e.vs = t.vs.concat(e.vs), e.barycenter = n / r, e.weight = r, e.i = Math.min(t.i, e.i), t.merged = !0;
 }
 //#endregion
 //#region src/DAG/order/sort.js
-function Ut(e, t) {
-	let n = Xe(e, (e) => Object.hasOwn(e, "barycenter")), r = n.lhs, i = n.rhs.sort((e, t) => t.i - e.i), a = [], o = 0, s = 0, c = 0;
-	r.sort(Gt(!!t)), c = Wt(a, i, c), r.forEach((e) => {
-		c += e.vs.length, a.push(e.vs), o += e.barycenter * e.weight, s += e.weight, c = Wt(a, i, c);
+function Gt(e, t) {
+	let n = Qe(e, (e) => Object.hasOwn(e, "barycenter")), r = n.lhs, i = n.rhs.sort((e, t) => t.i - e.i), a = [], o = 0, s = 0, c = 0;
+	r.sort(qt(!!t)), c = Kt(a, i, c), r.forEach((e) => {
+		c += e.vs.length, a.push(e.vs), o += e.barycenter * e.weight, s += e.weight, c = Kt(a, i, c);
 	});
 	let l = { vs: a.flat(!0) };
 	return s && (l.barycenter = o / s, l.weight = s), l;
 }
-function Wt(e, t, n) {
+function Kt(e, t, n) {
 	let r;
 	for (; t.length && (r = t[t.length - 1]).i <= n;) t.pop(), e.push(r.vs), n++;
 	return n;
 }
-function Gt(e) {
+function qt(e) {
 	return (t, n) => t.barycenter < n.barycenter ? -1 : t.barycenter > n.barycenter ? 1 : e ? n.i - t.i : t.i - n.i;
 }
 //#endregion
 //#region src/DAG/order/sort-subgraph.js
-function Kt(e, t, n, r) {
+function Jt(e, t, n, r) {
 	let i = e.children(t), a = e.node(t), o = a ? a.borderLeft : void 0, s = a ? a.borderRight : void 0, c = {};
 	o && (i = i.filter((e) => e !== o && e !== s));
-	let l = Q(e, i);
+	let l = Ut(e, i);
 	l.forEach((t) => {
 		if (e.children(t.v).length) {
-			let i = Kt(e, t.v, n, r);
-			c[t.v] = i, Object.hasOwn(i, "barycenter") && Jt(t, i);
+			let i = Jt(e, t.v, n, r);
+			c[t.v] = i, Object.hasOwn(i, "barycenter") && Xt(t, i);
 		}
 	});
-	let u = Bt(l, n);
-	qt(u, c);
-	let d = Ut(u, r);
+	let u = Z(l, n);
+	Yt(u, c);
+	let d = Gt(u, r);
 	if (o && (d.vs = [
 		o,
 		d.vs,
@@ -1020,19 +1022,19 @@ function Kt(e, t, n, r) {
 	}
 	return d;
 }
-function qt(e, t) {
+function Yt(e, t) {
 	e.forEach((e) => {
 		e.vs = e.vs.flatMap((e) => t[e] ? t[e].vs : e);
 	});
 }
-function Jt(e, t) {
+function Xt(e, t) {
 	e.barycenter === void 0 ? (e.barycenter = t.barycenter, e.weight = t.weight) : (e.barycenter = (e.barycenter * e.weight + t.barycenter * t.weight) / (e.weight + t.weight), e.weight += t.weight);
 }
 //#endregion
 //#region src/DAG/order/build-layer-graph.js
-function Yt(e, t, n, r) {
+function Zt(e, t, n, r) {
 	r ||= e.nodes();
-	let i = Xt(e), a = new k({ compound: !0 }).setGraph({ root: i }).setDefaultNodeLabel((t) => e.node(t));
+	let i = Qt(e), a = new k({ compound: !0 }).setGraph({ root: i }).setDefaultNodeLabel((t) => e.node(t));
 	return r.forEach((r) => {
 		let o = e.node(r), s = e.parent(r);
 		(o.rank === t || o.minRank <= t && t <= o.maxRank) && (a.setNode(r), a.setParent(r, s || i), e[n](r).forEach((t) => {
@@ -1044,14 +1046,14 @@ function Yt(e, t, n, r) {
 		}));
 	}), a;
 }
-function Xt(e) {
+function Qt(e) {
 	let t;
 	for (; e.hasNode(t = H("_root")););
 	return t;
 }
 //#endregion
 //#region src/DAG/order/add-subgraph-constraints.js
-function Zt(e, t, n) {
+function $t(e, t, n) {
 	let r = {}, i;
 	n.forEach((n) => {
 		let a = e.parent(n), o, s;
@@ -1066,22 +1068,22 @@ function Zt(e, t, n) {
 }
 //#endregion
 //#region src/DAG/order/index.js
-function Qt(e, t = {}) {
+function en(e, t = {}) {
 	if (typeof t.customOrder == "function") {
-		t.customOrder(e, Qt);
+		t.customOrder(e, en);
 		return;
 	}
-	let n = Ye(e), r = $t(e, U(1, n + 1), "inEdges"), i = $t(e, U(n - 1, -1, -1), "outEdges"), a = Lt(e);
-	if (tn(e, a), t.disableOptimalOrderHeuristic) return;
+	let n = Ze(e), r = tn(e, U(1, n + 1), "inEdges"), i = tn(e, U(n - 1, -1, -1), "outEdges"), a = Bt(e);
+	if (rn(e, a), t.disableOptimalOrderHeuristic) return;
 	let o = Infinity, s, c = t.constraints || [];
 	for (let t = 0, n = 0; n < 4; ++t, ++n) {
-		en(t % 2 == 0 ? r : i, t % 4 >= 2, c), a = R(e);
-		let l = Rt(e, a);
+		nn(t % 2 == 0 ? r : i, t % 4 >= 2, c), a = R(e);
+		let l = Vt(e, a);
 		l < o ? (o = l, n = 0, s = structuredClone(a)) : l === o && (s = structuredClone(a));
 	}
-	tn(e, s);
+	rn(e, s);
 }
-function $t(e, t, n) {
+function tn(e, t, n) {
 	let r = /* @__PURE__ */ new Map();
 	function i(e, t) {
 		r.has(e) || r.set(e, []), r.get(e).push(t);
@@ -1090,19 +1092,19 @@ function $t(e, t, n) {
 		let n = e.node(t);
 		if (typeof n.rank == "number" && i(n.rank, t), typeof n.minRank == "number" && typeof n.maxRank == "number") for (let e = n.minRank; e <= n.maxRank; e++) e !== n.rank && i(e, t);
 	}
-	return t.map((t) => Yt(e, t, n, r.get(t) || []));
+	return t.map((t) => Zt(e, t, n, r.get(t) || []));
 }
-function en(e, t, n) {
+function nn(e, t, n) {
 	let r = new k();
 	e.forEach((e) => {
 		n.forEach((e) => r.setEdge(e.left, e.right));
-		let i = e.graph().root, a = Kt(e, i, r, t);
+		let i = e.graph().root, a = Jt(e, i, r, t);
 		a.vs.forEach((t, n) => {
 			e.node(t).order = n;
-		}), Zt(e, r, a.vs);
+		}), $t(e, r, a.vs);
 	});
 }
-function tn(e, t) {
+function rn(e, t) {
 	Object.values(t).forEach((t) => {
 		t.forEach((t, n) => {
 			e.node(t).order = n;
@@ -1111,30 +1113,30 @@ function tn(e, t) {
 }
 //#endregion
 //#region src/DAG/position/bk.js
-function $(e, t) {
+function an(e, t) {
 	let n = {};
 	function r(t, r) {
 		let i = 0, a = 0, o = t.length, s = r[r.length - 1];
 		return r.forEach((t, c) => {
-			let l = rn(e, t), u = l ? e.node(l).order : o;
+			let l = on(e, t), u = l ? e.node(l).order : o;
 			(l || t === s) && (r.slice(a, c + 1).forEach((t) => {
 				e.predecessors(t).forEach((r) => {
 					let a = e.node(r), o = a.order;
-					(o < i || u < o) && !(a.dummy && e.node(t).dummy) && an(n, r, t);
+					(o < i || u < o) && !(a.dummy && e.node(t).dummy) && sn(n, r, t);
 				});
 			}), a = c + 1, i = u);
 		}), r;
 	}
 	return t.length && t.reduce(r), n;
 }
-function nn(e, t) {
+function $(e, t) {
 	let n = {};
 	function r(t, r, i, a, o) {
 		let s;
 		U(r, i).forEach((r) => {
 			s = t[r], e.node(s).dummy && e.predecessors(s).forEach((t) => {
 				let r = e.node(t);
-				r.dummy && (r.order < a || r.order > o) && an(n, t, s);
+				r.dummy && (r.order < a || r.order > o) && sn(n, t, s);
 			});
 		});
 	}
@@ -1150,10 +1152,10 @@ function nn(e, t) {
 	}
 	return t.length && t.reduce(i), n;
 }
-function rn(e, t) {
+function on(e, t) {
 	if (e.node(t).dummy) return e.predecessors(t).find((t) => e.node(t).dummy);
 }
-function an(e, t, n) {
+function sn(e, t, n) {
 	if (t > n) {
 		let e = t;
 		t = n, n = e;
@@ -1161,14 +1163,14 @@ function an(e, t, n) {
 	let r = e[t];
 	r || (e[t] = r = {}), r[n] = !0;
 }
-function on(e, t, n) {
+function cn(e, t, n) {
 	if (t > n) {
 		let e = t;
 		t = n, n = e;
 	}
 	return !!e[t] && Object.hasOwn(e[t], n);
 }
-function sn(e, t, n, r) {
+function ln(e, t, n, r) {
 	let i = {}, a = {}, o = {};
 	return t.forEach((e) => {
 		e.forEach((e, t) => {
@@ -1183,7 +1185,7 @@ function sn(e, t, n, r) {
 				let r = (s.length - 1) / 2;
 				for (let c = Math.floor(r), l = Math.ceil(r); c <= l; ++c) {
 					let r = s[c];
-					a[e] === e && t < o[r] && !on(n, e, r) && (a[r] = e, a[e] = i[e] = i[r], t = o[r]);
+					a[e] === e && t < o[r] && !cn(n, e, r) && (a[r] = e, a[e] = i[e] = i[r], t = o[r]);
 				}
 			}
 		});
@@ -1192,8 +1194,8 @@ function sn(e, t, n, r) {
 		align: a
 	};
 }
-function cn(e, t, n, r, i) {
-	let a = {}, o = ln(e, t, n, i), s = i ? "borderLeft" : "borderRight";
+function un(e, t, n, r, i) {
+	let a = {}, o = dn(e, t, n, i), s = i ? "borderLeft" : "borderRight";
 	function c(e, t) {
 		let n = o.nodes().slice(), r = {}, i = n.pop();
 		for (; i;) {
@@ -1216,8 +1218,8 @@ function cn(e, t, n, r, i) {
 		a[e] = a[n[e]];
 	}), a;
 }
-function ln(e, t, n, r) {
-	let i = new e.constructor(), a = e.graph(), o = mn(a.nodesep, a.edgesep, r);
+function dn(e, t, n, r) {
+	let i = new e.constructor(), a = e.graph(), o = gn(a.nodesep, a.edgesep, r);
 	return t.forEach((t) => {
 		let r;
 		t.forEach((t) => {
@@ -1230,82 +1232,78 @@ function ln(e, t, n, r) {
 		});
 	}), i;
 }
-function un(e, t) {
+function fn(e, t) {
 	return Object.values(t).reduce((t, n) => {
 		let r = -Infinity, i = Infinity;
 		Object.entries(n).forEach(([t, n]) => {
-			let a = hn(e, t) / 2;
+			let a = _n(e, t) / 2;
 			r = Math.max(n + a, r), i = Math.min(n - a, i);
 		});
 		let a = r - i;
 		return a < t[0] && (t = [a, n]), t;
 	}, [Infinity, null])[1];
 }
-function dn(e, t) {
+function pn(e, t) {
 	let n = Object.values(t), r = B(Math.min, n), i = B(Math.max, n);
 	["u", "d"].forEach((n) => {
 		["l", "r"].forEach((a) => {
 			let o = n + a, s = e[o];
 			if (s === t) return;
 			let c = Object.values(s), l = r - B(Math.min, c);
-			a !== "l" && (l = i - B(Math.max, c)), l && (s = et(s, (e) => e + l), e[o] = s);
+			a !== "l" && (l = i - B(Math.max, c)), l && (s = nt(s, (e) => e + l), e[o] = s);
 		});
 	});
 }
-function fn(e, t) {
-	return et(e.ul, (n, r) => {
+function mn(e, t) {
+	return nt(e.ul, (n, r) => {
 		if (t) return e[t.toLowerCase()][r];
 		let i = Object.values(e).map((e) => e[r]).sort((e, t) => e - t);
 		return (i[1] + i[2]) / 2;
 	});
 }
-function pn(e) {
-	let t = R(e), n = Object.assign($(e, t), nn(e, t)), r = {}, i;
+function hn(e) {
+	let t = R(e), n = Object.assign(an(e, t), $(e, t)), r = {}, i;
 	return ["u", "d"].forEach((a) => {
 		i = a === "u" ? t : Object.values(t).reverse(), ["l", "r"].forEach((t) => {
 			let o = i;
 			t === "r" && (o = o.map((e) => Object.values(e).reverse()));
-			let s = (a === "u" ? e.predecessors : e.successors).bind(e), c = sn(e, o, n, s), l = cn(e, o, c.root, c.align, t === "r");
-			t === "r" && (l = et(l, (e) => -e)), r[a + t] = l;
+			let s = (a === "u" ? e.predecessors : e.successors).bind(e), c = ln(e, o, n, s), l = un(e, o, c.root, c.align, t === "r");
+			t === "r" && (l = nt(l, (e) => -e)), r[a + t] = l;
 		});
-	}), dn(r, un(e, r)), fn(r, e.graph().align);
+	}), pn(r, fn(e, r)), mn(r, e.graph().align);
 }
-function mn(e, t, n) {
+function gn(e, t, n) {
 	return (r, i, a) => {
 		let o = r.node(i), s = r.node(a), c = 0, l;
 		if (c += o.width / 2, Object.hasOwn(o, "labelpos")) switch (o.labelpos.toLowerCase()) {
 			case "l":
 				l = -o.width / 2;
 				break;
-			case "r":
-				l = o.width / 2;
-				break;
+			case "r": l = o.width / 2;
 		}
 		if (l && (c += n ? l : -l), l = 0, c += (o.dummy ? t : e) / 2, c += (s.dummy ? t : e) / 2, c += s.width / 2, Object.hasOwn(s, "labelpos")) switch (s.labelpos.toLowerCase()) {
 			case "l":
 				l = s.width / 2;
 				break;
-			case "r":
-				l = -s.width / 2;
-				break;
+			case "r": l = -s.width / 2;
 		}
 		return l && (c += n ? l : -l), l = 0, c;
 	};
 }
-function hn(e, t) {
+function _n(e, t) {
 	return e.node(t).width;
 }
 //#endregion
 //#region src/DAG/position/index.js
-function gn(e) {
+function vn(e) {
 	let t = L(e);
-	_n(t);
-	let n = pn(t);
+	yn(t);
+	let n = hn(t);
 	Object.entries(n).forEach(([t, n]) => {
 		e.node(t).x = n;
 	});
 }
-function _n(e) {
+function yn(e) {
 	let t = R(e), n = e.graph().ranksep, r = 0;
 	t.forEach((t) => {
 		let i = t.reduce((t, n) => {
@@ -1319,17 +1317,17 @@ function _n(e) {
 }
 //#endregion
 //#region src/DAG/layout.js
-function vn(e, t = {}) {
-	let n = t.debugTiming ? V : Ze;
+function bn(e, t = {}) {
+	let n = t.debugTiming ? V : $e;
 	return n("layout", () => {
-		let r = n("  buildLayoutGraph", () => kn(e));
-		return n("  runLayout", () => yn(r, n, t)), n("  updateInputGraph", () => bn(e, r)), r;
+		let r = n("  buildLayoutGraph", () => jn(e));
+		return n("  runLayout", () => xn(r, n, t)), n("  updateInputGraph", () => Sn(e, r)), r;
 	});
 }
-function yn(e, t, n) {
-	t("    makeSpaceForEdgeLabels", () => An(e)), t("    removeSelfEdges", () => Bn(e)), t("    acyclic", () => K(e)), t("    nestingGraph.run", () => St(e)), t("    rank", () => _t(L(e))), t("    injectEdgeLabelProxies", () => jn(e)), t("    removeEmptyRanks", () => Ke(e)), t("    nestingGraph.cleanup", () => Et(e)), t("    normalizeRanks", () => Ge(e)), t("    assignRankMinMax", () => Mn(e)), t("    removeEdgeLabelProxies", () => Nn(e)), t("    normalize.run", () => rt(e)), t("    parentDummyChains", () => bt(e)), t("    addBorderSegments", () => Dt(e)), t("    order", () => Qt(e, n)), t("    insertSelfEdges", () => Vn(e)), t("    adjustCoordinateSystem", () => It.adjust(e)), t("    position", () => gn(e)), t("    positionSelfEdges", () => Hn(e)), t("    removeBorderNodes", () => zn(e)), t("    normalize.undo", () => it(e)), t("    fixupEdgeLabelCoords", () => Ln(e)), t("    undoCoordinateSystem", () => It.undo(e)), t("    translateGraph", () => Pn(e)), t("    assignNodeIntersects", () => In(e)), t("    reversePoints", () => Rn(e)), t("    acyclic.undo", () => tt(e));
+function xn(e, t, n) {
+	t("    makeSpaceForEdgeLabels", () => Mn(e)), t("    removeSelfEdges", () => Hn(e)), t("    acyclic", () => K(e)), t("    nestingGraph.run", () => X(e)), t("    rank", () => yt(L(e))), t("    injectEdgeLabelProxies", () => Nn(e)), t("    removeEmptyRanks", () => Je(e)), t("    nestingGraph.cleanup", () => Ot(e)), t("    normalizeRanks", () => qe(e)), t("    assignRankMinMax", () => Pn(e)), t("    removeEdgeLabelProxies", () => Fn(e)), t("    normalize.run", () => at(e)), t("    parentDummyChains", () => Y(e)), t("    addBorderSegments", () => kt(e)), t("    order", () => en(e, n)), t("    insertSelfEdges", () => Un(e)), t("    adjustCoordinateSystem", () => zt.adjust(e)), t("    position", () => vn(e)), t("    positionSelfEdges", () => Wn(e)), t("    removeBorderNodes", () => Vn(e)), t("    normalize.undo", () => ot(e)), t("    fixupEdgeLabelCoords", () => zn(e)), t("    undoCoordinateSystem", () => zt.undo(e)), t("    translateGraph", () => In(e)), t("    assignNodeIntersects", () => Rn(e)), t("    reversePoints", () => Bn(e)), t("    acyclic.undo", () => rt(e));
 }
-function bn(e, t) {
+function Sn(e, t) {
 	e.nodes().forEach((n) => {
 		let r = e.node(n), i = t.node(n);
 		r && (r.x = i.x, r.y = i.y, r.order = i.order, r.rank = i.rank, t.children(n).length && (r.width = i.width, r.height = i.height));
@@ -1340,74 +1338,74 @@ function bn(e, t) {
 	let n = t.graph(), r = e.graph();
 	r.width = n.width, r.height = n.height;
 }
-var xn = [
+var Cn = [
 	"nodesep",
 	"edgesep",
 	"ranksep",
 	"marginx",
 	"marginy"
-], Sn = {
+], wn = {
 	ranksep: 50,
 	edgesep: 20,
 	nodesep: 50,
 	rankdir: "tb"
-}, Cn = [
+}, Tn = [
 	"acyclicer",
 	"ranker",
 	"rankdir",
 	"align"
-], wn = [
+], En = [
 	"width",
 	"height",
 	"rank"
-], Tn = {
+], Dn = {
 	width: 0,
 	height: 0
-}, En = [
+}, On = [
 	"minlen",
 	"weight",
 	"width",
 	"height",
 	"labeloffset"
-], Dn = {
+], kn = {
 	minlen: 1,
 	weight: 1,
 	width: 0,
 	height: 0,
 	labeloffset: 10,
 	labelpos: "r"
-}, On = ["labelpos", "arrowshape"];
-function kn(e) {
-	let t = Wn(e.graph()), n = {
-		...Sn,
-		...Un(t, xn),
-		...$e(t, Cn)
+}, An = ["labelpos", "arrowshape"];
+function jn(e) {
+	let t = Kn(e.graph()), n = {
+		...wn,
+		...Gn(t, Cn),
+		...tt(t, Tn)
 	}, r = new k({
 		multigraph: !0,
 		compound: !0
 	});
 	return r.setGraph(n), e.nodes().forEach((t) => {
-		let n = Un(Wn(e.node(t)), wn);
-		Object.keys(Tn).forEach((e) => {
-			n[e] === void 0 && (n[e] = Tn[e]);
+		let n = Gn(Kn(e.node(t)), En);
+		Object.keys(Dn).forEach((e) => {
+			n[e] === void 0 && (n[e] = Dn[e]);
 		}), r.setNode(t, n), r.setParent(t, e.parent(t));
 	}), e.edges().forEach((t) => {
-		let n = Wn(e.edge(t));
+		let n = Kn(e.edge(t));
 		r.setEdge(t, {
-			...Dn,
-			...Un(n, En),
-			...$e(n, On)
+			...kn,
+			...Gn(n, On),
+			...tt(n, An)
 		});
 	}), r;
 }
-function An(e) {
+function Mn(e) {
 	let t = e.graph();
 	t.ranksep /= 2, e.edges().forEach((n) => {
 		let r = e.edge(n);
 		r.minlen *= 2, r.labelpos.toLowerCase() !== "c" && (t.rankdir === "TB" || t.rankdir === "BT" ? r.width += r.labeloffset : r.height += r.labeloffset);
 	});
 }
-function jn(e) {
+function Nn(e) {
 	e.edges().forEach((t) => {
 		let n = e.edge(t);
 		if (n.width && n.height) {
@@ -1419,20 +1417,20 @@ function jn(e) {
 		}
 	});
 }
-function Mn(e) {
+function Pn(e) {
 	let t = 0;
 	e.nodes().forEach((n) => {
 		let r = e.node(n);
 		r.borderTop && (r.minRank = e.node(r.borderTop).rank, r.maxRank = e.node(r.borderBottom).rank, t = Math.max(t, r.maxRank));
 	}), e.graph().maxRank = t;
 }
-function Nn(e) {
+function Fn(e) {
 	e.nodes().forEach((t) => {
 		let n = e.node(t);
 		n.dummy === "edge-proxy" && (e.edge(n.e).labelRank = n.rank, e.removeNode(t));
 	});
 }
-function Pn(e) {
+function In(e) {
 	let t = Infinity, n = 0, r = Infinity, i = 0, a = e.graph(), o = a.marginx || 0, s = a.marginy || 0;
 	function c(e) {
 		let a = e.x, o = e.y, s = e.width, c = e.height;
@@ -1451,7 +1449,7 @@ function Pn(e) {
 		}), Object.hasOwn(i, "x") && (i.x -= t), Object.hasOwn(i, "y") && (i.y -= r);
 	}), a.width = n - t + o, a.height = i - r + s;
 }
-function Fn(e, t, n) {
+function Ln(e, t, n) {
 	if (!n || !t) return e;
 	let r = t.x - e.x, i = t.y - e.y, a = Math.sqrt(r * r + i * i);
 	if (!a || a <= n) return e;
@@ -1461,34 +1459,32 @@ function Fn(e, t, n) {
 		y: e.y + i * o
 	};
 }
-function In(e) {
+function Rn(e) {
 	e.edges().forEach((t) => {
 		let n = e.edge(t), r = e.node(t.v), i = e.node(t.w), a, o;
 		!n.points || !n.points.length ? (n.points = [], a = i, o = r) : (a = n.points[0], o = n.points[n.points.length - 1]);
-		let s = We(r, a), c = We(i, o), l = n.points.length ? n.points[0] : a, u = n.points.length ? n.points[n.points.length - 1] : o, d = n.arrowshape, f = d === "normal" || d === "vee", p = !!n.reversed, m = s, h = c;
-		f && (p ? m = Fn(s, l, 4) : h = Fn(c, u, 4)), n.points.unshift(m), n.points.push(h);
+		let s = Ke(r, a), c = Ke(i, o), l = n.points.length ? n.points[0] : a, u = n.points.length ? n.points[n.points.length - 1] : o, d = n.arrowshape, f = d === "normal" || d === "vee", p = !!n.reversed, m = s, h = c;
+		f && (p ? m = Ln(s, l, 4) : h = Ln(c, u, 4)), n.points.unshift(m), n.points.push(h);
 	});
 }
-function Ln(e) {
+function zn(e) {
 	e.edges().forEach((t) => {
 		let n = e.edge(t);
 		if (Object.hasOwn(n, "x")) switch ((n.labelpos === "l" || n.labelpos === "r") && (n.width -= n.labeloffset), n.labelpos) {
 			case "l":
 				n.x -= n.width / 2 + n.labeloffset;
 				break;
-			case "r":
-				n.x += n.width / 2 + n.labeloffset;
-				break;
+			case "r": n.x += n.width / 2 + n.labeloffset;
 		}
 	});
 }
-function Rn(e) {
+function Bn(e) {
 	e.edges().forEach((t) => {
 		let n = e.edge(t);
 		n.reversed && n.points.reverse();
 	});
 }
-function zn(e) {
+function Vn(e) {
 	e.nodes().forEach((t) => {
 		if (e.children(t).length) {
 			let n = e.node(t), r = e.node(n.borderTop), i = e.node(n.borderBottom), a = e.node(n.borderLeft[n.borderLeft.length - 1]), o = e.node(n.borderRight[n.borderRight.length - 1]);
@@ -1498,7 +1494,7 @@ function zn(e) {
 		e.node(t).dummy === "border" && e.removeNode(t);
 	});
 }
-function Bn(e) {
+function Hn(e) {
 	e.edges().forEach((t) => {
 		if (t.v === t.w) {
 			let n = e.node(t.v);
@@ -1509,7 +1505,7 @@ function Bn(e) {
 		}
 	});
 }
-function Vn(e) {
+function Un(e) {
 	R(e).forEach((t) => {
 		let n = 0;
 		t.forEach((t, r) => {
@@ -1527,7 +1523,7 @@ function Vn(e) {
 		});
 	});
 }
-function Hn(e) {
+function Wn(e) {
 	e.nodes().forEach((t) => {
 		let n = e.node(t);
 		if (n.dummy === "selfedge") {
@@ -1557,10 +1553,10 @@ function Hn(e) {
 		}
 	});
 }
-function Un(e, t) {
-	return et($e(e, t), Number);
+function Gn(e, t) {
+	return nt(tt(e, t), Number);
 }
-function Wn(e) {
+function Kn(e) {
 	let t = {};
 	return e && Object.entries(e).forEach(([e, n]) => {
 		let r = e;
@@ -1569,7 +1565,7 @@ function Wn(e) {
 }
 //#endregion
 //#region src/useDag.js
-var Gn = {
+var qn = {
 	rankDirection: "TB",
 	nodeSeparation: 50,
 	rankSeparation: 50,
@@ -1582,10 +1578,10 @@ var Gn = {
 	arrowShape: "normal",
 	arrowSize: 10
 };
-function Kn(e) {
+function Jn(e) {
 	return e.length ? e.map((e, t) => `${t === 0 ? "M" : "L"} ${e.x} ${e.y}`).join(" ") : "";
 }
-function qn(e) {
+function Yn(e) {
 	if (!e.length) return "";
 	if (e.length === 1) {
 		let t = e[0];
@@ -1601,36 +1597,36 @@ function qn(e) {
 	let r = e[e.length - 1];
 	return n += ` L ${r.x} ${r.y}`, n;
 }
-function Jn(e) {
-	let { nodes: t, edges: n, configuration: i } = e, o = T(null), s = T(null), c = `dag-arrow-${r()}`;
+function Xn(e) {
+	let { nodes: t, edges: n, configuration: r } = e, a = T(null), s = T(null), c = `dag-arrow-${o()}`;
 	function l(e, t, n) {
-		s.value = null, o.value = null;
-		let i = {
-			...Gn,
+		s.value = null, a.value = null;
+		let r = {
+			...qn,
 			...n
 		}, l = new k({
 			multigraph: !0,
 			compound: !0
 		});
 		l.setGraph({
-			rankdir: i.rankDirection,
-			nodesep: i.nodeSeparation,
-			ranksep: i.rankSeparation,
-			edgesep: i.edgeSeparation,
-			align: i.align
+			rankdir: r.rankDirection,
+			nodesep: r.nodeSeparation,
+			ranksep: r.rankSeparation,
+			edgesep: r.edgeSeparation,
+			align: r.align
 		}), e.forEach((e) => {
 			l.setNode(e.id, {
 				label: e.label,
-				width: e.width ?? i.nodeWidth,
-				height: e.height ?? i.nodeHeight
+				width: e.width ?? r.nodeWidth,
+				height: e.height ?? r.nodeHeight
 			});
 		}), t.forEach((e) => {
 			l.setEdge(e.from, e.to, {
 				weight: e.weight ?? 1,
 				minlen: e.minLength ?? 1,
-				arrowShape: i.arrowShape ?? "normal"
+				arrowShape: r.arrowShape ?? "normal"
 			});
-		}), vn(l);
+		}), bn(l);
 		let u = e.map((e) => {
 			let t = l.node(e.id);
 			return {
@@ -1643,135 +1639,135 @@ function Jn(e) {
 				original: e
 			};
 		}), d = l.edges().map((e) => {
-			let n = l.edge(e), a = n.points || [];
-			if (!a.length) return null;
-			let o = i.curvedEdges ? qn(a) : Kn(a), s = i.arrowShape === "undirected" ? null : `url(#${c})`, u = t.find((t) => t?.from === e.v && t?.to === e.w);
+			let n = l.edge(e), i = n.points || [];
+			if (!i.length) return null;
+			let a = r.curvedEdges ? Yn(i) : Jn(i), s = r.arrowShape === "undirected" ? null : `url(#${c})`, u = t.find((t) => t?.from === e.v && t?.to === e.w);
 			return {
-				id: `${e.v}->${e.w}->${r()}`,
+				id: `${e.v}->${e.w}->${o()}`,
 				from: e.v,
 				to: e.w,
-				points: a,
-				pathData: o,
+				points: i,
+				pathData: a,
 				markerEnd: s,
 				original: {
 					...u,
 					...n
 				}
 			};
-		}).filter(Boolean), f = i.padding;
+		}).filter(Boolean), f = r.padding;
 		if (!u.length) {
-			o.value = {
+			a.value = {
 				nodes: [],
 				edges: d,
 				viewBox: "0 0 0 0",
-				arrowShape: i.arrowShape,
-				arrowSize: i.arrowSize
+				arrowShape: r.arrowShape,
+				arrowSize: r.arrowSize
 			};
 			return;
 		}
 		let p = u.flatMap((e) => [e.x - e.width / 2, e.x + e.width / 2]), m = u.flatMap((e) => [e.y - e.height / 2, e.y + e.height / 2]), h = Math.min(...p) - f, g = Math.max(...p) + f, ee = Math.min(...m) - f, te = Math.max(...m) + f;
-		o.value = {
+		a.value = {
 			nodes: u,
 			edges: d.map((e) => ({
 				...e,
-				midpoint: e.pathData ? a(e.pathData) : {
+				midpoint: e.pathData ? i(e.pathData) : {
 					x: 0,
 					y: 0
 				}
 			})),
 			viewBox: `${h} ${ee} ${g - h} ${te - ee}`,
-			arrowShape: i.arrowShape,
-			arrowSize: i.arrowSize
+			arrowShape: r.arrowShape,
+			arrowSize: r.arrowSize
 		};
 	}
-	return De(() => {
+	return ke(() => {
 		try {
-			l(D(t) || [], D(n) || [], D(i) || {});
+			l(D(t) || [], D(n) || [], D(r) || {});
 		} catch (e) {
-			console.error("[useDag] layout error:", e), s.value = e, o.value = null;
+			console.error("[useDag] layout error:", e), s.value = e, a.value = null;
 		}
 	}), {
-		layoutData: o,
+		layoutData: a,
 		lastError: s,
 		arrowMarkerIdentifier: c,
 		recomputeLayout: () => {
-			l(D(t) || [], D(n) || [], D(i) || {});
+			l(D(t) || [], D(n) || [], D(r) || {});
 		}
 	};
 }
 //#endregion
 //#region src/components/vue-ui-dag.vue
-var Yn = /* @__PURE__ */ e({ default: () => kr }), Xn = ["id"], Zn = ["id"], Qn = {
+var Zn = /* @__PURE__ */ e({ default: () => jr }), Qn = ["id"], $n = ["id"], er = {
 	key: 1,
 	class: "dag-chart-error"
-}, $n = { style: { position: "relative" } }, er = [
+}, tr = { style: { position: "relative" } }, nr = [
 	"viewBox",
 	"xmlns",
 	"aria-describedby"
-], tr = { key: 0 }, nr = [
+], rr = { key: 0 }, ir = [
 	"id",
 	"width",
 	"height"
-], rr = [
+], ar = [
 	"cx",
 	"cy",
 	"r",
 	"fill"
-], ir = [
+], or = [
 	"x",
 	"y",
 	"width",
 	"height",
 	"fill"
-], ar = { key: 2 }, or = [
+], sr = { key: 2 }, cr = [
 	"id",
 	"markerWidth",
 	"markerHeight",
 	"refX",
 	"refY"
-], sr = [
+], lr = [
 	"d",
 	"fill",
 	"stroke"
-], cr = [
+], ur = [
 	"d",
 	"fill",
 	"stroke"
-], lr = { class: "vue-ui-dag-edges" }, ur = [
+], dr = { class: "vue-ui-dag-edges" }, fr = [
 	"data-a11y-midpoint-id",
 	"aria-label",
 	"onMouseenter"
-], dr = { class: "vue-ui-dag-nodes" }, fr = [
+], pr = { class: "vue-ui-dag-nodes" }, mr = [
 	"onClick",
 	"onMouseenter",
 	"onMouseleave"
-], pr = ["data-a11y-node-id", "aria-label"], mr = [
+], hr = ["data-a11y-node-id", "aria-label"], gr = [
 	"x",
 	"y",
 	"width",
 	"height"
-], hr = { class: "vue-ui-dag-edges" }, gr = [
+], _r = { class: "vue-ui-dag-edges" }, vr = [
 	"d",
 	"stroke-width",
 	"marker-end"
-], _r = { class: "vue-ui-dag-node-labels" }, vr = [
+], yr = { class: "vue-ui-dag-node-labels" }, br = [
 	"onClick",
 	"onMouseenter",
 	"onMouseleave"
-], yr = [
+], xr = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"font-weight"
-], br = [
+], Sr = [
 	"x",
 	"y",
 	"font-size",
 	"fill",
 	"font-weight",
 	"innerHTML"
-], xr = { key: 1 }, Sr = {
+], Cr = { key: 1 }, wr = {
 	key: 1,
 	style: {
 		position: "absolute",
@@ -1781,10 +1777,10 @@ var Yn = /* @__PURE__ */ e({ default: () => kr }), Xn = ["id"], Zn = ["id"], Qn
 	},
 	"data-dom-to-png-ignore": "",
 	"aria-hidden": "true"
-}, Cr = {
+}, Tr = {
 	key: 6,
 	class: "vue-data-ui-watermark"
-}, wr = ["data-position"], Tr = { key: 0 }, Er = ["data-position"], Dr = { key: 0 }, Or = 1.5, kr = /*#__PURE__*/ te({
+}, Er = ["data-position"], Dr = { key: 0 }, Or = ["data-position"], kr = { key: 0 }, Ar = 1.5, jr = /*#__PURE__*/ re({
 	__name: "vue-ui-dag",
 	props: {
 		dataset: {
@@ -1810,23 +1806,30 @@ var Yn = /* @__PURE__ */ e({ default: () => kr }), Xn = ["id"], Zn = ["id"], Qn
 		"copyAlt",
 		"rotate"
 	],
-	setup(e, { expose: a, emit: te }) {
-		let De = ge(() => import("./PenAndPaper-D--sbRMA.js").then((e) => e.t)), ke = ge(() => import("./UserOptions-BknvMNU1.js").then((e) => e.n)), Ae = ge(() => import("./PackageVersion-BUmadjVO.js").then((e) => e.t)), { vue_ui_dag: je } = l(), { isThemeValid: k, warnInvalidTheme: Me } = h(), A = e, j = te, M = T(null), N = T(r()), Ne = T(null), Pe = T(null), Fe = T(null), Ie = T(0), Le = T(0), Re = T(!1), ze = T(!1), Be = T(!1), Ve = T(!1), P = T(null), F = T(null), I = T(null), L = T(null), He = T(null), Ue = T("pointer"), We = T(!1), R = T(ct()), Ge = _(() => R.value.userOptions.useCursorPointer), Ke = T(R.value.style.chart.width), qe = T(R.value.style.chart.height), Je = T({
+	setup(e, { expose: i, emit: re }) {
+		let ke = ve(() => import("./PenAndPaper-DAE-tnEQ.js").then((e) => e.t)), je = ve(() => import("./UserOptions-Dt98of5H.js").then((e) => e.n)), Me = ve(() => import("./PackageVersion-D6d8SCp9.js").then((e) => e.t)), { vue_ui_dag: Ne } = d(), { isThemeValid: k, warnInvalidTheme: Pe } = ee(), A = e, j = re, M = T(null), N = T(o()), Fe = T(null), Ie = T(null), Le = T(null), Re = T(0), ze = T(0), Be = T(!1), Ve = T(!1), He = T(!1), Ue = T(!1), P = T(null), F = T(null), I = T(null), L = T(null), We = T(null), Ge = T("pointer"), Ke = T(!1), R = T(ut());
+		l({
+			config: () => R.value,
+			dataset: () => A.dataset,
+			component: "VueUiDag",
+			rules: [u.noHint]
+		});
+		let qe = _(() => R.value.userOptions.useCursorPointer), Je = T(R.value.style.chart.width), Ye = T(R.value.style.chart.height), Xe = T({
 			x: 0,
 			y: 0
-		}), z = T(null), B = T(null), Ye = T({
+		}), z = T(null), B = T(null), Ze = T({
 			left: "0px",
 			top: "0px"
-		}), Xe = T("top"), V = T(!1), Ze = T({
+		}), Qe = T("top"), V = T(!1), $e = T({
 			x: 0,
 			y: 0
-		}), Qe = T({
+		}), et = T({
 			x: 0,
 			y: 0
-		}), H = T(null), U = T(null), $e = T({
+		}), H = T(null), U = T(null), tt = T({
 			left: "0px",
 			top: "0px"
-		}), et = T("top"), W = T(!1), G = T(!1), { svgRef: K } = oe({ config: R.value.style.chart.title }), { userOptionsVisible: tt, setUserOptionsVisibility: nt, keepUserOptionState: rt } = ae({ config: R.value }), q = T(R.value.style.chart.layout.rankDirection), it = _(() => o({
+		}), nt = T("top"), W = T(!1), G = T(!1), { svgRef: K } = ce({ config: R.value.style.chart.title }), { userOptionsVisible: rt, setUserOptionsVisibility: it, keepUserOptionState: at } = se({ config: R.value }), q = T(R.value.style.chart.layout.rankDirection), ot = _(() => t({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				style: { chart: {
@@ -1843,10 +1846,10 @@ var Yn = /* @__PURE__ */ e({ default: () => kr }), Xn = ["id"], Zn = ["id"], Qn
 				} }
 			},
 			userConfig: R.value.skeletonConfig ?? {}
-		})), { loading: at, FINAL_DATASET: ot, manualLoading: st } = d({
-			...Te(A),
+		})), { loading: st, FINAL_DATASET: ct, manualLoading: lt } = p({
+			...De(A),
 			FINAL_CONFIG: R,
-			prepareConfig: ct,
+			prepareConfig: ut,
 			skeletonDataset: A.config?.skeletonDataset ?? {
 				nodes: [
 					{
@@ -1870,77 +1873,77 @@ var Yn = /* @__PURE__ */ e({ default: () => kr }), Xn = ["id"], Zn = ["id"], Qn
 					to: "C"
 				}]
 			},
-			skeletonConfig: o({
+			skeletonConfig: t({
 				defaultConfig: R.value,
-				userConfig: it.value
+				userConfig: ot.value
 			})
 		});
-		function ct() {
-			let e = m({
+		function ut() {
+			let e = g({
 				userConfig: A.config,
-				defaultConfig: je
+				defaultConfig: Ne
 			}), t = e.theme;
 			if (!t) return e;
-			if (!k.value(e)) return Me(e), e;
-			let n = m({
-				userConfig: le[t] || A.config,
+			if (!k.value(e)) return Pe(e), e;
+			let n = g({
+				userConfig: de[t] || A.config,
 				defaultConfig: e
 			});
-			return m({
+			return g({
 				userConfig: A.config,
 				defaultConfig: n
 			});
 		}
-		let lt = _(() => !!R.value.debug);
-		Se(async () => {
-			t(A.dataset) && (i({
+		let dt = _(() => !!R.value.debug);
+		we(async () => {
+			a(A.dataset) && (c({
 				componentName: "VueUiDag",
 				type: "dataset",
-				debug: lt.value
-			}), ze.value = !1, st.value = !0), A.dataset.nodes || (i({
+				debug: dt.value
+			}), Ve.value = !1, lt.value = !0), A.dataset.nodes || (c({
 				componentName: "VueUiDag",
 				type: "datasetAttributeEmpty",
 				property: "nodes",
 				index: 0,
-				debug: lt.value
-			}), ze.value = !1, st.value = !0), ze.value = !0, await ve(), Kt();
-		}), Ee(() => A.config, async (e) => {
-			at.value || (R.value = ct()), tt.value = !R.value.userOptions.showOnChartHover, Ie.value += 1, q.value = R.value.style.chart.layout.rankDirection, Ke.value = R.value.style.chart.width, qe.value = R.value.style.chart.height, Ct.value = R.value.style.chart.zoom.active, await ve(), Kt();
+				debug: dt.value
+			}), Ve.value = !1, lt.value = !0), Ve.value = !0, await be(), Yt();
+		}), Oe(() => A.config, async (e) => {
+			st.value || (R.value = ut()), rt.value = !R.value.userOptions.showOnChartHover, Re.value += 1, q.value = R.value.style.chart.layout.rankDirection, Je.value = R.value.style.chart.width, Ye.value = R.value.style.chart.height, Et.value = R.value.style.chart.zoom.active, await be(), Yt();
 		}, { deep: !0 });
-		let { isPrinting: ut, isImaging: J, generatePdf: dt, generateImage: ft } = u({
+		let { isPrinting: ft, isImaging: J, generatePdf: pt, generateImage: mt } = f({
 			elementId: `dag_${N.value}`,
 			fileName: R.value.style.chart.title.text || "vue-ui-dag",
 			options: R.value.userOptions.print
-		}), pt = _(() => R.value.style.chart.backgroundColor), { exportSvg: mt, getSvg: ht } = p({
+		}), ht = _(() => R.value.style.chart.backgroundColor), gt = _(() => R.value.style.chart.title), { exportSvg: _t, getSvg: vt } = h({
 			svg: K,
-			title: _(() => R.value.style.chart.title),
+			title: gt,
 			legend: void 0,
 			legendItems: void 0,
-			backgroundColor: pt
+			backgroundColor: ht
 		});
-		async function gt({ isCb: e }) {
-			Ve.value = !0, await ve();
+		async function yt({ isCb: e }) {
+			Ue.value = !0, await be();
 			try {
 				if (e) {
-					let { blob: e, url: t, text: n, dataUrl: r } = await ht();
+					let { blob: e, url: t, text: n, dataUrl: r } = await vt();
 					await Promise.resolve(R.value.userOptions.callbacks.svg({
 						blob: e,
 						url: t,
 						text: n,
 						dataUrl: r
 					}));
-				} else await Promise.resolve(mt());
+				} else await Promise.resolve(_t());
 			} finally {
-				Ve.value = !1;
+				Ue.value = !1;
 			}
 		}
-		function _t() {
-			Re.value = !0, nt(!0);
+		function bt() {
+			Be.value = !0, it(!0);
 		}
-		function vt() {
-			nt(!1), Re.value = !1;
+		function xt() {
+			it(!1), Be.value = !1;
 		}
-		function yt({ tooltipRef: e, isVisibleRef: t, anchorRef: n, styleRef: r, placementRef: i, offsetRef: a, margin: o = 24 }) {
+		function St({ tooltipRef: e, isVisibleRef: t, anchorRef: n, styleRef: r, placementRef: i, offsetRef: a, margin: o = 24 }) {
 			return function() {
 				let s = e.value;
 				if (!s || !t.value) return;
@@ -1961,13 +1964,13 @@ var Yn = /* @__PURE__ */ e({ default: () => kr }), Xn = ["id"], Zn = ["id"], Qn
 				};
 			};
 		}
-		let { layoutData: Y, lastError: bt, arrowMarkerIdentifier: xt } = Jn({
-			nodes: _(() => ot.value.nodes.map((e) => ({
+		let { layoutData: Y, lastError: Ct, arrowMarkerIdentifier: wt } = Xn({
+			nodes: _(() => ct.value.nodes.map((e) => ({
 				...e,
-				backgroundColor: e.backgroundColor ? c(e.backgroundColor) : R.value.style.chart.nodes.backgroundColor,
-				color: e.color ? c(e.color) : R.value.style.chart.nodes.labels.color
+				backgroundColor: e.backgroundColor ? r(e.backgroundColor) : R.value.style.chart.nodes.backgroundColor,
+				color: e.color ? r(e.color) : R.value.style.chart.nodes.labels.color
 			}))),
-			edges: _(() => ot.value.edges),
+			edges: _(() => ct.value.edges),
 			configuration: _(() => ({
 				...R.value.style.chart.layout,
 				rankDirection: q.value
@@ -1988,86 +1991,86 @@ var Yn = /* @__PURE__ */ e({ default: () => kr }), Xn = ["id"], Zn = ["id"], Qn
 				});
 			}), Array.from(t);
 		});
-		let St = _(() => {
-			let e = Ke.value, t = qe.value, n = Number(e), r = Number(t), i = Number.isFinite(n) && n > 0, a = Number.isFinite(r) && r > 0;
+		let Tt = _(() => {
+			let e = Je.value, t = Ye.value, n = Number(e), r = Number(t), i = Number.isFinite(n) && n > 0, a = Number.isFinite(r) && r > 0;
 			return !i && !a ? null : {
 				width: i ? n : null,
 				height: a ? r : null
 			};
-		}), Ct = T(R.value.style.chart.zoom.active), { viewBox: wt, resetZoom: Tt, setInitialViewBox: Et, scale: Dt, zoomByFactor: Ot } = se(K, {
+		}), Et = T(R.value.style.chart.zoom.active), { viewBox: Dt, resetZoom: Ot, setInitialViewBox: kt, scale: At, zoomByFactor: jt } = le(K, {
 			x: 0,
 			y: 0,
 			width: 100,
 			height: 100
-		}, 1, Ct, () => {
+		}, 1, Et, () => {
 			V.value = !1;
 		});
-		function kt() {
-			Ct.value = !Ct.value;
+		function Mt() {
+			Et.value = !Et.value;
 		}
-		function At() {
+		function Nt() {
 			let e = Y.value && Y.value.viewBox;
 			if (!e) return;
 			let t = String(e).split(" ").map(Number);
 			if (t.length !== 4) return;
 			let [n, r, i, a] = t;
 			if (!Number.isFinite(n) || !Number.isFinite(r) || !Number.isFinite(i) || !Number.isFinite(a)) return;
-			let o = i, s = a, c = n, l = r, u = St.value;
-			u && (u.width !== null && (o = u.width), u.height !== null && (s = u.height), c = n - (o - i) / 2, l = r - (s - a) / 2), Et({
+			let o = i, s = a, c = n, l = r, u = Tt.value;
+			u && (u.width !== null && (o = u.width), u.height !== null && (s = u.height), c = n - (o - i) / 2, l = r - (s - a) / 2), kt({
 				x: c,
 				y: l,
 				width: o,
 				height: s
 			}, { overwriteCurrentIfNotZoomed: !0 });
 		}
-		Ee(() => Y.value && Y.value.viewBox, () => {
-			At();
-		}, { immediate: !0 }), Ee(() => St.value, () => {
-			At();
-		}), Ee(() => G.value, (e) => {
-			Ct.value = !e;
+		Oe(() => Y.value && Y.value.viewBox, () => {
+			Nt();
+		}, { immediate: !0 }), Oe(() => Tt.value, () => {
+			Nt();
+		}), Oe(() => G.value, (e) => {
+			Et.value = !e;
 		});
-		let jt = _(() => {
-			let e = wt.value;
+		let Pt = _(() => {
+			let e = Dt.value;
 			return e ? `${e.x} ${e.y} ${e.width} ${e.height}` : "0 0 0 0";
-		}), Z = T(!1);
-		function Mt(e) {
-			Z.value = e, Le.value += 1;
+		}), Ft = T(!1);
+		function It(e) {
+			Ft.value = e, ze.value += 1;
 		}
-		function Nt() {
+		function Lt() {
 			G.value = !G.value;
 		}
-		function Pt() {
-			Ot(Or, !0);
+		function Rt() {
+			jt(Ar, !0);
 		}
-		function Ft() {
-			Ot(1 / Or, !0);
+		function zt() {
+			jt(1 / Ar, !0);
 		}
-		let It = [
+		let Bt = [
 			"TB",
 			"RL",
 			"BT",
 			"LR"
 		];
-		function Lt() {
-			q.value = It[(It.indexOf(q.value) + 1) % It.length], Tt(), j("rotate", q.value);
+		function Vt() {
+			q.value = Bt[(Bt.indexOf(q.value) + 1) % Bt.length], Ot(), j("rotate", q.value);
 		}
-		let Rt = yt({
+		let Ht = St({
 			tooltipRef: B,
 			isVisibleRef: W,
-			anchorRef: Je,
-			styleRef: Ye,
-			placementRef: Xe,
+			anchorRef: Xe,
+			styleRef: Ze,
+			placementRef: Qe,
 			isNode: !1
-		}), zt = yt({
+		}), Ut = St({
 			tooltipRef: U,
 			isVisibleRef: V,
-			anchorRef: Ze,
-			styleRef: $e,
-			placementRef: et,
-			offsetRef: Qe
-		}), Q = T(null);
-		async function Bt(e) {
+			anchorRef: $e,
+			styleRef: tt,
+			placementRef: nt,
+			offsetRef: et
+		}), Z = T(null);
+		async function Wt(e) {
 			j("onMidpointEnter", e);
 			let t = K.value;
 			if (!t || !e?.midpoint) return;
@@ -2076,15 +2079,15 @@ var Yn = /* @__PURE__ */ e({ default: () => kr }), Xn = ["id"], Zn = ["id"], Qn
 			let r = t.getScreenCTM();
 			if (!r) return;
 			let i = n.matrixTransform(r);
-			Je.value = {
+			Xe.value = {
 				x: i.x,
 				y: i.y
-			}, z.value = e, W.value = !0, R.value.style.chart.midpoints.selectedEdge.animated === !0 && (Q.value = e.id, Qt()), await ve(), Rt();
+			}, z.value = e, W.value = !0, R.value.style.chart.midpoints.selectedEdge.animated === !0 && (Z.value = e.id, tn()), await be(), Ht();
 		}
-		function Vt() {
-			W.value = !1, z.value = null, j("onMidpointLeave"), R.value.style.chart.midpoints.selectedEdge.animated === !0 && (Q.value = null, Qt());
+		function Q() {
+			W.value = !1, z.value = null, j("onMidpointLeave"), R.value.style.chart.midpoints.selectedEdge.animated === !0 && (Z.value = null, tn());
 		}
-		async function Ht(e) {
+		async function Gt(e) {
 			if (j("onNodeClick", e), !R.value.style.chart.nodes.tooltip.showOnClick) return;
 			let t = K.value;
 			if (!t) return;
@@ -2093,18 +2096,18 @@ var Yn = /* @__PURE__ */ e({ default: () => kr }), Xn = ["id"], Zn = ["id"], Qn
 			let r = t.getScreenCTM();
 			if (!r) return;
 			let i = n.matrixTransform(r), a = R.value.style.chart.layout.nodeWidth, o = R.value.style.chart.layout.nodeHeight, s = r.a, c = r.d, l = a * s, u = o * c;
-			Qe.value = {
+			et.value = {
 				x: l / 2,
 				y: u / 2
-			}, Ze.value = {
+			}, $e.value = {
 				x: i.x,
 				y: i.y
-			}, H.value = e, V.value = !0, await ve(), zt();
+			}, H.value = e, V.value = !0, await be(), Ut();
 		}
-		function Ut() {
+		function Kt() {
 			V.value = !1, H.value = null;
 		}
-		function Wt(e) {
+		function qt(e) {
 			if (!(V.value || W.value)) return;
 			let t = U.value;
 			if (t && t.contains(e.target)) return;
@@ -2115,38 +2118,38 @@ var Yn = /* @__PURE__ */ e({ default: () => kr }), Xn = ["id"], Zn = ["id"], Qn
 				let t = e.target.closest(".vue-ui-dag-node"), n = e.target.closest(".vue-ui-dag-edge-midpoint");
 				if (t || n) return;
 			}
-			Ut(), Vt(), We.value || Dn();
+			Kt(), Q(), Ke.value || An();
 		}
-		function Gt(e) {
-			e.key === "Escape" && (V.value && Ut(), W.value && Vt());
+		function Jt(e) {
+			e.key === "Escape" && (V.value && Kt(), W.value && Q());
 		}
-		Se(() => {
-			document.addEventListener("mousedown", Wt), document.addEventListener("keydown", Gt);
-		}), xe(() => {
-			document.removeEventListener("mousedown", Wt), document.removeEventListener("keydown", Gt), P.value && (F.value && P.value.unobserve(F.value), P.value.disconnect());
+		we(() => {
+			document.addEventListener("mousedown", qt), document.addEventListener("keydown", Jt);
+		}), Ce(() => {
+			document.removeEventListener("mousedown", qt), document.removeEventListener("keydown", Jt), P.value && (F.value && P.value.unobserve(F.value), P.value.disconnect());
 		});
-		function Kt() {
+		function Yt() {
 			if (!R.value.responsive) {
 				P.value && (F.value && P.value.unobserve(F.value), P.value.disconnect(), P.value = null, F.value = null);
 				return;
 			}
-			let e = ne(() => {
+			let e = ie(() => {
 				if (!M.value) return;
-				let { width: e, height: t } = re({
+				let { width: e, height: t } = ae({
 					chart: M.value,
-					title: R.value.style.chart.title.text ? Ne.value : null,
-					legend: R.value.style.chart.controls.show ? Fe.value?.$el : null,
-					source: Pe.value
+					title: R.value.style.chart.title.text ? Fe.value : null,
+					legend: R.value.style.chart.controls.show ? Le.value?.$el : null,
+					source: Ie.value
 				});
 				requestAnimationFrame(() => {
-					Ke.value = Math.max(.1, e), qe.value = Math.max(.1, t - 12);
+					Je.value = Math.max(.1, e), Ye.value = Math.max(.1, t - 12);
 				});
 			});
 			P.value && (F.value && P.value.unobserve(F.value), P.value.disconnect()), P.value = new ResizeObserver(e), F.value = M.value ? M.value.parentNode : null, F.value && P.value.observe(F.value), e();
 		}
-		function qt(e, t = {}) {
+		function Xt(e, t = {}) {
 			let { direction: n = -1, mode: r = "oneLapNearest", dasharray: i = null } = t;
-			if (!e || typeof e.getTotalLength != "function") return lt.value && console.warn("VueUiDag @getIdealDashoffsetDelta: invalid path element", e), 0;
+			if (!e || typeof e.getTotalLength != "function") return dt.value && console.warn("VueUiDag @getIdealDashoffsetDelta: invalid path element", e), 0;
 			let a = e.getTotalLength(), o = d(i ?? e.getAttribute("stroke-dasharray") ?? (typeof getComputedStyle == "function" ? getComputedStyle(e).strokeDasharray : ""));
 			if (!Number.isFinite(o) || o <= 0) return n * a;
 			let s = Math.max(1, Math.round(a / o)), c = Math.max(1, Math.ceil(a / o)), l = Math.max(1, Math.floor(a / o)), u;
@@ -2159,26 +2162,26 @@ var Yn = /* @__PURE__ */ e({ default: () => kr }), Xn = ["id"], Zn = ["id"], Qn
 				return t.length % 2 == 1 ? n * 2 : n;
 			}
 		}
-		let Jt = T(/* @__PURE__ */ new Map()), Yt = T(/* @__PURE__ */ new Map());
-		function Xt(e) {
+		let Zt = T(/* @__PURE__ */ new Map()), Qt = T(/* @__PURE__ */ new Map());
+		function $t(e) {
 			return function(t) {
-				t ? Jt.value.set(e, t) : Jt.value.delete(e);
+				t ? Zt.value.set(e, t) : Zt.value.delete(e);
 			};
 		}
-		function Zt() {
-			Yt.value.forEach((e) => {
+		function en() {
+			Qt.value.forEach((e) => {
 				try {
 					e.cancel();
 				} catch {}
-			}), Yt.value.clear();
+			}), Qt.value.clear();
 		}
-		function Qt() {
-			Zt();
+		function tn() {
+			en();
 			let e = Y.value?.edges ?? [];
 			if (!e.length) return;
 			let t = R.value.style.chart.edges.animations, n = Number(t.referenceDistance) > 0 ? Number(t.referenceDistance) : 24;
 			e.forEach((e) => {
-				let r = R.value.style.chart.midpoints.selectedEdge.animated === !0 && Q.value != null && e.id === Q.value, i = !!e?.original?.animated || !!e?.animated || r, a = Jt.value.get(e.id);
+				let r = R.value.style.chart.midpoints.selectedEdge.animated === !0 && Z.value != null && e.id === Z.value, i = !!e?.original?.animated || !!e?.animated || r, a = Zt.value.get(e.id);
 				if (!a) return;
 				if (!i) {
 					a.style.strokeDasharray = "0", a.style.strokeDashoffset = "0";
@@ -2186,7 +2189,7 @@ var Yn = /* @__PURE__ */ e({ default: () => kr }), Xn = ["id"], Zn = ["id"], Qn
 				}
 				let o = e?.original?.dasharray ?? t.dasharray;
 				a.style.strokeDasharray = String(o), a.style.strokeDashoffset = "0";
-				let s = ![void 0, null].includes(e?.original?.animationDirection), c = ![void 0, null].includes(t.animationDirection), l = qt(a, {
+				let s = ![void 0, null].includes(e?.original?.animationDirection), c = ![void 0, null].includes(t.animationDirection), l = Xt(a, {
 					direction: s ? Number(e.original.animationDirection) : c ? Number(t.animationDirection) : -1,
 					mode: "oneLapNearest",
 					dasharray: String(o)
@@ -2195,20 +2198,20 @@ var Yn = /* @__PURE__ */ e({ default: () => kr }), Xn = ["id"], Zn = ["id"], Qn
 					iterations: Infinity,
 					easing: "linear"
 				});
-				Yt.value.set(e.id, m);
+				Qt.value.set(e.id, m);
 			});
 		}
-		Ee(() => Y.value && Y.value.edges, async () => {
-			await ve(), Qt();
+		Oe(() => Y.value && Y.value.edges, async () => {
+			await be(), tn();
 		}, {
 			deep: !0,
 			immediate: !0
-		}), xe(() => {
-			Zt();
+		}), Ce(() => {
+			en();
 		});
-		async function $t({ scale: e = 2 } = {}) {
+		async function nn({ scale: e = 2 } = {}) {
 			if (!M.value) return;
-			let { width: t, height: n } = M.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await g({
+			let { width: t, height: n } = M.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await te({
 				domElement: M.value,
 				base64: !0,
 				img: !0,
@@ -2223,28 +2226,28 @@ var Yn = /* @__PURE__ */ e({ default: () => kr }), Xn = ["id"], Zn = ["id"], Qn
 				aspectRatio: r
 			};
 		}
-		let en = _(() => {
+		let rn = _(() => {
 			let e = Number(R.value.style.chart.layout.nodeHeight);
 			return Number.isFinite(e) && e > 0 ? e / R.value.style.chart.backgroundPattern.spacingRatio : 12;
-		}), tn = _(() => en.value * (R.value.style.chart.backgroundPattern.dotRadiusRatio / 100)), $ = T(null), nn = null, rn = 0;
-		function an(e) {
-			nn &&= (clearTimeout(nn), null), $.value !== e && ($.value = e, (R.value.style.chart.nodes.selected.downstreamEdges.animated === !0 || R.value.style.chart.nodes.selected.upstreamEdges.animated === !0) && Qt());
+		}), an = _(() => rn.value * (R.value.style.chart.backgroundPattern.dotRadiusRatio / 100)), $ = T(null), on = null, sn = 0;
+		function cn(e) {
+			on &&= (clearTimeout(on), null), $.value !== e && ($.value = e, (R.value.style.chart.nodes.selected.downstreamEdges.animated === !0 || R.value.style.chart.nodes.selected.upstreamEdges.animated === !0) && tn());
 		}
-		function on(e) {
-			Ue.value = "pointer", Q.value = null, an(e);
+		function ln(e) {
+			Ge.value = "pointer", Z.value = null, cn(e);
 		}
-		async function sn(e) {
-			Ue.value = "pointer", $.value = null, await Bt(e);
+		async function un(e) {
+			Ge.value = "pointer", $.value = null, await Wt(e);
 		}
-		function cn(e) {
-			let t = ++rn;
-			nn && clearTimeout(nn), nn = setTimeout(() => {
-				t === rn && $.value === e && ($.value = null, (R.value.style.chart.nodes.selected.downstreamEdges.animated === !0 || R.value.style.chart.nodes.selected.upstreamEdges.animated === !0) && Qt());
+		function dn(e) {
+			let t = ++sn;
+			on && clearTimeout(on), on = setTimeout(() => {
+				t === sn && $.value === e && ($.value = null, (R.value.style.chart.nodes.selected.downstreamEdges.animated === !0 || R.value.style.chart.nodes.selected.upstreamEdges.animated === !0) && tn());
 			}, 20);
 		}
-		function ln(e) {
-			let t = e.from === $.value, n = e.to === $.value, r = L.value === "midpoint" && I.value === e.id, i = Q.value === e.id || z.value?.id === e.id || r, a = e.original.color ?? R.value.style.chart.edges.stroke;
-			return i && R.value.style.chart.midpoints.selectedEdge.stroke != null ? a = R.value.style.chart.midpoints.selectedEdge.stroke : t && R.value.style.chart.nodes.selected.downstreamEdges.stroke != null ? a = R.value.style.chart.nodes.selected.downstreamEdges.stroke : n && R.value.style.chart.nodes.selected.upstreamEdges.stroke != null && (a = R.value.style.chart.nodes.selected.upstreamEdges.stroke), t && R.value.style.chart.nodes.selected.downstreamEdges.animated === !0 || n && R.value.style.chart.nodes.selected.upstreamEdges.animated === !0 || r && R.value.style.chart.midpoints.selectedEdge.animated === !0 ? e.animated = !0 : e.animated = (Y.value?.edges.find((t) => t.id === e.id))?.original?.animated ?? !1, {
+		function fn(e) {
+			let t = e.from === $.value, n = e.to === $.value, r = L.value === "midpoint" && I.value === e.id, i = Z.value === e.id || z.value?.id === e.id || r, a = e.original.color ?? R.value.style.chart.edges.stroke;
+			return i && R.value.style.chart.midpoints.selectedEdge.stroke != null ? a = R.value.style.chart.midpoints.selectedEdge.stroke : t && R.value.style.chart.nodes.selected.downstreamEdges.stroke != null ? a = R.value.style.chart.nodes.selected.downstreamEdges.stroke : n && R.value.style.chart.nodes.selected.upstreamEdges.stroke != null && (a = R.value.style.chart.nodes.selected.upstreamEdges.stroke), e.animated = t && R.value.style.chart.nodes.selected.downstreamEdges.animated === !0 || n && R.value.style.chart.nodes.selected.upstreamEdges.animated === !0 || r && R.value.style.chart.midpoints.selectedEdge.animated === !0 ? !0 : (Y.value?.edges.find((t) => t.id === e.id))?.original?.animated ?? !1, {
 				d: e.pathData,
 				fill: "none",
 				stroke: a,
@@ -2253,10 +2256,10 @@ var Yn = /* @__PURE__ */ e({ default: () => kr }), Xn = ["id"], Zn = ["id"], Qn
 				"stroke-linejoin": "round"
 			};
 		}
-		function un(e) {
+		function pn(e) {
 			return L.value === "node" && I.value === e;
 		}
-		function dn(e) {
+		function mn(e) {
 			let t = $.value === e.id, n = L.value === "node" && I.value === e.id, r = t || n, i = r && R.value.style.chart.nodes.selected.backgroundColor != null ? R.value.style.chart.nodes.selected.backgroundColor : e.original.backgroundColor, a = r && R.value.style.chart.nodes.selected.stroke != null ? R.value.style.chart.nodes.selected.stroke : R.value.style.chart.nodes.stroke, o = r && R.value.style.chart.nodes.selected.strokeWidth != null ? R.value.style.chart.nodes.selected.strokeWidth : R.value.style.chart.nodes.strokeWidth;
 			return {
 				x: e.x - e.width / 2,
@@ -2269,8 +2272,8 @@ var Yn = /* @__PURE__ */ e({ default: () => kr }), Xn = ["id"], Zn = ["id"], Qn
 				"stroke-width": o
 			};
 		}
-		function fn(e) {
-			let t = e.from === $.value, n = e.to === $.value, r = L.value === "midpoint" && I.value === e.id, i = Q.value === e.id || z.value?.id === e.id || r, a = e.original.color ?? R.value.style.chart.edges.stroke;
+		function hn(e) {
+			let t = e.from === $.value, n = e.to === $.value, r = L.value === "midpoint" && I.value === e.id, i = Z.value === e.id || z.value?.id === e.id || r, a = e.original.color ?? R.value.style.chart.edges.stroke;
 			return i && R.value.style.chart.midpoints.selectedEdge.stroke != null ? a = R.value.style.chart.midpoints.selectedEdge.stroke : t && R.value.style.chart.nodes.selected.downstreamEdges.stroke != null ? a = R.value.style.chart.nodes.selected.downstreamEdges.stroke : n && R.value.style.chart.nodes.selected.upstreamEdges.stroke != null && (a = R.value.style.chart.nodes.selected.upstreamEdges.stroke), {
 				cx: e.midpoint.x,
 				cy: e.midpoint.y,
@@ -2280,60 +2283,60 @@ var Yn = /* @__PURE__ */ e({ default: () => kr }), Xn = ["id"], Zn = ["id"], Qn
 				"stroke-width": R.value.style.chart.edges.strokeWidth * (i || e.from === $.value ? 2 : 1)
 			};
 		}
-		function pn(e) {
-			let t = e.from === $.value, n = e.to === $.value, r = L.value === "midpoint" && I.value === e.id, i = Q.value === e.id || z.value?.id === e.id || r, a = e.color ?? e.original?.color ?? R.value.style.chart.edges.stroke;
+		function gn(e) {
+			let t = e.from === $.value, n = e.to === $.value, r = L.value === "midpoint" && I.value === e.id, i = Z.value === e.id || z.value?.id === e.id || r, a = e.color ?? e.original?.color ?? R.value.style.chart.edges.stroke;
 			return i && R.value.style.chart.midpoints.selectedEdge.stroke != null ? a = R.value.style.chart.midpoints.selectedEdge.stroke : t && R.value.style.chart.nodes.selected.downstreamEdges.stroke != null ? a = R.value.style.chart.nodes.selected.downstreamEdges.stroke : n && R.value.style.chart.nodes.selected.upstreamEdges.stroke != null && (a = R.value.style.chart.nodes.selected.upstreamEdges.stroke), a;
 		}
-		function mn(e) {
-			return `${xt}-${String(e).replace(/[^a-zA-Z0-9_-]/g, "_")}`;
+		function _n(e) {
+			return `${wt}-${String(e).replace(/[^a-zA-Z0-9_-]/g, "_")}`;
 		}
-		function hn() {
+		function vn() {
 			return Y.value;
 		}
-		function gn(e) {
+		function yn(e) {
 			if (e?.stage === "start") {
-				Be.value = !0;
+				He.value = !0;
 				return;
 			}
 			if (e?.stage === "end") {
-				Be.value = !1;
+				He.value = !1;
 				return;
 			}
-			ft();
+			mt();
 		}
-		async function _n() {
+		async function bn() {
 			if (j("copyAlt", {
 				config: R.value,
-				dataset: ot.value
+				dataset: ct.value
 			}), !R.value.userOptions.callbacks.altCopy) {
 				console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
 				return;
 			}
 			await Promise.resolve(R.value.userOptions.callbacks.altCopy({
 				config: R.value,
-				dataset: ot.value
+				dataset: ct.value
 			}));
 		}
-		let vn = _(() => (Y.value?.nodes ?? []).map((e) => ({
+		let xn = _(() => (Y.value?.nodes ?? []).map((e) => ({
 			id: e.id,
 			type: "node",
 			x: e.x,
 			y: e.y,
 			label: e.label ?? e.id,
 			raw: e
-		}))), yn = _(() => R.value.style.chart.midpoints.show ? (Y.value?.edges ?? []).filter((e) => e?.midpoint).map((e) => ({
+		}))), Sn = _(() => R.value.style.chart.midpoints.show ? (Y.value?.edges ?? []).filter((e) => e?.midpoint).map((e) => ({
 			id: e.id,
 			type: "midpoint",
 			x: e.midpoint.x,
 			y: e.midpoint.y,
 			label: `${X(e.from)?.label ?? e.from} → ${X(e.to)?.label ?? e.to}`,
 			raw: e
-		})) : []), bn = _(() => [...vn.value, ...yn.value].sort((e, t) => e.x === t.x ? e.y - t.y : e.x - t.x)), xn = _(() => {
+		})) : []), Cn = _(() => [...xn.value, ...Sn.value].sort((e, t) => e.x === t.x ? e.y - t.y : e.x - t.x)), wn = _(() => {
 			let e = /* @__PURE__ */ new Map();
-			return bn.value.forEach((t, n) => {
+			return Cn.value.forEach((t, n) => {
 				e.set(`${t.type}:${t.id}`, n);
 			}), e;
-		}), Sn = _(() => {
+		}), Tn = _(() => {
 			let e = Y.value?.nodes ?? [], t = Y.value?.edges ?? [];
 			return {
 				headers: [
@@ -2351,113 +2354,113 @@ var Yn = /* @__PURE__ */ e({ default: () => kr }), Xn = ["id"], Zn = ["id"], Qn
 				})
 			};
 		});
-		function Cn(e) {
+		function En(e) {
 			return `${e.type}:${e.id}`;
 		}
-		function wn() {
-			return I.value == null || L.value == null ? null : bn.value.find((e) => e.id === I.value && e.type === L.value) ?? null;
+		function Dn() {
+			return I.value == null || L.value == null ? null : Cn.value.find((e) => e.id === I.value && e.type === L.value) ?? null;
 		}
-		async function Tn(e) {
+		async function On(e) {
 			if (e) {
 				if (e.type === "node") {
-					Vt();
+					Q();
 					return;
 				}
-				e.type === "midpoint" && (Ut(), await Bt(e.raw));
+				e.type === "midpoint" && (Kt(), await Wt(e.raw));
 			}
 		}
-		function En(e) {
+		function kn(e) {
 			if (e) {
-				if (I.value = e.id, L.value = e.type, He.value = xn.value.get(Cn(e)) ?? null, e.type === "node") {
-					an(e.id), Q.value = null;
+				if (I.value = e.id, L.value = e.type, We.value = wn.value.get(En(e)) ?? null, e.type === "node") {
+					cn(e.id), Z.value = null;
 					return;
 				}
-				e.type === "midpoint" && ($.value = null, Q.value = e.id, R.value.style.chart.midpoints.selectedEdge.animated === !0 && Qt());
+				e.type === "midpoint" && ($.value = null, Z.value = e.id, R.value.style.chart.midpoints.selectedEdge.animated === !0 && tn());
 			}
 		}
-		function Dn() {
-			I.value = null, L.value = null, He.value = null, V.value || ($.value = null), W.value || (Q.value = null, R.value.style.chart.midpoints.selectedEdge.animated === !0 && Qt());
+		function An() {
+			I.value = null, L.value = null, We.value = null, V.value || ($.value = null), W.value || (Z.value = null, R.value.style.chart.midpoints.selectedEdge.animated === !0 && tn());
 		}
-		function On() {
-			We.value = !0, Dn();
+		function jn() {
+			Ke.value = !0, An();
 		}
-		function kn() {
-			We.value = !1, Ut(), Vt(), Dn();
+		function Mn() {
+			Ke.value = !1, Kt(), Q(), An();
 		}
-		function An(e, t, n) {
+		function Nn(e, t, n) {
 			let r = t.x - e.x, i = t.y - e.y;
 			return n === "right" && r <= 0 || n === "left" && r >= 0 || n === "down" && i <= 0 || n === "up" && i >= 0 ? Infinity : n === "right" || n === "left" ? Math.abs(r) * 1e3 + Math.abs(i) : Math.abs(i) * 1e3 + Math.abs(r);
 		}
-		function jn(e, t) {
-			let n = bn.value.filter((t) => Cn(t) !== Cn(e));
+		function Pn(e, t) {
+			let n = Cn.value.filter((t) => En(t) !== En(e));
 			if (!n.length) return null;
 			let r = null, i = Infinity;
 			return n.forEach((n) => {
-				let a = An(e, n, t);
+				let a = Nn(e, n, t);
 				a < i && (i = a, r = n);
-			}), r || (t === "right" || t === "down" ? bn.value[0] ?? null : bn.value[bn.value.length - 1] ?? null);
+			}), r || (t === "right" || t === "down" ? Cn.value[0] ?? null : Cn.value[Cn.value.length - 1] ?? null);
 		}
-		async function Mn(e) {
-			e && (Ue.value = "keyboard", e.type === "node" && (Vt(), await Ht(e.raw)));
+		async function Fn(e) {
+			e && (Ge.value = "keyboard", e.type === "node" && (Q(), await Gt(e.raw)));
 		}
-		async function Nn(e) {
-			if (!K.value || G.value || document.activeElement !== K.value || !bn.value.length) return;
+		async function In(e) {
+			if (!K.value || G.value || document.activeElement !== K.value || !Cn.value.length) return;
 			let t = e.key === "ArrowLeft", n = e.key === "ArrowRight", r = e.key === "ArrowUp", i = e.key === "ArrowDown", a = e.key === "Enter" || e.key === " ", o = e.key === "Escape";
 			if (!t && !n && !r && !i && !a && !o) return;
 			if (e.preventDefault(), e.stopPropagation(), o) {
-				Ut(), Vt(), Dn();
+				Kt(), Q(), An();
 				return;
 			}
-			let s = wn();
+			let s = Dn();
 			if (a) {
 				if (!s) return;
-				s.type === "node" && await Mn(s);
+				s.type === "node" && await Fn(s);
 				return;
 			}
 			if (!s) {
-				let e = bn.value[0];
+				let e = Cn.value[0];
 				if (!e) return;
-				En(e), await Tn(e);
+				kn(e), await On(e);
 				return;
 			}
 			let c = null;
-			n ? c = jn(s, "right") : t ? c = jn(s, "left") : i ? c = jn(s, "down") : r && (c = jn(s, "up")), c && (Ut(), Vt(), En(c), await Tn(c));
-		}
-		return a({
-			getData: hn,
-			getImage: $t,
-			generatePdf: dt,
-			generateSvg: gt,
-			generateImage: ft,
-			toggleAnnotator: Nt,
-			toggleFullscreen: Mt,
-			zoomIn: Pt,
-			zoomOut: Ft,
-			resetZoom: Tt,
-			switchDirection: Lt,
-			copyAlt: _n
+			n ? c = Pn(s, "right") : t ? c = Pn(s, "left") : i ? c = Pn(s, "down") : r && (c = Pn(s, "up")), c && (Kt(), Q(), kn(c), await On(c));
+		}
+		return i({
+			getData: vn,
+			getImage: nn,
+			generatePdf: pt,
+			generateSvg: yt,
+			generateImage: mt,
+			toggleAnnotator: Lt,
+			toggleFullscreen: It,
+			zoomIn: Rt,
+			zoomOut: zt,
+			resetZoom: Ot,
+			switchDirection: Vt,
+			copyAlt: bn
 		}), (e, t) => (w(), b("div", {
-			class: ye(`vue-data-ui-component vue-ui-dag ${Z.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${R.value.responsive ? "vue-ui-dag-responsive" : ""}`),
+			class: xe(`vue-data-ui-component vue-ui-dag ${Ft.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${R.value.responsive ? "vue-ui-dag-responsive" : ""}`),
 			id: `dag_${N.value}`,
 			ref_key: "dagChart",
 			ref: M,
-			style: be({
+			style: Se({
 				fontFamily: R.value.style.fontFamily,
 				backgroundColor: R.value.style.chart.backgroundColor,
 				padding: "0.5rem"
 			}),
-			onMouseenter: _t,
-			onMouseleave: vt
+			onMouseenter: bt,
+			onMouseleave: xt
 		}, [
 			x("div", {
 				id: `chart-instructions-${N.value}`,
 				class: "sr-only"
-			}, [x("p", null, we(R.value.a11y.translations.keyboardNavigation), 1)], 8, Zn),
-			Sn.value?.rows?.length ? (w(), v(ie, {
+			}, [x("p", null, Ee(R.value.a11y.translations.keyboardNavigation), 1)], 8, $n),
+			Tn.value?.rows?.length ? (w(), v(oe, {
 				key: 0,
 				uid: N.value,
-				head: Sn.value.headers,
-				body: Sn.value.rows,
+				head: Tn.value.headers,
+				body: Tn.value.rows,
 				notice: R.value.a11y.translations.tableAvailable,
 				caption: R.value.a11y.translations.tableCaption
 			}, null, 8, [
@@ -2467,15 +2470,15 @@ var Yn = /* @__PURE__ */ e({ default: () => kr }), Xn = ["id"], Zn = ["id"], Qn
 				"notice",
 				"caption"
 			])) : y("", !0),
-			D(bt) ? (w(), b("div", Qn, we(String(D(bt))), 1)) : y("", !0),
-			R.value.userOptions.buttons.annotator ? (w(), v(D(De), {
+			D(Ct) ? (w(), b("div", er, Ee(String(D(Ct))), 1)) : y("", !0),
+			R.value.userOptions.buttons.annotator ? (w(), v(D(ke), {
 				key: 2,
 				svgRef: D(K),
 				backgroundColor: R.value.style.chart.backgroundColor,
 				color: R.value.style.chart.color,
 				active: G.value,
-				isCursorPointer: Ge.value,
-				onClose: Nt
+				isCursorPointer: qe.value,
+				onClose: Lt
 			}, {
 				"annotator-action-close": O(() => [E(e.$slots, "annotator-action-close", {}, void 0, !0)]),
 				"annotator-action-color": O(({ color: t }) => [E(e.$slots, "annotator-action-color", C(S({ color: t })), void 0, !0)]),
@@ -2491,12 +2494,12 @@ var Yn = /* @__PURE__ */ e({ default: () => kr }), Xn = ["id"], Zn = ["id"], Qn
 				"active",
 				"isCursorPointer"
 			])) : y("", !0),
-			R.value.userOptions.show && ze.value && (D(rt) || D(tt)) ? (w(), v(D(ke), {
+			R.value.userOptions.show && Ve.value && (D(at) || D(rt)) ? (w(), v(D(je), {
 				ref: "userOptionsRef",
-				key: `user_option_${Le.value}`,
+				key: `user_option_${ze.value}`,
 				backgroundColor: R.value.style.chart.backgroundColor,
 				color: R.value.style.chart.color,
-				isPrinting: D(ut),
+				isPrinting: D(ft),
 				isImaging: D(J),
 				uid: N.value,
 				hasTooltip: !1,
@@ -2508,7 +2511,7 @@ var Yn = /* @__PURE__ */ e({ default: () => kr }), Xn = ["id"], Zn = ["id"], Qn
 				hasSvg: R.value.userOptions.buttons.svg,
 				hasFullscreen: R.value.userOptions.buttons.fullscreen,
 				hasAltCopy: R.value.userOptions.buttons.altCopy,
-				isFullscreen: Z.value,
+				isFullscreen: Ft.value,
 				chartElement: M.value,
 				position: R.value.userOptions.position,
 				titles: { ...R.value.userOptions.buttonTitles },
@@ -2517,17 +2520,17 @@ var Yn = /* @__PURE__ */ e({ default: () => kr }), Xn = ["id"], Zn = ["id"], Qn
 				callbacks: R.value.userOptions.callbacks,
 				printScale: R.value.userOptions.print.scale,
 				hasZoom: R.value.userOptions.buttons.zoom,
-				isZoom: Ct.value,
-				isCursorPointer: Ge.value,
-				onToggleFullscreen: Mt,
-				onGeneratePdf: D(dt),
-				onGenerateImage: gn,
-				onGenerateSvg: gt,
-				onToggleAnnotator: Nt,
-				onToggleZoom: kt,
-				onCopyAlt: _n,
-				style: be({ visibility: D(rt) ? D(tt) ? "visible" : "hidden" : "visible" })
-			}, pe({ _: 2 }, [
+				isZoom: Et.value,
+				isCursorPointer: qe.value,
+				onToggleFullscreen: It,
+				onGeneratePdf: D(pt),
+				onGenerateImage: yn,
+				onGenerateSvg: yt,
+				onToggleAnnotator: Lt,
+				onToggleZoom: Mt,
+				onCopyAlt: bn,
+				style: Se({ visibility: D(at) ? D(rt) ? "visible" : "hidden" : "visible" })
+			}, he({ _: 2 }, [
 				e.$slots.menuIcon ? {
 					name: "menuIcon",
 					fn: O(({ isOpen: t, color: n }) => [E(e.$slots, "menuIcon", C(S({
@@ -2618,10 +2621,10 @@ var Yn = /* @__PURE__ */ e({ default: () => kr }), Xn = ["id"], Zn = ["id"], Qn
 			R.value.style.chart.title.text ? (w(), b("div", {
 				key: 4,
 				ref_key: "chartTitle",
-				ref: Ne,
+				ref: Fe,
 				style: "width:100%;background:transparent;"
-			}, [(w(), v(ee, {
-				key: `title_${Ie.value}`,
+			}, [(w(), v(ne, {
+				key: `title_${Re.value}`,
 				config: {
 					title: {
 						cy: "dag-title",
@@ -2633,75 +2636,75 @@ var Yn = /* @__PURE__ */ e({ default: () => kr }), Xn = ["id"], Zn = ["id"], Qn
 					}
 				}
 			}, null, 8, ["config"]))], 512)) : y("", !0),
-			R.value.style.chart.controls.position === "top" && !D(at) && R.value.style.chart.controls.show ? (w(), v(ce, {
+			R.value.style.chart.controls.position === "top" && !D(st) && R.value.style.chart.controls.show ? (w(), v(ue, {
 				key: 5,
 				ref_key: "zoomControls",
-				ref: Fe,
+				ref: Le,
 				config: R.value,
-				scale: D(Dt),
-				isFullscreen: Z.value,
+				scale: D(At),
+				isFullscreen: Ft.value,
 				withDirection: "",
-				onZoomIn: Pt,
-				onZoomOut: Ft,
-				onResetZoom: t[0] ||= () => D(Tt)(!0),
-				onSwitchDirection: Lt
+				onZoomIn: Rt,
+				onZoomOut: zt,
+				onResetZoom: t[0] ||= () => D(Ot)(!0),
+				onSwitchDirection: Vt
 			}, null, 8, [
 				"config",
 				"scale",
 				"isFullscreen"
 			])) : y("", !0),
-			x("div", $n, [D(Y) ? (w(), b("svg", {
+			x("div", tr, [D(Y) ? (w(), b("svg", {
 				key: 0,
 				ref_key: "svgRef",
 				ref: K,
-				class: ye({
+				class: xe({
 					"vue-ui-dag-svg": !0,
-					"vue-data-ui-loading": D(at)
+					"vue-data-ui-loading": D(st)
 				}),
-				viewBox: jt.value,
+				viewBox: Pt.value,
 				xmlns: D(s),
-				style: be({
+				style: Se({
 					backgroundColor: R.value.style.chart.backgroundColor,
 					height: "100%",
 					width: "100%"
 				}),
 				tabindex: "0",
 				"aria-describedby": `chart-instructions-${N.value}`,
-				onFocus: On,
-				onBlur: kn,
-				onKeydown: Nn
+				onFocus: jn,
+				onBlur: Mn,
+				onKeydown: In
 			}, [
-				he(D(Ae)),
-				R.value.style.chart.backgroundPattern.show ? (w(), b("defs", tr, [x("pattern", {
+				_e(D(Me)),
+				R.value.style.chart.backgroundPattern.show ? (w(), b("defs", rr, [x("pattern", {
 					id: `dag_bg_pattern_${N.value}`,
 					patternUnits: "userSpaceOnUse",
-					width: en.value,
-					height: en.value
+					width: rn.value,
+					height: rn.value
 				}, [E(e.$slots, "background-pattern", C(S({
-					x: en.value / 2,
-					y: en.value / 2,
+					x: rn.value / 2,
+					y: rn.value / 2,
 					color: R.value.style.chart.backgroundPattern.dotColor
 				})), () => [x("circle", {
-					cx: en.value / 2,
-					cy: en.value / 2,
-					r: tn.value,
+					cx: rn.value / 2,
+					cy: rn.value / 2,
+					r: an.value,
 					fill: R.value.style.chart.backgroundPattern.dotColor
-				}, null, 8, rr)], !0)], 8, nr)])) : y("", !0),
+				}, null, 8, ar)], !0)], 8, ir)])) : y("", !0),
 				R.value.style.chart.backgroundPattern.show ? (w(), b("rect", {
 					key: 1,
-					x: D(wt)?.x ?? 0,
-					y: D(wt)?.y ?? 0,
-					width: D(wt)?.width ?? 0,
-					height: D(wt)?.height ?? 0,
+					x: D(Dt)?.x ?? 0,
+					y: D(Dt)?.y ?? 0,
+					width: D(Dt)?.width ?? 0,
+					height: D(Dt)?.height ?? 0,
 					fill: `url(#dag_bg_pattern_${N.value})`,
-					style: be({
+					style: Se({
 						pointerEvents: "none",
 						opacity: R.value.style.chart.backgroundPattern.opacity
 					})
-				}, null, 12, ir)) : y("", !0),
-				D(Y).arrowShape === "undirected" ? y("", !0) : (w(), b("defs", ar, [(w(!0), b(ue, null, Ce(D(Y).edges, (e) => (w(), b("marker", {
+				}, null, 12, or)) : y("", !0),
+				D(Y).arrowShape === "undirected" ? y("", !0) : (w(), b("defs", sr, [(w(!0), b(fe, null, Te(D(Y).edges, (e) => (w(), b("marker", {
 					key: `marker_${e.id}`,
-					id: mn(e.id),
+					id: _n(e.id),
 					markerWidth: D(Y).arrowSize,
 					markerHeight: D(Y).arrowSize,
 					refX: D(Y).arrowSize - 3,
@@ -2711,64 +2714,64 @@ var Yn = /* @__PURE__ */ e({ default: () => kr }), Xn = ["id"], Zn = ["id"], Qn
 				}, [D(Y).arrowShape === "normal" ? (w(), b("path", {
 					key: 0,
 					d: `M 0 0 L ${D(Y).arrowSize} ${D(Y).arrowSize / 2} L 0 ${D(Y).arrowSize} Z`,
-					fill: pn(e),
-					stroke: pn(e),
+					fill: gn(e),
+					stroke: gn(e),
 					"stroke-width": "0",
 					style: { transition: "stroke 0.2s ease-in-out,\n                                        fill 0.2s ease-in-out,\n                                        stroke-width 0.2s ease-in-out" }
-				}, null, 8, sr)) : (w(), b("path", {
+				}, null, 8, lr)) : (w(), b("path", {
 					key: 1,
 					d: `M 0 0 L ${D(Y).arrowSize} ${D(Y).arrowSize / 2} L 0 ${D(Y).arrowSize} L ${D(Y).arrowSize / 3} ${D(Y).arrowSize / 2} Z`,
-					fill: pn(e),
-					stroke: pn(e),
+					fill: gn(e),
+					stroke: gn(e),
 					"stroke-width": "0",
 					style: { transition: "stroke 0.2s ease-in-out,\n                                        fill 0.2s ease-in-out,\n                                        stroke-width 0.2s ease-in-out" }
-				}, null, 8, cr))], 8, or))), 128))])),
-				x("g", lr, [(w(!0), b(ue, null, Ce(D(Y).edges, (e) => (w(), b(ue, { key: e.id }, [x("path", _e({
+				}, null, 8, ur))], 8, cr))), 128))])),
+				x("g", dr, [(w(!0), b(fe, null, Te(D(Y).edges, (e) => (w(), b(fe, { key: e.id }, [x("path", ye({
 					"data-cy-edge": "",
 					ref_for: !0,
-					ref: Xt(e.id)
-				}, { ref_for: !0 }, ln(e), { style: {
+					ref: $t(e.id)
+				}, { ref_for: !0 }, fn(e), { style: {
 					"pointer-events": "none",
 					transition: "stroke-width 0.2s ease-in-out,\n                                    stroke 0.2s ease-in-out"
-				} }), null, 16), R.value.style.chart.midpoints.show ? (w(), b("circle", _e({
+				} }), null, 16), R.value.style.chart.midpoints.show ? (w(), b("circle", ye({
 					key: 0,
 					"data-cy-midpoint": "",
 					class: "vue-ui-dag-edge-midpoint",
 					"data-a11y-midpoint-id": e.id
-				}, { ref_for: !0 }, fn(e), {
+				}, { ref_for: !0 }, hn(e), {
 					"aria-label": `${X(e.from)?.label ?? e.from} to ${X(e.to)?.label ?? e.to}`,
 					style: { transition: "stroke-width 0.2s ease-in-out,\n                                    stroke 0.2s ease-in-out,\n                                    fill 0.2s ease-in-out" },
-					onMouseenter: (t) => sn(e),
-					onMouseleave: Vt
-				}), null, 16, ur)) : y("", !0)], 64))), 128))]),
-				x("g", dr, [(w(!0), b(ue, null, Ce(D(Y).nodes, (t) => (w(), b("g", {
+					onMouseenter: (t) => un(e),
+					onMouseleave: Q
+				}), null, 16, fr)) : y("", !0)], 64))), 128))]),
+				x("g", pr, [(w(!0), b(fe, null, Te(D(Y).nodes, (t) => (w(), b("g", {
 					key: t.id,
 					class: "vue-ui-dag-node",
-					onClick: Oe((e) => R.value.style.chart.nodes.tooltip.showOnClick && Ht(t), ["stop"]),
-					onMouseenter: (e) => on(t.id),
-					onMouseleave: (e) => cn(t.id)
-				}, [e.$slots.node ? y("", !0) : (w(), b("rect", _e({
+					onClick: Ae((e) => R.value.style.chart.nodes.tooltip.showOnClick && Gt(t), ["stop"]),
+					onMouseenter: (e) => ln(t.id),
+					onMouseleave: (e) => dn(t.id)
+				}, [e.$slots.node ? y("", !0) : (w(), b("rect", ye({
 					key: 0,
 					"data-cy-node": ""
-				}, { ref_for: !0 }, dn(t), {
+				}, { ref_for: !0 }, mn(t), {
 					"data-a11y-node-id": t.id,
 					"aria-label": `${t.label ?? t.id}`,
 					style: {
-						cursor: R.value.style.chart.nodes.tooltip.showOnClick && Ge.value ? "pointer" : "default",
+						cursor: R.value.style.chart.nodes.tooltip.showOnClick && qe.value ? "pointer" : "default",
 						transition: "stroke 0.2s ease-in-out, stroke-width 0.2s ease-in-out, fill 0.2s ease-in-out"
 					}
-				}), null, 16, pr)), e.$slots.node ? (w(), b("foreignObject", {
+				}), null, 16, hr)), e.$slots.node ? (w(), b("foreignObject", {
 					key: 1,
 					x: t.x - t.width / 2,
 					y: t.y - t.height / 2,
 					width: t.width,
 					height: t.height,
 					style: { overflow: "visible" }
-				}, [E(e.$slots, "node", _e({ ref_for: !0 }, {
+				}, [E(e.$slots, "node", ye({ ref_for: !0 }, {
 					node: t,
 					orientation: q.value
-				}), void 0, !0)], 8, mr)) : y("", !0)], 40, fr))), 128))]),
-				x("g", hr, [(w(!0), b(ue, null, Ce(D(Y).edges, (e) => (w(), b("path", {
+				}), void 0, !0)], 8, gr)) : y("", !0)], 40, mr))), 128))]),
+				x("g", _r, [(w(!0), b(fe, null, Te(D(Y).edges, (e) => (w(), b("path", {
 					key: e.id,
 					d: e.pathData,
 					fill: "none",
@@ -2776,18 +2779,18 @@ var Yn = /* @__PURE__ */ e({ default: () => kr }), Xn = ["id"], Zn = ["id"], Qn
 					"stroke-width": R.value.style.chart.edges.strokeWidth * (e.from === $.value || e.id === z.value?.id ? 1.3 : 1),
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
-					"marker-end": D(Y).arrowShape === "undirected" ? null : `url(#${mn(e.id)})`,
+					"marker-end": D(Y).arrowShape === "undirected" ? null : `url(#${_n(e.id)})`,
 					style: {
 						"pointer-events": "none",
 						transition: "stroke-width 0.2s ease-in-out,\n                                stroke 0.2s ease-in-out"
 					}
-				}, null, 8, gr))), 128))]),
-				x("g", _r, [(w(!0), b(ue, null, Ce(D(Y).nodes, (t) => (w(), b("g", {
+				}, null, 8, vr))), 128))]),
+				x("g", yr, [(w(!0), b(fe, null, Te(D(Y).nodes, (t) => (w(), b("g", {
 					key: t.id,
-					onClick: Oe((e) => R.value.style.chart.nodes.tooltip.showOnClick && Ht(t), ["stop"]),
-					onMouseenter: (e) => an(t.id),
-					onMouseleave: (e) => cn(t.id)
-				}, [e.$slots["free-node-label"] ? y("", !0) : (w(), b(ue, { key: 0 }, [e.$slots["node-label"] ? (w(), b("text", {
+					onClick: Ae((e) => R.value.style.chart.nodes.tooltip.showOnClick && Gt(t), ["stop"]),
+					onMouseenter: (e) => cn(t.id),
+					onMouseleave: (e) => dn(t.id)
+				}, [e.$slots["free-node-label"] ? y("", !0) : (w(), b(fe, { key: 0 }, [e.$slots["node-label"] ? (w(), b("text", {
 					key: 0,
 					x: t.x,
 					y: t.y + R.value.style.chart.nodes.labels.fontSize / 3,
@@ -2796,102 +2799,102 @@ var Yn = /* @__PURE__ */ e({ default: () => kr }), Xn = ["id"], Zn = ["id"], Qn
 					fill: $.value === t.id && R.value.style.chart.nodes.selected.labelColor != null ? R.value.style.chart.nodes.selected.labelColor : t.original.color,
 					"font-weight": R.value.style.chart.nodes.labels.bold ? "bold" : "normal",
 					style: { transition: "fill 0.2s ease-in-out" }
-				}, [E(e.$slots, "node-label", _e({ ref_for: !0 }, {
+				}, [E(e.$slots, "node-label", ye({ ref_for: !0 }, {
 					node: t,
 					orientation: q.value
-				}), () => [me(we(t.label), 1)], !0)], 8, yr)) : !e.$slots["free-node-label"] && !e.$slots.node ? (w(), b("text", {
+				}), () => [ge(Ee(t.label), 1)], !0)], 8, xr)) : !e.$slots["free-node-label"] && !e.$slots.node ? (w(), b("text", {
 					key: 1,
 					"data-cy-node-label": "",
 					x: t.x,
 					y: t.y + R.value.style.chart.nodes.labels.fontSize / 3,
 					"text-anchor": "middle",
 					"font-size": R.value.style.chart.nodes.labels.fontSize,
-					fill: ($.value === t.id || un(t.id)) && R.value.style.chart.nodes.selected.labelColor != null ? R.value.style.chart.nodes.selected.labelColor : t.original.color,
+					fill: ($.value === t.id || pn(t.id)) && R.value.style.chart.nodes.selected.labelColor != null ? R.value.style.chart.nodes.selected.labelColor : t.original.color,
 					"font-weight": R.value.style.chart.nodes.labels.bold ? "bold" : "normal",
 					style: { transition: "fill 0.2s ease-in-out" },
 					innerHTML: D(n)({
 						content: t.label,
 						fontSize: R.value.style.chart.nodes.labels.fontSize,
 						fontWeight: R.value.style.chart.nodes.labels.bold ? "bold" : "normal",
-						fill: ($.value === t.id || un(t.id)) && R.value.style.chart.nodes.selected.labelColor != null ? R.value.style.chart.nodes.selected.labelColor : t.original.color,
+						fill: ($.value === t.id || pn(t.id)) && R.value.style.chart.nodes.selected.labelColor != null ? R.value.style.chart.nodes.selected.labelColor : t.original.color,
 						x: t.x,
 						y: t.y,
 						autoOffset: !0
 					})
-				}, null, 8, br)) : y("", !0)], 64)), e.$slots["free-node-label"] ? (w(), b("g", xr, [E(e.$slots, "free-node-label", _e({ ref_for: !0 }, {
+				}, null, 8, Sr)) : y("", !0)], 64)), e.$slots["free-node-label"] ? (w(), b("g", Cr, [E(e.$slots, "free-node-label", ye({ ref_for: !0 }, {
 					node: t,
 					layoutData: D(Y),
 					orientation: q.value
-				}), void 0, !0)])) : y("", !0)], 40, vr))), 128))]),
+				}), void 0, !0)])) : y("", !0)], 40, br))), 128))]),
 				E(e.$slots, "svg", { svg: {
-					drawingArea: D(wt),
+					drawingArea: D(Dt),
 					data: D(Y),
 					orientation: q.value,
-					isPrintingImg: D(ut) || D(J) || Be.value,
-					isPrintingSvg: Ve.value
+					isPrintingImg: D(ft) || D(J) || He.value,
+					isPrintingSvg: Ue.value
 				} }, void 0, !0)
-			], 46, er)) : y("", !0), e.$slots.hint ? (w(), b("div", Sr, [E(e.$slots, "hint", C(S({
+			], 46, nr)) : y("", !0), e.$slots.hint ? (w(), b("div", wr, [E(e.$slots, "hint", C(S({
 				hint: R.value.a11y.translations.keyboardNavigation,
-				isVisible: We.value
+				isVisible: Ke.value
 			})), void 0, !0)])) : y("", !0)]),
-			e.$slots.watermark ? (w(), b("div", Cr, [E(e.$slots, "watermark", C(S({ isPrinting: D(ut) || D(J) || Be.value || Ve.value })), void 0, !0)])) : y("", !0),
-			he(fe, { name: "fade" }, {
-				default: O(() => [W.value ? (w(), v(de, {
+			e.$slots.watermark ? (w(), b("div", Tr, [E(e.$slots, "watermark", C(S({ isPrinting: D(ft) || D(J) || He.value || Ue.value })), void 0, !0)])) : y("", !0),
+			_e(me, { name: "fade" }, {
+				default: O(() => [W.value ? (w(), v(pe, {
 					key: 0,
-					to: Z.value ? M.value : "body"
+					to: Ft.value ? M.value : "body"
 				}, [x("div", {
 					"data-cy-tooltip-midpoint": "",
 					ref_key: "tooltipRef",
 					ref: B,
 					class: "vue-ui-dag-tooltip",
-					style: be({
-						...Ye.value,
+					style: Se({
+						...Ze.value,
 						maxWidth: R.value.style.chart.midpoints.tooltip.maxWidth,
 						"--vue-data-ui-dag-tooltip-background": R.value.style.chart.midpoints.tooltip.backgroundColor,
 						"--vue-data-ui-dag-tooltip-color": R.value.style.chart.midpoints.tooltip.color
 					}),
-					"data-position": Xe.value
+					"data-position": Qe.value
 				}, [E(e.$slots, "tooltip-midpoint", C(S({
 					edge: z.value,
 					layoutData: D(Y)
-				})), () => [z.value ? (w(), b("div", Tr, we(X(z.value.from)?.label ?? z.value.from) + " → " + we(X(z.value.to)?.label ?? z.value.to), 1)) : y("", !0)], !0)], 12, wr)], 8, ["to"])) : y("", !0)]),
+				})), () => [z.value ? (w(), b("div", Dr, Ee(X(z.value.from)?.label ?? z.value.from) + " → " + Ee(X(z.value.to)?.label ?? z.value.to), 1)) : y("", !0)], !0)], 12, Er)], 8, ["to"])) : y("", !0)]),
 				_: 3
 			}),
-			he(fe, { name: "fade" }, {
-				default: O(() => [V.value ? (w(), v(de, {
+			_e(me, { name: "fade" }, {
+				default: O(() => [V.value ? (w(), v(pe, {
 					key: 0,
-					to: Z.value ? M.value : "body"
+					to: Ft.value ? M.value : "body"
 				}, [x("div", {
 					"data-cy-tooltip-node": "",
 					ref_key: "nodeTooltipRef",
 					ref: U,
 					class: "vue-ui-dag-node-tooltip",
-					style: be({
+					style: Se({
 						maxWidth: R.value.style.chart.nodes.tooltip.maxWidth,
-						left: $e.value.left,
-						top: $e.value.top,
+						left: tt.value.left,
+						top: tt.value.top,
 						"--vue-data-ui-dag-node-tooltip-background": R.value.style.chart.nodes.tooltip.backgroundColor,
 						"--vue-data-ui-dag-node-tooltip-color": R.value.style.chart.nodes.tooltip.color
 					}),
-					"data-position": et.value
+					"data-position": nt.value
 				}, [E(e.$slots, "tooltip-node", C(S({
 					node: H.value,
 					layoutData: D(Y)
-				})), () => [H.value ? (w(), b("div", Dr, we(H.value.label), 1)) : y("", !0)], !0)], 12, Er)], 8, ["to"])) : y("", !0)]),
+				})), () => [H.value ? (w(), b("div", kr, Ee(H.value.label), 1)) : y("", !0)], !0)], 12, Or)], 8, ["to"])) : y("", !0)]),
 				_: 3
 			}),
-			R.value.style.chart.controls.position === "bottom" && !D(at) && R.value.style.chart.controls.show ? (w(), v(ce, {
+			R.value.style.chart.controls.position === "bottom" && !D(st) && R.value.style.chart.controls.show ? (w(), v(ue, {
 				key: 7,
 				ref_key: "zoomControls",
-				ref: Fe,
+				ref: Le,
 				config: R.value,
-				scale: D(Dt),
-				isFullscreen: Z.value,
+				scale: D(At),
+				isFullscreen: Ft.value,
 				withDirection: "",
-				onZoomIn: Pt,
-				onZoomOut: Ft,
-				onResetZoom: t[1] ||= () => D(Tt)(!0),
-				onSwitchDirection: Lt
+				onZoomIn: Rt,
+				onZoomOut: zt,
+				onResetZoom: t[1] ||= () => D(Ot)(!0),
+				onSwitchDirection: Vt
 			}, null, 8, [
 				"config",
 				"scale",
@@ -2900,12 +2903,12 @@ var Yn = /* @__PURE__ */ e({ default: () => kr }), Xn = ["id"], Zn = ["id"], Qn
 			e.$slots.source ? (w(), b("div", {
 				key: 8,
 				ref_key: "source",
-				ref: Pe,
+				ref: Ie,
 				dir: "auto"
 			}, [E(e.$slots, "source", {}, void 0, !0)], 512)) : y("", !0),
-			E(e.$slots, "skeleton", {}, () => [D(at) ? (w(), v(f, { key: 0 })) : y("", !0)], !0)
-		], 46, Xn));
+			E(e.$slots, "skeleton", {}, () => [D(st) ? (w(), v(m, { key: 0 })) : y("", !0)], !0)
+		], 46, Qn));
 	}
-}, [["__scopeId", "data-v-3de9c8da"]]);
+}, [["__scopeId", "data-v-cceceb15"]]);
 //#endregion
-export { Yn as n, kr as t };
+export { Zn as n, jr as t };