vue-data-ui 3.25.5 → 3.25.7

package/dist/{vue-ui-dag-BqlsutMj.js → vue-ui-dag-NXtGYzqg.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
 import { At as t, K as n, Pt as r, S as i, Zt as a, et as o, nt as s, q as c, t as l, vt as u } from "./lib-Dql7cqyA.js";
 import { n as d, t as f } from "./useHints-Dq_w2E8B.js";
-import { t as p } from "./useConfig-C_mX5pOZ.js";
+import { t as p } from "./useConfig-CIQZ6_r7.js";
 import { t as m } from "./usePrinter-DISD7q5m.js";
 import { n as h, t as g } from "./BaseScanner-DZvpgOjM.js";
 import { t as _ } from "./useNestedProp-Chvyfpl-.js";
@@ -15,11 +15,11 @@ import { t as se } from "./A11yDataTable-DdRsVULz.js";
 import { t as ce } from "./useUserOptionState-DK-_1ddE.js";
 import { t as le } from "./useChartAccessibility-DYqac8yF.js";
 import { t as ue } from "./usePanZoom-CYU3B4T3.js";
-import { t as de } from "./BaseZoomControls-Xo16vFa4.js";
+import { t as de } from "./BaseZoomControls-BTzjVDPM.js";
 import { t as fe } from "./vue_ui_dag-TsJ_azQq.js";
-import { Fragment as pe, Teleport as me, Transition as he, computed as v, createBlock as y, createCommentVNode as b, createElementBlock as x, createElementVNode as S, createSlots as ge, createTextVNode as _e, createVNode as ve, defineAsyncComponent as ye, guardReactiveProps as C, mergeProps as be, nextTick as xe, normalizeClass as Se, normalizeProps as w, normalizeStyle as Ce, onBeforeUnmount as we, onMounted as Te, openBlock as T, ref as E, renderList as Ee, renderSlot as D, toDisplayString as De, toRefs as Oe, unref as O, watch as ke, watchEffect as Ae, withCtx as k, withModifiers as je } from "vue";
+import { Fragment as pe, Teleport as me, Transition as he, computed as v, createBlock as ge, createCommentVNode as y, createElementBlock as b, createElementVNode as x, createSlots as _e, createTextVNode as ve, createVNode as ye, defineAsyncComponent as be, guardReactiveProps as S, mergeProps as xe, nextTick as Se, normalizeClass as Ce, normalizeProps as C, normalizeStyle as we, onBeforeUnmount as Te, onMounted as Ee, openBlock as w, ref as T, renderList as De, renderSlot as E, toDisplayString as Oe, toRefs as ke, unref as D, watch as Ae, watchEffect as je, withCtx as O, withModifiers as Me } from "vue";
 //#region src/DAG/graph.js
-var Me = "\0", Ne = "\0", Pe = "
", A = class {
+var Ne = "\0", Pe = "\0", Fe = "
", Ie = class {
 	_isDirected = !0;
 	_isMultigraph = !1;
 	_isCompound = !1;
@@ -38,7 +38,7 @@ var Me = "\0", Ne = "\0", Pe = "
", A = 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[Ne] = {});
+		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[Pe] = {});
 	}
 	isDirected() {
 		return this._isDirected;
@@ -79,7 +79,7 @@ var Me = "\0", Ne = "\0", Pe = "
", A = 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] = Ne, this._children[e] = {}, this._children[Ne][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] = Pe, this._children[e] = {}, this._children[Pe][e] = !0), this._in[e] = {}, this._preds[e] = {}, this._out[e] = {}, this._sucs[e] = {}, ++this._nodeCount, this);
 	}
 	node(e) {
 		return this._nodes[e];
@@ -99,7 +99,7 @@ var Me = "\0", Ne = "\0", Pe = "
", A = class {
 	}
 	setParent(e, t) {
 		if (!this._isCompound) throw Error("Cannot set parent in a non-compound graph");
-		if (t === void 0) t = Ne;
+		if (t === void 0) t = Pe;
 		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");
@@ -113,14 +113,14 @@ var Me = "\0", Ne = "\0", Pe = "
", A = class {
 	parent(e) {
 		if (this._isCompound) {
 			let t = this._parent[e];
-			if (t !== Ne) return t;
+			if (t !== Pe) return t;
 		}
 	}
-	children(e = Ne) {
+	children(e = Pe) {
 		if (this._isCompound) {
 			let t = this._children[e];
 			if (t) return Object.keys(t);
-		} else if (e === Ne) return this.nodes();
+		} else if (e === Pe) return this.nodes();
 		else if (this.hasNode(e)) return [];
 	}
 	predecessors(e) {
@@ -179,15 +179,15 @@ var Me = "\0", Ne = "\0", Pe = "
", A = class {
 	setEdge() {
 		let e, t, n, r, i = !1, a = arguments[0];
 		typeof a == "object" && a && "v" in a ? (e = a.v, t = a.w, n = a.name, arguments.length === 2 && (r = arguments[1], i = !0)) : (e = a, t = arguments[1], n = arguments[3], arguments.length > 2 && (r = arguments[2], i = !0)), e = "" + e, t = "" + t, n !== void 0 && (n = "" + n);
-		let o = M(this._isDirected, e, t, n);
+		let o = A(this._isDirected, e, t, n);
 		if (Object.hasOwn(this._edgeLabels, o)) return i && (this._edgeLabels[o] = r), this;
 		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 = N(this._isDirected, e, t, n);
-		return e = s.v, t = s.w, Object.freeze(s), this._edgeObjs[o] = s, Fe(this._preds[t], e), Fe(this._sucs[e], t), this._in[t][o] = s, this._out[e][o] = s, this._edgeCount++, this;
+		let s = j(this._isDirected, e, t, n);
+		return e = s.v, t = s.w, Object.freeze(s), this._edgeObjs[o] = s, Le(this._preds[t], e), Le(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 ? P(this._isDirected, arguments[0]) : M(this._isDirected, e, t, n);
+		let r = arguments.length === 1 ? M(this._isDirected, arguments[0]) : A(this._isDirected, e, t, n);
 		return this._edgeLabels[r];
 	}
 	edgeAsObj() {
@@ -195,12 +195,12 @@ var Me = "\0", Ne = "\0", Pe = "
", A = class {
 		return typeof e == "object" ? e : { label: e };
 	}
 	hasEdge(e, t, n) {
-		let r = arguments.length === 1 ? P(this._isDirected, arguments[0]) : M(this._isDirected, e, t, n);
+		let r = arguments.length === 1 ? M(this._isDirected, arguments[0]) : A(this._isDirected, e, t, n);
 		return Object.hasOwn(this._edgeLabels, r);
 	}
 	removeEdge(e, t, n) {
-		let r = arguments.length === 1 ? P(this._isDirected, arguments[0]) : M(this._isDirected, e, t, n), i = this._edgeObjs[r];
-		return i && (e = i.v, t = i.w, delete this._edgeLabels[r], delete this._edgeObjs[r], j(this._preds[t], e), j(this._sucs[e], t), delete this._in[t][r], delete this._out[e][r], this._edgeCount--), this;
+		let r = arguments.length === 1 ? M(this._isDirected, arguments[0]) : A(this._isDirected, e, t, n), i = this._edgeObjs[r];
+		return i && (e = i.v, t = i.w, delete this._edgeLabels[r], delete this._edgeObjs[r], k(this._preds[t], e), k(this._sucs[e], t), delete this._in[t][r], delete this._out[e][r], this._edgeCount--), this;
 	}
 	inEdges(e, t) {
 		let n = this._in[e];
@@ -221,21 +221,21 @@ var Me = "\0", Ne = "\0", Pe = "
", A = class {
 		if (n) return n.concat(this.outEdges(e, t));
 	}
 };
-function Fe(e, t) {
+function Le(e, t) {
 	e[t] ? e[t]++ : e[t] = 1;
 }
-function j(e, t) {
+function k(e, t) {
 	--e[t] || delete e[t];
 }
-function M(e, t, n, r) {
+function A(e, t, n, r) {
 	let i = "" + t, a = "" + n;
 	if (!e && i > a) {
 		let e = i;
 		i = a, a = e;
 	}
-	return i + Pe + a + Pe + (r === void 0 ? Me : r);
+	return i + Fe + a + Fe + (r === void 0 ? Ne : r);
 }
-function N(e, t, n, r) {
+function j(e, t, n, r) {
 	let i = "" + t, a = "" + n;
 	if (!e && i > a) {
 		let e = i;
@@ -247,73 +247,73 @@ function N(e, t, n, r) {
 	};
 	return r && (o.name = r), o;
 }
-function P(e, t) {
-	return M(e, t.v, t.w, t.name);
+function M(e, t) {
+	return A(e, t.v, t.w, t.name);
 }
 //#endregion
 //#region src/DAG/data/list.js
-var Ie = class {
+var Re = class {
 	constructor() {
 		let e = {};
 		e._next = e._prev = e, this._sentinel = e;
 	}
 	dequeue() {
 		let e = this._sentinel, t = e._prev;
-		if (t !== e) return Le(t), t;
+		if (t !== e) return ze(t), t;
 	}
 	enqueue(e) {
 		let t = this._sentinel;
-		e._prev && e._next && Le(e), e._next = t._next, t._next._prev = e, t._next = e, e._prev = t;
+		e._prev && e._next && ze(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, Re)), n = n._prev;
+		for (; n !== t;) e.push(JSON.stringify(n, Be)), n = n._prev;
 		return "[" + e.join(", ") + "]";
 	}
 };
-function Le(e) {
+function ze(e) {
 	e._prev._next = e._next, e._next._prev = e._prev, delete e._next, delete e._prev;
 }
-function Re(e, t) {
+function Be(e, t) {
 	if (e !== "_next" && e !== "_prev") return t;
 }
 //#endregion
 //#region src/DAG/greedy-fas.js
-var ze = () => 1;
-function Be(e, t) {
+var Ve = () => 1;
+function He(e, t) {
 	if (e.nodeCount() <= 1) return [];
-	let n = F(e, t || ze);
-	return Ve(n.graph, n.buckets, n.zeroIndex).flatMap((t) => e.outEdges(t.v, t.w));
+	let n = N(e, t || Ve);
+	return Ue(n.graph, n.buckets, n.zeroIndex).flatMap((t) => e.outEdges(t.v, t.w));
 }
-function Ve(e, t, n) {
+function Ue(e, t, n) {
 	let r = [], i = t[t.length - 1], a = t[0], o;
 	for (; e.nodeCount();) {
-		for (; o = a.dequeue();) He(e, t, n, o);
-		for (; o = i.dequeue();) He(e, t, n, o);
+		for (; o = a.dequeue();) We(e, t, n, o);
+		for (; o = i.dequeue();) We(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(He(e, t, n, o, !0));
+				r = r.concat(We(e, t, n, o, !0));
 				break;
 			}
 		}
 	}
 	return r;
 }
-function He(e, t, n, r, i) {
+function We(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, I(t, n, s);
+		}), s.out -= o, P(t, n, s);
 	}), e.outEdges(r.v).forEach((r) => {
 		let i = e.edge(r), a = e.node(r.w);
-		a.in -= i, I(t, n, a);
+		a.in -= i, P(t, n, a);
 	}), e.removeNode(r.v), a;
 }
-function F(e, t) {
-	let n = new A(), r = 0, i = 0;
+function N(e, t) {
+	let n = new Ie(), r = 0, i = 0;
 	e.nodes().forEach((e) => {
 		n.setNode(e, {
 			v: e,
@@ -324,32 +324,32 @@ function F(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 = L(i + r + 3).map(() => new Ie()), o = r + 1;
+	let a = F(i + r + 3).map(() => new Re()), o = r + 1;
 	return n.nodes().forEach((e) => {
-		I(a, o, n.node(e));
+		P(a, o, n.node(e));
 	}), {
 		graph: n,
 		buckets: a,
 		zeroIndex: o
 	};
 }
-function I(e, t, n) {
+function P(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 L(e) {
+function F(e) {
 	let t = [];
 	for (let n = 0; n < e; n++) t.push(n);
 	return t;
 }
 //#endregion
 //#region src/DAG/util.js
-function R(e, t, n, r) {
+function I(e, t, n, r) {
 	let i = r;
-	for (; e.hasNode(i);) i = nt(r);
+	for (; e.hasNode(i);) i = et(r);
 	return n.dummy = t, e.setNode(i, n), i;
 }
-function Ue(e) {
-	let t = new A().setGraph(e.graph());
+function Ge(e) {
+	let t = new Ie().setGraph(e.graph());
 	return e.nodes().forEach((n) => {
 		t.setNode(n, e.node(n));
 	}), e.edges().forEach((n) => {
@@ -363,33 +363,33 @@ function Ue(e) {
 		});
 	}), t;
 }
-function We(e) {
-	let t = new A({ multigraph: e.isMultigraph() }).setGraph(e.graph());
+function Ke(e) {
+	let t = new Ie({ multigraph: e.isMultigraph() }).setGraph(e.graph());
 	return e.nodes().forEach((n) => {
 		e.children(n).length || t.setNode(n, e.node(n));
 	}), e.edges().forEach((n) => {
 		t.setEdge(n, e.edge(n));
 	}), t;
 }
-function Ge(e) {
+function qe(e) {
 	let t = e.nodes().map((t) => {
 		let n = {};
 		return e.outEdges(t).forEach((t) => {
 			n[t.w] = (n[t.w] || 0) + e.edge(t).weight;
 		}), n;
 	});
-	return G(e.nodes(), t);
+	return rt(e.nodes(), t);
 }
-function z(e) {
+function L(e) {
 	let t = e.nodes().map((t) => {
 		let n = {};
 		return e.inEdges(t).forEach((t) => {
 			n[t.v] = (n[t.v] || 0) + e.edge(t).weight;
 		}), n;
 	});
-	return G(e.nodes(), t);
+	return rt(e.nodes(), t);
 }
-function Ke(e, t) {
+function R(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,25 +398,25 @@ function Ke(e, t) {
 		y: r + l
 	};
 }
-function qe(e) {
-	let t = rt(H(e) + 1).map(() => []);
+function z(e) {
+	let t = tt(U(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 Je(e) {
+function B(e) {
 	let t = e.nodes().map((t) => {
 		let n = e.node(t).rank;
 		return n === void 0 ? Number.MAX_VALUE : n;
-	}), n = V(Math.min, t);
+	}), n = H(Math.min, t);
 	e.nodes().forEach((t) => {
 		let r = e.node(t);
 		Object.hasOwn(r, "rank") && (r.rank -= n);
 	});
 }
-function Ye(e) {
-	let t = e.nodes().map((t) => e.node(t).rank).filter((e) => e !== void 0), n = V(Math.min, t), r = [];
+function V(e) {
+	let t = e.nodes().map((t) => e.node(t).rank).filter((e) => e !== void 0), n = H(Math.min, t), r = [];
 	e.nodes().forEach((t) => {
 		let i = e.node(t).rank - n;
 		r[i] || (r[i] = []), r[i].push(t);
@@ -428,15 +428,15 @@ function Ye(e) {
 		});
 	});
 }
-function B(e, t, n, r) {
+function Je(e, t, n, r) {
 	let i = {
 		width: 0,
 		height: 0
 	};
-	return arguments.length >= 4 && (i.rank = n, i.order = r), R(e, "border", i, t);
+	return arguments.length >= 4 && (i.rank = n, i.order = r), I(e, "border", i, t);
 }
-var Xe = 65535;
-function Ze(e, t = Xe) {
+var Ye = 65535;
+function Xe(e, t = Ye) {
 	let n = [];
 	for (let r = 0; r < e.length; r += t) {
 		let i = e.slice(r, r + t);
@@ -444,21 +444,21 @@ function Ze(e, t = Xe) {
 	}
 	return n;
 }
-function V(e, t) {
-	if (t.length > Xe) {
-		let n = Ze(t);
+function H(e, t) {
+	if (t.length > Ye) {
+		let n = Xe(t);
 		return e.apply(null, n.map((t) => e.apply(null, t)));
 	}
 	return e.apply(null, t);
 }
-function H(e) {
+function U(e) {
 	let t = e.nodes().map((t) => {
 		let n = e.node(t).rank;
 		return n === void 0 ? Number.MIN_VALUE : n;
 	});
-	return V(Math.max, t);
+	return H(Math.max, t);
 }
-function Qe(e, t) {
+function Ze(e, t) {
 	let n = {
 		lhs: [],
 		rhs: []
@@ -467,7 +467,7 @@ function Qe(e, t) {
 		t(e) ? n.lhs.push(e) : n.rhs.push(e);
 	}), n;
 }
-function $e(e, t) {
+function Qe(e, t) {
 	let n = Date.now();
 	try {
 		return t();
@@ -475,15 +475,15 @@ function $e(e, t) {
 		console.log(e + " time: " + (Date.now() - n) + "ms");
 	}
 }
-function et(e, t) {
+function $e(e, t) {
 	return t();
 }
-var tt = 0;
-function nt(e) {
-	let t = ++tt;
+var W = 0;
+function et(e) {
+	let t = ++W;
 	return e + String(t);
 }
-function rt(e, t, n = 1) {
+function tt(e, t, n = 1) {
 	t ?? (t = e, e = 0);
 	let r = (e) => e < t;
 	n < 0 && (r = (e) => t < e);
@@ -491,12 +491,12 @@ function rt(e, t, n = 1) {
 	for (let t = e; r(t); t += n) i.push(t);
 	return i;
 }
-function U(e, t) {
+function G(e, t) {
 	let n = {};
 	for (let r of t) e[r] !== void 0 && (n[r] = e[r]);
 	return n;
 }
-function W(e, t) {
+function nt(e, t) {
 	let n = t;
 	if (typeof t == "string") {
 		let e = t;
@@ -504,37 +504,37 @@ function W(e, t) {
 	}
 	return Object.entries(e).reduce((e, [t, r]) => (e[t] = n(r, t), e), {});
 }
-function G(e, t) {
+function rt(e, t) {
 	return e.reduce((e, n, r) => (e[n] = t[r], e), {});
 }
 var it = {
-	addBorderNode: B,
-	addDummyNode: R,
-	applyWithChunking: V,
-	asNonCompoundGraph: We,
-	buildLayerMatrix: qe,
-	intersectRect: Ke,
-	mapValues: W,
-	maxRank: H,
-	normalizeRanks: Je,
-	notime: et,
-	partition: Qe,
-	pick: U,
-	predecessorWeights: z,
-	range: rt,
-	removeEmptyRanks: Ye,
-	simplify: Ue,
-	successorWeights: Ge,
-	time: $e,
-	uniqueId: nt,
-	zipObject: G
+	addBorderNode: Je,
+	addDummyNode: I,
+	applyWithChunking: H,
+	asNonCompoundGraph: Ke,
+	buildLayerMatrix: z,
+	intersectRect: R,
+	mapValues: nt,
+	maxRank: U,
+	normalizeRanks: B,
+	notime: $e,
+	partition: Ze,
+	pick: G,
+	predecessorWeights: L,
+	range: tt,
+	removeEmptyRanks: V,
+	simplify: Ge,
+	successorWeights: qe,
+	time: Qe,
+	uniqueId: et,
+	zipObject: rt
 };
 //#endregion
 //#region src/DAG/acyclic.js
 function at(e) {
-	(e.graph().acyclicer === "greedy" ? Be(e, t(e)) : K(e)).forEach((t) => {
+	(e.graph().acyclicer === "greedy" ? He(e, t(e)) : K(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, nt("rev"));
+		e.removeEdge(t), n.forwardName = t.name, n.reversed = !0, e.setEdge(t.w, t.v, n, et("rev"));
 	});
 	function t(e) {
 		return (t) => e.edge(t).weight;
@@ -575,7 +575,7 @@ function ct(e, t) {
 		edgeLabel: s,
 		edgeObj: t,
 		rank: r
-	}, l = R(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;
+	}, l = I(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 lt(e) {
@@ -591,25 +591,25 @@ function lt(e) {
 }
 //#endregion
 //#region src/DAG/rank/util.js
-function ut(e) {
+function q(e) {
 	function t(n) {
 		let r = e.node(n);
 		if (r && Object.prototype.hasOwnProperty.call(r, "rank")) return r.rank;
 		let i = e.outEdges(n) || [];
 		if (!i.length) return r && (r.rank = 0), 0;
-		let a = i.map((n) => e.node(n.w) ? t(n.w) - e.edge(n).minlen : Infinity), o = V(Math.min, a);
+		let a = i.map((n) => e.node(n.w) ? t(n.w) - e.edge(n).minlen : Infinity), o = H(Math.min, a);
 		return o === Infinity && (o = 0), r && (r.rank = o), o;
 	}
 	(e.sources() || []).forEach(t);
 }
-function dt(e, t) {
+function ut(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 ft(e) {
-	pt(e);
-	let t = new A();
+function dt(e) {
+	ft(e);
+	let t = new Ie();
 	e.nodes().forEach((e) => {
 		t.setNode(e, {});
 	});
@@ -617,29 +617,29 @@ function ft(e) {
 	if (!n.length) return t;
 	let r = n[0], i = /* @__PURE__ */ new Set([r]);
 	for (; i.size < n.length;) {
-		let r = mt(e, i);
+		let r = pt(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;
-		ht(e, i, s, o), t.setEdge(a.v, a.w, {}), i.add(c);
+		mt(e, i, s, o), t.setEdge(a.v, a.w, {}), i.add(c);
 	}
 	return t;
 }
-function pt(e) {
+function ft(e) {
 	e.nodes().forEach((t) => {
 		let n = e.node(t) || {};
 		Object.prototype.hasOwnProperty.call(n, "rank") || (n.rank = 0, e.setNode(t, n));
 	});
 }
-function mt(e, t) {
+function pt(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 = dt(e, r), o = Math.abs(a);
+		let a = ut(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 = {
@@ -652,7 +652,7 @@ function mt(e, t) {
 		}
 	}), n;
 }
-function ht(e, t, n, r) {
+function mt(e, t, n, r) {
 	r && e.nodes().forEach((n) => {
 		if (!t.has(n)) {
 			let t = e.node(n);
@@ -662,56 +662,56 @@ function ht(e, t, n, r) {
 }
 //#endregion
 //#region src/DAG/rank/network-simplex.js
-function gt(e) {
-	let t = Ue(e);
-	return ut(t), t.nodes().forEach((n) => {
+function ht(e) {
+	let t = Ge(e);
+	return q(t), t.nodes().forEach((n) => {
 		let r = t.node(n), i = e.node(n) || {};
 		i.rank = r.rank, e.setNode(n, i);
 	}), e;
 }
+function gt(e, t) {}
 function _t(e, t) {}
-function vt(e, t) {}
-function yt(e, t, n) {
+function vt(e, t, n) {
 	return 0;
 }
-function bt(e) {
+function yt(e) {
 	return null;
 }
-function xt(e, t) {
+function bt(e, t) {
 	return null;
 }
-gt.initLowLimValues = _t, gt.initCutValues = vt, gt.calcCutValue = yt, gt.leaveEdge = bt, gt.enterEdge = xt;
+ht.initLowLimValues = gt, ht.initCutValues = _t, ht.calcCutValue = vt, ht.leaveEdge = yt, ht.enterEdge = bt;
 //#endregion
 //#region src/DAG/rank/index.js
-var St = ut;
-function Ct(e) {
+var xt = q;
+function St(e) {
 	let t = e.graph().ranker;
 	if (t instanceof Function) return t(e);
 	switch (e.graph().ranker) {
 		case "network-simplex":
-			q(e);
+			Tt(e);
 			break;
 		case "tight-tree":
-			Tt(e);
+			wt(e);
 			break;
 		case "longest-path":
-			wt(e);
+			Ct(e);
 			break;
 		case "none": break;
-		default: q(e);
+		default: Tt(e);
 	}
 }
-var wt = St;
-function Tt(e) {
-	St(e), ft(e);
+var Ct = xt;
+function wt(e) {
+	xt(e), dt(e);
 }
-function q(e) {
-	gt(e);
+function Tt(e) {
+	ht(e);
 }
 //#endregion
 //#region src/DAG/parent-dummy-chains.js
 function Et(e) {
-	let t = J(e);
+	let t = Ot(e);
 	e.graph().dummyChains.forEach((n) => {
 		let r = e.node(n), i = r.edgeObj, a = Dt(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;) {
@@ -739,7 +739,7 @@ function Dt(e, t, n, r) {
 		lca: l
 	};
 }
-function J(e) {
+function Ot(e) {
 	let t = {}, n = 0;
 	function r(i) {
 		let a = n;
@@ -752,12 +752,12 @@ function J(e) {
 }
 //#endregion
 //#region src/DAG/nested-graph.js
-function Ot(e) {
-	let t = it.addDummyNode(e, "root", {}, "_root"), n = Y(e), r = Object.values(n), i = it.applyWithChunking(Math.max, r) - 1, a = 2 * i + 1;
+function J(e) {
+	let t = it.addDummyNode(e, "root", {}, "_root"), n = At(e), r = Object.values(n), i = it.applyWithChunking(Math.max, r) - 1, a = 2 * i + 1;
 	e.graph().nestingRoot = t, e.edges().forEach((t) => {
 		e.edge(t).minlen *= a;
 	});
-	let o = At(e) + 1;
+	let o = Y(e) + 1;
 	e.children().forEach((r) => {
 		kt(e, t, a, o, i, n, r);
 	}), e.graph().nodeRankFactor = a;
@@ -789,7 +789,7 @@ function kt(e, t, n, r, i, a, o) {
 		minlen: i + a[o]
 	});
 }
-function Y(e) {
+function At(e) {
 	let t = {};
 	function n(r, i) {
 		let a = e.children(r);
@@ -797,7 +797,7 @@ function Y(e) {
 	}
 	return e.children().forEach((e) => n(e, 1)), t;
 }
-function At(e) {
+function Y(e) {
 	return e.edges().reduce((t, n) => t + e.edge(n).weight, 0);
 }
 function jt(e) {
@@ -813,50 +813,50 @@ function Mt(e) {
 		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) Nt(e, "borderLeft", "_bl", n, i, t), Nt(e, "borderRight", "_br", n, i, t);
+			for (let t = i.minRank, r = i.maxRank + 1; t < r; ++t) X(e, "borderLeft", "_bl", n, i, t), X(e, "borderRight", "_br", n, i, t);
 		}
 	}
 	e.children().forEach(t);
 }
-function Nt(e, t, n, r, i, a) {
+function X(e, t, n, r, i, a) {
 	let o = {
 		width: 0,
 		height: 0,
 		rank: a,
 		borderType: t
-	}, s = i[t][a - 1], c = R(e, "border", o, n);
+	}, s = i[t][a - 1], c = I(e, "border", o, n);
 	i[t][a] = c, e.setParent(c, r), s && e.setEdge(s, c, { weight: 1 });
 }
 //#endregion
 //#region src/DAG/coordinate-system.js
-function Pt(e) {
+function Nt(e) {
 	let t = e.graph().rankdir.toLowerCase();
-	(t === "lr" || t === "rl") && It(e);
+	(t === "lr" || t === "rl") && Ft(e);
 }
-function Ft(e) {
+function Pt(e) {
 	let t = e.graph().rankdir.toLowerCase();
-	(t === "bt" || t === "rl") && Rt(e), (t === "lr" || t === "rl") && (zt(e), It(e));
+	(t === "bt" || t === "rl") && Lt(e), (t === "lr" || t === "rl") && (zt(e), Ft(e));
 }
-function It(e) {
+function Ft(e) {
 	e.nodes().forEach((t) => {
-		Lt(e.node(t));
+		It(e.node(t));
 	}), e.edges().forEach((t) => {
-		Lt(e.edge(t));
+		It(e.edge(t));
 	});
 }
-function Lt(e) {
+function It(e) {
 	let t = e.width;
 	e.width = e.height, e.height = t;
 }
-function Rt(e) {
+function Lt(e) {
 	e.nodes().forEach((t) => {
-		X(e.node(t));
+		Rt(e.node(t));
 	}), e.edges().forEach((t) => {
 		let n = e.edge(t);
-		n.points.forEach(X), Object.hasOwn(n, "y") && X(n);
+		n.points.forEach(Rt), Object.hasOwn(n, "y") && Rt(n);
 	});
 }
-function X(e) {
+function Rt(e) {
 	e.y = -e.y;
 }
 function zt(e) {
@@ -872,13 +872,13 @@ function Bt(e) {
 	e.x = e.y, e.y = t;
 }
 var Vt = {
-	adjust: Pt,
-	undo: Ft
+	adjust: Nt,
+	undo: Pt
 };
 //#endregion
 //#region src/DAG/order/init-order.js
 function Ht(e) {
-	let t = {}, n = e.nodes().filter((t) => e.children(t).length === 0), r = n.map((t) => e.node(t).rank), i = rt(V(Math.max, r) + 1).map(() => []);
+	let t = {}, n = e.nodes().filter((t) => e.children(t).length === 0), r = n.map((t) => e.node(t).rank), i = tt(H(Math.max, r) + 1).map(() => []);
 	function a(n) {
 		if (t[n]) return;
 		t[n] = !0;
@@ -895,7 +895,7 @@ function Ut(e, t) {
 	return n;
 }
 function Wt(e, t, n) {
-	let r = G(n, n.map((e, t) => t)), i = t.flatMap((t) => e.outEdges(t).map((t) => ({
+	let r = rt(n, n.map((e, t) => t)), i = t.flatMap((t) => e.outEdges(t).map((t) => ({
 		pos: r[t.w],
 		weight: e.edge(t).weight
 	})).sort((e, t) => e.pos - t.pos)), a = 1;
@@ -950,13 +950,13 @@ function Kt(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));
-	}), Z(Object.values(n).filter((e) => !e.indegree));
+	}), qt(Object.values(n).filter((e) => !e.indegree));
 }
-function Z(e) {
+function qt(e) {
 	let t = [];
 	function n(e) {
 		return (t) => {
-			t.merged || (t.barycenter === void 0 || e.barycenter === void 0 || t.barycenter >= e.barycenter) && qt(e, t);
+			t.merged || (t.barycenter === void 0 || e.barycenter === void 0 || t.barycenter >= e.barycenter) && Jt(e, t);
 		};
 	}
 	function r(t) {
@@ -968,50 +968,50 @@ function Z(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) => U(e, [
+	return t.filter((e) => !e.merged).map((e) => G(e, [
 		"vs",
 		"i",
 		"barycenter",
 		"weight"
 	]));
 }
-function qt(e, t) {
+function Jt(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 Q(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(Yt(!!t)), c = Jt(a, i, c), r.forEach((e) => {
-		c += e.vs.length, a.push(e.vs), o += e.barycenter * e.weight, s += e.weight, c = Jt(a, i, c);
+function Yt(e, t) {
+	let n = Ze(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(Z(!!t)), c = Xt(a, i, c), r.forEach((e) => {
+		c += e.vs.length, a.push(e.vs), o += e.barycenter * e.weight, s += e.weight, c = Xt(a, i, c);
 	});
 	let l = { vs: a.flat(!0) };
 	return s && (l.barycenter = o / s, l.weight = s), l;
 }
-function Jt(e, t, n) {
+function Xt(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 Yt(e) {
+function Z(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 Xt(e, t, n, r) {
+function Zt(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 = Gt(e, i);
 	l.forEach((t) => {
 		if (e.children(t.v).length) {
-			let i = Xt(e, t.v, n, r);
-			c[t.v] = i, Object.hasOwn(i, "barycenter") && Qt(t, i);
+			let i = Zt(e, t.v, n, r);
+			c[t.v] = i, Object.hasOwn(i, "barycenter") && $t(t, i);
 		}
 	});
 	let u = Kt(l, n);
-	Zt(u, c);
-	let d = Q(u, r);
+	Qt(u, c);
+	let d = Yt(u, r);
 	if (o && (d.vs = [
 		o,
 		d.vs,
@@ -1022,19 +1022,19 @@ function Xt(e, t, n, r) {
 	}
 	return d;
 }
-function Zt(e, t) {
+function Qt(e, t) {
 	e.forEach((e) => {
 		e.vs = e.vs.flatMap((e) => t[e] ? t[e].vs : e);
 	});
 }
-function Qt(e, t) {
+function $t(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 $t(e, t, n, r) {
+function en(e, t, n, r) {
 	r ||= e.nodes();
-	let i = en(e), a = new A({ compound: !0 }).setGraph({ root: i }).setDefaultNodeLabel((t) => e.node(t));
+	let i = tn(e), a = new Ie({ 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) => {
@@ -1046,14 +1046,14 @@ function $t(e, t, n, r) {
 		}));
 	}), a;
 }
-function en(e) {
+function tn(e) {
 	let t;
-	for (; e.hasNode(t = nt("_root")););
+	for (; e.hasNode(t = et("_root")););
 	return t;
 }
 //#endregion
 //#region src/DAG/order/add-subgraph-constraints.js
-function tn(e, t, n) {
+function nn(e, t, n) {
 	let r = {}, i;
 	n.forEach((n) => {
 		let a = e.parent(n), o, s;
@@ -1068,22 +1068,22 @@ function tn(e, t, n) {
 }
 //#endregion
 //#region src/DAG/order/index.js
-function nn(e, t = {}) {
+function rn(e, t = {}) {
 	if (typeof t.customOrder == "function") {
-		t.customOrder(e, nn);
+		t.customOrder(e, rn);
 		return;
 	}
-	let n = H(e), r = rn(e, rt(1, n + 1), "inEdges"), i = rn(e, rt(n - 1, -1, -1), "outEdges"), a = Ht(e);
-	if (on(e, a), t.disableOptimalOrderHeuristic) return;
+	let n = U(e), r = an(e, tt(1, n + 1), "inEdges"), i = an(e, tt(n - 1, -1, -1), "outEdges"), a = Ht(e);
+	if (sn(e, a), t.disableOptimalOrderHeuristic) return;
 	let o = Infinity, s, c = t.constraints || [];
 	for (let t = 0, n = 0; n < 4; ++t, ++n) {
-		an(t % 2 == 0 ? r : i, t % 4 >= 2, c), a = qe(e);
+		on(t % 2 == 0 ? r : i, t % 4 >= 2, c), a = z(e);
 		let l = Ut(e, a);
 		l < o ? (o = l, n = 0, s = structuredClone(a)) : l === o && (s = structuredClone(a));
 	}
-	on(e, s);
+	sn(e, s);
 }
-function rn(e, t, n) {
+function an(e, t, n) {
 	let r = /* @__PURE__ */ new Map();
 	function i(e, t) {
 		r.has(e) || r.set(e, []), r.get(e).push(t);
@@ -1092,19 +1092,19 @@ function rn(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) => $t(e, t, n, r.get(t) || []));
+	return t.map((t) => en(e, t, n, r.get(t) || []));
 }
-function an(e, t, n) {
-	let r = new A();
+function on(e, t, n) {
+	let r = new Ie();
 	e.forEach((e) => {
 		n.forEach((e) => r.setEdge(e.left, e.right));
-		let i = e.graph().root, a = Xt(e, i, r, t);
+		let i = e.graph().root, a = Zt(e, i, r, t);
 		a.vs.forEach((t, n) => {
 			e.node(t).order = n;
-		}), tn(e, r, a.vs);
+		}), nn(e, r, a.vs);
 	});
 }
-function on(e, t) {
+function sn(e, t) {
 	Object.values(t).forEach((t) => {
 		t.forEach((t, n) => {
 			e.node(t).order = n;
@@ -1113,30 +1113,30 @@ function on(e, t) {
 }
 //#endregion
 //#region src/DAG/position/bk.js
-function sn(e, t) {
+function cn(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 = $(e, t), u = l ? e.node(l).order : o;
+			let l = un(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) && ln(n, r, t);
+					(o < i || u < o) && !(a.dummy && e.node(t).dummy) && dn(n, r, t);
 				});
 			}), a = c + 1, i = u);
 		}), r;
 	}
 	return t.length && t.reduce(r), n;
 }
-function cn(e, t) {
+function ln(e, t) {
 	let n = {};
 	function r(t, r, i, a, o) {
 		let s;
-		rt(r, i).forEach((r) => {
+		tt(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) && ln(n, t, s);
+				r.dummy && (r.order < a || r.order > o) && dn(n, t, s);
 			});
 		});
 	}
@@ -1152,10 +1152,10 @@ function cn(e, t) {
 	}
 	return t.length && t.reduce(i), n;
 }
-function $(e, t) {
+function un(e, t) {
 	if (e.node(t).dummy) return e.predecessors(t).find((t) => e.node(t).dummy);
 }
-function ln(e, t, n) {
+function dn(e, t, n) {
 	if (t > n) {
 		let e = t;
 		t = n, n = e;
@@ -1163,14 +1163,14 @@ function ln(e, t, n) {
 	let r = e[t];
 	r || (e[t] = r = {}), r[n] = !0;
 }
-function un(e, t, n) {
+function fn(e, t, n) {
 	if (t > n) {
 		let e = t;
 		t = n, n = e;
 	}
 	return !!e[t] && Object.hasOwn(e[t], n);
 }
-function dn(e, t, n, r) {
+function pn(e, t, n, r) {
 	let i = {}, a = {}, o = {};
 	return t.forEach((e) => {
 		e.forEach((e, t) => {
@@ -1185,7 +1185,7 @@ function dn(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] && !un(n, e, r) && (a[r] = e, a[e] = i[e] = i[r], t = o[r]);
+					a[e] === e && t < o[r] && !fn(n, e, r) && (a[r] = e, a[e] = i[e] = i[r], t = o[r]);
 				}
 			}
 		});
@@ -1194,8 +1194,8 @@ function dn(e, t, n, r) {
 		align: a
 	};
 }
-function fn(e, t, n, r, i) {
-	let a = {}, o = pn(e, t, n, i), s = i ? "borderLeft" : "borderRight";
+function Q(e, t, n, r, i) {
+	let a = {}, o = mn(e, t, n, i), s = i ? "borderLeft" : "borderRight";
 	function c(e, t) {
 		let n = o.nodes().slice(), r = {}, i = n.pop();
 		for (; i;) {
@@ -1218,8 +1218,8 @@ function fn(e, t, n, r, i) {
 		a[e] = a[n[e]];
 	}), a;
 }
-function pn(e, t, n, r) {
-	let i = new e.constructor(), a = e.graph(), o = vn(a.nodesep, a.edgesep, r);
+function mn(e, t, n, r) {
+	let i = new e.constructor(), a = e.graph(), o = yn(a.nodesep, a.edgesep, r);
 	return t.forEach((t) => {
 		let r;
 		t.forEach((t) => {
@@ -1232,47 +1232,47 @@ function pn(e, t, n, r) {
 		});
 	}), i;
 }
-function mn(e, t) {
+function hn(e, t) {
 	return Object.values(t).reduce((t, n) => {
 		let r = -Infinity, i = Infinity;
 		Object.entries(n).forEach(([t, n]) => {
-			let a = yn(e, t) / 2;
+			let a = bn(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 hn(e, t) {
-	let n = Object.values(t), r = V(Math.min, n), i = V(Math.max, n);
+function gn(e, t) {
+	let n = Object.values(t), r = H(Math.min, n), i = H(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 - V(Math.min, c);
-			a !== "l" && (l = i - V(Math.max, c)), l && (s = W(s, (e) => e + l), e[o] = s);
+			let c = Object.values(s), l = r - H(Math.min, c);
+			a !== "l" && (l = i - H(Math.max, c)), l && (s = nt(s, (e) => e + l), e[o] = s);
 		});
 	});
 }
-function gn(e, t) {
-	return W(e.ul, (n, r) => {
+function _n(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 _n(e) {
-	let t = qe(e), n = Object.assign(sn(e, t), cn(e, t)), r = {}, i;
+function vn(e) {
+	let t = z(e), n = Object.assign(cn(e, t), ln(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 = dn(e, o, n, s), l = fn(e, o, c.root, c.align, t === "r");
-			t === "r" && (l = W(l, (e) => -e)), r[a + t] = l;
+			let s = (a === "u" ? e.predecessors : e.successors).bind(e), c = pn(e, o, n, s), l = Q(e, o, c.root, c.align, t === "r");
+			t === "r" && (l = nt(l, (e) => -e)), r[a + t] = l;
 		});
-	}), hn(r, mn(e, r)), gn(r, e.graph().align);
+	}), gn(r, hn(e, r)), _n(r, e.graph().align);
 }
-function vn(e, t, n) {
+function yn(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()) {
@@ -1290,21 +1290,21 @@ function vn(e, t, n) {
 		return l && (c += n ? l : -l), l = 0, c;
 	};
 }
-function yn(e, t) {
+function bn(e, t) {
 	return e.node(t).width;
 }
 //#endregion
 //#region src/DAG/position/index.js
-function bn(e) {
-	let t = We(e);
-	xn(t);
-	let n = _n(t);
+function xn(e) {
+	let t = Ke(e);
+	Sn(t);
+	let n = vn(t);
 	Object.entries(n).forEach(([t, n]) => {
 		e.node(t).x = n;
 	});
 }
-function xn(e) {
-	let t = qe(e), n = e.graph().ranksep, r = 0;
+function Sn(e) {
+	let t = z(e), n = e.graph().ranksep, r = 0;
 	t.forEach((t) => {
 		let i = t.reduce((t, n) => {
 			let r = e.node(n).height;
@@ -1317,17 +1317,17 @@ function xn(e) {
 }
 //#endregion
 //#region src/DAG/layout.js
-function Sn(e, t = {}) {
-	let n = t.debugTiming ? $e : et;
+function Cn(e, t = {}) {
+	let n = t.debugTiming ? Qe : $e;
 	return n("layout", () => {
 		let r = n("  buildLayoutGraph", () => Nn(e));
-		return n("  runLayout", () => Cn(r, n, t)), n("  updateInputGraph", () => wn(e, r)), r;
+		return n("  runLayout", () => wn(r, n, t)), n("  updateInputGraph", () => Tn(e, r)), r;
 	});
 }
-function Cn(e, t, n) {
-	t("    makeSpaceForEdgeLabels", () => Pn(e)), t("    removeSelfEdges", () => Wn(e)), t("    acyclic", () => at(e)), t("    nestingGraph.run", () => Ot(e)), t("    rank", () => Ct(We(e))), t("    injectEdgeLabelProxies", () => Fn(e)), t("    removeEmptyRanks", () => Ye(e)), t("    nestingGraph.cleanup", () => jt(e)), t("    normalizeRanks", () => Je(e)), t("    assignRankMinMax", () => In(e)), t("    removeEdgeLabelProxies", () => Ln(e)), t("    normalize.run", () => st(e)), t("    parentDummyChains", () => Et(e)), t("    addBorderSegments", () => Mt(e)), t("    order", () => nn(e, n)), t("    insertSelfEdges", () => Gn(e)), t("    adjustCoordinateSystem", () => Vt.adjust(e)), t("    position", () => bn(e)), t("    positionSelfEdges", () => Kn(e)), t("    removeBorderNodes", () => Un(e)), t("    normalize.undo", () => lt(e)), t("    fixupEdgeLabelCoords", () => Vn(e)), t("    undoCoordinateSystem", () => Vt.undo(e)), t("    translateGraph", () => Rn(e)), t("    assignNodeIntersects", () => Bn(e)), t("    reversePoints", () => Hn(e)), t("    acyclic.undo", () => ot(e));
+function wn(e, t, n) {
+	t("    makeSpaceForEdgeLabels", () => Pn(e)), t("    removeSelfEdges", () => Wn(e)), t("    acyclic", () => at(e)), t("    nestingGraph.run", () => J(e)), t("    rank", () => St(Ke(e))), t("    injectEdgeLabelProxies", () => Fn(e)), t("    removeEmptyRanks", () => V(e)), t("    nestingGraph.cleanup", () => jt(e)), t("    normalizeRanks", () => B(e)), t("    assignRankMinMax", () => In(e)), t("    removeEdgeLabelProxies", () => Ln(e)), t("    normalize.run", () => st(e)), t("    parentDummyChains", () => Et(e)), t("    addBorderSegments", () => Mt(e)), t("    order", () => rn(e, n)), t("    insertSelfEdges", () => Gn(e)), t("    adjustCoordinateSystem", () => Vt.adjust(e)), t("    position", () => xn(e)), t("    positionSelfEdges", () => Kn(e)), t("    removeBorderNodes", () => Un(e)), t("    normalize.undo", () => lt(e)), t("    fixupEdgeLabelCoords", () => Vn(e)), t("    undoCoordinateSystem", () => Vt.undo(e)), t("    translateGraph", () => Rn(e)), t("    assignNodeIntersects", () => Bn(e)), t("    reversePoints", () => Hn(e)), t("    acyclic.undo", () => ot(e));
 }
-function wn(e, t) {
+function Tn(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));
@@ -1338,27 +1338,27 @@ function wn(e, t) {
 	let n = t.graph(), r = e.graph();
 	r.width = n.width, r.height = n.height;
 }
-var Tn = [
+var En = [
 	"nodesep",
 	"edgesep",
 	"ranksep",
 	"marginx",
 	"marginy"
-], En = {
+], Dn = {
 	ranksep: 50,
 	edgesep: 20,
 	nodesep: 50,
 	rankdir: "tb"
-}, Dn = [
+}, On = [
 	"acyclicer",
 	"ranker",
 	"rankdir",
 	"align"
-], On = [
+], kn = [
 	"width",
 	"height",
 	"rank"
-], kn = {
+], $ = {
 	width: 0,
 	height: 0
 }, An = [
@@ -1377,24 +1377,24 @@ var Tn = [
 }, Mn = ["labelpos", "arrowshape"];
 function Nn(e) {
 	let t = Jn(e.graph()), n = {
-		...En,
-		...qn(t, Tn),
-		...U(t, Dn)
-	}, r = new A({
+		...Dn,
+		...qn(t, En),
+		...G(t, On)
+	}, r = new Ie({
 		multigraph: !0,
 		compound: !0
 	});
 	return r.setGraph(n), e.nodes().forEach((t) => {
-		let n = qn(Jn(e.node(t)), On);
-		Object.keys(kn).forEach((e) => {
-			n[e] === void 0 && (n[e] = kn[e]);
+		let n = qn(Jn(e.node(t)), kn);
+		Object.keys($).forEach((e) => {
+			n[e] === void 0 && (n[e] = $[e]);
 		}), r.setNode(t, n), r.setParent(t, e.parent(t));
 	}), e.edges().forEach((t) => {
 		let n = Jn(e.edge(t));
 		r.setEdge(t, {
 			...jn,
 			...qn(n, An),
-			...U(n, Mn)
+			...G(n, Mn)
 		});
 	}), r;
 }
@@ -1410,7 +1410,7 @@ function Fn(e) {
 		let n = e.edge(t);
 		if (n.width && n.height) {
 			let n = e.node(t.v);
-			R(e, "edge-proxy", {
+			I(e, "edge-proxy", {
 				rank: (e.node(t.w).rank - n.rank) / 2 + n.rank,
 				e: t
 			}, "_ep");
@@ -1463,7 +1463,7 @@ function Bn(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 = 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;
+		let s = R(r, a), c = R(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 = zn(s, l, 4) : h = zn(c, u, 4)), n.points.unshift(m), n.points.push(h);
 	});
 }
@@ -1506,12 +1506,12 @@ function Wn(e) {
 	});
 }
 function Gn(e) {
-	qe(e).forEach((t) => {
+	z(e).forEach((t) => {
 		let n = 0;
 		t.forEach((t, r) => {
 			let i = e.node(t);
 			i.order = r + n, (i.selfEdges || []).forEach((t) => {
-				R(e, "selfedge", {
+				I(e, "selfedge", {
 					width: t.label.width,
 					height: t.label.height,
 					rank: i.rank,
@@ -1554,7 +1554,7 @@ function Kn(e) {
 	});
 }
 function qn(e, t) {
-	return W(U(e, t), Number);
+	return nt(G(e, t), Number);
 }
 function Jn(e) {
 	let t = {};
@@ -1598,13 +1598,13 @@ function Zn(e) {
 	return n += ` L ${r.x} ${r.y}`, n;
 }
 function Qn(e) {
-	let { nodes: t, edges: n, configuration: r } = e, i = E(null), a = E(null), o = `dag-arrow-${c()}`;
+	let { nodes: t, edges: n, configuration: r } = e, i = T(null), a = T(null), o = `dag-arrow-${c()}`;
 	function s(e, t, n) {
 		a.value = null, i.value = null;
 		let r = {
 			...Yn,
 			...n
-		}, s = new A({
+		}, s = new Ie({
 			multigraph: !0,
 			compound: !0
 		});
@@ -1626,7 +1626,7 @@ function Qn(e) {
 				minlen: e.minLength ?? 1,
 				arrowShape: r.arrowShape ?? "normal"
 			});
-		}), Sn(s);
+		}), Cn(s);
 		let l = e.map((e) => {
 			let t = s.node(e.id);
 			return {
@@ -1680,9 +1680,9 @@ function Qn(e) {
 			arrowSize: r.arrowSize
 		};
 	}
-	return Ae(() => {
+	return je(() => {
 		try {
-			s(O(t) || [], O(n) || [], O(r) || {});
+			s(D(t) || [], D(n) || [], D(r) || {});
 		} catch (e) {
 			console.error("[useDag] layout error:", e), a.value = e, i.value = null;
 		}
@@ -1691,7 +1691,7 @@ function Qn(e) {
 		lastError: a,
 		arrowMarkerIdentifier: o,
 		recomputeLayout: () => {
-			s(O(t) || [], O(n) || [], O(r) || {});
+			s(D(t) || [], D(n) || [], D(r) || {});
 		}
 	};
 }
@@ -1807,29 +1807,29 @@ var $n = /* @__PURE__ */ e({ default: () => Nr }), er = ["id"], tr = ["id"], nr
 		"rotate"
 	],
 	setup(e, { expose: u, emit: ie }) {
-		let Ae = ye(() => import("./PenAndPaper-BgH3m_LP.js").then((e) => e.t)), Me = ye(() => import("./UserOptions-f3Q0nqrj.js").then((e) => e.n)), Ne = ye(() => import("./PackageVersion-M2Ws-VwJ.js").then((e) => e.t)), { vue_ui_dag: Pe } = p(), { isThemeValid: A, warnInvalidTheme: Fe } = ee(), j = e, M = ie, N = E(null), P = E(c()), Ie = E(null), Le = E(null), Re = E(null), ze = E(0), Be = E(0), Ve = E(!1), He = E(!1), F = E(null), I = E(null), L = E(null), R = E(null), Ue = E(null), We = E("pointer"), Ge = E(!1), z = E(dt());
+		let je = be(() => import("./PenAndPaper-KFzKlvbi.js").then((e) => e.t)), Ne = be(() => import("./UserOptions-2x4VklMW.js").then((e) => e.n)), Pe = be(() => import("./PackageVersion-UfoQuPMf.js").then((e) => e.t)), { vue_ui_dag: Fe } = p(), { isThemeValid: Ie, warnInvalidTheme: Le } = ee(), k = e, A = ie, j = T(null), M = T(c()), Re = T(null), ze = T(null), Be = T(null), Ve = T(0), He = T(0), Ue = T(!1), We = T(!1), N = T(null), P = T(null), F = T(null), I = T(null), Ge = T(null), Ke = T("pointer"), qe = T(!1), L = T(mt()), R = v(() => L.value.style.chart.nodes), z = v(() => L.value.style.chart.edges), B = v(() => L.value.style.chart.midpoints), V = v(() => L.value.style.chart);
 		d({
-			config: () => z.value,
-			dataset: () => j.dataset,
+			config: () => L.value,
+			dataset: () => k.dataset,
 			component: "VueUiDag",
 			rules: [f.noHint]
 		});
-		let Ke = v(() => z.value.userOptions.useCursorPointer), qe = E(z.value.style.chart.width), Je = E(z.value.style.chart.height), Ye = E({
+		let Je = v(() => L.value.userOptions.useCursorPointer), Ye = T(L.value.style.chart.width), Xe = T(L.value.style.chart.height), H = T({
 			x: 0,
 			y: 0
-		}), B = E(null), Xe = E(null), Ze = E({
+		}), U = T(null), Ze = T(null), Qe = T({
 			left: "0px",
 			top: "0px"
-		}), V = E("top"), H = E(!1), Qe = E({
+		}), $e = T("top"), W = T(!1), et = T({
 			x: 0,
 			y: 0
-		}), $e = E({
+		}), tt = T({
 			x: 0,
 			y: 0
-		}), et = E(null), tt = E(null), nt = E({
+		}), G = T(null), nt = T(null), rt = T({
 			left: "0px",
 			top: "0px"
-		}), rt = E("top"), U = E(!1), W = E(!1), { svgRef: G } = le({ config: z.value.style.chart.title }), { userOptionsVisible: it, setUserOptionsVisibility: at, keepUserOptionState: ot } = ce({ config: z.value }), K = E(z.value.style.chart.layout.rankDirection), st = v(() => a({
+		}), it = T("top"), at = T(!1), ot = T(!1), { svgRef: K } = le({ config: V.value.title }), { userOptionsVisible: st, setUserOptionsVisibility: ct, keepUserOptionState: lt } = ce({ config: L.value }), q = T(L.value.style.chart.layout.rankDirection), ut = v(() => a({
 			defaultConfig: {
 				userOptions: { show: !1 },
 				style: { chart: {
@@ -1845,12 +1845,12 @@ var $n = /* @__PURE__ */ e({ default: () => Nr }), er = ["id"], tr = ["id"], nr
 					}
 				} }
 			},
-			userConfig: z.value.skeletonConfig ?? {}
-		})), { loading: ct, FINAL_DATASET: lt, manualLoading: ut } = h({
-			...Oe(j),
-			FINAL_CONFIG: z,
-			prepareConfig: dt,
-			skeletonDataset: j.config?.skeletonDataset ?? {
+			userConfig: L.value.skeletonConfig ?? {}
+		})), { loading: dt, FINAL_DATASET: ft, manualLoading: pt } = h({
+			...ke(k),
+			FINAL_CONFIG: L,
+			prepareConfig: mt,
+			skeletonDataset: k.config?.skeletonDataset ?? {
 				nodes: [
 					{
 						id: "A",
@@ -1874,62 +1874,62 @@ var $n = /* @__PURE__ */ e({ default: () => Nr }), er = ["id"], tr = ["id"], nr
 				}]
 			},
 			skeletonConfig: a({
-				defaultConfig: z.value,
-				userConfig: st.value
+				defaultConfig: L.value,
+				userConfig: ut.value
 			})
 		});
-		function dt() {
+		function mt() {
 			let e = _({
-				userConfig: j.config,
-				defaultConfig: Pe
+				userConfig: k.config,
+				defaultConfig: Fe
 			}), t = e.theme;
 			if (!t) return e;
-			if (!A.value(e)) return Fe(e), e;
+			if (!Ie.value(e)) return Le(e), e;
 			let n = _({
-				userConfig: fe[t] || j.config,
+				userConfig: fe[t] || k.config,
 				defaultConfig: e
 			});
 			return _({
-				userConfig: j.config,
+				userConfig: k.config,
 				defaultConfig: n
 			});
 		}
-		let ft = v(() => z.value.debug);
-		Te(async () => {
-			r(j.dataset) && (s({
+		let ht = v(() => L.value.debug);
+		Ee(async () => {
+			r(k.dataset) && (s({
 				componentName: "VueUiDag",
 				type: "dataset",
-				debug: ft.value
-			}), He.value = !1, ut.value = !0), (!j.dataset.nodes || j.dataset.nodes.length === 0) && (s({
+				debug: ht.value
+			}), We.value = !1, pt.value = !0), (!k.dataset.nodes || k.dataset.nodes.length === 0) && (s({
 				componentName: "VueUiDag",
 				type: "datasetAttributeEmpty",
 				property: "nodes",
 				index: 0,
-				debug: ft.value
-			}), He.value = !1, ut.value = !0), He.value = !0, await xe(), Qt();
-		}), ke(() => j.config, async (e) => {
-			ct.value || (z.value = dt()), it.value = !z.value.userOptions.showOnChartHover, ze.value += 1, K.value = z.value.style.chart.layout.rankDirection, qe.value = z.value.style.chart.width, Je.value = z.value.style.chart.height, kt.value = z.value.style.chart.zoom.active, await xe(), Qt();
+				debug: ht.value
+			}), We.value = !1, pt.value = !0), We.value = !0, await Se(), rn();
+		}), Ae(() => k.config, async (e) => {
+			dt.value || (L.value = mt()), st.value = !L.value.userOptions.showOnChartHover, Ve.value += 1, q.value = V.value.layout.rankDirection, Ye.value = V.value.width, Xe.value = V.value.height, Mt.value = V.value.zoom.active, await Se(), rn();
 		}, { deep: !0 });
-		let { isPrinting: pt, isImaging: mt, generatePdf: ht, generateImage: gt } = m({
-			elementId: `dag_${P.value}`,
-			fileName: z.value.style.chart.title.text || "vue-ui-dag",
-			options: z.value.userOptions.print
-		}), _t = v(() => z.value.style.chart.backgroundColor), vt = v(() => z.value.style.chart.title), { isCallbackImaging: yt, isCallbackSvg: bt, generateSvg: xt, onGenerateImage: St } = te({
-			svg: G,
-			title: vt,
+		let { isPrinting: gt, isImaging: _t, generatePdf: vt, generateImage: yt } = m({
+			elementId: `dag_${M.value}`,
+			fileName: V.value.title.text || "vue-ui-dag",
+			options: L.value.userOptions.print
+		}), bt = v(() => V.value.backgroundColor), xt = v(() => V.value.title), { isCallbackImaging: St, isCallbackSvg: Ct, generateSvg: wt, onGenerateImage: Tt } = te({
+			svg: K,
+			title: xt,
 			legend: null,
 			legendItems: null,
-			backgroundColor: _t,
-			getSvgCallback: () => z.value.userOptions.callbacks.svg,
-			generateImage: gt
+			backgroundColor: bt,
+			getSvgCallback: () => L.value.userOptions.callbacks.svg,
+			generateImage: yt
 		});
-		function Ct() {
-			Ve.value = !0, at(!0);
+		function Et() {
+			Ue.value = !0, ct(!0);
 		}
-		function wt() {
-			at(!1), Ve.value = !1;
+		function Dt() {
+			ct(!1), Ue.value = !1;
 		}
-		function Tt({ tooltipRef: e, isVisibleRef: t, anchorRef: n, styleRef: r, placementRef: i, offsetRef: a, margin: o = 24 }) {
+		function Ot({ 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;
@@ -1950,25 +1950,25 @@ var $n = /* @__PURE__ */ e({ default: () => Nr }), er = ["id"], tr = ["id"], nr
 				};
 			};
 		}
-		let { layoutData: q, lastError: Et, arrowMarkerIdentifier: Dt } = Qn({
-			nodes: v(() => lt.value.nodes.map((e) => ({
+		let { layoutData: J, lastError: kt, arrowMarkerIdentifier: At } = Qn({
+			nodes: v(() => ft.value.nodes.map((e) => ({
 				...e,
-				backgroundColor: e.backgroundColor ? i(e.backgroundColor) : z.value.style.chart.nodes.backgroundColor,
-				color: e.color ? i(e.color) : z.value.style.chart.nodes.labels.color
+				backgroundColor: e.backgroundColor ? i(e.backgroundColor) : R.value.backgroundColor,
+				color: e.color ? i(e.color) : R.value.labels.color
 			}))),
-			edges: v(() => lt.value.edges),
+			edges: v(() => ft.value.edges),
 			configuration: v(() => ({
-				...z.value.style.chart.layout,
-				rankDirection: K.value
+				...V.value.layout,
+				rankDirection: q.value
 			}))
 		});
-		function J(e) {
-			return q.value ? q.value.nodes.find((t) => t.id === e) : null;
+		function Y(e) {
+			return J.value ? J.value.nodes.find((t) => t.id === e) : null;
 		}
 		v(() => {
-			if (!q.value) return [];
-			let e = z.value.style.chart.edges.stroke, t = /* @__PURE__ */ new Set();
-			return q.value.edges.forEach((n) => {
+			if (!J.value) return [];
+			let e = z.value.stroke, t = /* @__PURE__ */ new Set();
+			return J.value.edges.forEach((n) => {
 				t.add({
 					id: n.id,
 					from: n.from,
@@ -1977,35 +1977,35 @@ var $n = /* @__PURE__ */ e({ default: () => Nr }), er = ["id"], tr = ["id"], nr
 				});
 			}), Array.from(t);
 		});
-		let Ot = v(() => {
-			let e = qe.value, t = Je.value, n = Number(e), r = Number(t), i = Number.isFinite(n) && n > 0, a = Number.isFinite(r) && r > 0;
+		let jt = v(() => {
+			let e = Ye.value, t = Xe.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
 			};
-		}), kt = E(z.value.style.chart.zoom.active), { viewBox: Y, resetZoom: At, setInitialViewBox: jt, scale: Mt, zoomByFactor: Nt } = ue(G, {
+		}), Mt = T(V.value.zoom.active), { viewBox: X, resetZoom: Nt, setInitialViewBox: Pt, scale: Ft, zoomByFactor: It } = ue(K, {
 			x: 0,
 			y: 0,
 			width: 100,
 			height: 100
-		}, 1, kt, () => {
-			H.value = !1;
-		}), Pt = null;
-		async function Ft(e, { smooth: n = !0, duration: r = 300, zoomReset: i = !1, zoom: a = null } = {}) {
-			let s = J(e);
+		}, 1, Mt, () => {
+			W.value = !1;
+		}), Lt = null;
+		async function Rt(e, { smooth: n = !0, duration: r = 300, zoomReset: i = !1, zoom: a = null } = {}) {
+			let s = Y(e);
 			if (!s) return !1;
-			let c = Y.value;
+			let c = X.value;
 			if (!c) return !1;
 			let l = {
 				x: Number(c.x),
 				y: Number(c.y),
 				width: Number(c.width),
 				height: Number(c.height)
-			}, u = Mt.value, d = l.width, f = l.height, p = u;
+			}, u = Ft.value, d = l.width, f = l.height, p = u;
 			if (Number.isFinite(a) && a > 0 || i) {
-				At(!1);
-				let e = Y.value, t = Number.isFinite(a) && a > 0 ? a / 100 : 1;
-				d = Number(e.width) / t, f = Number(e.height) / t, p = t, Y.value = { ...l }, Mt.value = u;
+				Nt(!1);
+				let e = X.value, t = Number.isFinite(a) && a > 0 ? a / 100 : 1;
+				d = Number(e.width) / t, f = Number(e.height) / t, p = t, X.value = { ...l }, Ft.value = u;
 			}
 			let m = Number(s.x), h = Number(s.y);
 			if (!Number.isFinite(l.x) || !Number.isFinite(l.y) || !Number.isFinite(l.width) || !Number.isFinite(l.height) || !Number.isFinite(d) || !Number.isFinite(f) || !Number.isFinite(m) || !Number.isFinite(h)) return !1;
@@ -2015,164 +2015,164 @@ var $n = /* @__PURE__ */ e({ default: () => Nr }), er = ["id"], tr = ["id"], nr
 				width: d,
 				height: f
 			};
-			if (Pt !== null && (cancelAnimationFrame(Pt), Pt = null), H.value = !1, !n || r <= 0) return Y.value = g, Mt.value = p, !0;
+			if (Lt !== null && (cancelAnimationFrame(Lt), Lt = null), W.value = !1, !n || r <= 0) return X.value = g, Ft.value = p, !0;
 			let _ = performance.now();
 			function ee(e) {
 				let n = Math.min((e - _) / r, 1), i = o(n);
-				Y.value = {
+				X.value = {
 					x: t(l.x, g.x, i),
 					y: t(l.y, g.y, i),
 					width: t(l.width, g.width, i),
 					height: t(l.height, g.height, i)
-				}, Mt.value = t(u, p, i), n < 1 ? Pt = requestAnimationFrame(ee) : (Y.value = g, Mt.value = p, Pt = null);
+				}, Ft.value = t(u, p, i), n < 1 ? Lt = requestAnimationFrame(ee) : (X.value = g, Ft.value = p, Lt = null);
 			}
-			return Pt = requestAnimationFrame(ee), !0;
+			return Lt = requestAnimationFrame(ee), !0;
 		}
-		function It() {
-			kt.value = !kt.value;
+		function zt() {
+			Mt.value = !Mt.value;
 		}
-		function Lt() {
-			let e = q.value && q.value.viewBox;
+		function Bt() {
+			let e = J.value && J.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 = Ot.value;
-			u && (u.width !== null && (o = u.width), u.height !== null && (s = u.height), c = n - (o - i) / 2, l = r - (s - a) / 2), jt({
+			let o = i, s = a, c = n, l = r, u = jt.value;
+			u && (u.width !== null && (o = u.width), u.height !== null && (s = u.height), c = n - (o - i) / 2, l = r - (s - a) / 2), Pt({
 				x: c,
 				y: l,
 				width: o,
 				height: s
 			}, { overwriteCurrentIfNotZoomed: !0 });
 		}
-		ke(() => q.value && q.value.viewBox, () => {
-			Lt();
-		}, { immediate: !0 }), ke(() => Ot.value, () => {
-			Lt();
-		}), ke(() => W.value, (e) => {
-			kt.value = !e;
+		Ae(() => J.value && J.value.viewBox, () => {
+			Bt();
+		}, { immediate: !0 }), Ae(() => jt.value, () => {
+			Bt();
+		}), Ae(() => ot.value, (e) => {
+			Mt.value = !e;
 		});
-		let Rt = v(() => {
-			let e = Y.value;
+		let Vt = v(() => {
+			let e = X.value;
 			return e ? `${e.x} ${e.y} ${e.width} ${e.height}` : "0 0 0 0";
-		}), X = E(!1);
-		function zt(e) {
-			X.value = e, Be.value += 1;
+		}), Ht = T(!1);
+		function Ut(e) {
+			Ht.value = e, He.value += 1;
 		}
-		function Bt() {
-			W.value = !W.value;
+		function Wt() {
+			ot.value = !ot.value;
 		}
-		function Vt() {
-			Nt(Mr, !0);
+		function Gt() {
+			It(Mr, !0);
 		}
-		function Ht() {
-			Nt(1 / Mr, !0);
+		function Kt() {
+			It(1 / Mr, !0);
 		}
-		let Ut = [
+		let qt = [
 			"TB",
 			"RL",
 			"BT",
 			"LR"
 		];
-		function Wt() {
-			K.value = Ut[(Ut.indexOf(K.value) + 1) % Ut.length], At(), M("rotate", K.value);
-		}
-		let Gt = Tt({
-			tooltipRef: Xe,
-			isVisibleRef: U,
-			anchorRef: Ye,
-			styleRef: Ze,
-			placementRef: V,
+		function Jt() {
+			q.value = qt[(qt.indexOf(q.value) + 1) % qt.length], Nt(), A("rotate", q.value);
+		}
+		let Yt = Ot({
+			tooltipRef: Ze,
+			isVisibleRef: at,
+			anchorRef: H,
+			styleRef: Qe,
+			placementRef: $e,
 			isNode: !1
-		}), Kt = Tt({
-			tooltipRef: tt,
-			isVisibleRef: H,
-			anchorRef: Qe,
-			styleRef: nt,
-			placementRef: rt,
-			offsetRef: $e
-		}), Z = E(null);
-		async function qt(e) {
-			M("onMidpointEnter", e);
-			let t = G.value;
+		}), Xt = Ot({
+			tooltipRef: nt,
+			isVisibleRef: W,
+			anchorRef: et,
+			styleRef: rt,
+			placementRef: it,
+			offsetRef: tt
+		}), Z = T(null);
+		async function Zt(e) {
+			A("onMidpointEnter", e);
+			let t = K.value;
 			if (!t || !e?.midpoint) return;
 			let n = t.createSVGPoint();
 			n.x = e.midpoint.x, n.y = e.midpoint.y;
 			let r = t.getScreenCTM();
 			if (!r) return;
 			let i = n.matrixTransform(r);
-			Ye.value = {
+			H.value = {
 				x: i.x,
 				y: i.y
-			}, B.value = e, U.value = !0, z.value.style.chart.midpoints.selectedEdge.animated === !0 && (Z.value = e.id, an()), await xe(), Gt();
+			}, U.value = e, at.value = !0, B.value.selectedEdge.animated === !0 && (Z.value = e.id, un()), await Se(), Yt();
 		}
-		function Q() {
-			U.value = !1, B.value = null, M("onMidpointLeave"), z.value.style.chart.midpoints.selectedEdge.animated === !0 && (Z.value = null, an());
+		function Qt() {
+			at.value = !1, U.value = null, A("onMidpointLeave"), B.value.selectedEdge.animated === !0 && (Z.value = null, un());
 		}
-		async function Jt(e) {
-			if (M("onNodeClick", e), !z.value.style.chart.nodes.tooltip.showOnClick) return;
-			let t = G.value;
+		async function $t(e) {
+			if (A("onNodeClick", e), !R.value.tooltip.showOnClick) return;
+			let t = K.value;
 			if (!t) return;
 			let n = t.createSVGPoint();
 			n.x = e.x, n.y = e.y;
 			let r = t.getScreenCTM();
 			if (!r) return;
-			let i = n.matrixTransform(r), a = z.value.style.chart.layout.nodeWidth, o = z.value.style.chart.layout.nodeHeight, s = r.a, c = r.d, l = a * s, u = o * c;
-			$e.value = {
+			let i = n.matrixTransform(r), a = V.value.layout.nodeWidth, o = V.value.layout.nodeHeight, s = r.a, c = r.d, l = a * s, u = o * c;
+			tt.value = {
 				x: l / 2,
 				y: u / 2
-			}, Qe.value = {
+			}, et.value = {
 				x: i.x,
 				y: i.y
-			}, et.value = e, H.value = !0, await xe(), Kt();
+			}, G.value = e, W.value = !0, await Se(), Xt();
 		}
-		function Yt() {
-			H.value = !1, et.value = null;
+		function en() {
+			W.value = !1, G.value = null;
 		}
-		function Xt(e) {
-			if (!(H.value || U.value)) return;
-			let t = tt.value;
+		function tn(e) {
+			if (!(W.value || at.value)) return;
+			let t = nt.value;
 			if (t && t.contains(e.target)) return;
-			let n = Xe.value;
+			let n = Ze.value;
 			if (n && n.contains(e.target)) return;
-			let r = G.value;
+			let r = K.value;
 			if (r && r.contains(e.target)) {
 				let t = e.target.closest(".vue-ui-dag-node"), n = e.target.closest(".vue-ui-dag-edge-midpoint");
 				if (t || n) return;
 			}
-			Yt(), Q(), Ge.value || Mn();
+			en(), Qt(), qe.value || In();
 		}
-		function Zt(e) {
-			e.key === "Escape" && (H.value && Yt(), U.value && Q());
+		function nn(e) {
+			e.key === "Escape" && (W.value && en(), at.value && Qt());
 		}
-		Te(() => {
-			document.addEventListener("mousedown", Xt), document.addEventListener("keydown", Zt);
-		}), we(() => {
-			document.removeEventListener("mousedown", Xt), document.removeEventListener("keydown", Zt), F.value && (I.value && F.value.unobserve(I.value), F.value.disconnect());
+		Ee(() => {
+			document.addEventListener("mousedown", tn), document.addEventListener("keydown", nn);
+		}), Te(() => {
+			document.removeEventListener("mousedown", tn), document.removeEventListener("keydown", nn), N.value && (P.value && N.value.unobserve(P.value), N.value.disconnect());
 		});
-		function Qt() {
-			if (!z.value.responsive) {
-				F.value && (I.value && F.value.unobserve(I.value), F.value.disconnect(), F.value = null, I.value = null);
+		function rn() {
+			if (!L.value.responsive) {
+				N.value && (P.value && N.value.unobserve(P.value), N.value.disconnect(), N.value = null, P.value = null);
 				return;
 			}
 			let e = ae(() => {
-				if (!N.value) return;
+				if (!j.value) return;
 				let { width: e, height: t } = oe({
-					chart: N.value,
-					title: z.value.style.chart.title.text ? Ie.value : null,
-					legend: z.value.style.chart.controls.show ? Re.value?.$el : null,
-					source: Le.value
+					chart: j.value,
+					title: V.value.title.text ? Re.value : null,
+					legend: V.value.controls.show ? Be.value?.$el : null,
+					source: ze.value
 				});
 				requestAnimationFrame(() => {
-					qe.value = Math.max(.1, e), Je.value = Math.max(.1, t - 12);
+					Ye.value = Math.max(.1, e), Xe.value = Math.max(.1, t - 12);
 				});
 			});
-			F.value && (I.value && F.value.unobserve(I.value), F.value.disconnect()), F.value = new ResizeObserver(e), I.value = N.value ? N.value.parentNode : null, I.value && F.value.observe(I.value), e();
+			N.value && (P.value && N.value.unobserve(P.value), N.value.disconnect()), N.value = new ResizeObserver(e), P.value = j.value ? j.value.parentNode : null, P.value && N.value.observe(P.value), e();
 		}
-		function $t(e, t = {}) {
+		function an(e, t = {}) {
 			let { direction: n = -1, mode: r = "oneLapNearest", dasharray: i = null } = t;
-			if (!e || typeof e.getTotalLength != "function") return ft.value && console.warn("VueUiDag @getIdealDashoffsetDelta: invalid path element", e), 0;
+			if (!e || typeof e.getTotalLength != "function") return ht.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;
@@ -2185,26 +2185,26 @@ var $n = /* @__PURE__ */ e({ default: () => Nr }), er = ["id"], tr = ["id"], nr
 				return t.length % 2 == 1 ? n * 2 : n;
 			}
 		}
-		let en = E(/* @__PURE__ */ new Map()), tn = E(/* @__PURE__ */ new Map());
-		function nn(e) {
+		let on = T(/* @__PURE__ */ new Map()), sn = T(/* @__PURE__ */ new Map());
+		function cn(e) {
 			return function(t) {
-				t ? en.value.set(e, t) : en.value.delete(e);
+				t ? on.value.set(e, t) : on.value.delete(e);
 			};
 		}
-		function rn() {
-			tn.value.forEach((e) => {
+		function ln() {
+			sn.value.forEach((e) => {
 				try {
 					e.cancel();
 				} catch {}
-			}), tn.value.clear();
+			}), sn.value.clear();
 		}
-		function an() {
-			rn();
-			let e = q.value?.edges ?? [];
+		function un() {
+			ln();
+			let e = J.value?.edges ?? [];
 			if (!e.length) return;
-			let t = z.value.style.chart.edges.animations, n = Number(t.referenceDistance) > 0 ? Number(t.referenceDistance) : 24;
+			let t = z.value.animations, n = Number(t.referenceDistance) > 0 ? Number(t.referenceDistance) : 24;
 			e.forEach((e) => {
-				let r = z.value.style.chart.midpoints.selectedEdge.animated === !0 && Z.value != null && e.id === Z.value, i = !!e?.original?.animated || !!e?.animated || r, a = en.value.get(e.id);
+				let r = B.value.selectedEdge.animated === !0 && Z.value != null && e.id === Z.value, i = !!e?.original?.animated || !!e?.animated || r, a = on.value.get(e.id);
 				if (!a) return;
 				if (!i) {
 					a.style.strokeDasharray = "0", a.style.strokeDashoffset = "0";
@@ -2212,7 +2212,7 @@ var $n = /* @__PURE__ */ e({ default: () => Nr }), er = ["id"], tr = ["id"], nr
 				}
 				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 = $t(a, {
+				let s = ![void 0, null].includes(e?.original?.animationDirection), c = ![void 0, null].includes(t.animationDirection), l = an(a, {
 					direction: s ? Number(e.original.animationDirection) : c ? Number(t.animationDirection) : -1,
 					mode: "oneLapNearest",
 					dasharray: String(o)
@@ -2221,21 +2221,21 @@ var $n = /* @__PURE__ */ e({ default: () => Nr }), er = ["id"], tr = ["id"], nr
 					iterations: Infinity,
 					easing: "linear"
 				});
-				tn.value.set(e.id, m);
+				sn.value.set(e.id, m);
 			});
 		}
-		ke(() => q.value && q.value.edges, async () => {
-			await xe(), an();
+		Ae(() => J.value && J.value.edges, async () => {
+			await Se(), un();
 		}, {
 			deep: !0,
 			immediate: !0
-		}), we(() => {
-			rn();
+		}), Te(() => {
+			ln();
 		});
-		async function on({ scale: e = 2 } = {}) {
-			if (!N.value) return;
-			let { width: t, height: n } = N.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await ne({
-				domElement: N.value,
+		async function dn({ scale: e = 2 } = {}) {
+			if (!j.value) return;
+			let { width: t, height: n } = j.value.getBoundingClientRect(), r = t / n, { imageUri: i, base64: a } = await ne({
+				domElement: j.value,
 				base64: !0,
 				img: !0,
 				scale: e
@@ -2243,121 +2243,121 @@ var $n = /* @__PURE__ */ e({ default: () => Nr }), er = ["id"], tr = ["id"], nr
 			return {
 				imageUri: i,
 				base64: a,
-				title: z.value.style.chart.title.text ?? "vue-ui-dag",
+				title: V.value.title.text ?? "vue-ui-dag",
 				width: t,
 				height: n,
 				aspectRatio: r
 			};
 		}
-		let sn = v(() => {
-			let e = Number(z.value.style.chart.layout.nodeHeight);
-			return Number.isFinite(e) && e > 0 ? e / z.value.style.chart.backgroundPattern.spacingRatio : 12;
-		}), cn = v(() => sn.value * (z.value.style.chart.backgroundPattern.dotRadiusRatio / 100)), $ = E(null), ln = null, un = 0;
-		function dn(e) {
-			ln &&= (clearTimeout(ln), null), $.value !== e && ($.value = e, (z.value.style.chart.nodes.selected.downstreamEdges.animated === !0 || z.value.style.chart.nodes.selected.upstreamEdges.animated === !0) && an());
+		let fn = v(() => {
+			let e = Number(V.value.layout.nodeHeight);
+			return Number.isFinite(e) && e > 0 ? e / V.value.backgroundPattern.spacingRatio : 12;
+		}), pn = v(() => fn.value * (V.value.backgroundPattern.dotRadiusRatio / 100)), Q = T(null), mn = null, hn = 0;
+		function gn(e) {
+			mn &&= (clearTimeout(mn), null), Q.value !== e && (Q.value = e, (R.value.selected.downstreamEdges.animated === !0 || R.value.selected.upstreamEdges.animated === !0) && un());
 		}
-		function fn(e) {
-			We.value = "pointer", Z.value = null, dn(e);
+		function _n(e) {
+			Ke.value = "pointer", Z.value = null, gn(e);
 		}
-		async function pn(e) {
-			We.value = "pointer", $.value = null, await qt(e);
+		async function vn(e) {
+			Ke.value = "pointer", Q.value = null, await Zt(e);
 		}
-		function mn(e) {
-			let t = ++un;
-			ln && clearTimeout(ln), ln = setTimeout(() => {
-				t === un && $.value === e && ($.value = null, (z.value.style.chart.nodes.selected.downstreamEdges.animated === !0 || z.value.style.chart.nodes.selected.upstreamEdges.animated === !0) && an());
+		function yn(e) {
+			let t = ++hn;
+			mn && clearTimeout(mn), mn = setTimeout(() => {
+				t === hn && Q.value === e && (Q.value = null, (R.value.selected.downstreamEdges.animated === !0 || R.value.selected.upstreamEdges.animated === !0) && un());
 			}, 20);
 		}
-		function hn(e) {
-			let t = e.from === $.value, n = e.to === $.value, r = R.value === "midpoint" && L.value === e.id, i = Z.value === e.id || B.value?.id === e.id || r, a = e.original.color ?? z.value.style.chart.edges.stroke;
-			return i && z.value.style.chart.midpoints.selectedEdge.stroke != null ? a = z.value.style.chart.midpoints.selectedEdge.stroke : t && z.value.style.chart.nodes.selected.downstreamEdges.stroke != null ? a = z.value.style.chart.nodes.selected.downstreamEdges.stroke : n && z.value.style.chart.nodes.selected.upstreamEdges.stroke != null && (a = z.value.style.chart.nodes.selected.upstreamEdges.stroke), e.animated = t && z.value.style.chart.nodes.selected.downstreamEdges.animated === !0 || n && z.value.style.chart.nodes.selected.upstreamEdges.animated === !0 || r && z.value.style.chart.midpoints.selectedEdge.animated === !0 ? !0 : (q.value?.edges.find((t) => t.id === e.id))?.original?.animated ?? !1, {
+		function bn(e) {
+			let t = e.from === Q.value, n = e.to === Q.value, r = I.value === "midpoint" && F.value === e.id, i = Z.value === e.id || U.value?.id === e.id || r, a = e.original.color ?? z.value.stroke;
+			return i && B.value.selectedEdge.stroke != null ? a = B.value.selectedEdge.stroke : t && R.value.selected.downstreamEdges.stroke != null ? a = R.value.selected.downstreamEdges.stroke : n && R.value.selected.upstreamEdges.stroke != null && (a = R.value.selected.upstreamEdges.stroke), e.animated = t && R.value.selected.downstreamEdges.animated === !0 || n && R.value.selected.upstreamEdges.animated === !0 || r && B.value.selectedEdge.animated === !0 ? !0 : (J.value?.edges.find((t) => t.id === e.id))?.original?.animated ?? !1, {
 				d: e.pathData,
 				fill: "none",
 				stroke: a,
-				"stroke-width": z.value.style.chart.edges.strokeWidth * (i || e.from === $.value ? 2 : 1),
+				"stroke-width": z.value.strokeWidth * (i || e.from === Q.value ? 2 : 1),
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
 			};
 		}
-		function gn(e) {
-			return R.value === "node" && L.value === e;
+		function xn(e) {
+			return I.value === "node" && F.value === e;
 		}
-		function _n(e) {
-			let t = $.value === e.id, n = R.value === "node" && L.value === e.id, r = t || n, i = r && z.value.style.chart.nodes.selected.backgroundColor != null ? z.value.style.chart.nodes.selected.backgroundColor : e.original.backgroundColor, a = r && z.value.style.chart.nodes.selected.stroke != null ? z.value.style.chart.nodes.selected.stroke : z.value.style.chart.nodes.stroke, o = r && z.value.style.chart.nodes.selected.strokeWidth != null ? z.value.style.chart.nodes.selected.strokeWidth : z.value.style.chart.nodes.strokeWidth;
+		function Sn(e) {
+			let t = Q.value === e.id, n = I.value === "node" && F.value === e.id, r = t || n, i = r && R.value.selected.backgroundColor != null ? R.value.selected.backgroundColor : e.original.backgroundColor, a = r && R.value.selected.stroke != null ? R.value.selected.stroke : R.value.stroke, o = r && R.value.selected.strokeWidth != null ? R.value.selected.strokeWidth : R.value.strokeWidth;
 			return {
 				x: e.x - e.width / 2,
 				y: e.y - e.height / 2,
 				width: e.width,
 				height: e.height,
-				rx: z.value.style.chart.nodes.borderRadius,
+				rx: R.value.borderRadius,
 				fill: i,
 				stroke: a,
 				"stroke-width": o
 			};
 		}
-		function vn(e) {
-			let t = e.from === $.value, n = e.to === $.value, r = R.value === "midpoint" && L.value === e.id, i = Z.value === e.id || B.value?.id === e.id || r, a = e.original.color ?? z.value.style.chart.edges.stroke;
-			return i && z.value.style.chart.midpoints.selectedEdge.stroke != null ? a = z.value.style.chart.midpoints.selectedEdge.stroke : t && z.value.style.chart.nodes.selected.downstreamEdges.stroke != null ? a = z.value.style.chart.nodes.selected.downstreamEdges.stroke : n && z.value.style.chart.nodes.selected.upstreamEdges.stroke != null && (a = z.value.style.chart.nodes.selected.upstreamEdges.stroke), {
+		function Cn(e) {
+			let t = e.from === Q.value, n = e.to === Q.value, r = I.value === "midpoint" && F.value === e.id, i = Z.value === e.id || U.value?.id === e.id || r, a = e.original.color ?? z.value.stroke;
+			return i && B.value.selectedEdge.stroke != null ? a = B.value.selectedEdge.stroke : t && R.value.selected.downstreamEdges.stroke != null ? a = R.value.selected.downstreamEdges.stroke : n && R.value.selected.upstreamEdges.stroke != null && (a = R.value.selected.upstreamEdges.stroke), {
 				cx: e?.midpoint?.x,
 				cy: e?.midpoint?.y,
-				r: z.value.style.chart.midpoints.radius,
-				fill: r ? z.value.style.chart.midpoints.selectedEdge.stroke ?? z.value.style.chart.midpoints.fill : z.value.style.chart.midpoints.fill,
+				r: B.value.radius,
+				fill: r ? B.value.selectedEdge.stroke ?? B.value.fill : B.value.fill,
 				stroke: a,
-				"stroke-width": z.value.style.chart.edges.strokeWidth * (i || e.from === $.value ? 2 : 1)
+				"stroke-width": z.value.strokeWidth * (i || e.from === Q.value ? 2 : 1)
 			};
 		}
-		function yn(e) {
-			let t = e.from === $.value, n = e.to === $.value, r = R.value === "midpoint" && L.value === e.id, i = Z.value === e.id || B.value?.id === e.id || r, a = e.color ?? e.original?.color ?? z.value.style.chart.edges.stroke;
-			return i && z.value.style.chart.midpoints.selectedEdge.stroke != null ? a = z.value.style.chart.midpoints.selectedEdge.stroke : t && z.value.style.chart.nodes.selected.downstreamEdges.stroke != null ? a = z.value.style.chart.nodes.selected.downstreamEdges.stroke : n && z.value.style.chart.nodes.selected.upstreamEdges.stroke != null && (a = z.value.style.chart.nodes.selected.upstreamEdges.stroke), a;
+		function wn(e) {
+			let t = e.from === Q.value, n = e.to === Q.value, r = I.value === "midpoint" && F.value === e.id, i = Z.value === e.id || U.value?.id === e.id || r, a = e.color ?? e.original?.color ?? z.value.stroke;
+			return i && B.value.selectedEdge.stroke != null ? a = B.value.selectedEdge.stroke : t && R.value.selected.downstreamEdges.stroke != null ? a = R.value.selected.downstreamEdges.stroke : n && R.value.selected.upstreamEdges.stroke != null && (a = R.value.selected.upstreamEdges.stroke), a;
 		}
-		function bn(e) {
-			return `${Dt}-${String(e).replace(/[^a-zA-Z0-9_-]/g, "_")}`;
+		function Tn(e) {
+			return `${At}-${String(e).replace(/[^a-zA-Z0-9_-]/g, "_")}`;
 		}
-		function xn() {
-			return q.value;
+		function En() {
+			return J.value;
 		}
-		async function Sn() {
-			if (M("copyAlt", {
-				config: z.value,
-				dataset: lt.value
-			}), !z.value.userOptions.callbacks.altCopy) {
+		async function Dn() {
+			if (A("copyAlt", {
+				config: L.value,
+				dataset: ft.value
+			}), !L.value.userOptions.callbacks.altCopy) {
 				console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
 				return;
 			}
-			await Promise.resolve(z.value.userOptions.callbacks.altCopy({
-				config: z.value,
-				dataset: lt.value
+			await Promise.resolve(L.value.userOptions.callbacks.altCopy({
+				config: L.value,
+				dataset: ft.value
 			}));
 		}
-		let Cn = v(() => (q.value?.nodes ?? []).map((e) => ({
+		let On = v(() => (J.value?.nodes ?? []).map((e) => ({
 			id: e.id,
 			type: "node",
 			x: e.x,
 			y: e.y,
 			label: e.label ?? e.id,
 			raw: e
-		}))), wn = v(() => z.value.style.chart.midpoints.show ? (q.value?.edges ?? []).filter((e) => e?.midpoint).map((e) => ({
+		}))), kn = v(() => B.value.show ? (J.value?.edges ?? []).filter((e) => e?.midpoint).map((e) => ({
 			id: e.id,
 			type: "midpoint",
 			x: e.midpoint.x,
 			y: e.midpoint.y,
-			label: `${J(e.from)?.label ?? e.from} → ${J(e.to)?.label ?? e.to}`,
+			label: `${Y(e.from)?.label ?? e.from} → ${Y(e.to)?.label ?? e.to}`,
 			raw: e
-		})) : []), Tn = v(() => [...Cn.value, ...wn.value].sort((e, t) => e.x === t.x ? e.y - t.y : e.x - t.x)), En = v(() => {
+		})) : []), $ = v(() => [...On.value, ...kn.value].sort((e, t) => e.x === t.x ? e.y - t.y : e.x - t.x)), An = v(() => {
 			let e = /* @__PURE__ */ new Map();
-			return Tn.value.forEach((t, n) => {
+			return $.value.forEach((t, n) => {
 				e.set(`${t.type}:${t.id}`, n);
 			}), e;
-		}), Dn = v(() => {
-			let e = q.value?.nodes ?? [], t = q.value?.edges ?? [];
+		}), jn = v(() => {
+			let e = J.value?.nodes ?? [], t = J.value?.edges ?? [];
 			return {
 				headers: [
-					z.value.a11y?.translations?.node ?? "Node",
-					z.value.a11y?.translations?.parents ?? "Parents",
-					z.value.a11y?.translations?.children ?? "Children"
+					L.value.a11y?.translations?.node ?? "Node",
+					L.value.a11y?.translations?.parents ?? "Parents",
+					L.value.a11y?.translations?.children ?? "Children"
 				],
 				rows: e.map((e) => {
-					let n = t.filter((t) => t.to === e.id).map((e) => J(e.from)?.label ?? e.from).join(", "), r = t.filter((t) => t.from === e.id).map((e) => J(e.to)?.label ?? e.to).join(", ");
+					let n = t.filter((t) => t.to === e.id).map((e) => Y(e.from)?.label ?? e.from).join(", "), r = t.filter((t) => t.from === e.id).map((e) => Y(e.to)?.label ?? e.to).join(", ");
 					return [
 						e.label ?? e.id,
 						n || "—",
@@ -2366,140 +2366,140 @@ var $n = /* @__PURE__ */ e({ default: () => Nr }), er = ["id"], tr = ["id"], nr
 				})
 			};
 		});
-		function On(e) {
+		function Mn(e) {
 			return `${e.type}:${e.id}`;
 		}
-		function kn() {
-			return L.value == null || R.value == null ? null : Tn.value.find((e) => e.id === L.value && e.type === R.value) ?? null;
+		function Nn() {
+			return F.value == null || I.value == null ? null : $.value.find((e) => e.id === F.value && e.type === I.value) ?? null;
 		}
-		async function An(e) {
+		async function Pn(e) {
 			if (e) {
 				if (e.type === "node") {
-					Q();
+					Qt();
 					return;
 				}
-				e.type === "midpoint" && (Yt(), await qt(e.raw));
+				e.type === "midpoint" && (en(), await Zt(e.raw));
 			}
 		}
-		function jn(e) {
+		function Fn(e) {
 			if (e) {
-				if (L.value = e.id, R.value = e.type, Ue.value = En.value.get(On(e)) ?? null, e.type === "node") {
-					dn(e.id), Z.value = null;
+				if (F.value = e.id, I.value = e.type, Ge.value = An.value.get(Mn(e)) ?? null, e.type === "node") {
+					gn(e.id), Z.value = null;
 					return;
 				}
-				e.type === "midpoint" && ($.value = null, Z.value = e.id, z.value.style.chart.midpoints.selectedEdge.animated === !0 && an());
+				e.type === "midpoint" && (Q.value = null, Z.value = e.id, B.value.selectedEdge.animated === !0 && un());
 			}
 		}
-		function Mn() {
-			L.value = null, R.value = null, Ue.value = null, H.value || ($.value = null), U.value || (Z.value = null, z.value.style.chart.midpoints.selectedEdge.animated === !0 && an());
+		function In() {
+			F.value = null, I.value = null, Ge.value = null, W.value || (Q.value = null), at.value || (Z.value = null, B.value.selectedEdge.animated === !0 && un());
 		}
-		function Nn() {
-			Ge.value = !0, Mn();
+		function Ln() {
+			qe.value = !0, In();
 		}
-		function Pn() {
-			Ge.value = !1, Yt(), Q(), Mn();
+		function Rn() {
+			qe.value = !1, en(), Qt(), In();
 		}
-		function Fn(e, t, n) {
+		function zn(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 In(e, t) {
-			let n = Tn.value.filter((t) => On(t) !== On(e));
+		function Bn(e, t) {
+			let n = $.value.filter((t) => Mn(t) !== Mn(e));
 			if (!n.length) return null;
 			let r = null, i = Infinity;
 			return n.forEach((n) => {
-				let a = Fn(e, n, t);
+				let a = zn(e, n, t);
 				a < i && (i = a, r = n);
-			}), r || (t === "right" || t === "down" ? Tn.value[0] ?? null : Tn.value[Tn.value.length - 1] ?? null);
+			}), r || (t === "right" || t === "down" ? $.value[0] ?? null : $.value[$.value.length - 1] ?? null);
 		}
-		async function Ln(e) {
-			e && (We.value = "keyboard", e.type === "node" && (Q(), await Jt(e.raw)));
+		async function Vn(e) {
+			e && (Ke.value = "keyboard", e.type === "node" && (Qt(), await $t(e.raw)));
 		}
-		async function Rn(e) {
-			if (!G.value || W.value || document.activeElement !== G.value || !Tn.value.length) return;
+		async function Hn(e) {
+			if (!K.value || ot.value || document.activeElement !== K.value || !$.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) {
-				Yt(), Q(), Mn();
+				en(), Qt(), In();
 				return;
 			}
-			let s = kn();
+			let s = Nn();
 			if (a) {
 				if (!s) return;
-				s.type === "node" && await Ln(s);
+				s.type === "node" && await Vn(s);
 				return;
 			}
 			if (!s) {
-				let e = Tn.value[0];
+				let e = $.value[0];
 				if (!e) return;
-				jn(e), await An(e);
+				Fn(e), await Pn(e);
 				return;
 			}
 			let c = null;
-			n ? c = In(s, "right") : t ? c = In(s, "left") : i ? c = In(s, "down") : r && (c = In(s, "up")), c && (Yt(), Q(), jn(c), await An(c));
+			n ? c = Bn(s, "right") : t ? c = Bn(s, "left") : i ? c = Bn(s, "down") : r && (c = Bn(s, "up")), c && (en(), Qt(), Fn(c), await Pn(c));
 		}
 		return u({
-			getData: xn,
-			getImage: on,
-			generatePdf: ht,
-			generateSvg: xt,
-			generateImage: gt,
-			toggleAnnotator: Bt,
-			toggleFullscreen: zt,
-			zoomIn: Vt,
-			zoomOut: Ht,
-			resetZoom: At,
-			switchDirection: Wt,
-			copyAlt: Sn,
-			focusOnNode: Ft
-		}), (e, t) => (T(), x("div", {
-			class: Se(`vue-data-ui-component vue-ui-dag ${X.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${z.value.responsive ? "vue-ui-dag-responsive" : ""}`),
-			id: `dag_${P.value}`,
+			getData: En,
+			getImage: dn,
+			generatePdf: vt,
+			generateSvg: wt,
+			generateImage: yt,
+			toggleAnnotator: Wt,
+			toggleFullscreen: Ut,
+			zoomIn: Gt,
+			zoomOut: Kt,
+			resetZoom: Nt,
+			switchDirection: Jt,
+			copyAlt: Dn,
+			focusOnNode: Rt
+		}), (e, t) => (w(), b("div", {
+			class: Ce(`vue-data-ui-component vue-ui-dag ${Ht.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${L.value.responsive ? "vue-ui-dag-responsive" : ""}`),
+			id: `dag_${M.value}`,
 			ref_key: "dagChart",
-			ref: N,
-			style: Ce({
-				fontFamily: z.value.style.fontFamily,
-				backgroundColor: z.value.style.chart.backgroundColor,
+			ref: j,
+			style: we({
+				fontFamily: L.value.style.fontFamily,
+				backgroundColor: V.value.backgroundColor,
 				padding: "0.5rem"
 			}),
-			onMouseenter: Ct,
-			onMouseleave: wt
+			onMouseenter: Et,
+			onMouseleave: Dt
 		}, [
-			S("div", {
-				id: `chart-instructions-${P.value}`,
+			x("div", {
+				id: `chart-instructions-${M.value}`,
 				class: "sr-only"
-			}, [S("p", null, De(z.value.a11y.translations.keyboardNavigation), 1)], 8, tr),
-			Dn.value?.rows?.length ? (T(), y(se, {
+			}, [x("p", null, Oe(L.value.a11y.translations.keyboardNavigation), 1)], 8, tr),
+			jn.value?.rows?.length ? (w(), ge(se, {
 				key: 0,
-				uid: P.value,
-				head: Dn.value.headers,
-				body: Dn.value.rows,
-				notice: z.value.a11y.translations.tableAvailable,
-				caption: z.value.a11y.translations.tableCaption
+				uid: M.value,
+				head: jn.value.headers,
+				body: jn.value.rows,
+				notice: L.value.a11y.translations.tableAvailable,
+				caption: L.value.a11y.translations.tableCaption
 			}, null, 8, [
 				"uid",
 				"head",
 				"body",
 				"notice",
 				"caption"
-			])) : b("", !0),
-			O(Et) ? (T(), x("div", nr, De(String(O(Et))), 1)) : b("", !0),
-			z.value.userOptions.buttons.annotator ? (T(), y(O(Ae), {
+			])) : y("", !0),
+			D(kt) ? (w(), b("div", nr, Oe(String(D(kt))), 1)) : y("", !0),
+			L.value.userOptions.buttons.annotator ? (w(), ge(D(je), {
 				key: 2,
-				svgRef: O(G),
-				backgroundColor: z.value.style.chart.backgroundColor,
-				color: z.value.style.chart.color,
-				active: W.value,
-				isCursorPointer: Ke.value,
-				palette: z.value.userOptions.annotatorPalette,
-				onClose: Bt
+				svgRef: D(K),
+				backgroundColor: V.value.backgroundColor,
+				color: V.value.color,
+				active: ot.value,
+				isCursorPointer: Je.value,
+				palette: L.value.userOptions.annotatorPalette,
+				onClose: Wt
 			}, {
-				"annotator-action-close": k(() => [D(e.$slots, "annotator-action-close", {}, void 0, !0)]),
-				"annotator-action-color": k(({ color: t }) => [D(e.$slots, "annotator-action-color", w(C({ color: t })), void 0, !0)]),
-				"annotator-action-draw": k(({ mode: t }) => [D(e.$slots, "annotator-action-draw", w(C({ mode: t })), void 0, !0)]),
-				"annotator-action-undo": k(({ disabled: t }) => [D(e.$slots, "annotator-action-undo", w(C({ disabled: t })), void 0, !0)]),
-				"annotator-action-redo": k(({ disabled: t }) => [D(e.$slots, "annotator-action-redo", w(C({ disabled: t })), void 0, !0)]),
-				"annotator-action-delete": k(({ disabled: t }) => [D(e.$slots, "annotator-action-delete", w(C({ disabled: t })), void 0, !0)]),
+				"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)]),
+				"annotator-action-draw": O(({ mode: t }) => [E(e.$slots, "annotator-action-draw", C(S({ mode: t })), void 0, !0)]),
+				"annotator-action-undo": O(({ disabled: t }) => [E(e.$slots, "annotator-action-undo", C(S({ disabled: t })), void 0, !0)]),
+				"annotator-action-redo": O(({ disabled: t }) => [E(e.$slots, "annotator-action-redo", C(S({ disabled: t })), void 0, !0)]),
+				"annotator-action-delete": O(({ disabled: t }) => [E(e.$slots, "annotator-action-delete", C(S({ disabled: t })), void 0, !0)]),
 				_: 3
 			}, 8, [
 				"svgRef",
@@ -2508,47 +2508,47 @@ var $n = /* @__PURE__ */ e({ default: () => Nr }), er = ["id"], tr = ["id"], nr
 				"active",
 				"isCursorPointer",
 				"palette"
-			])) : b("", !0),
-			z.value.userOptions.show && He.value && (O(ot) || O(it)) ? (T(), y(O(Me), {
+			])) : y("", !0),
+			L.value.userOptions.show && We.value && (D(lt) || D(st)) ? (w(), ge(D(Ne), {
 				ref: "userOptionsRef",
-				key: `user_option_${Be.value}`,
-				backgroundColor: z.value.style.chart.backgroundColor,
-				color: z.value.style.chart.color,
-				isPrinting: O(pt),
-				isImaging: O(mt),
-				uid: P.value,
+				key: `user_option_${He.value}`,
+				backgroundColor: V.value.backgroundColor,
+				color: V.value.color,
+				isPrinting: D(gt),
+				isImaging: D(_t),
+				uid: M.value,
 				hasTooltip: !1,
 				hasTable: !1,
 				hasXls: !1,
 				hasLabel: !1,
-				hasPdf: z.value.userOptions.buttons.pdf,
-				hasImg: z.value.userOptions.buttons.img,
-				hasSvg: z.value.userOptions.buttons.svg,
-				hasFullscreen: z.value.userOptions.buttons.fullscreen,
-				hasAltCopy: z.value.userOptions.buttons.altCopy,
-				isFullscreen: X.value,
-				chartElement: N.value,
-				position: z.value.userOptions.position,
-				titles: { ...z.value.userOptions.buttonTitles },
-				hasAnnotator: z.value.userOptions.buttons.annotator,
-				isAnnotation: W.value,
-				callbacks: z.value.userOptions.callbacks,
-				printScale: z.value.userOptions.print.scale,
-				hasZoom: z.value.userOptions.buttons.zoom,
-				isZoom: kt.value,
-				isCursorPointer: Ke.value,
-				onToggleFullscreen: zt,
-				onGeneratePdf: O(ht),
-				onGenerateImage: O(St),
-				onGenerateSvg: O(xt),
-				onToggleAnnotator: Bt,
-				onToggleZoom: It,
-				onCopyAlt: Sn,
-				style: Ce({ visibility: O(ot) ? O(it) ? "visible" : "hidden" : "visible" })
-			}, ge({ _: 2 }, [
+				hasPdf: L.value.userOptions.buttons.pdf,
+				hasImg: L.value.userOptions.buttons.img,
+				hasSvg: L.value.userOptions.buttons.svg,
+				hasFullscreen: L.value.userOptions.buttons.fullscreen,
+				hasAltCopy: L.value.userOptions.buttons.altCopy,
+				isFullscreen: Ht.value,
+				chartElement: j.value,
+				position: L.value.userOptions.position,
+				titles: { ...L.value.userOptions.buttonTitles },
+				hasAnnotator: L.value.userOptions.buttons.annotator,
+				isAnnotation: ot.value,
+				callbacks: L.value.userOptions.callbacks,
+				printScale: L.value.userOptions.print.scale,
+				hasZoom: L.value.userOptions.buttons.zoom,
+				isZoom: Mt.value,
+				isCursorPointer: Je.value,
+				onToggleFullscreen: Ut,
+				onGeneratePdf: D(vt),
+				onGenerateImage: D(Tt),
+				onGenerateSvg: D(wt),
+				onToggleAnnotator: Wt,
+				onToggleZoom: zt,
+				onCopyAlt: Dn,
+				style: we({ visibility: D(lt) ? D(st) ? "visible" : "hidden" : "visible" })
+			}, _e({ _: 2 }, [
 				e.$slots.menuIcon ? {
 					name: "menuIcon",
-					fn: k(({ isOpen: t, color: n }) => [D(e.$slots, "menuIcon", w(C({
+					fn: O(({ isOpen: t, color: n }) => [E(e.$slots, "menuIcon", C(S({
 						isOpen: t,
 						color: n
 					})), void 0, !0)]),
@@ -2556,22 +2556,22 @@ var $n = /* @__PURE__ */ e({ default: () => Nr }), er = ["id"], tr = ["id"], nr
 				} : void 0,
 				e.$slots.optionPdf ? {
 					name: "optionPdf",
-					fn: k(() => [D(e.$slots, "optionPdf", {}, void 0, !0)]),
+					fn: O(() => [E(e.$slots, "optionPdf", {}, void 0, !0)]),
 					key: "1"
 				} : void 0,
 				e.$slots.optionImg ? {
 					name: "optionImg",
-					fn: k(() => [D(e.$slots, "optionImg", {}, void 0, !0)]),
+					fn: O(() => [E(e.$slots, "optionImg", {}, void 0, !0)]),
 					key: "2"
 				} : void 0,
 				e.$slots.optionSvg ? {
 					name: "optionSvg",
-					fn: k(() => [D(e.$slots, "optionSvg", {}, void 0, !0)]),
+					fn: O(() => [E(e.$slots, "optionSvg", {}, void 0, !0)]),
 					key: "3"
 				} : void 0,
 				e.$slots.optionFullscreen ? {
 					name: "optionFullscreen",
-					fn: k(({ toggleFullscreen: t, isFullscreen: n }) => [D(e.$slots, "optionFullscreen", w(C({
+					fn: O(({ toggleFullscreen: t, isFullscreen: n }) => [E(e.$slots, "optionFullscreen", C(S({
 						toggleFullscreen: t,
 						isFullscreen: n
 					})), void 0, !0)]),
@@ -2579,7 +2579,7 @@ var $n = /* @__PURE__ */ e({ default: () => Nr }), er = ["id"], tr = ["id"], nr
 				} : void 0,
 				e.$slots.optionAnnotator ? {
 					name: "optionAnnotator",
-					fn: k(({ toggleAnnotator: t, isAnnotator: n }) => [D(e.$slots, "optionAnnotator", w(C({
+					fn: O(({ toggleAnnotator: t, isAnnotator: n }) => [E(e.$slots, "optionAnnotator", C(S({
 						toggleAnnotator: t,
 						isAnnotator: n
 					})), void 0, !0)]),
@@ -2587,7 +2587,7 @@ var $n = /* @__PURE__ */ e({ default: () => Nr }), er = ["id"], tr = ["id"], nr
 				} : void 0,
 				e.$slots.optionZoom ? {
 					name: "optionZoom",
-					fn: k(({ toggleZoom: t, isZoomLocked: n }) => [D(e.$slots, "optionZoom", w(C({
+					fn: O(({ toggleZoom: t, isZoomLocked: n }) => [E(e.$slots, "optionZoom", C(S({
 						toggleZoom: t,
 						isZoomLocked: n
 					})), void 0, !0)]),
@@ -2595,17 +2595,17 @@ var $n = /* @__PURE__ */ e({ default: () => Nr }), er = ["id"], tr = ["id"], nr
 				} : void 0,
 				e.$slots.optionAltCopy ? {
 					name: "optionAltCopy",
-					fn: k(({ altCopy: t }) => [D(e.$slots, "optionAltCopy", w(C({ altCopy: t })), void 0, !0)]),
+					fn: O(({ altCopy: t }) => [E(e.$slots, "optionAltCopy", C(S({ altCopy: t })), void 0, !0)]),
 					key: "7"
 				} : void 0,
 				e.$slots["custom-menu-before"] ? {
 					name: "custom-menu-before",
-					fn: k(() => [D(e.$slots, "custom-menu-before", {}, void 0, !0)]),
+					fn: O(() => [E(e.$slots, "custom-menu-before", {}, void 0, !0)]),
 					key: "8"
 				} : void 0,
 				e.$slots["custom-menu-after"] ? {
 					name: "custom-menu-after",
-					fn: k(() => [D(e.$slots, "custom-menu-after", {}, void 0, !0)]),
+					fn: O(() => [E(e.$slots, "custom-menu-after", {}, void 0, !0)]),
 					key: "9"
 				} : void 0
 			]), 1032, [
@@ -2634,298 +2634,298 @@ var $n = /* @__PURE__ */ e({ default: () => Nr }), er = ["id"], tr = ["id"], nr
 				"onGenerateImage",
 				"onGenerateSvg",
 				"style"
-			])) : b("", !0),
-			z.value.style.chart.title.text ? (T(), x("div", {
+			])) : y("", !0),
+			V.value.title.text ? (w(), b("div", {
 				key: 4,
 				ref_key: "chartTitle",
-				ref: Ie,
+				ref: Re,
 				style: "width:100%;background:transparent;"
-			}, [(T(), y(re, {
-				key: `title_${ze.value}`,
+			}, [(w(), ge(re, {
+				key: `title_${Ve.value}`,
 				config: {
 					title: {
 						cy: "dag-title",
-						...z.value.style.chart.title
+						...V.value.title
 					},
 					subtitle: {
 						cy: "dag-subtitle",
-						...z.value.style.chart.title.subtitle
+						...V.value.title.subtitle
 					}
 				}
-			}, null, 8, ["config"]))], 512)) : b("", !0),
-			z.value.style.chart.controls.position === "top" && !O(ct) && z.value.style.chart.controls.show ? (T(), y(de, {
+			}, null, 8, ["config"]))], 512)) : y("", !0),
+			V.value.controls.position === "top" && !D(dt) && V.value.controls.show ? (w(), ge(de, {
 				key: 5,
 				ref_key: "zoomControls",
-				ref: Re,
-				config: z.value,
-				scale: O(Mt),
-				isFullscreen: X.value,
+				ref: Be,
+				config: L.value,
+				scale: D(Ft),
+				isFullscreen: Ht.value,
 				withDirection: "",
-				onZoomIn: Vt,
-				onZoomOut: Ht,
-				onResetZoom: t[0] ||= () => O(At)(!0),
-				onSwitchDirection: Wt
+				onZoomIn: Gt,
+				onZoomOut: Kt,
+				onResetZoom: t[0] ||= () => D(Nt)(!0),
+				onSwitchDirection: Jt
 			}, null, 8, [
 				"config",
 				"scale",
 				"isFullscreen"
-			])) : b("", !0),
-			S("div", rr, [O(q) ? (T(), x("svg", {
+			])) : y("", !0),
+			x("div", rr, [D(J) ? (w(), b("svg", {
 				key: 0,
 				ref_key: "svgRef",
-				ref: G,
-				class: Se({
+				ref: K,
+				class: Ce({
 					"vue-ui-dag-svg": !0,
-					"vue-data-ui-loading": O(ct)
+					"vue-data-ui-loading": D(dt)
 				}),
-				viewBox: Rt.value,
-				xmlns: O(l),
-				style: Ce({
-					backgroundColor: z.value.style.chart.backgroundColor,
+				viewBox: Vt.value,
+				xmlns: D(l),
+				style: we({
+					backgroundColor: V.value.backgroundColor,
 					height: "100%",
 					width: "100%"
 				}),
 				tabindex: "0",
-				"aria-describedby": `chart-instructions-${P.value}`,
-				onFocus: Nn,
-				onBlur: Pn,
-				onKeydown: Rn
+				"aria-describedby": `chart-instructions-${M.value}`,
+				onFocus: Ln,
+				onBlur: Rn,
+				onKeydown: Hn
 			}, [
-				ve(O(Ne)),
-				z.value.style.chart.backgroundPattern.show ? (T(), x("defs", ar, [S("pattern", {
-					id: `dag_bg_pattern_${P.value}`,
+				ye(D(Pe)),
+				V.value.backgroundPattern.show ? (w(), b("defs", ar, [x("pattern", {
+					id: `dag_bg_pattern_${M.value}`,
 					patternUnits: "userSpaceOnUse",
-					width: sn.value,
-					height: sn.value
-				}, [D(e.$slots, "background-pattern", w(C({
-					x: sn.value / 2,
-					y: sn.value / 2,
-					color: z.value.style.chart.backgroundPattern.dotColor
-				})), () => [S("circle", {
-					cx: sn.value / 2,
-					cy: sn.value / 2,
-					r: cn.value,
-					fill: z.value.style.chart.backgroundPattern.dotColor
-				}, null, 8, sr)], !0)], 8, or)])) : b("", !0),
-				z.value.style.chart.backgroundPattern.show ? (T(), x("rect", {
+					width: fn.value,
+					height: fn.value
+				}, [E(e.$slots, "background-pattern", C(S({
+					x: fn.value / 2,
+					y: fn.value / 2,
+					color: V.value.backgroundPattern.dotColor
+				})), () => [x("circle", {
+					cx: fn.value / 2,
+					cy: fn.value / 2,
+					r: pn.value,
+					fill: V.value.backgroundPattern.dotColor
+				}, null, 8, sr)], !0)], 8, or)])) : y("", !0),
+				V.value.backgroundPattern.show ? (w(), b("rect", {
 					key: 1,
-					x: O(Y)?.x ?? 0,
-					y: O(Y)?.y ?? 0,
-					width: O(Y)?.width ?? 0,
-					height: O(Y)?.height ?? 0,
-					fill: `url(#dag_bg_pattern_${P.value})`,
-					style: Ce({
+					x: D(X)?.x ?? 0,
+					y: D(X)?.y ?? 0,
+					width: D(X)?.width ?? 0,
+					height: D(X)?.height ?? 0,
+					fill: `url(#dag_bg_pattern_${M.value})`,
+					style: we({
 						pointerEvents: "none",
-						opacity: z.value.style.chart.backgroundPattern.opacity
+						opacity: V.value.backgroundPattern.opacity
 					})
-				}, null, 12, cr)) : b("", !0),
-				O(q).arrowShape === "undirected" ? b("", !0) : (T(), x("defs", lr, [(T(!0), x(pe, null, Ee(O(q).edges, (e) => (T(), x("marker", {
+				}, null, 12, cr)) : y("", !0),
+				D(J).arrowShape === "undirected" ? y("", !0) : (w(), b("defs", lr, [(w(!0), b(pe, null, De(D(J).edges, (e) => (w(), b("marker", {
 					key: `marker_${e.id}`,
-					id: bn(e.id),
-					markerWidth: O(q).arrowSize,
-					markerHeight: O(q).arrowSize,
-					refX: O(q).arrowSize - 3,
-					refY: O(q).arrowSize / 2,
+					id: Tn(e.id),
+					markerWidth: D(J).arrowSize,
+					markerHeight: D(J).arrowSize,
+					refX: D(J).arrowSize - 3,
+					refY: D(J).arrowSize / 2,
 					orient: "auto",
 					markerUnits: "strokeWidth"
-				}, [O(q).arrowShape === "normal" ? (T(), x("path", {
+				}, [D(J).arrowShape === "normal" ? (w(), b("path", {
 					key: 0,
-					d: `M 0 0 L ${O(q).arrowSize} ${O(q).arrowSize / 2} L 0 ${O(q).arrowSize} Z`,
-					fill: yn(e),
-					stroke: yn(e),
+					d: `M 0 0 L ${D(J).arrowSize} ${D(J).arrowSize / 2} L 0 ${D(J).arrowSize} Z`,
+					fill: wn(e),
+					stroke: wn(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, dr)) : (T(), x("path", {
+				}, null, 8, dr)) : (w(), b("path", {
 					key: 1,
-					d: `M 0 0 L ${O(q).arrowSize} ${O(q).arrowSize / 2} L 0 ${O(q).arrowSize} L ${O(q).arrowSize / 3} ${O(q).arrowSize / 2} Z`,
-					fill: yn(e),
-					stroke: yn(e),
+					d: `M 0 0 L ${D(J).arrowSize} ${D(J).arrowSize / 2} L 0 ${D(J).arrowSize} L ${D(J).arrowSize / 3} ${D(J).arrowSize / 2} Z`,
+					fill: wn(e),
+					stroke: wn(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, fr))], 8, ur))), 128))])),
-				S("g", pr, [(T(!0), x(pe, null, Ee(O(q).edges, (e) => (T(), x(pe, { key: e.id }, [S("path", be({
+				x("g", pr, [(w(!0), b(pe, null, De(D(J).edges, (e) => (w(), b(pe, { key: e.id }, [x("path", xe({
 					"data-cy-edge": "",
 					ref_for: !0,
-					ref: nn(e.id)
-				}, { ref_for: !0 }, hn(e), { style: {
+					ref: cn(e.id)
+				}, { ref_for: !0 }, bn(e), { style: {
 					"pointer-events": "none",
 					transition: "stroke-width 0.2s ease-in-out,\n                                    stroke 0.2s ease-in-out"
-				} }), null, 16), z.value.style.chart.midpoints.show ? (T(), x("circle", be({
+				} }), null, 16), B.value.show ? (w(), b("circle", xe({
 					key: 0,
 					"data-cy-midpoint": "",
 					class: "vue-ui-dag-edge-midpoint",
 					"data-a11y-midpoint-id": e.id
-				}, { ref_for: !0 }, vn(e), {
-					"aria-label": `${J(e.from)?.label ?? e.from} to ${J(e.to)?.label ?? e.to}`,
+				}, { ref_for: !0 }, Cn(e), {
+					"aria-label": `${Y(e.from)?.label ?? e.from} to ${Y(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) => pn(e),
-					onMouseleave: Q
-				}), null, 16, mr)) : b("", !0)], 64))), 128))]),
-				S("g", hr, [(T(!0), x(pe, null, Ee(O(q).nodes, (t) => (T(), x("g", {
+					onMouseenter: (t) => vn(e),
+					onMouseleave: Qt
+				}), null, 16, mr)) : y("", !0)], 64))), 128))]),
+				x("g", hr, [(w(!0), b(pe, null, De(D(J).nodes, (t) => (w(), b("g", {
 					key: t.id,
 					class: "vue-ui-dag-node",
-					onClick: je((e) => z.value.style.chart.nodes.tooltip.showOnClick && Jt(t), ["stop"]),
-					onMouseenter: (e) => fn(t.id),
-					onMouseleave: (e) => mn(t.id)
-				}, [e.$slots.node ? b("", !0) : (T(), x("rect", be({
+					onClick: Me((e) => R.value.tooltip.showOnClick && $t(t), ["stop"]),
+					onMouseenter: (e) => _n(t.id),
+					onMouseleave: (e) => yn(t.id)
+				}, [e.$slots.node ? y("", !0) : (w(), b("rect", xe({
 					key: 0,
 					"data-cy-node": ""
-				}, { ref_for: !0 }, _n(t), {
+				}, { ref_for: !0 }, Sn(t), {
 					"data-a11y-node-id": t.id,
 					"aria-label": `${t.label ?? t.id}`,
 					style: {
-						cursor: z.value.style.chart.nodes.tooltip.showOnClick && Ke.value ? "pointer" : "default",
+						cursor: R.value.tooltip.showOnClick && Je.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, _r)), e.$slots.node ? (T(), x("foreignObject", {
+				}), null, 16, _r)), 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" }
-				}, [D(e.$slots, "node", be({ ref_for: !0 }, {
+				}, [E(e.$slots, "node", xe({ ref_for: !0 }, {
 					node: t,
-					orientation: K.value
-				}), void 0, !0)], 8, vr)) : b("", !0)], 40, gr))), 128))]),
-				S("g", yr, [(T(!0), x(pe, null, Ee(O(q).edges, (e) => (T(), x("path", {
+					orientation: q.value
+				}), void 0, !0)], 8, vr)) : y("", !0)], 40, gr))), 128))]),
+				x("g", yr, [(w(!0), b(pe, null, De(D(J).edges, (e) => (w(), b("path", {
 					key: e.id,
 					d: e.pathData,
 					fill: "none",
 					stroke: "transparent",
-					"stroke-width": z.value.style.chart.edges.strokeWidth * (e.from === $.value || e.id === B.value?.id ? 1.3 : 1),
+					"stroke-width": z.value.strokeWidth * (e.from === Q.value || e.id === U.value?.id ? 1.3 : 1),
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
-					"marker-end": O(q).arrowShape === "undirected" ? null : `url(#${bn(e.id)})`,
+					"marker-end": D(J).arrowShape === "undirected" ? null : `url(#${Tn(e.id)})`,
 					style: {
 						"pointer-events": "none",
 						transition: "stroke-width 0.2s ease-in-out,\n                                stroke 0.2s ease-in-out"
 					}
 				}, null, 8, br))), 128))]),
-				S("g", xr, [(T(!0), x(pe, null, Ee(O(q).nodes, (t) => (T(), x("g", {
+				x("g", xr, [(w(!0), b(pe, null, De(D(J).nodes, (t) => (w(), b("g", {
 					key: t.id,
-					onClick: je((e) => z.value.style.chart.nodes.tooltip.showOnClick && Jt(t), ["stop"]),
-					onMouseenter: (e) => dn(t.id),
-					onMouseleave: (e) => mn(t.id)
-				}, [e.$slots["free-node-label"] ? b("", !0) : (T(), x(pe, { key: 0 }, [e.$slots["node-label"] ? (T(), x("text", {
+					onClick: Me((e) => R.value.tooltip.showOnClick && $t(t), ["stop"]),
+					onMouseenter: (e) => gn(t.id),
+					onMouseleave: (e) => yn(t.id)
+				}, [e.$slots["free-node-label"] ? y("", !0) : (w(), b(pe, { key: 0 }, [e.$slots["node-label"] ? (w(), b("text", {
 					key: 0,
 					x: t.x,
-					y: t.y + z.value.style.chart.nodes.labels.fontSize / 3,
+					y: t.y + R.value.labels.fontSize / 3,
 					"text-anchor": "middle",
-					"font-size": z.value.style.chart.nodes.labels.fontSize,
-					fill: $.value === t.id && z.value.style.chart.nodes.selected.labelColor != null ? z.value.style.chart.nodes.selected.labelColor : t.original.color,
-					"font-weight": z.value.style.chart.nodes.labels.bold ? "bold" : "normal",
+					"font-size": R.value.labels.fontSize,
+					fill: Q.value === t.id && R.value.selected.labelColor != null ? R.value.selected.labelColor : t.original.color,
+					"font-weight": R.value.labels.bold ? "bold" : "normal",
 					style: { transition: "fill 0.2s ease-in-out" }
-				}, [D(e.$slots, "node-label", be({ ref_for: !0 }, {
+				}, [E(e.$slots, "node-label", xe({ ref_for: !0 }, {
 					node: t,
-					orientation: K.value
-				}), () => [_e(De(t.label), 1)], !0)], 8, Cr)) : !e.$slots["free-node-label"] && !e.$slots.node ? (T(), x("text", {
+					orientation: q.value
+				}), () => [ve(Oe(t.label), 1)], !0)], 8, Cr)) : !e.$slots["free-node-label"] && !e.$slots.node ? (w(), b("text", {
 					key: 1,
 					"data-cy-node-label": "",
 					x: t.x,
-					y: t.y + z.value.style.chart.nodes.labels.fontSize / 3,
+					y: t.y + R.value.labels.fontSize / 3,
 					"text-anchor": "middle",
-					"font-size": z.value.style.chart.nodes.labels.fontSize,
-					fill: ($.value === t.id || gn(t.id)) && z.value.style.chart.nodes.selected.labelColor != null ? z.value.style.chart.nodes.selected.labelColor : t.original.color,
-					"font-weight": z.value.style.chart.nodes.labels.bold ? "bold" : "normal",
+					"font-size": R.value.labels.fontSize,
+					fill: (Q.value === t.id || xn(t.id)) && R.value.selected.labelColor != null ? R.value.selected.labelColor : t.original.color,
+					"font-weight": R.value.labels.bold ? "bold" : "normal",
 					style: { transition: "fill 0.2s ease-in-out" },
-					innerHTML: O(n)({
+					innerHTML: D(n)({
 						content: t.label,
-						fontSize: z.value.style.chart.nodes.labels.fontSize,
-						fontWeight: z.value.style.chart.nodes.labels.bold ? "bold" : "normal",
-						fill: ($.value === t.id || gn(t.id)) && z.value.style.chart.nodes.selected.labelColor != null ? z.value.style.chart.nodes.selected.labelColor : t.original.color,
+						fontSize: R.value.labels.fontSize,
+						fontWeight: V.value.nodes.labels.bold ? "bold" : "normal",
+						fill: (Q.value === t.id || xn(t.id)) && R.value.selected.labelColor != null ? R.value.selected.labelColor : t.original.color,
 						x: t.x,
 						y: t.y,
 						autoOffset: !0
 					})
-				}, null, 8, wr)) : b("", !0)], 64)), e.$slots["free-node-label"] ? (T(), x("g", Tr, [D(e.$slots, "free-node-label", be({ ref_for: !0 }, {
+				}, null, 8, wr)) : y("", !0)], 64)), e.$slots["free-node-label"] ? (w(), b("g", Tr, [E(e.$slots, "free-node-label", xe({ ref_for: !0 }, {
 					node: t,
-					layoutData: O(q),
-					orientation: K.value
-				}), void 0, !0)])) : b("", !0)], 40, Sr))), 128))]),
-				D(e.$slots, "svg", { svg: {
-					drawingArea: O(Y),
-					data: O(q),
-					orientation: K.value,
-					isPrintingImg: O(pt) || O(mt) || O(yt),
-					isPrintingSvg: O(bt)
+					layoutData: D(J),
+					orientation: q.value
+				}), void 0, !0)])) : y("", !0)], 40, Sr))), 128))]),
+				E(e.$slots, "svg", { svg: {
+					drawingArea: D(X),
+					data: D(J),
+					orientation: q.value,
+					isPrintingImg: D(gt) || D(_t) || D(St),
+					isPrintingSvg: D(Ct)
 				} }, void 0, !0)
-			], 46, ir)) : b("", !0), e.$slots.hint ? (T(), x("div", Er, [D(e.$slots, "hint", w(C({
-				hint: z.value.a11y.translations.keyboardNavigation,
-				isVisible: Ge.value
-			})), void 0, !0)])) : b("", !0)]),
-			e.$slots.watermark ? (T(), x("div", Dr, [D(e.$slots, "watermark", w(C({ isPrinting: O(pt) || O(mt) || O(yt) || O(bt) })), void 0, !0)])) : b("", !0),
-			ve(he, { name: "fade" }, {
-				default: k(() => [U.value ? (T(), y(me, {
+			], 46, ir)) : y("", !0), e.$slots.hint ? (w(), b("div", Er, [E(e.$slots, "hint", C(S({
+				hint: L.value.a11y.translations.keyboardNavigation,
+				isVisible: qe.value
+			})), void 0, !0)])) : y("", !0)]),
+			e.$slots.watermark ? (w(), b("div", Dr, [E(e.$slots, "watermark", C(S({ isPrinting: D(gt) || D(_t) || D(St) || D(Ct) })), void 0, !0)])) : y("", !0),
+			ye(he, { name: "fade" }, {
+				default: O(() => [at.value ? (w(), ge(me, {
 					key: 0,
-					to: X.value ? N.value : "body"
-				}, [S("div", {
+					to: Ht.value ? j.value : "body"
+				}, [x("div", {
 					"data-cy-tooltip-midpoint": "",
 					ref_key: "tooltipRef",
-					ref: Xe,
+					ref: Ze,
 					class: "vue-ui-dag-tooltip",
-					style: Ce({
-						...Ze.value,
-						maxWidth: z.value.style.chart.midpoints.tooltip.maxWidth,
-						"--vue-data-ui-dag-tooltip-background": z.value.style.chart.midpoints.tooltip.backgroundColor,
-						"--vue-data-ui-dag-tooltip-color": z.value.style.chart.midpoints.tooltip.color
+					style: we({
+						...Qe.value,
+						maxWidth: B.value.tooltip.maxWidth,
+						"--vue-data-ui-dag-tooltip-background": B.value.tooltip.backgroundColor,
+						"--vue-data-ui-dag-tooltip-color": B.value.tooltip.color
 					}),
-					"data-position": V.value
-				}, [D(e.$slots, "tooltip-midpoint", w(C({
-					edge: B.value,
-					layoutData: O(q)
-				})), () => [B.value ? (T(), x("div", kr, De(J(B.value.from)?.label ?? B.value.from) + " → " + De(J(B.value.to)?.label ?? B.value.to), 1)) : b("", !0)], !0)], 12, Or)], 8, ["to"])) : b("", !0)]),
+					"data-position": $e.value
+				}, [E(e.$slots, "tooltip-midpoint", C(S({
+					edge: U.value,
+					layoutData: D(J)
+				})), () => [U.value ? (w(), b("div", kr, Oe(Y(U.value.from)?.label ?? U.value.from) + " → " + Oe(Y(U.value.to)?.label ?? U.value.to), 1)) : y("", !0)], !0)], 12, Or)], 8, ["to"])) : y("", !0)]),
 				_: 3
 			}),
-			ve(he, { name: "fade" }, {
-				default: k(() => [H.value ? (T(), y(me, {
+			ye(he, { name: "fade" }, {
+				default: O(() => [W.value ? (w(), ge(me, {
 					key: 0,
-					to: X.value ? N.value : "body"
-				}, [S("div", {
+					to: Ht.value ? j.value : "body"
+				}, [x("div", {
 					"data-cy-tooltip-node": "",
 					ref_key: "nodeTooltipRef",
-					ref: tt,
+					ref: nt,
 					class: "vue-ui-dag-node-tooltip",
-					style: Ce({
-						maxWidth: z.value.style.chart.nodes.tooltip.maxWidth,
-						left: nt.value.left,
-						top: nt.value.top,
-						"--vue-data-ui-dag-node-tooltip-background": z.value.style.chart.nodes.tooltip.backgroundColor,
-						"--vue-data-ui-dag-node-tooltip-color": z.value.style.chart.nodes.tooltip.color
+					style: we({
+						maxWidth: R.value.tooltip.maxWidth,
+						left: rt.value.left,
+						top: rt.value.top,
+						"--vue-data-ui-dag-node-tooltip-background": R.value.tooltip.backgroundColor,
+						"--vue-data-ui-dag-node-tooltip-color": R.value.tooltip.color
 					}),
-					"data-position": rt.value
-				}, [D(e.$slots, "tooltip-node", w(C({
-					node: et.value,
-					layoutData: O(q)
-				})), () => [et.value ? (T(), x("div", jr, De(et.value.label), 1)) : b("", !0)], !0)], 12, Ar)], 8, ["to"])) : b("", !0)]),
+					"data-position": it.value
+				}, [E(e.$slots, "tooltip-node", C(S({
+					node: G.value,
+					layoutData: D(J)
+				})), () => [G.value ? (w(), b("div", jr, Oe(G.value.label), 1)) : y("", !0)], !0)], 12, Ar)], 8, ["to"])) : y("", !0)]),
 				_: 3
 			}),
-			z.value.style.chart.controls.position === "bottom" && !O(ct) && z.value.style.chart.controls.show ? (T(), y(de, {
+			V.value.controls.position === "bottom" && !D(dt) && V.value.controls.show ? (w(), ge(de, {
 				key: 7,
 				ref_key: "zoomControls",
-				ref: Re,
-				config: z.value,
-				scale: O(Mt),
-				isFullscreen: X.value,
+				ref: Be,
+				config: L.value,
+				scale: D(Ft),
+				isFullscreen: Ht.value,
 				withDirection: "",
-				onZoomIn: Vt,
-				onZoomOut: Ht,
-				onResetZoom: t[1] ||= () => O(At)(!0),
-				onSwitchDirection: Wt
+				onZoomIn: Gt,
+				onZoomOut: Kt,
+				onResetZoom: t[1] ||= () => D(Nt)(!0),
+				onSwitchDirection: Jt
 			}, null, 8, [
 				"config",
 				"scale",
 				"isFullscreen"
-			])) : b("", !0),
-			e.$slots.source ? (T(), x("div", {
+			])) : y("", !0),
+			e.$slots.source ? (w(), b("div", {
 				key: 8,
 				ref_key: "source",
-				ref: Le,
+				ref: ze,
 				dir: "auto"
-			}, [D(e.$slots, "source", {}, void 0, !0)], 512)) : b("", !0),
-			D(e.$slots, "skeleton", {}, () => [O(ct) ? (T(), y(g, { key: 0 })) : b("", !0)], !0)
+			}, [E(e.$slots, "source", {}, void 0, !0)], 512)) : y("", !0),
+			E(e.$slots, "skeleton", {}, () => [D(dt) ? (w(), ge(g, { key: 0 })) : y("", !0)], !0)
 		], 46, er));
 	}
-}, [["__scopeId", "data-v-b32e6fd9"]]);
+}, [["__scopeId", "data-v-69c478dd"]]);
 //#endregion
 export { $n as n, Nr as t };