vue-data-ui 3.9.9 → 3.9.10

package/dist/{vue-ui-dag-ChwKCpau.js → vue-ui-dag-C8K66G3E.js}

@@ -1,19 +1,19 @@
-import { ref as y, watchEffect as rn, unref as v, defineAsyncComponent as et, toRefs as an, computed as H, onMounted as It, nextTick as Ne, watch as Ae, onBeforeUnmount as Gt, createElementBlock as x, openBlock as C, normalizeStyle as le, normalizeClass as jt, createCommentVNode as L, createBlock as te, createVNode as tt, toDisplayString as Se, withCtx as $, renderSlot as M, normalizeProps as z, guardReactiveProps as V, createSlots as ln, createElementVNode as K, Fragment as me, renderList as Be, withModifiers as cn, mergeProps as ot, createTextVNode as un, Transition as Wt, Teleport as Yt } from "vue";
-import { c as ut, az as dn, t as fn, o as hn, g as Ht, l as Ut, X as mn, aq as gn } from "./lib-W9waxHL3.js";
+import { ref as E, watchEffect as an, unref as v, defineAsyncComponent as et, toRefs as ln, computed as H, onMounted as Gt, nextTick as Ne, watch as Ae, onBeforeUnmount as jt, createElementBlock as _, openBlock as y, normalizeStyle as ce, normalizeClass as Wt, createCommentVNode as L, createBlock as te, createVNode as tt, toDisplayString as Se, withCtx as F, renderSlot as M, normalizeProps as z, guardReactiveProps as V, createSlots as cn, createElementVNode as K, Fragment as ue, renderList as Le, withModifiers as Yt, mergeProps as ot, createTextVNode as un, Transition as Ht, Teleport as Ut } from "vue";
+import { c as ut, az as dn, t as fn, o as hn, g as Zt, l as Xt, X as mn, aq as gn } from "./lib-W9waxHL3.js";
 import { t as vn, u as pn } from "./useResponsive-DfdjqQps.js";
 import { u as bn } from "./usePanZoom-CDF7rb3o.js";
-import { u as wn, a as nt } from "./useNestedProp-B3m37PKe.js";
+import { u as wn, a as nt } from "./useNestedProp-D-jUHecl.js";
 import { u as yn, B as kn } from "./BaseScanner-BMpwQAfz.js";
 import { u as En } from "./usePrinter-DhoMn87n.js";
 import { u as Cn } from "./useSvgExport-ByUukOZt.js";
 import { u as _n } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as xn } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Nn } from "./useChartAccessibility-9icAAmYg.js";
-import An from "./Title-D1h0XGFy.js";
-import { B as Zt } from "./BaseZoomControls-D8N7fb-c.js";
+import An from "./Title-DFtCaCah.js";
+import { B as qt } from "./BaseZoomControls-D8N7fb-c.js";
 import Sn from "./img-BJzUSmkm.js";
 import { _ as Ln } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Mn = "\0", ce = "\0", Xt = "
";
+const Mn = "\0", de = "\0", Kt = "
";
 class oe {
   _isDirected = !0;
   _isMultigraph = !1;
@@ -47,7 +47,7 @@ class oe {
   _parent;
   _children;
   constructor(t) {
-    t && (this._isDirected = Object.hasOwn(t, "directed") ? t.directed : !0, this._isMultigraph = Object.hasOwn(t, "multigraph") ? t.multigraph : !1, this._isCompound = Object.hasOwn(t, "compound") ? t.compound : !1), this._isCompound && (this._parent = {}, this._children = {}, this._children[ce] = {});
+    t && (this._isDirected = Object.hasOwn(t, "directed") ? t.directed : !0, this._isMultigraph = Object.hasOwn(t, "multigraph") ? t.multigraph : !1, this._isCompound = Object.hasOwn(t, "compound") ? t.compound : !1), this._isCompound && (this._parent = {}, this._children = {}, this._children[de] = {});
   }
   /* === Graph functions ========= */
   /**
@@ -139,7 +139,7 @@ class oe {
    * Complexity: O(1).
    */
   setNode(t, o) {
-    return Object.hasOwn(this._nodes, t) ? (arguments.length > 1 && (this._nodes[t] = o), this) : (this._nodes[t] = arguments.length > 1 ? o : this._defaultNodeLabelFn(t), this._isCompound && (this._parent[t] = ce, this._children[t] = {}, this._children[ce][t] = !0), this._in[t] = {}, this._preds[t] = {}, this._out[t] = {}, this._sucs[t] = {}, ++this._nodeCount, this);
+    return Object.hasOwn(this._nodes, t) ? (arguments.length > 1 && (this._nodes[t] = o), this) : (this._nodes[t] = arguments.length > 1 ? o : this._defaultNodeLabelFn(t), this._isCompound && (this._parent[t] = de, this._children[t] = {}, this._children[de][t] = !0), this._in[t] = {}, this._preds[t] = {}, this._out[t] = {}, this._sucs[t] = {}, ++this._nodeCount, this);
   }
   /**
    * Gets the label of node with specified name.
@@ -180,7 +180,7 @@ class oe {
     if (!this._isCompound)
       throw new Error("Cannot set parent in a non-compound graph");
     if (o === void 0)
-      o = ce;
+      o = de;
     else {
       o += "";
       for (let n = o; n !== void 0; n = this.parent(n))
@@ -202,7 +202,7 @@ class oe {
   parent(t) {
     if (this._isCompound) {
       const o = this._parent[t];
-      if (o !== ce)
+      if (o !== de)
         return o;
     }
   }
@@ -210,13 +210,13 @@ class oe {
    * Gets list of direct children of node nodeId.
    * Complexity: O(1).
    */
-  children(t = ce) {
+  children(t = de) {
     if (this._isCompound) {
       const o = this._children[t];
       if (o)
         return Object.keys(o);
     } else {
-      if (t === ce)
+      if (t === de)
         return this.nodes();
       if (this.hasNode(t))
         return [];
@@ -331,21 +331,21 @@ class oe {
     let t, o, n, s, i = !1;
     const r = arguments[0];
     typeof r == "object" && r !== null && "v" in r ? (t = r.v, o = r.w, n = r.name, arguments.length === 2 && (s = arguments[1], i = !0)) : (t = r, o = arguments[1], n = arguments[3], arguments.length > 2 && (s = arguments[2], i = !0)), t = "" + t, o = "" + o, n !== void 0 && (n = "" + n);
-    let a = Le(this._isDirected, t, o, n);
+    let a = Me(this._isDirected, t, o, n);
     if (Object.hasOwn(this._edgeLabels, a))
       return i && (this._edgeLabels[a] = s), this;
     if (n !== void 0 && !this._isMultigraph)
       throw new Error("Cannot set a named edge when isMultigraph = false");
     this.setNode(t), this.setNode(o), this._edgeLabels[a] = i ? s : this._defaultEdgeLabelFn(t, o, n);
     const l = On(this._isDirected, t, o, n);
-    return t = l.v, o = l.w, Object.freeze(l), this._edgeObjs[a] = l, qt(this._preds[o], t), qt(this._sucs[t], o), this._in[o][a] = l, this._out[t][a] = l, this._edgeCount++, this;
+    return t = l.v, o = l.w, Object.freeze(l), this._edgeObjs[a] = l, Jt(this._preds[o], t), Jt(this._sucs[t], o), this._in[o][a] = l, this._out[t][a] = l, this._edgeCount++, this;
   }
   /**
    * Gets the label for the specified edge.
    * Complexity: O(1).
    */
   edge(t, o, n) {
-    const s = arguments.length === 1 ? st(this._isDirected, arguments[0]) : Le(this._isDirected, t, o, n);
+    const s = arguments.length === 1 ? st(this._isDirected, arguments[0]) : Me(this._isDirected, t, o, n);
     return this._edgeLabels[s];
   }
   /**
@@ -361,7 +361,7 @@ class oe {
    * Complexity: O(1).
    */
   hasEdge(t, o, n) {
-    const s = arguments.length === 1 ? st(this._isDirected, arguments[0]) : Le(this._isDirected, t, o, n);
+    const s = arguments.length === 1 ? st(this._isDirected, arguments[0]) : Me(this._isDirected, t, o, n);
     return Object.hasOwn(this._edgeLabels, s);
   }
   /**
@@ -369,8 +369,8 @@ class oe {
    * Complexity: O(1).
    */
   removeEdge(t, o, n) {
-    const s = arguments.length === 1 ? st(this._isDirected, arguments[0]) : Le(this._isDirected, t, o, n), i = this._edgeObjs[s];
-    return i && (t = i.v, o = i.w, delete this._edgeLabels[s], delete this._edgeObjs[s], Kt(this._preds[o], t), Kt(this._sucs[t], o), delete this._in[o][s], delete this._out[t][s], this._edgeCount--), this;
+    const s = arguments.length === 1 ? st(this._isDirected, arguments[0]) : Me(this._isDirected, t, o, n), i = this._edgeObjs[s];
+    return i && (t = i.v, o = i.w, delete this._edgeLabels[s], delete this._edgeObjs[s], Qt(this._preds[o], t), Qt(this._sucs[t], o), delete this._in[o][s], delete this._out[t][s], this._edgeCount--), this;
   }
   /**
    * Return all edges that point to the node v. Optionally filters those edges down to just those
@@ -407,19 +407,19 @@ class oe {
       return n.concat(this.outEdges(t, o));
   }
 }
-function qt(e, t) {
+function Jt(e, t) {
   e[t] ? e[t]++ : e[t] = 1;
 }
-function Kt(e, t) {
+function Qt(e, t) {
   --e[t] || delete e[t];
 }
-function Le(e, t, o, n) {
+function Me(e, t, o, n) {
   let s = "" + t, i = "" + o;
   if (!e && s > i) {
     const r = s;
     s = i, i = r;
   }
-  return s + Xt + i + Xt + (n === void 0 ? Mn : n);
+  return s + Kt + i + Kt + (n === void 0 ? Mn : n);
 }
 function On(e, t, o, n) {
   let s = "" + t, i = "" + o;
@@ -431,7 +431,7 @@ function On(e, t, o, n) {
   return n && (r.name = n), r;
 }
 function st(e, t) {
-  return Le(e, t.v, t.w, t.name);
+  return Me(e, t.v, t.w, t.name);
 }
 class Dn {
   constructor() {
@@ -441,11 +441,11 @@ class Dn {
   dequeue() {
     const t = this._sentinel, o = t._prev;
     if (o !== t)
-      return Jt(o), o;
+      return eo(o), o;
   }
   enqueue(t) {
     const o = this._sentinel;
-    t._prev && t._next && Jt(t), t._next = o._next, o._next._prev = t, o._next = t, t._prev = o;
+    t._prev && t._next && eo(t), t._next = o._next, o._next._prev = t, o._next = t, t._prev = o;
   }
   toString() {
     const t = [], o = this._sentinel;
@@ -455,7 +455,7 @@ class Dn {
     return "[" + t.join(", ") + "]";
   }
 }
-function Jt(e) {
+function eo(e) {
   e._prev._next = e._next, e._next._prev = e._prev, delete e._next, delete e._prev;
 }
 function Rn(e, t) {
@@ -466,10 +466,10 @@ const Tn = () => 1;
 function Pn(e, t) {
   if (e.nodeCount() <= 1)
     return [];
-  const o = $n(e, t || Tn);
-  return Fn(o.graph, o.buckets, o.zeroIndex).flatMap((s) => e.outEdges(s.v, s.w));
+  const o = Fn(e, t || Tn);
+  return $n(o.graph, o.buckets, o.zeroIndex).flatMap((s) => e.outEdges(s.v, s.w));
 }
-function Fn(e, t, o) {
+function $n(e, t, o) {
   let n = [];
   const s = t[t.length - 1], i = t[0];
   let r;
@@ -498,14 +498,14 @@ function rt(e, t, o, n, s) {
     l.in -= a, dt(t, o, l);
   }), e.removeNode(n.v), i;
 }
-function $n(e, t) {
+function Fn(e, t) {
   const o = new oe();
   let n = 0, s = 0;
   e.nodes().forEach((a) => {
     o.setNode(a, { v: a, in: 0, out: 0 });
   }), e.edges().forEach((a) => {
-    const l = o.edge(a.v, a.w) || 0, c = t(a), d = l + c;
-    o.setEdge(a.v, a.w, d), s = Math.max(s, o.node(a.v).out += c), n = Math.max(n, o.node(a.w).in += c);
+    const l = o.edge(a.v, a.w) || 0, c = t(a), f = l + c;
+    o.setEdge(a.v, a.w, f), s = Math.max(s, o.node(a.v).out += c), n = Math.max(n, o.node(a.w).in += c);
   });
   const i = Bn(s + n + 3).map(() => new Dn()), r = n + 1;
   return o.nodes().forEach((a) => {
@@ -525,13 +525,13 @@ function Bn(e) {
     t.push(o);
   return t;
 }
-function ve(e, t, o, n) {
+function pe(e, t, o, n) {
   let s = n;
   for (; e.hasNode(s); )
     s = Ve(n);
   return o.dummy = t, e.setNode(s, o), s;
 }
-function co(e) {
+function fo(e) {
   const t = new oe().setGraph(e.graph());
   return e.nodes().forEach((o) => {
     t.setNode(o, e.node(o));
@@ -578,14 +578,14 @@ function ft(e, t) {
   let l, c;
   return Math.abs(i) * r > Math.abs(s) * a ? (i < 0 && (a = -a), l = a * s / i, c = a) : (s < 0 && (r = -r), l = r, c = r * i / s), { x: o + l, y: n + c };
 }
-function Oe(e) {
-  const t = ge(mt(e) + 1).map(() => []);
+function De(e) {
+  const t = ve(mt(e) + 1).map(() => []);
   return e.nodes().forEach((o) => {
     const n = e.node(o), s = n.rank;
     s !== void 0 && (t[s][n.order] = o);
   }), t;
 }
-function uo(e) {
+function ho(e) {
   const t = e.nodes().map((n) => {
     const s = e.node(n).rank;
     return s === void 0 ? Number.MAX_VALUE : s;
@@ -595,7 +595,7 @@ function uo(e) {
     Object.hasOwn(s, "rank") && (s.rank -= o);
   });
 }
-function fo(e) {
+function mo(e) {
   const t = e.nodes().map((r) => e.node(r).rank).filter((r) => r !== void 0), o = X(Math.min, t), n = [];
   e.nodes().forEach((r) => {
     const a = e.node(r).rank - o;
@@ -614,10 +614,10 @@ function In(e, t, o, n) {
     width: 0,
     height: 0
   };
-  return arguments.length >= 4 && (s.rank = o, s.order = n), ve(e, "border", s, t);
+  return arguments.length >= 4 && (s.rank = o, s.order = n), pe(e, "border", s, t);
 }
-const ho = 65535;
-function Gn(e, t = ho) {
+const go = 65535;
+function Gn(e, t = go) {
   const o = [];
   for (let n = 0; n < e.length; n += t) {
     const s = e.slice(n, n + t);
@@ -626,7 +626,7 @@ function Gn(e, t = ho) {
   return o;
 }
 function X(e, t) {
-  if (t.length > ho) {
+  if (t.length > go) {
     const o = Gn(t);
     return e.apply(
       null,
@@ -642,13 +642,13 @@ function mt(e) {
   });
   return X(Math.max, o);
 }
-function mo(e, t) {
+function vo(e, t) {
   const o = { lhs: [], rhs: [] };
   return e.forEach((n) => {
     t(n) ? o.lhs.push(n) : o.rhs.push(n);
   }), o;
 }
-function go(e, t) {
+function po(e, t) {
   const o = Date.now();
   try {
     return t();
@@ -656,7 +656,7 @@ function go(e, t) {
     console.log(e + " time: " + (Date.now() - o) + "ms");
   }
 }
-function vo(e, t) {
+function bo(e, t) {
   return t();
 }
 let jn = 0;
@@ -664,7 +664,7 @@ function Ve(e) {
   const t = ++jn;
   return e + String(t);
 }
-function ge(e, t, o = 1) {
+function ve(e, t, o = 1) {
   t == null && (t = e, e = 0);
   let n = (i) => i < t;
   o < 0 && (n = (i) => t < i);
@@ -673,13 +673,13 @@ function ge(e, t, o = 1) {
     s.push(i);
   return s;
 }
-function Me(e, t) {
+function Oe(e, t) {
   const o = {};
   for (const n of t)
     e[n] !== void 0 && (o[n] = e[n]);
   return o;
 }
-function De(e, t) {
+function Re(e, t) {
   let o = t;
   if (typeof t == "string") {
     const n = t;
@@ -692,23 +692,23 @@ function Ie(e, t) {
 }
 const ze = {
   addBorderNode: In,
-  addDummyNode: ve,
+  addDummyNode: pe,
   applyWithChunking: X,
   asNonCompoundGraph: ht,
-  buildLayerMatrix: Oe,
+  buildLayerMatrix: De,
   intersectRect: ft,
-  mapValues: De,
+  mapValues: Re,
   maxRank: mt,
-  normalizeRanks: uo,
-  notime: vo,
-  partition: mo,
-  pick: Me,
+  normalizeRanks: ho,
+  notime: bo,
+  partition: vo,
+  pick: Oe,
   predecessorWeights: Vn,
-  range: ge,
-  removeEmptyRanks: fo,
-  simplify: co,
+  range: ve,
+  removeEmptyRanks: mo,
+  simplify: fo,
   successorWeights: zn,
-  time: go,
+  time: po,
   uniqueId: Ve,
   zipObject: Ie
 };
@@ -749,15 +749,15 @@ function Zn(e, t) {
   if (i === n + 1)
     return;
   e.removeEdge(t);
-  let c, d, m;
+  let c, f, m;
   for (m = 0, ++n; n < i; ++m, ++n)
-    a.points = [], d = {
+    a.points = [], f = {
       width: 0,
       height: 0,
       edgeLabel: a,
       edgeObj: t,
       rank: n
-    }, c = ve(e, "edge", d, "_d"), n === l && (d.width = a.width, d.height = a.height, d.dummy = "edge-label", d.labelpos = a.labelpos), e.setEdge(o, c, { weight: a.weight }, r), m === 0 && e.graph().dummyChains.push(c), o = c;
+    }, c = pe(e, "edge", f, "_d"), n === l && (f.width = a.width, f.height = a.height, f.dummy = "edge-label", f.labelpos = a.labelpos), e.setEdge(o, c, { weight: a.weight }, r), m === 0 && e.graph().dummyChains.push(c), o = c;
   e.setEdge(o, s, { weight: a.weight }, r);
 }
 function Xn(e) {
@@ -770,7 +770,7 @@ function Xn(e) {
       s = e.successors(t)[0], e.removeNode(t), n.points.push({ x: o.x, y: o.y }), o.dummy === "edge-label" && (n.x = o.x, n.y = o.y, n.width = o.width, n.height = o.height), t = s, o = e.node(t);
   });
 }
-function po(e) {
+function wo(e) {
   function t(o) {
     const n = e.node(o);
     if (n && Object.prototype.hasOwnProperty.call(n, "rank"))
@@ -781,8 +781,8 @@ function po(e) {
     const i = s.map((a) => {
       if (!e.node(a.w))
         return Number.POSITIVE_INFINITY;
-      const c = t(a.w), d = e.edge(a).minlen;
-      return c - d;
+      const c = t(a.w), f = e.edge(a).minlen;
+      return c - f;
     });
     let r = X(Math.min, i);
     return r === Number.POSITIVE_INFINITY && (r = 0), n && (n.rank = r), r;
@@ -805,8 +805,8 @@ function Kn(e) {
   for (; s.size < o.length; ) {
     const i = Qn(e, s);
     if (!i) {
-      const d = o.find((m) => !s.has(m));
-      s.add(d), t.setNode(d, {});
+      const f = o.find((m) => !s.has(m));
+      s.add(f), t.setNode(f, {});
       continue;
     }
     const { edgeObject: r, delta: a, attachFrom: l, attachTo: c } = i;
@@ -828,10 +828,10 @@ function Qn(e, t) {
       return;
     const r = qn(e, n), a = Math.abs(r);
     if (!o || a < o.absoluteSlack) {
-      const l = s ? n.v : n.w, c = s ? n.w : n.v, d = s ? r : -r;
+      const l = s ? n.v : n.w, c = s ? n.w : n.v, f = s ? r : -r;
       o = {
         edgeObject: n,
-        delta: d,
+        delta: f,
         attachFrom: l,
         attachTo: c,
         absoluteSlack: a
@@ -847,9 +847,9 @@ function es(e, t, o, n) {
     }
   });
 }
-function pe(e) {
-  const t = co(e);
-  return po(t), t.nodes().forEach((o) => {
+function be(e) {
+  const t = fo(e);
+  return wo(t), t.nodes().forEach((o) => {
     const n = t.node(o), s = e.node(o) || {};
     s.rank = n.rank, e.setNode(o, s);
   }), e;
@@ -867,19 +867,19 @@ function ss(e) {
 function rs(e, t) {
   return null;
 }
-pe.initLowLimValues = ts;
-pe.initCutValues = os;
-pe.calcCutValue = ns;
-pe.leaveEdge = ss;
-pe.enterEdge = rs;
-const bo = po;
+be.initLowLimValues = ts;
+be.initCutValues = os;
+be.calcCutValue = ns;
+be.leaveEdge = ss;
+be.enterEdge = rs;
+const yo = wo;
 function is(e) {
   const t = e.graph().ranker;
   if (t instanceof Function)
     return t(e);
   switch (e.graph().ranker) {
     case "network-simplex":
-      Qt(e);
+      to(e);
       break;
     case "tight-tree":
       ls(e);
@@ -890,29 +890,29 @@ function is(e) {
     case "none":
       break;
     default:
-      Qt(e);
+      to(e);
   }
 }
-const as = bo;
+const as = yo;
 function ls(e) {
-  bo(e), Kn(e);
+  yo(e), Kn(e);
 }
-function Qt(e) {
-  pe(e);
+function to(e) {
+  be(e);
 }
 function cs(e) {
   const t = ds(e);
   e.graph().dummyChains.forEach((o) => {
     let n = e.node(o);
     const s = n.edgeObj, i = us(e, t, s.v, s.w), r = i.path, a = i.lca;
-    let l = 0, c = r[l], d = !0, m = o;
+    let l = 0, c = r[l], f = !0, m = o;
     for (; m !== s.w; ) {
-      if (n = e.node(m), d) {
+      if (n = e.node(m), f) {
         for (; (c = r[l]) !== a && e.node(c).maxRank < n.rank; )
           l++;
-        c === a && (d = !1);
+        c === a && (f = !1);
       }
-      if (!d) {
+      if (!f) {
         for (; l < r.length - 1 && e.node(c = r[l + 1]).minRank <= n.rank; )
           l++;
         c = r[l];
@@ -951,25 +951,25 @@ function fs(e) {
   });
   const r = ms(e) + 1;
   e.children().forEach((a) => {
-    wo(e, t, i, r, s, o, a);
+    ko(e, t, i, r, s, o, a);
   }), e.graph().nodeRankFactor = i;
 }
-function wo(e, t, o, n, s, i, r) {
+function ko(e, t, o, n, s, i, r) {
   const a = e.children(r);
   if (!a.length) {
     r !== t && e.setEdge(t, r, { weight: 0, minlen: o });
     return;
   }
-  const l = ze.addBorderNode(e, "_bt"), c = ze.addBorderNode(e, "_bb"), d = e.node(r);
-  e.setParent(l, r), d.borderTop = l, e.setParent(c, r), d.borderBottom = c, a.forEach((m) => {
-    wo(e, t, o, n, s, i, m);
-    const g = e.node(m), b = g.borderTop ? g.borderTop : m, N = g.borderBottom ? g.borderBottom : m, _ = g.borderTop ? n : 2 * n, P = b !== N ? 1 : s - i[r] + 1;
-    e.setEdge(l, b, {
-      weight: _,
+  const l = ze.addBorderNode(e, "_bt"), c = ze.addBorderNode(e, "_bb"), f = e.node(r);
+  e.setParent(l, r), f.borderTop = l, e.setParent(c, r), f.borderBottom = c, a.forEach((m) => {
+    ko(e, t, o, n, s, i, m);
+    const g = e.node(m), w = g.borderTop ? g.borderTop : m, N = g.borderBottom ? g.borderBottom : m, x = g.borderTop ? n : 2 * n, P = w !== N ? 1 : s - i[r] + 1;
+    e.setEdge(l, w, {
+      weight: x,
       minlen: P,
       nestingEdge: !0
     }), e.setEdge(N, c, {
-      weight: _,
+      weight: x,
       minlen: P,
       nestingEdge: !0
     });
@@ -1001,36 +1001,36 @@ function vs(e) {
     if (n.length && n.forEach(t), Object.hasOwn(s, "minRank")) {
       s.borderLeft = [], s.borderRight = [];
       for (let i = s.minRank, r = s.maxRank + 1; i < r; ++i)
-        eo(e, "borderLeft", "_bl", o, s, i), eo(e, "borderRight", "_br", o, s, i);
+        oo(e, "borderLeft", "_bl", o, s, i), oo(e, "borderRight", "_br", o, s, i);
     }
   }
   e.children().forEach(t);
 }
-function eo(e, t, o, n, s, i) {
+function oo(e, t, o, n, s, i) {
   const r = {
     width: 0,
     height: 0,
     rank: i,
     borderType: t
-  }, a = s[t][i - 1], l = ve(e, "border", r, o);
+  }, a = s[t][i - 1], l = pe(e, "border", r, o);
   s[t][i] = l, e.setParent(l, n), a && e.setEdge(a, l, { weight: 1 });
 }
 function ps(e) {
   const t = e.graph().rankdir.toLowerCase();
-  (t === "lr" || t === "rl") && yo(e);
+  (t === "lr" || t === "rl") && Eo(e);
 }
 function bs(e) {
   const t = e.graph().rankdir.toLowerCase();
-  (t === "bt" || t === "rl") && ws(e), (t === "lr" || t === "rl") && (ys(e), yo(e));
+  (t === "bt" || t === "rl") && ws(e), (t === "lr" || t === "rl") && (ys(e), Eo(e));
 }
-function yo(e) {
+function Eo(e) {
   e.nodes().forEach((t) => {
-    to(e.node(t));
+    no(e.node(t));
   }), e.edges().forEach((t) => {
-    to(e.edge(t));
+    no(e.edge(t));
   });
 }
-function to(e) {
+function no(e) {
   const t = e.width;
   e.width = e.height, e.height = t;
 }
@@ -1057,12 +1057,12 @@ function at(e) {
   const t = e.x;
   e.x = e.y, e.y = t;
 }
-const oo = {
+const so = {
   adjust: ps,
   undo: bs
 };
 function ks(e) {
-  const t = {}, o = e.nodes().filter((l) => e.children(l).length === 0), n = o.map((l) => e.node(l).rank), s = X(Math.max, n), i = ge(s + 1).map(() => []);
+  const t = {}, o = e.nodes().filter((l) => e.children(l).length === 0), n = o.map((l) => e.node(l).rank), s = X(Math.max, n), i = ve(s + 1).map(() => []);
   function r(l) {
     if (t[l]) return;
     t[l] = !0;
@@ -1082,11 +1082,11 @@ function Es(e, t) {
 function Cs(e, t, o) {
   const n = Ie(
     o,
-    o.map((c, d) => d)
-  ), s = t.flatMap((c) => e.outEdges(c).map((d) => ({
-    pos: n[d.w],
-    weight: e.edge(d).weight
-  })).sort((d, m) => d.pos - m.pos));
+    o.map((c, f) => f)
+  ), s = t.flatMap((c) => e.outEdges(c).map((f) => ({
+    pos: n[f.w],
+    weight: e.edge(f).weight
+  })).sort((f, m) => f.pos - m.pos));
   let i = 1;
   for (; i < o.length; ) i <<= 1;
   const r = 2 * i - 1;
@@ -1094,11 +1094,11 @@ function Cs(e, t, o) {
   const a = new Array(r).fill(0);
   let l = 0;
   return s.forEach((c) => {
-    let d = c.pos + i;
-    a[d] += c.weight;
+    let f = c.pos + i;
+    a[f] += c.weight;
     let m = 0;
-    for (; d > 0; )
-      d % 2 && (m += a[d + 1]), d = d - 1 >> 1, a[d] += c.weight;
+    for (; f > 0; )
+      f % 2 && (m += a[f + 1]), f = f - 1 >> 1, a[f] += c.weight;
     l += c.weight * m;
   }), l;
 }
@@ -1158,22 +1158,22 @@ function Ns(e) {
     const s = e.pop();
     t.push(s), s.in.reverse().forEach(o(s)), s.out.forEach(n(s));
   }
-  return t.filter((s) => !s.merged).map((s) => Me(s, ["vs", "i", "barycenter", "weight"]));
+  return t.filter((s) => !s.merged).map((s) => Oe(s, ["vs", "i", "barycenter", "weight"]));
 }
 function As(e, t) {
   let o = 0, n = 0;
   e.weight && (o += e.barycenter * e.weight, n += e.weight), t.weight && (o += t.barycenter * t.weight, n += t.weight), e.vs = t.vs.concat(e.vs), e.barycenter = o / n, e.weight = n, e.i = Math.min(t.i, e.i), t.merged = !0;
 }
 function Ss(e, t) {
-  const o = mo(e, (d) => Object.hasOwn(d, "barycenter")), n = o.lhs, s = o.rhs.sort((d, m) => m.i - d.i), i = [];
+  const o = vo(e, (f) => Object.hasOwn(f, "barycenter")), n = o.lhs, s = o.rhs.sort((f, m) => m.i - f.i), i = [];
   let r = 0, a = 0, l = 0;
-  n.sort(Ls(!!t)), l = no(i, s, l), n.forEach((d) => {
-    l += d.vs.length, i.push(d.vs), r += d.barycenter * d.weight, a += d.weight, l = no(i, s, l);
+  n.sort(Ls(!!t)), l = ro(i, s, l), n.forEach((f) => {
+    l += f.vs.length, i.push(f.vs), r += f.barycenter * f.weight, a += f.weight, l = ro(i, s, l);
   });
   const c = { vs: i.flat(!0) };
   return a && (c.barycenter = r / a, c.weight = a), c;
 }
-function no(e, t, o) {
+function ro(e, t, o) {
   let n;
   for (; t.length && (n = t[t.length - 1]).i <= o; )
     t.pop(), e.push(n.vs), o++;
@@ -1182,23 +1182,23 @@ function no(e, t, o) {
 function Ls(e) {
   return (t, o) => t.barycenter < o.barycenter ? -1 : t.barycenter > o.barycenter ? 1 : e ? o.i - t.i : t.i - o.i;
 }
-function ko(e, t, o, n) {
+function Co(e, t, o, n) {
   let s = e.children(t);
   const i = e.node(t), r = i ? i.borderLeft : void 0, a = i ? i.borderRight : void 0, l = {};
   r && (s = s.filter((g) => g !== r && g !== a));
   const c = _s(e, s);
   c.forEach((g) => {
     if (e.children(g.v).length) {
-      const b = ko(e, g.v, o, n);
-      l[g.v] = b, Object.hasOwn(b, "barycenter") && Os(g, b);
+      const w = Co(e, g.v, o, n);
+      l[g.v] = w, Object.hasOwn(w, "barycenter") && Os(g, w);
     }
   });
-  let d = xs(c, o);
-  Ms(d, l);
-  const m = Ss(d, n);
+  let f = xs(c, o);
+  Ms(f, l);
+  const m = Ss(f, n);
   if (r && (m.vs = [r, m.vs, a].flat(!0), e.predecessors(r).length)) {
-    const g = e.node(e.predecessors(r)[0]), b = e.node(e.predecessors(a)[0]);
-    Object.hasOwn(m, "barycenter") || (m.barycenter = 0, m.weight = 0), m.barycenter = (m.barycenter * m.weight + g.order + b.order) / (m.weight + 2), m.weight += 2;
+    const g = e.node(e.predecessors(r)[0]), w = e.node(e.predecessors(a)[0]);
+    Object.hasOwn(m, "barycenter") || (m.barycenter = 0, m.weight = 0), m.barycenter = (m.barycenter * m.weight + g.order + w.order) / (m.weight + 2), m.weight += 2;
   }
   return m;
 }
@@ -1215,10 +1215,10 @@ function Ds(e, t, o, n) {
   const s = Rs(e), i = new oe({ compound: !0 }).setGraph({ root: s }).setDefaultNodeLabel((r) => e.node(r));
   return n.forEach((r) => {
     const a = e.node(r), l = e.parent(r);
-    (a.rank === t || a.minRank <= t && t <= a.maxRank) && (i.setNode(r), i.setParent(r, l || s), e[o](r).forEach((d) => {
-      const m = d.v === r ? d.w : d.v, g = i.edge(m, r), b = g ? g.weight : 0;
+    (a.rank === t || a.minRank <= t && t <= a.maxRank) && (i.setNode(r), i.setParent(r, l || s), e[o](r).forEach((f) => {
+      const m = f.v === r ? f.w : f.v, g = i.edge(m, r), w = g ? g.weight : 0;
       i.setEdge(m, r, {
-        weight: e.edge(d).weight + b
+        weight: e.edge(f).weight + w
       });
     }), Object.hasOwn(a, "minRank") && i.setNode(r, {
       borderLeft: a.borderLeft[t],
@@ -1244,34 +1244,34 @@ function Ts(e, t, o) {
     }
   });
 }
-function Eo(e, t = {}) {
+function _o(e, t = {}) {
   if (typeof t.customOrder == "function") {
-    t.customOrder(e, Eo);
+    t.customOrder(e, _o);
     return;
   }
-  const o = mt(e), n = so(
+  const o = mt(e), n = io(
     e,
-    ge(1, o + 1),
+    ve(1, o + 1),
     "inEdges"
-  ), s = so(
+  ), s = io(
     e,
-    ge(o - 1, -1, -1),
+    ve(o - 1, -1, -1),
     "outEdges"
   );
   let i = ks(e);
-  if (ro(e, i), t.disableOptimalOrderHeuristic)
+  if (ao(e, i), t.disableOptimalOrderHeuristic)
     return;
   let r = Number.POSITIVE_INFINITY, a;
   const l = t.constraints || [];
-  for (let c = 0, d = 0; d < 4; ++c, ++d) {
+  for (let c = 0, f = 0; f < 4; ++c, ++f) {
     const m = c % 2 === 0 ? n : s, g = c % 4 >= 2;
-    Ps(m, g, l), i = Oe(e);
-    const b = Es(e, i);
-    b < r ? (r = b, d = 0, a = structuredClone(i)) : b === r && (a = structuredClone(i));
+    Ps(m, g, l), i = De(e);
+    const w = Es(e, i);
+    w < r ? (r = w, f = 0, a = structuredClone(i)) : w === r && (a = structuredClone(i));
   }
-  ro(e, a);
+  ao(e, a);
 }
-function so(e, t, o) {
+function io(e, t, o) {
   const n = /* @__PURE__ */ new Map();
   function s(i, r) {
     n.has(i) || n.set(i, []), n.get(i).push(r);
@@ -1295,52 +1295,52 @@ function Ps(e, t, o) {
   const n = new oe();
   e.forEach((s) => {
     o.forEach((a) => n.setEdge(a.left, a.right));
-    const i = s.graph().root, r = ko(s, i, n, t);
+    const i = s.graph().root, r = Co(s, i, n, t);
     r.vs.forEach((a, l) => {
       s.node(a).order = l;
     }), Ts(s, n, r.vs);
   });
 }
-function ro(e, t) {
+function ao(e, t) {
   Object.values(t).forEach((o) => {
     o.forEach((n, s) => {
       e.node(n).order = s;
     });
   });
 }
-function Fs(e, t) {
+function $s(e, t) {
   const o = {};
   function n(s, i) {
     let r = 0, a = 0;
     const l = s.length, c = i[i.length - 1];
-    return i.forEach((d, m) => {
-      const g = Bs(e, d), b = g ? e.node(g).order : l;
-      (g || d === c) && (i.slice(a, m + 1).forEach((N) => {
-        e.predecessors(N).forEach((_) => {
-          const P = e.node(_), J = P.order;
-          (J < r || b < J) && !(P.dummy && e.node(N).dummy) && Co(o, _, N);
+    return i.forEach((f, m) => {
+      const g = Bs(e, f), w = g ? e.node(g).order : l;
+      (g || f === c) && (i.slice(a, m + 1).forEach((N) => {
+        e.predecessors(N).forEach((x) => {
+          const P = e.node(x), J = P.order;
+          (J < r || w < J) && !(P.dummy && e.node(N).dummy) && xo(o, x, N);
         });
-      }), a = m + 1, r = b);
+      }), a = m + 1, r = w);
     }), i;
   }
   return t.length && t.reduce(n), o;
 }
-function $s(e, t) {
+function Fs(e, t) {
   const o = {};
   function n(i, r, a, l, c) {
-    let d;
-    ge(r, a).forEach((m) => {
-      d = i[m], e.node(d).dummy && e.predecessors(d).forEach((g) => {
-        const b = e.node(g);
-        b.dummy && (b.order < l || b.order > c) && Co(o, g, d);
+    let f;
+    ve(r, a).forEach((m) => {
+      f = i[m], e.node(f).dummy && e.predecessors(f).forEach((g) => {
+        const w = e.node(g);
+        w.dummy && (w.order < l || w.order > c) && xo(o, g, f);
       });
     });
   }
   function s(i, r) {
     let a = -1, l, c = 0;
-    return r.forEach((d, m) => {
-      if (e.node(d).dummy === "border") {
-        const g = e.predecessors(d);
+    return r.forEach((f, m) => {
+      if (e.node(f).dummy === "border") {
+        const g = e.predecessors(f);
         g.length && (l = e.node(g[0]).order, n(r, c, m, a, l), c = m, a = l);
       }
       n(r, c, r.length, l, i.length);
@@ -1352,7 +1352,7 @@ function Bs(e, t) {
   if (e.node(t).dummy)
     return e.predecessors(t).find((o) => e.node(o).dummy);
 }
-function Co(e, t, o) {
+function xo(e, t, o) {
   if (t > o) {
     const s = t;
     t = o, o = s;
@@ -1376,12 +1376,12 @@ function Vs(e, t, o, n) {
   }), t.forEach((a) => {
     let l = -1;
     a.forEach((c) => {
-      let d = n(c);
-      if (d.length) {
-        d = d.sort((g, b) => r[g] - r[b]);
-        const m = (d.length - 1) / 2;
-        for (let g = Math.floor(m), b = Math.ceil(m); g <= b; ++g) {
-          const N = d[g];
+      let f = n(c);
+      if (f.length) {
+        f = f.sort((g, w) => r[g] - r[w]);
+        const m = (f.length - 1) / 2;
+        for (let g = Math.floor(m), w = Math.ceil(m); g <= w; ++g) {
+          const N = f[g];
           i[c] === c && l < r[N] && !zs(o, c, N) && (i[N] = c, i[c] = s[c] = s[N], l = r[N]);
         }
       }
@@ -1391,27 +1391,27 @@ function Vs(e, t, o, n) {
 function Is(e, t, o, n, s) {
   const i = {}, r = Gs(e, t, o, s), a = s ? "borderLeft" : "borderRight";
   function l(m, g) {
-    const b = r.nodes().slice(), N = {};
-    let _ = b.pop();
-    for (; _; ) {
-      if (N[_])
-        m(_);
+    const w = r.nodes().slice(), N = {};
+    let x = w.pop();
+    for (; x; ) {
+      if (N[x])
+        m(x);
       else {
-        N[_] = !0, b.push(_);
-        for (const P of g(_))
-          b.push(P);
+        N[x] = !0, w.push(x);
+        for (const P of g(x))
+          w.push(P);
       }
-      _ = b.pop();
+      x = w.pop();
     }
   }
   function c(m) {
-    i[m] = r.inEdges(m).reduce((g, b) => Math.max(g, i[b.v] + r.edge(b)), 0);
+    i[m] = r.inEdges(m).reduce((g, w) => Math.max(g, i[w.v] + r.edge(w)), 0);
   }
-  function d(m) {
-    const g = r.outEdges(m).reduce((N, _) => Math.min(N, i[_.w] - r.edge(_)), Number.POSITIVE_INFINITY), b = e.node(m);
-    g !== Number.POSITIVE_INFINITY && b.borderType !== a && (i[m] = Math.max(i[m], g));
+  function f(m) {
+    const g = r.outEdges(m).reduce((N, x) => Math.min(N, i[x.w] - r.edge(x)), Number.POSITIVE_INFINITY), w = e.node(m);
+    g !== Number.POSITIVE_INFINITY && w.borderType !== a && (i[m] = Math.max(i[m], g));
   }
-  return l(c, r.predecessors.bind(r)), l(d, r.successors.bind(r)), Object.keys(n).forEach((m) => {
+  return l(c, r.predecessors.bind(r)), l(f, r.successors.bind(r)), Object.keys(n).forEach((m) => {
     i[m] = i[o[m]];
   }), i;
 }
@@ -1420,12 +1420,12 @@ function Gs(e, t, o, n) {
   return t.forEach((a) => {
     let l;
     a.forEach((c) => {
-      const d = o[c];
-      if (s.setNode(d), l) {
-        const m = o[l], g = s.edge(m, d);
+      const f = o[c];
+      if (s.setNode(f), l) {
+        const m = o[l], g = s.edge(m, f);
         s.setEdge(
           m,
-          d,
+          f,
           Math.max(r(e, c, l), g || 0)
         );
       }
@@ -1455,13 +1455,13 @@ function Ws(e, t) {
       let l = e[a];
       if (l === t) return;
       const c = Object.values(l);
-      let d = n - X(Math.min, c);
-      r !== "l" && (d = s - X(Math.max, c)), d && (l = De(l, (m) => m + d), e[a] = l);
+      let f = n - X(Math.min, c);
+      r !== "l" && (f = s - X(Math.max, c)), f && (l = Re(l, (m) => m + f), e[a] = l);
     });
   });
 }
 function Ys(e, t) {
-  return De(e.ul, (o, n) => {
+  return Re(e.ul, (o, n) => {
     if (t)
       return e[t.toLowerCase()][n];
     const s = Object.values(e).map((i) => i[n]).sort((i, r) => i - r);
@@ -1469,9 +1469,9 @@ function Ys(e, t) {
   });
 }
 function Hs(e) {
-  const t = Oe(e), o = Object.assign(
-    Fs(e, t),
-    $s(e, t)
+  const t = De(e), o = Object.assign(
+    $s(e, t),
+    Fs(e, t)
   ), n = {};
   let s;
   ["u", "d"].forEach((r) => {
@@ -1480,7 +1480,7 @@ function Hs(e) {
       a === "r" && (l = l.map(
         (g) => Object.values(g).reverse()
       ));
-      const c = (r === "u" ? e.predecessors : e.successors).bind(e), d = Vs(
+      const c = (r === "u" ? e.predecessors : e.successors).bind(e), f = Vs(
         e,
         l,
         o,
@@ -1489,11 +1489,11 @@ function Hs(e) {
       let m = Is(
         e,
         l,
-        d.root,
-        d.align,
+        f.root,
+        f.align,
         a === "r"
       );
-      a === "r" && (m = De(m, (g) => -g)), n[r + a] = m;
+      a === "r" && (m = Re(m, (g) => -g)), n[r + a] = m;
     });
   });
   const i = js(e, n);
@@ -1536,7 +1536,7 @@ function Xs(e) {
   });
 }
 function qs(e) {
-  const t = Oe(e), o = e.graph().ranksep;
+  const t = De(e), o = e.graph().ranksep;
   let n = 0;
   t.forEach((s) => {
     const i = s.reduce((r, a) => {
@@ -1549,14 +1549,14 @@ function qs(e) {
   });
 }
 function Ks(e, t = {}) {
-  const o = t.debugTiming ? go : vo;
+  const o = t.debugTiming ? po : bo;
   return o("layout", () => {
     const n = o("  buildLayoutGraph", () => ar(e));
     return o("  runLayout", () => Js(n, o, t)), o("  updateInputGraph", () => Qs(e, n)), n;
   });
 }
 function Js(e, t, o) {
-  t("    makeSpaceForEdgeLabels", () => lr(e)), t("    removeSelfEdges", () => pr(e)), t("    acyclic", () => Wn(e)), t("    nestingGraph.run", () => fs(e)), t("    rank", () => is(ht(e))), t("    injectEdgeLabelProxies", () => cr(e)), t("    removeEmptyRanks", () => fo(e)), t("    nestingGraph.cleanup", () => gs(e)), t("    normalizeRanks", () => uo(e)), t("    assignRankMinMax", () => ur(e)), t("    removeEdgeLabelProxies", () => dr(e)), t("    normalize.run", () => Un(e)), t("    parentDummyChains", () => cs(e)), t("    addBorderSegments", () => vs(e)), t("    order", () => Eo(e, o)), t("    insertSelfEdges", () => br(e)), t("    adjustCoordinateSystem", () => oo.adjust(e)), t("    position", () => Xs(e)), t("    positionSelfEdges", () => wr(e)), t("    removeBorderNodes", () => vr(e)), t("    normalize.undo", () => Xn(e)), t("    fixupEdgeLabelCoords", () => mr(e)), t("    undoCoordinateSystem", () => oo.undo(e)), t("    translateGraph", () => fr(e)), t("    assignNodeIntersects", () => hr(e)), t("    reversePoints", () => gr(e)), t("    acyclic.undo", () => Yn(e));
+  t("    makeSpaceForEdgeLabels", () => lr(e)), t("    removeSelfEdges", () => pr(e)), t("    acyclic", () => Wn(e)), t("    nestingGraph.run", () => fs(e)), t("    rank", () => is(ht(e))), t("    injectEdgeLabelProxies", () => cr(e)), t("    removeEmptyRanks", () => mo(e)), t("    nestingGraph.cleanup", () => gs(e)), t("    normalizeRanks", () => ho(e)), t("    assignRankMinMax", () => ur(e)), t("    removeEdgeLabelProxies", () => dr(e)), t("    normalize.run", () => Un(e)), t("    parentDummyChains", () => cs(e)), t("    addBorderSegments", () => vs(e)), t("    order", () => _o(e, o)), t("    insertSelfEdges", () => br(e)), t("    adjustCoordinateSystem", () => so.adjust(e)), t("    position", () => Xs(e)), t("    positionSelfEdges", () => wr(e)), t("    removeBorderNodes", () => vr(e)), t("    normalize.undo", () => Xn(e)), t("    fixupEdgeLabelCoords", () => mr(e)), t("    undoCoordinateSystem", () => so.undo(e)), t("    translateGraph", () => fr(e)), t("    assignNodeIntersects", () => hr(e)), t("    reversePoints", () => gr(e)), t("    acyclic.undo", () => Yn(e));
 }
 function Qs(e, t) {
   e.nodes().forEach((s) => {
@@ -1569,7 +1569,7 @@ function Qs(e, t) {
   const o = t.graph(), n = e.graph();
   n.width = o.width, n.height = o.height;
 }
-const er = ["nodesep", "edgesep", "ranksep", "marginx", "marginy"], tr = { ranksep: 50, edgesep: 20, nodesep: 50, rankdir: "tb" }, or = ["acyclicer", "ranker", "rankdir", "align"], nr = ["width", "height", "rank"], io = { width: 0, height: 0 }, sr = ["minlen", "weight", "width", "height", "labeloffset"], rr = {
+const er = ["nodesep", "edgesep", "ranksep", "marginx", "marginy"], tr = { ranksep: 50, edgesep: 20, nodesep: 50, rankdir: "tb" }, or = ["acyclicer", "ranker", "rankdir", "align"], nr = ["width", "height", "rank"], lo = { width: 0, height: 0 }, sr = ["minlen", "weight", "width", "height", "labeloffset"], rr = {
   minlen: 1,
   weight: 1,
   width: 0,
@@ -1581,12 +1581,12 @@ function ar(e) {
   const t = ct(e.graph()), o = {
     ...tr,
     ...lt(t, er),
-    ...Me(t, or)
+    ...Oe(t, or)
   }, n = new oe({ multigraph: !0, compound: !0 });
   return n.setGraph(o), e.nodes().forEach((s) => {
     const i = ct(e.node(s)), r = lt(i, nr);
-    Object.keys(io).forEach((a) => {
-      r[a] === void 0 && (r[a] = io[a]);
+    Object.keys(lo).forEach((a) => {
+      r[a] === void 0 && (r[a] = lo[a]);
     }), n.setNode(s, r), n.setParent(s, e.parent(s));
   }), e.edges().forEach((s) => {
     const i = ct(e.edge(s));
@@ -1595,7 +1595,7 @@ function ar(e) {
       {
         ...rr,
         ...lt(i, sr),
-        ...Me(i, ir)
+        ...Oe(i, ir)
       }
     );
   }), n;
@@ -1612,7 +1612,7 @@ function cr(e) {
     const o = e.edge(t);
     if (o.width && o.height) {
       const n = e.node(t.v), i = { rank: (e.node(t.w).rank - n.rank) / 2 + n.rank, e: t };
-      ve(e, "edge-proxy", i, "_ep");
+      pe(e, "edge-proxy", i, "_ep");
     }
   });
 }
@@ -1633,23 +1633,23 @@ function fr(e) {
   let t = Number.POSITIVE_INFINITY, o = 0, n = Number.POSITIVE_INFINITY, s = 0;
   const i = e.graph(), r = i.marginx || 0, a = i.marginy || 0;
   function l(c) {
-    const d = c.x, m = c.y, g = c.width, b = c.height;
-    t = Math.min(t, d - g / 2), o = Math.max(o, d + g / 2), n = Math.min(n, m - b / 2), s = Math.max(s, m + b / 2);
+    const f = c.x, m = c.y, g = c.width, w = c.height;
+    t = Math.min(t, f - g / 2), o = Math.max(o, f + g / 2), n = Math.min(n, m - w / 2), s = Math.max(s, m + w / 2);
   }
   e.nodes().forEach((c) => l(e.node(c))), e.edges().forEach((c) => {
-    const d = e.edge(c);
-    Object.hasOwn(d, "x") && l(d);
+    const f = e.edge(c);
+    Object.hasOwn(f, "x") && l(f);
   }), t -= r, n -= a, e.nodes().forEach((c) => {
-    const d = e.node(c);
-    d.x -= t, d.y -= n;
+    const f = e.node(c);
+    f.x -= t, f.y -= n;
   }), e.edges().forEach((c) => {
-    const d = e.edge(c);
-    d.points.forEach((m) => {
+    const f = e.edge(c);
+    f.points.forEach((m) => {
       m.x -= t, m.y -= n;
-    }), Object.hasOwn(d, "x") && (d.x -= t), Object.hasOwn(d, "y") && (d.y -= n);
+    }), Object.hasOwn(f, "x") && (f.x -= t), Object.hasOwn(f, "y") && (f.y -= n);
   }), i.width = o - t + r, i.height = s - n + a;
 }
-function ao(e, t, o) {
+function co(e, t, o) {
   if (!t)
     return e;
   const n = t.x - e.x, s = t.y - e.y, i = Math.sqrt(n * n + s * s);
@@ -1666,9 +1666,9 @@ function hr(e) {
     const n = e.edge(o), s = e.node(o.v), i = e.node(o.w);
     let r, a;
     !n.points || !n.points.length ? (n.points = [], r = i, a = s) : (r = n.points[0], a = n.points[n.points.length - 1]);
-    const l = ft(s, r), c = ft(i, a), d = n.points.length ? n.points[0] : r, m = n.points.length ? n.points[n.points.length - 1] : a, g = n.arrowshape, b = g === "normal" || g === "vee", N = !!n.reversed;
-    let _ = l, P = c;
-    b && (N ? _ = ao(l, d, 4) : P = ao(c, m, 4)), n.points.unshift(_), n.points.push(P);
+    const l = ft(s, r), c = ft(i, a), f = n.points.length ? n.points[0] : r, m = n.points.length ? n.points[n.points.length - 1] : a, g = n.arrowshape, w = g === "normal" || g === "vee", N = !!n.reversed;
+    let x = l, P = c;
+    w && (N ? x = co(l, f, 4) : P = co(c, m, 4)), n.points.unshift(x), n.points.push(P);
   });
 }
 function mr(e) {
@@ -1710,12 +1710,12 @@ function pr(e) {
   });
 }
 function br(e) {
-  Oe(e).forEach((o) => {
+  De(e).forEach((o) => {
     let n = 0;
     o.forEach((s, i) => {
       const r = e.node(s);
       r.order = i + n, (r.selfEdges || []).forEach((a) => {
-        ve(e, "selfedge", {
+        pe(e, "selfedge", {
           width: a.label.width,
           height: a.label.height,
           rank: r.rank,
@@ -1743,7 +1743,7 @@ function wr(e) {
   });
 }
 function lt(e, t) {
-  return De(Me(e, t), Number);
+  return Re(Oe(e, t), Number);
 }
 function ct(e) {
   const t = {};
@@ -1785,19 +1785,19 @@ function Er(e) {
   let o = `M ${t.x} ${t.y}`;
   for (let s = 1; s < e.length - 1; s += 1) {
     e[s - 1];
-    const i = e[s], r = e[s + 1], a = i.x, l = i.y, c = (i.x + r.x) / 2, d = (i.y + r.y) / 2;
-    o += ` Q ${a} ${l} ${c} ${d}`;
+    const i = e[s], r = e[s + 1], a = i.x, l = i.y, c = (i.x + r.x) / 2, f = (i.y + r.y) / 2;
+    o += ` Q ${a} ${l} ${c} ${f}`;
   }
   const n = e[e.length - 1];
   return o += ` L ${n.x} ${n.y}`, o;
 }
 function Cr(e) {
-  const { nodes: t, edges: o, configuration: n } = e, s = y(null), i = y(null), r = `dag-arrow-${ut()}`;
-  function a(l, c, d) {
+  const { nodes: t, edges: o, configuration: n } = e, s = E(null), i = E(null), r = `dag-arrow-${ut()}`;
+  function a(l, c, f) {
     i.value = null, s.value = null;
     const m = {
       ...yr,
-      ...d
+      ...f
     }, g = new oe({ multigraph: !0, compound: !0 });
     g.setGraph({
       rankdir: m.rankDirection,
@@ -1818,7 +1818,7 @@ function Cr(e) {
         arrowShape: m.arrowShape ?? "normal"
       });
     }), Ks(g);
-    const b = l.map((u) => {
+    const w = l.map((u) => {
       const j = g.node(u.id);
       return {
         id: u.id,
@@ -1833,21 +1833,21 @@ function Cr(e) {
       const j = g.edge(u), Q = j.points || [];
       if (!Q.length)
         return null;
-      const Re = m.curvedEdges ? Er(Q) : kr(Q), Te = m.arrowShape !== "undirected" ? `url(#${r})` : null, Pe = c.find((we) => we?.from === u.v && we?.to === u.w);
+      const Te = m.curvedEdges ? Er(Q) : kr(Q), Pe = m.arrowShape !== "undirected" ? `url(#${r})` : null, $e = c.find((ye) => ye?.from === u.v && ye?.to === u.w);
       return {
         id: `${u.v}->${u.w}->${ut()}`,
         from: u.v,
         to: u.w,
         points: Q,
-        pathData: Re,
-        markerEnd: Te,
+        pathData: Te,
+        markerEnd: Pe,
         original: {
-          ...Pe,
+          ...$e,
           ...j
         }
       };
-    }).filter(Boolean), _ = m.padding;
-    if (!b.length) {
+    }).filter(Boolean), x = m.padding;
+    if (!w.length) {
       s.value = {
         nodes: [],
         edges: N,
@@ -1857,28 +1857,28 @@ function Cr(e) {
       };
       return;
     }
-    const P = b.flatMap((u) => [
+    const P = w.flatMap((u) => [
       u.x - u.width / 2,
       u.x + u.width / 2
-    ]), J = b.flatMap((u) => [
+    ]), J = w.flatMap((u) => [
       u.y - u.height / 2,
       u.y + u.height / 2
-    ]), be = Math.min(...P) - _, ue = Math.max(...P) + _, F = Math.min(...J) - _, I = Math.max(...J) + _;
+    ]), we = Math.min(...P) - x, fe = Math.max(...P) + x, $ = Math.min(...J) - x, I = Math.max(...J) + x;
     s.value = {
-      nodes: b,
+      nodes: w,
       edges: N.map((u) => ({
         ...u,
         midpoint: u.pathData ? dn(u.pathData) : { x: 0, y: 0 }
       })),
-      viewBox: `${be} ${F} ${ue - be} ${I - F}`,
+      viewBox: `${we} ${$} ${fe - we} ${I - $}`,
       arrowShape: m.arrowShape,
       arrowSize: m.arrowSize
     };
   }
-  return rn(() => {
+  return an(() => {
     try {
-      const l = v(t) || [], c = v(o) || [], d = v(n) || {};
-      a(l, c, d);
+      const l = v(t) || [], c = v(o) || [], f = v(n) || {};
+      a(l, c, f);
     } catch (l) {
       console.error("[useDag] layout error:", l), i.value = l, s.value = null;
     }
@@ -1887,35 +1887,35 @@ function Cr(e) {
     lastError: i,
     arrowMarkerIdentifier: r,
     recomputeLayout: () => {
-      const l = v(t) || [], c = v(o) || [], d = v(n) || {};
-      a(l, c, d);
+      const l = v(t) || [], c = v(o) || [], f = v(n) || {};
+      a(l, c, f);
     }
   };
 }
-const _o = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", backgroundPattern: { dotColor: "#3A3A3A" }, nodes: { stroke: "#6A6A6A", backgroundColor: "#2A2A2A", labels: { color: "#CCCCCC" }, tooltip: { backgroundColor: "#3A3A3A", color: "#CCCCCC" } }, edges: { stroke: "#6A6A6A" }, midpoints: { stroke: "#6A6A6A", fill: "#1A1A1A", tooltip: { backgroundColor: "#3A3A3A", color: "#CCCCCC" } }, controls: { backgroundColor: "#2A2A2A", buttonColor: "#2A2A2A", color: "#CCCCCC", border: "1px solid #4A4A4A" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } } } } }, xo = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", backgroundPattern: { dotColor: "#edc7bb" }, nodes: { stroke: "#5D4037", backgroundColor: "#fcf9f0", labels: { color: "#424242" }, tooltip: { backgroundColor: "#5D4037", color: "#FFF8E1" } }, edges: { stroke: "#5D4037" }, midpoints: { stroke: "#5D4037", fill: "#FFF8E1", tooltip: { backgroundColor: "#5D4037", color: "#FFF8E1" } }, controls: { backgroundColor: "#FFF8E1", buttonColor: "#FFF8E1", color: "#424242", border: "1px solid #d9bbb2" }, title: { color: "#424242", subtitle: { color: "#757575" } } } } }, No = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", backgroundPattern: { dotColor: "#3E3E3E" }, nodes: { stroke: "#965039", backgroundColor: "#2A2A2A", labels: { color: "#BDBDBD" }, tooltip: { backgroundColor: "#3A3A3A", color: "#FFF8E1" } }, edges: { stroke: "#965039" }, midpoints: { stroke: "#965039", fill: "#1E1E1E", tooltip: { backgroundColor: "#3A3A3A", color: "#FFF8E1" } }, controls: { backgroundColor: "#1E1E1E", buttonColor: "#1E1E1E", color: "#BDBDBD", border: "1px solid #3A3A3A" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } } } } }, Ao = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", backgroundPattern: { dotColor: "#2f3d2f" }, nodes: { stroke: "#66CC66", backgroundColor: "#2A2A2A", labels: { color: "#99AA99" }, tooltip: { backgroundColor: "#3A3A3A", color: "#99AA99" } }, edges: { stroke: "#66CC66" }, midpoints: { stroke: "#66CC66", fill: "#1A1A1A", tooltip: { backgroundColor: "#3A3A3A", color: "#99AA99" } }, controls: { backgroundColor: "#1A1A1A", buttonColor: "#1A1A1A", color: "#99AA99", border: "1px solid #1e361e" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } } } } }, So = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", backgroundPattern: { dotColor: "#dbcfc5" }, nodes: { stroke: "#8F837A", backgroundColor: "#ffffff", labels: { color: "#8A9892" }, tooltip: { backgroundColor: "#8F837A", color: "#fbfafa" } }, edges: { stroke: "#8F837A" }, midpoints: { stroke: "#8F837A", fill: "#fbfafa", tooltip: { backgroundColor: "#8F837A", color: "#fbfafa" } }, controls: { backgroundColor: "#fbfafa", buttonColor: "#fbfafa", color: "#99AA99", border: "1px solid #ebded3" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } } } } }, Lo = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", backgroundPattern: { dotColor: "#c3cfd9" }, layout: { arrowShape: "normal", curvedEdges: !1 }, nodes: { stroke: "#50606C", backgroundColor: "#ffffff", borderRadius: 0, labels: { color: "#50606C" }, tooltip: { backgroundColor: "#50606C", color: "#f6f6fb" } }, edges: { stroke: "#50606C" }, midpoints: { stroke: "#50606C", fill: "#fbfafa", tooltip: { backgroundColor: "#50606C", color: "#f6f6fb" } }, controls: { backgroundColor: "#f6f6fb", buttonColor: "#f6f6fb", color: "#50606C", border: "1px solid #98aab8", borderRadius: "0" }, title: { color: "#50606C", subtitle: { color: "#718890" } } } } }, Mo = {
+const No = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", backgroundPattern: { dotColor: "#3A3A3A" }, nodes: { stroke: "#6A6A6A", backgroundColor: "#2A2A2A", labels: { color: "#CCCCCC" }, tooltip: { backgroundColor: "#3A3A3A", color: "#CCCCCC" } }, edges: { stroke: "#6A6A6A" }, midpoints: { stroke: "#6A6A6A", fill: "#1A1A1A", tooltip: { backgroundColor: "#3A3A3A", color: "#CCCCCC" } }, controls: { backgroundColor: "#2A2A2A", buttonColor: "#2A2A2A", color: "#CCCCCC", border: "1px solid #4A4A4A" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } } } } }, Ao = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", backgroundPattern: { dotColor: "#edc7bb" }, nodes: { stroke: "#5D4037", backgroundColor: "#fcf9f0", labels: { color: "#424242" }, tooltip: { backgroundColor: "#5D4037", color: "#FFF8E1" } }, edges: { stroke: "#5D4037" }, midpoints: { stroke: "#5D4037", fill: "#FFF8E1", tooltip: { backgroundColor: "#5D4037", color: "#FFF8E1" } }, controls: { backgroundColor: "#FFF8E1", buttonColor: "#FFF8E1", color: "#424242", border: "1px solid #d9bbb2" }, title: { color: "#424242", subtitle: { color: "#757575" } } } } }, So = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", backgroundPattern: { dotColor: "#3E3E3E" }, nodes: { stroke: "#965039", backgroundColor: "#2A2A2A", labels: { color: "#BDBDBD" }, tooltip: { backgroundColor: "#3A3A3A", color: "#FFF8E1" } }, edges: { stroke: "#965039" }, midpoints: { stroke: "#965039", fill: "#1E1E1E", tooltip: { backgroundColor: "#3A3A3A", color: "#FFF8E1" } }, controls: { backgroundColor: "#1E1E1E", buttonColor: "#1E1E1E", color: "#BDBDBD", border: "1px solid #3A3A3A" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } } } } }, Lo = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", backgroundPattern: { dotColor: "#2f3d2f" }, nodes: { stroke: "#66CC66", backgroundColor: "#2A2A2A", labels: { color: "#99AA99" }, tooltip: { backgroundColor: "#3A3A3A", color: "#99AA99" } }, edges: { stroke: "#66CC66" }, midpoints: { stroke: "#66CC66", fill: "#1A1A1A", tooltip: { backgroundColor: "#3A3A3A", color: "#99AA99" } }, controls: { backgroundColor: "#1A1A1A", buttonColor: "#1A1A1A", color: "#99AA99", border: "1px solid #1e361e" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } } } } }, Mo = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", backgroundPattern: { dotColor: "#dbcfc5" }, nodes: { stroke: "#8F837A", backgroundColor: "#ffffff", labels: { color: "#8A9892" }, tooltip: { backgroundColor: "#8F837A", color: "#fbfafa" } }, edges: { stroke: "#8F837A" }, midpoints: { stroke: "#8F837A", fill: "#fbfafa", tooltip: { backgroundColor: "#8F837A", color: "#fbfafa" } }, controls: { backgroundColor: "#fbfafa", buttonColor: "#fbfafa", color: "#99AA99", border: "1px solid #ebded3" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } } } } }, Oo = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", backgroundPattern: { dotColor: "#c3cfd9" }, layout: { arrowShape: "normal", curvedEdges: !1 }, nodes: { stroke: "#50606C", backgroundColor: "#ffffff", borderRadius: 0, labels: { color: "#50606C" }, tooltip: { backgroundColor: "#50606C", color: "#f6f6fb" } }, edges: { stroke: "#50606C" }, midpoints: { stroke: "#50606C", fill: "#fbfafa", tooltip: { backgroundColor: "#50606C", color: "#f6f6fb" } }, controls: { backgroundColor: "#f6f6fb", buttonColor: "#f6f6fb", color: "#50606C", border: "1px solid #98aab8", borderRadius: "0" }, title: { color: "#50606C", subtitle: { color: "#718890" } } } } }, Do = {
   default: {},
-  dark: _o,
-  celebration: xo,
-  celebrationNight: No,
-  hack: Ao,
-  zen: So,
-  concrete: Lo
-}, vi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  dark: No,
+  celebration: Ao,
+  celebrationNight: So,
+  hack: Lo,
+  zen: Mo,
+  concrete: Oo
+}, bi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  celebration: xo,
-  celebrationNight: No,
-  concrete: Lo,
-  dark: _o,
-  default: Mo,
-  hack: Ao,
-  zen: So
+  celebration: Ao,
+  celebrationNight: So,
+  concrete: Oo,
+  dark: No,
+  default: Do,
+  hack: Lo,
+  zen: Mo
 }, Symbol.toStringTag, { value: "Module" })), _r = ["id"], xr = {
   key: 0,
   class: "dag-chart-error"
-}, Nr = ["viewBox", "xmlns"], Ar = { key: 0 }, Sr = ["id", "width", "height"], Lr = ["cx", "cy", "r", "fill"], Mr = ["x", "y", "width", "height", "fill"], Or = { key: 2 }, Dr = ["id", "markerWidth", "markerHeight", "refX", "refY"], Rr = ["d", "fill", "stroke"], Tr = ["d", "fill", "stroke"], Pr = { class: "vue-ui-dag-edges" }, Fr = ["d", "stroke", "stroke-width"], $r = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onMouseenter"], Br = { class: "vue-ui-dag-nodes" }, zr = ["onClick", "onMouseenter"], Vr = ["x", "y", "width", "height", "rx", "fill", "stroke", "stroke-width"], Ir = ["x", "y", "font-size", "fill", "font-weight"], Gr = ["x", "y", "font-size", "fill", "font-weight", "innerHTML"], jr = { key: 1 }, Wr = ["x", "y", "width", "height"], Yr = { class: "vue-ui-dag-edges" }, Hr = ["d", "stroke-width", "marker-end"], Ur = {
+}, Nr = ["viewBox", "xmlns"], Ar = { key: 0 }, Sr = ["id", "width", "height"], Lr = ["cx", "cy", "r", "fill"], Mr = ["x", "y", "width", "height", "fill"], Or = { key: 2 }, Dr = ["id", "markerWidth", "markerHeight", "refX", "refY"], Rr = ["d", "fill", "stroke"], Tr = ["d", "fill", "stroke"], Pr = { class: "vue-ui-dag-edges" }, $r = ["d", "stroke", "stroke-width"], Fr = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onMouseenter"], Br = { class: "vue-ui-dag-nodes" }, zr = ["onClick", "onMouseenter"], Vr = ["x", "y", "width", "height", "rx", "fill", "stroke", "stroke-width"], Ir = ["x", "y", "width", "height"], Gr = { class: "vue-ui-dag-edges" }, jr = ["d", "stroke-width", "marker-end"], Wr = { class: "vue-ui-dag-node-labels" }, Yr = ["onClick", "onMouseenter"], Hr = ["x", "y", "font-size", "fill", "font-weight"], Ur = ["x", "y", "font-size", "fill", "font-weight", "innerHTML"], Zr = { key: 1 }, Xr = {
   key: 6,
   class: "vue-data-ui-watermark"
-}, Zr = ["data-position"], Xr = { key: 0 }, qr = ["data-position"], Kr = { key: 0 }, lo = 1.5, Jr = {
+}, qr = ["data-position"], Kr = { key: 0 }, Jr = ["data-position"], Qr = { key: 0 }, uo = 1.5, ei = {
   __name: "vue-ui-dag",
   props: {
     dataset: {
@@ -1936,8 +1936,8 @@ const _o = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", bac
   },
   emits: ["onNodeClick", "onMidpointEnter", "onMidpointLeave"],
   setup(e, { expose: t, emit: o }) {
-    const n = et(() => import("./PenAndPaper-CsqBamFZ.js")), s = et(() => import("./UserOptions-B-2A_KRb.js")), i = et(() => import("./PackageVersion-BNcd4dB9.js")), { vue_ui_dag: r } = wn(), { isThemeValid: a, warnInvalidTheme: l } = _n(), c = e, d = o, m = y(null), g = y(ut()), b = y(null), N = y(null), _ = y(null), P = y(0), J = y(0), be = y(!1), ue = y(!1), F = y(null), I = y(null), u = y(Ye()), j = y(u.value.style.chart.width), Q = y(u.value.style.chart.height), Re = y({ x: 0, y: 0 }), G = y(null), Te = y(null), Pe = y({ left: "0px", top: "0px" }), we = y("top"), ne = y(!1), gt = y({ x: 0, y: 0 }), vt = y({ x: 0, y: 0 }), ye = y(null), Ge = y(null), je = y({ left: "0px", top: "0px" }), pt = y("top"), Fe = y(!1), ke = y(!1), { svgRef: se } = Nn({ config: u.value.style.chart.title }), { userOptionsVisible: We, setUserOptionsVisibility: bt, keepUserOptionState: wt } = xn({ config: u.value }), ee = y(u.value.style.chart.layout.rankDirection), { loading: Ee, FINAL_DATASET: yt, manualLoading: kt } = yn({
-      ...an(c),
+    const n = et(() => import("./PenAndPaper-CsqBamFZ.js")), s = et(() => import("./UserOptions-B-2A_KRb.js")), i = et(() => import("./PackageVersion-DCZIL0_B.js")), { vue_ui_dag: r } = wn(), { isThemeValid: a, warnInvalidTheme: l } = _n(), c = e, f = o, m = E(null), g = E(ut()), w = E(null), N = E(null), x = E(null), P = E(0), J = E(0), we = E(!1), fe = E(!1), $ = E(null), I = E(null), u = E(Ye()), j = E(u.value.style.chart.width), Q = E(u.value.style.chart.height), Te = E({ x: 0, y: 0 }), G = E(null), Pe = E(null), $e = E({ left: "0px", top: "0px" }), ye = E("top"), ne = E(!1), gt = E({ x: 0, y: 0 }), vt = E({ x: 0, y: 0 }), ke = E(null), Ge = E(null), je = E({ left: "0px", top: "0px" }), pt = E("top"), Fe = E(!1), Ee = E(!1), { svgRef: se } = Nn({ config: u.value.style.chart.title }), { userOptionsVisible: We, setUserOptionsVisibility: bt, keepUserOptionState: wt } = xn({ config: u.value }), ee = E(u.value.style.chart.layout.rankDirection), { loading: Ce, FINAL_DATASET: yt, manualLoading: kt } = yn({
+      ...ln(c),
       FINAL_CONFIG: u,
       prepareConfig: Ye,
       skeletonDataset: {
@@ -1975,154 +1975,154 @@ const _o = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", bac
       })
     });
     function Ye() {
-      const f = nt({
+      const h = nt({
         userConfig: c.config,
         defaultConfig: r
-      }), p = f.theme;
-      if (!p) return f;
-      if (!a.value(f))
-        return l(f), f;
-      const h = nt({
-        userConfig: Mo[p] || c.config,
-        defaultConfig: f
+      }), p = h.theme;
+      if (!p) return h;
+      if (!a.value(h))
+        return l(h), h;
+      const d = nt({
+        userConfig: Do[p] || c.config,
+        defaultConfig: h
       });
       return nt({
         userConfig: c.config,
-        defaultConfig: h
+        defaultConfig: d
       });
     }
     const He = H(() => !!u.value.debug);
-    It(async () => {
-      hn(c.dataset) && (Ht({
+    Gt(async () => {
+      hn(c.dataset) && (Zt({
         componentName: "VueUiDag",
         type: "dataset",
         debug: He.value
-      }), ue.value = !1, kt.value = !0), c.dataset.nodes || (Ht({
+      }), fe.value = !1, kt.value = !0), c.dataset.nodes || (Zt({
         componentName: "VueUiDag",
         type: "datasetAttributeEmpty",
         property: "nodes",
         index: 0,
         debug: He.value
-      }), ue.value = !1, kt.value = !0), ue.value = !0, await Ne(), zt();
-    }), Ae(() => c.config, async (f) => {
-      Ee.value || (u.value = Ye()), We.value = !u.value.userOptions.showOnChartHover, P.value += 1, ee.value = u.value.style.chart.layout.rankDirection, j.value = u.value.style.chart.width, Q.value = u.value.style.chart.height, de.value = u.value.style.chart.zoom.active, await Ne(), zt();
+      }), fe.value = !1, kt.value = !0), fe.value = !0, await Ne(), Vt();
+    }), Ae(() => c.config, async (h) => {
+      Ce.value || (u.value = Ye()), We.value = !u.value.userOptions.showOnChartHover, P.value += 1, ee.value = u.value.style.chart.layout.rankDirection, j.value = u.value.style.chart.width, Q.value = u.value.style.chart.height, he.value = u.value.style.chart.zoom.active, await Ne(), Vt();
     }, { deep: !0 });
     const { isPrinting: Et, isImaging: Ct, generatePdf: _t, generateImage: xt } = En({
       elementId: `dag_${g.value}`,
       fileName: u.value.style.chart.title.text || "vue-ui-dag",
       options: u.value.userOptions.print
-    }), Oo = H(() => u.value.style.chart.backgroundColor), Do = H(() => u.value.style.chart.title), { exportSvg: Ro, getSvg: To } = Cn({
+    }), Ro = H(() => u.value.style.chart.backgroundColor), To = H(() => u.value.style.chart.title), { exportSvg: Po, getSvg: $o } = Cn({
       svg: se,
-      title: Do,
+      title: To,
       legend: void 0,
       legendItems: void 0,
-      backgroundColor: Oo
+      backgroundColor: Ro
     });
-    async function Nt({ isCb: f }) {
-      if (f) {
-        const { blob: p, url: h, text: w, dataUrl: O } = await To();
-        u.value.userOptions.callbacks.svg({ blob: p, url: h, text: w, dataUrl: O });
+    async function Nt({ isCb: h }) {
+      if (h) {
+        const { blob: p, url: d, text: b, dataUrl: O } = await $o();
+        u.value.userOptions.callbacks.svg({ blob: p, url: d, text: b, dataUrl: O });
       } else
-        Ro();
-    }
-    function Po() {
-      be.value = !0, bt(!0);
+        Po();
     }
     function Fo() {
-      bt(!1), be.value = !1;
+      we.value = !0, bt(!0);
+    }
+    function Bo() {
+      bt(!1), we.value = !1;
     }
     function At({
-      tooltipRef: f,
+      tooltipRef: h,
       isVisibleRef: p,
-      anchorRef: h,
-      styleRef: w,
+      anchorRef: d,
+      styleRef: b,
       placementRef: O,
       offsetRef: A,
-      margin: E = 24
+      margin: C = 24
     }) {
       return function() {
-        const W = f.value;
+        const W = h.value;
         if (!W || !p.value) return;
-        const S = W.getBoundingClientRect(), T = window.innerWidth, B = window.innerHeight, Y = h.value.x, q = h.value.y, U = A?.value?.x ?? 0, ae = A?.value?.y ?? 0;
-        let D = q - ae - S.height - E, Z = Y - S.width / 2, _e = "top";
-        if (D < E) {
-          const he = q + ae + E;
-          he + S.height <= B - E ? (D = he, _e = "bottom") : (D = q - S.height / 2, D < E && (D = E), D + S.height > B - E && (D = B - S.height - E), _e = "center");
+        const S = W.getBoundingClientRect(), T = window.innerWidth, B = window.innerHeight, Y = d.value.x, q = d.value.y, U = A?.value?.x ?? 0, le = A?.value?.y ?? 0;
+        let D = q - le - S.height - C, Z = Y - S.width / 2, _e = "top";
+        if (D < C) {
+          const ge = q + le + C;
+          ge + S.height <= B - C ? (D = ge, _e = "bottom") : (D = q - S.height / 2, D < C && (D = C), D + S.height > B - C && (D = B - S.height - C), _e = "center");
         }
-        Z < E && (Z = E), Z + S.width > T - E && (Z = T - S.width - E);
-        const on = Z <= E, nn = Z + S.width >= T - E;
-        if ((on || nn) && _e !== "center") {
-          let he, xe;
-          const sn = Y - U - E;
-          T - (Y + U) - E >= sn ? (he = "right", xe = Y + U + E) : (he = "left", xe = Y - U - E - S.width), xe >= E && xe + S.width <= T - E && (Z = xe, D = q - S.height / 2, D < E && (D = E), D + S.height > B - E && (D = B - S.height - E), _e = he);
+        Z < C && (Z = C), Z + S.width > T - C && (Z = T - S.width - C);
+        const nn = Z <= C, sn = Z + S.width >= T - C;
+        if ((nn || sn) && _e !== "center") {
+          let ge, xe;
+          const rn = Y - U - C;
+          T - (Y + U) - C >= rn ? (ge = "right", xe = Y + U + C) : (ge = "left", xe = Y - U - C - S.width), xe >= C && xe + S.width <= T - C && (Z = xe, D = q - S.height / 2, D < C && (D = C), D + S.height > B - C && (D = B - S.height - C), _e = ge);
         }
-        O.value = _e, w.value = {
+        O.value = _e, b.value = {
           left: `${Z}px`,
           top: `${D}px`
         };
       };
     }
-    const $o = H(() => yt.value.nodes.map((f) => ({
-      ...f,
-      backgroundColor: f.backgroundColor ? Ut(f.backgroundColor) : u.value.style.chart.nodes.backgroundColor,
-      color: f.color ? Ut(f.color) : u.value.style.chart.nodes.labels.color
-    }))), Bo = H(() => yt.value.edges), zo = H(() => ({
+    const zo = H(() => yt.value.nodes.map((h) => ({
+      ...h,
+      backgroundColor: h.backgroundColor ? Xt(h.backgroundColor) : u.value.style.chart.nodes.backgroundColor,
+      color: h.color ? Xt(h.color) : u.value.style.chart.nodes.labels.color
+    }))), Vo = H(() => yt.value.edges), Io = H(() => ({
       ...u.value.style.chart.layout,
       rankDirection: ee.value
-    })), { layoutData: k, lastError: St, arrowMarkerIdentifier: Vo } = Cr({
-      nodes: $o,
-      edges: Bo,
-      configuration: zo
+    })), { layoutData: k, lastError: St, arrowMarkerIdentifier: Go } = Cr({
+      nodes: zo,
+      edges: Vo,
+      configuration: Io
     });
-    function Lt(f) {
-      return k.value ? k.value.nodes.find((p) => p.id === f) : null;
+    function Lt(h) {
+      return k.value ? k.value.nodes.find((p) => p.id === h) : null;
     }
-    const Io = H(() => {
+    const jo = H(() => {
       if (!k.value) return [];
-      const f = u.value.style.chart.edges.stroke, p = /* @__PURE__ */ new Set();
-      return k.value.edges.forEach((h) => {
-        p.add(h.original?.color || f);
+      const h = u.value.style.chart.edges.stroke, p = /* @__PURE__ */ new Set();
+      return k.value.edges.forEach((d) => {
+        p.add(d.original?.color || h);
       }), Array.from(p);
     });
-    function Mt(f) {
-      return `${Vo}-${String(f).replace(/[^a-zA-Z0-9_-]/g, "_")}`;
+    function Mt(h) {
+      return `${Go}-${String(h).replace(/[^a-zA-Z0-9_-]/g, "_")}`;
     }
     const Ot = H(() => {
-      const f = j.value, p = Q.value, h = Number(f), w = Number(p), O = Number.isFinite(h) && h > 0, A = Number.isFinite(w) && w > 0;
+      const h = j.value, p = Q.value, d = Number(h), b = Number(p), O = Number.isFinite(d) && d > 0, A = Number.isFinite(b) && b > 0;
       return !O && !A ? null : {
-        width: O ? h : null,
-        height: A ? w : null
+        width: O ? d : null,
+        height: A ? b : null
       };
-    }), Ce = y(null), de = y(u.value.style.chart.zoom.active), {
-      viewBox: fe,
-      resetZoom: $e,
-      setInitialViewBox: Go,
+    }), re = E(null), he = E(u.value.style.chart.zoom.active), {
+      viewBox: me,
+      resetZoom: Be,
+      setInitialViewBox: Wo,
       scale: Dt,
       zoomByFactor: Rt
     } = bn(
       se,
       { x: 0, y: 0, width: 100, height: 100 },
       1,
-      de,
+      he,
       () => {
         ne.value = !1;
       }
     );
-    function jo() {
-      de.value = !de.value;
+    function Yo() {
+      he.value = !he.value;
     }
     function Tt() {
-      const f = k.value && k.value.viewBox;
-      if (!f) return;
-      const p = String(f).split(" ").map(Number);
+      const h = k.value && k.value.viewBox;
+      if (!h) return;
+      const p = String(h).split(" ").map(Number);
       if (p.length !== 4) return;
-      const [h, w, O, A] = p;
-      if (!Number.isFinite(h) || !Number.isFinite(w) || !Number.isFinite(O) || !Number.isFinite(A))
+      const [d, b, O, A] = p;
+      if (!Number.isFinite(d) || !Number.isFinite(b) || !Number.isFinite(O) || !Number.isFinite(A))
         return;
-      let E = O, R = A, W = h, S = w;
+      let C = O, R = A, W = d, S = b;
       const T = Ot.value;
-      T && (T.width !== null && (E = T.width), T.height !== null && (R = T.height), W = h - (E - O) / 2, S = w - (R - A) / 2), Go(
-        { x: W, y: S, width: E, height: R },
+      T && (T.width !== null && (C = T.width), T.height !== null && (R = T.height), W = d - (C - O) / 2, S = b - (R - A) / 2), Wo(
+        { x: W, y: S, width: C, height: R },
         { overwriteCurrentIfNotZoomed: !0 }
       );
     }
@@ -2137,36 +2137,36 @@ const _o = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", bac
       () => {
         Tt();
       }
-    ), Ae(() => ke.value, (f) => {
-      de.value = !f;
+    ), Ae(() => Ee.value, (h) => {
+      he.value = !h;
     });
-    const Wo = H(() => {
-      const f = fe.value;
-      return f ? `${f.x} ${f.y} ${f.width} ${f.height}` : "0 0 0 0";
-    }), re = y(!1);
-    function Pt(f) {
-      re.value = f, J.value += 1;
+    const Ho = H(() => {
+      const h = me.value;
+      return h ? `${h.x} ${h.y} ${h.width} ${h.height}` : "0 0 0 0";
+    }), ie = E(!1);
+    function Pt(h) {
+      ie.value = h, J.value += 1;
     }
     function Ue() {
-      ke.value = !ke.value;
+      Ee.value = !Ee.value;
     }
     function Ze() {
-      Rt(lo, !0);
+      Rt(uo, !0);
     }
     function Xe() {
-      Rt(1 / lo, !0);
+      Rt(1 / uo, !0);
     }
     const qe = ["TB", "RL", "BT", "LR"];
     function Ke() {
-      ee.value = qe[(qe.indexOf(ee.value) + 1) % qe.length], $e();
+      ee.value = qe[(qe.indexOf(ee.value) + 1) % qe.length], Be();
     }
-    const Yo = At({
-      tooltipRef: Te,
+    const Uo = At({
+      tooltipRef: Pe,
       isVisibleRef: Fe,
-      anchorRef: Re,
-      styleRef: Pe,
-      placementRef: we
-    }), Ho = At({
+      anchorRef: Te,
+      styleRef: $e,
+      placementRef: ye
+    }), Zo = At({
       tooltipRef: Ge,
       isVisibleRef: ne,
       anchorRef: gt,
@@ -2174,170 +2174,170 @@ const _o = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", bac
       placementRef: pt,
       offsetRef: vt
     });
-    async function Uo(f) {
-      d("onMidpointEnter", f);
+    async function Xo(h) {
+      f("onMidpointEnter", h);
       const p = se.value;
-      if (!p || !f?.midpoint) return;
-      const h = p.createSVGPoint();
-      h.x = f.midpoint.x, h.y = f.midpoint.y;
-      const w = p.getScreenCTM();
-      if (!w) return;
-      const O = h.matrixTransform(w);
-      Re.value = {
+      if (!p || !h?.midpoint) return;
+      const d = p.createSVGPoint();
+      d.x = h.midpoint.x, d.y = h.midpoint.y;
+      const b = p.getScreenCTM();
+      if (!b) return;
+      const O = d.matrixTransform(b);
+      Te.value = {
         x: O.x,
         y: O.y
-      }, G.value = f, Fe.value = !0, await Ne(), Yo();
+      }, G.value = h, Fe.value = !0, await Ne(), Uo();
     }
-    function Zo() {
-      Fe.value = !1, G.value = null, d("onMidpointLeave");
+    function qo() {
+      Fe.value = !1, G.value = null, f("onMidpointLeave");
     }
-    async function Xo(f) {
-      if (d("onNodeClick", f), !u.value.style.chart.nodes.tooltip.showOnClick) return;
+    async function $t(h) {
+      if (f("onNodeClick", h), !u.value.style.chart.nodes.tooltip.showOnClick) return;
       const p = se.value;
       if (!p) return;
-      const h = p.createSVGPoint();
-      h.x = f.x, h.y = f.y;
-      const w = p.getScreenCTM();
-      if (!w) return;
-      const O = h.matrixTransform(w), A = u.value.style.chart.layout.nodeWidth, E = u.value.style.chart.layout.nodeHeight, R = w.a, W = w.d, S = A * R, T = E * W;
+      const d = p.createSVGPoint();
+      d.x = h.x, d.y = h.y;
+      const b = p.getScreenCTM();
+      if (!b) return;
+      const O = d.matrixTransform(b), A = u.value.style.chart.layout.nodeWidth, C = u.value.style.chart.layout.nodeHeight, R = b.a, W = b.d, S = A * R, T = C * W;
       vt.value = {
         x: S / 2,
         y: T / 2
       }, gt.value = {
         x: O.x,
         y: O.y
-      }, ye.value = f, ne.value = !0, await Ne(), Ho();
+      }, ke.value = h, ne.value = !0, await Ne(), Zo();
     }
     function Ft() {
-      ne.value = !1, ye.value = null;
+      ne.value = !1, ke.value = null;
     }
-    function $t(f) {
+    function Bt(h) {
       if (!ne.value) return;
       const p = Ge.value;
-      if (p && p.contains(f.target))
+      if (p && p.contains(h.target))
         return;
-      const h = se.value;
-      h && h.contains(f.target) && f.target.closest(".vue-ui-dag-node") || Ft();
+      const d = se.value;
+      d && d.contains(h.target) && h.target.closest(".vue-ui-dag-node") || Ft();
     }
-    function Bt(f) {
-      f.key === "Escape" && ne.value && Ft();
+    function zt(h) {
+      h.key === "Escape" && ne.value && Ft();
     }
-    It(() => {
-      document.addEventListener("mousedown", $t), document.addEventListener("keydown", Bt);
-    }), Gt(() => {
-      document.removeEventListener("mousedown", $t), document.removeEventListener("keydown", Bt), F.value && (I.value && F.value.unobserve(I.value), F.value.disconnect());
+    Gt(() => {
+      document.addEventListener("mousedown", Bt), document.addEventListener("keydown", zt);
+    }), jt(() => {
+      document.removeEventListener("mousedown", Bt), document.removeEventListener("keydown", zt), $.value && (I.value && $.value.unobserve(I.value), $.value.disconnect());
     });
-    function zt() {
+    function Vt() {
       if (!u.value.responsive) {
-        F.value && (I.value && F.value.unobserve(I.value), F.value.disconnect(), F.value = null, I.value = null);
+        $.value && (I.value && $.value.unobserve(I.value), $.value.disconnect(), $.value = null, I.value = null);
         return;
       }
-      const f = vn(() => {
+      const h = vn(() => {
         if (!m.value) return;
-        const { width: p, height: h } = pn({
+        const { width: p, height: d } = pn({
           chart: m.value,
-          title: u.value.style.chart.title.text ? b.value : null,
-          legend: u.value.style.chart.controls.show ? _.value?.$el : null,
+          title: u.value.style.chart.title.text ? w.value : null,
+          legend: u.value.style.chart.controls.show ? x.value?.$el : null,
           source: N.value
         });
         requestAnimationFrame(() => {
-          j.value = Math.max(0.1, p), Q.value = Math.max(0.1, h - 12);
+          j.value = Math.max(0.1, p), Q.value = Math.max(0.1, d - 12);
         });
       });
-      F.value && (I.value && F.value.unobserve(I.value), F.value.disconnect()), F.value = new ResizeObserver(f), I.value = m.value ? m.value.parentNode : null, I.value && F.value.observe(I.value), f();
+      $.value && (I.value && $.value.unobserve(I.value), $.value.disconnect()), $.value = new ResizeObserver(h), I.value = m.value ? m.value.parentNode : null, I.value && $.value.observe(I.value), h();
     }
-    function qo(f, p = {}) {
+    function Ko(h, p = {}) {
       const {
-        direction: h = -1,
-        mode: w = "oneLapNearest",
+        direction: d = -1,
+        mode: b = "oneLapNearest",
         dasharray: O = null
       } = p;
-      if (!f || typeof f.getTotalLength != "function")
+      if (!h || typeof h.getTotalLength != "function")
         return He.value && console.warn(
           "VueUiDag @getIdealDashoffsetDelta: invalid path element",
-          f
+          h
         ), 0;
-      const A = f.getTotalLength(), E = O ?? f.getAttribute("stroke-dasharray") ?? (typeof getComputedStyle == "function" ? getComputedStyle(f).strokeDasharray : ""), R = Y(E);
+      const A = h.getTotalLength(), C = O ?? h.getAttribute("stroke-dasharray") ?? (typeof getComputedStyle == "function" ? getComputedStyle(h).strokeDasharray : ""), R = Y(C);
       if (!Number.isFinite(R) || R <= 0)
-        return h * A;
+        return d * A;
       const W = Math.max(1, Math.round(A / R)), S = Math.max(1, Math.ceil(A / R)), T = Math.max(1, Math.floor(A / R));
       let B;
-      return w === "pattern" ? B = R : w === "oneLapCeil" ? B = S * R : w === "oneLapFloor" ? B = T * R : B = W * R, h * B;
+      return b === "pattern" ? B = R : b === "oneLapCeil" ? B = S * R : b === "oneLapFloor" ? B = T * R : B = W * R, d * B;
       function Y(q) {
         if (!q || q === "none") return NaN;
         const U = String(q).replace(/,/g, " ").trim().split(/\s+/).map((D) => Number.parseFloat(D)).filter((D) => Number.isFinite(D));
         if (!U.length) return NaN;
-        const ae = U.reduce((D, Z) => D + Z, 0);
-        return U.length % 2 === 1 ? ae * 2 : ae;
+        const le = U.reduce((D, Z) => D + Z, 0);
+        return U.length % 2 === 1 ? le * 2 : le;
       }
     }
-    const Je = y(/* @__PURE__ */ new Map()), Qe = y(/* @__PURE__ */ new Map());
-    function Ko(f) {
-      return function(h) {
-        h ? Je.value.set(f, h) : Je.value.delete(f);
+    const Je = E(/* @__PURE__ */ new Map()), Qe = E(/* @__PURE__ */ new Map());
+    function Jo(h) {
+      return function(d) {
+        d ? Je.value.set(h, d) : Je.value.delete(h);
       };
     }
-    function Vt() {
-      Qe.value.forEach((f) => {
+    function It() {
+      Qe.value.forEach((h) => {
         try {
-          f.cancel();
+          h.cancel();
         } catch {
         }
       }), Qe.value.clear();
     }
-    function Jo() {
-      Vt();
-      const f = k.value?.edges ?? [];
-      if (!f.length) return;
-      const p = u.value.style.chart.edges.animations, h = Number(p.referenceDistance) > 0 ? Number(p.referenceDistance) : 24;
-      f.forEach((w) => {
-        if (!!!w?.original?.animated) return;
-        const A = Je.value.get(w.id);
+    function Qo() {
+      It();
+      const h = k.value?.edges ?? [];
+      if (!h.length) return;
+      const p = u.value.style.chart.edges.animations, d = Number(p.referenceDistance) > 0 ? Number(p.referenceDistance) : 24;
+      h.forEach((b) => {
+        if (!!!b?.original?.animated) return;
+        const A = Je.value.get(b.id);
         if (!A) return;
-        const E = w?.original?.dasharray ?? p.dasharray;
-        A.style.strokeDasharray = String(E), A.style.strokeDashoffset = "0";
-        const R = ![void 0, null].includes(w?.original?.animationDirection), W = ![void 0, null].includes(p.animationDirection), S = R ? Number(w.original.animationDirection) : W ? Number(p.animationDirection) : -1, T = qo(A, {
+        const C = b?.original?.dasharray ?? p.dasharray;
+        A.style.strokeDasharray = String(C), A.style.strokeDashoffset = "0";
+        const R = ![void 0, null].includes(b?.original?.animationDirection), W = ![void 0, null].includes(p.animationDirection), S = R ? Number(b.original.animationDirection) : W ? Number(p.animationDirection) : -1, T = Ko(A, {
           direction: S,
           mode: "oneLapNearest",
-          dasharray: String(E)
-        }), B = w?.original?.animationDurationMs ?? p.animationDurationMs ?? 1e3, Y = Number(B), U = Number.isFinite(Y) && Y > 0 ? h / Y : h / 1e3, ae = Math.max(1, Math.round(Math.abs(T) / Math.max(1e-9, U))), D = A.animate(
+          dasharray: String(C)
+        }), B = b?.original?.animationDurationMs ?? p.animationDurationMs ?? 1e3, Y = Number(B), U = Number.isFinite(Y) && Y > 0 ? d / Y : d / 1e3, le = Math.max(1, Math.round(Math.abs(T) / Math.max(1e-9, U))), D = A.animate(
           [{ strokeDashoffset: 0 }, { strokeDashoffset: T }],
-          { duration: ae, iterations: 1 / 0, easing: "linear" }
+          { duration: le, iterations: 1 / 0, easing: "linear" }
         );
-        Qe.value.set(w.id, D);
+        Qe.value.set(b.id, D);
       });
     }
     Ae(
       () => k.value && k.value.edges,
       async () => {
-        await Ne(), Jo();
+        await Ne(), Qo();
       },
       { deep: !0, immediate: !0 }
-    ), Gt(() => {
-      Vt();
+    ), jt(() => {
+      It();
     });
-    async function Qo({ scale: f = 2 } = {}) {
+    async function en({ scale: h = 2 } = {}) {
       if (!m.value) return;
-      const { width: p, height: h } = m.value.getBoundingClientRect(), w = p / h, { imageUri: O, base64: A } = await Sn({ domElement: m.value, base64: !0, img: !0, scale: f });
+      const { width: p, height: d } = m.value.getBoundingClientRect(), b = p / d, { imageUri: O, base64: A } = await Sn({ domElement: m.value, base64: !0, img: !0, scale: h });
       return {
         imageUri: O,
         base64: A,
         title: u.value.style.chart.title.text ?? "vue-ui-dag",
         width: p,
-        height: h,
-        aspectRatio: w
+        height: d,
+        aspectRatio: b
       };
     }
-    const ie = H(() => {
-      const f = Number(u.value.style.chart.layout.nodeHeight);
-      return Number.isFinite(f) && f > 0 ? f / u.value.style.chart.backgroundPattern.spacingRatio : 12;
-    }), en = H(() => ie.value * (u.value.style.chart.backgroundPattern.dotRadiusRatio / 100));
-    function tn() {
+    const ae = H(() => {
+      const h = Number(u.value.style.chart.layout.nodeHeight);
+      return Number.isFinite(h) && h > 0 ? h / u.value.style.chart.backgroundPattern.spacingRatio : 12;
+    }), tn = H(() => ae.value * (u.value.style.chart.backgroundPattern.dotRadiusRatio / 100));
+    function on() {
       return k.value;
     }
     return t({
-      getData: tn,
-      getImage: Qo,
+      getData: on,
+      getImage: en,
       generatePdf: _t,
       generateSvg: Nt,
       generateImage: xt,
@@ -2345,51 +2345,51 @@ const _o = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", bac
       toggleFullscreen: Pt,
       zoomIn: Ze,
       zoomOut: Xe,
-      resetZoom: $e,
+      resetZoom: Be,
       switchDirection: Ke
-    }), (f, p) => (C(), x("div", {
-      class: jt(`vue-data-ui-component vue-ui-dag ${re.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${u.value.responsive ? "vue-ui-dag-responsive" : ""}`),
+    }), (h, p) => (y(), _("div", {
+      class: Wt(`vue-data-ui-component vue-ui-dag ${ie.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${u.value.responsive ? "vue-ui-dag-responsive" : ""}`),
       id: `dag_${g.value}`,
       ref_key: "dagChart",
       ref: m,
-      style: le({
+      style: ce({
         fontFamily: u.value.style.fontFamily,
         backgroundColor: u.value.style.chart.backgroundColor,
         padding: "0.5rem"
       }),
-      onMouseenter: Po,
-      onMouseleave: Fo
+      onMouseenter: Fo,
+      onMouseleave: Bo
     }, [
-      v(St) ? (C(), x("div", xr, Se(String(v(St))), 1)) : L("", !0),
-      u.value.userOptions.buttons.annotator ? (C(), te(v(n), {
+      v(St) ? (y(), _("div", xr, Se(String(v(St))), 1)) : L("", !0),
+      u.value.userOptions.buttons.annotator ? (y(), te(v(n), {
         key: 1,
         svgRef: v(se),
         backgroundColor: u.value.style.chart.backgroundColor,
         color: u.value.style.chart.color,
-        active: ke.value,
+        active: Ee.value,
         onClose: Ue
       }, {
-        "annotator-action-close": $(() => [
-          M(f.$slots, "annotator-action-close", {}, void 0, !0)
+        "annotator-action-close": F(() => [
+          M(h.$slots, "annotator-action-close", {}, void 0, !0)
         ]),
-        "annotator-action-color": $(({ color: h }) => [
-          M(f.$slots, "annotator-action-color", z(V({ color: h })), void 0, !0)
+        "annotator-action-color": F(({ color: d }) => [
+          M(h.$slots, "annotator-action-color", z(V({ color: d })), void 0, !0)
         ]),
-        "annotator-action-draw": $(({ mode: h }) => [
-          M(f.$slots, "annotator-action-draw", z(V({ mode: h })), void 0, !0)
+        "annotator-action-draw": F(({ mode: d }) => [
+          M(h.$slots, "annotator-action-draw", z(V({ mode: d })), void 0, !0)
         ]),
-        "annotator-action-undo": $(({ disabled: h }) => [
-          M(f.$slots, "annotator-action-undo", z(V({ disabled: h })), void 0, !0)
+        "annotator-action-undo": F(({ disabled: d }) => [
+          M(h.$slots, "annotator-action-undo", z(V({ disabled: d })), void 0, !0)
         ]),
-        "annotator-action-redo": $(({ disabled: h }) => [
-          M(f.$slots, "annotator-action-redo", z(V({ disabled: h })), void 0, !0)
+        "annotator-action-redo": F(({ disabled: d }) => [
+          M(h.$slots, "annotator-action-redo", z(V({ disabled: d })), void 0, !0)
         ]),
-        "annotator-action-delete": $(({ disabled: h }) => [
-          M(f.$slots, "annotator-action-delete", z(V({ disabled: h })), void 0, !0)
+        "annotator-action-delete": F(({ disabled: d }) => [
+          M(h.$slots, "annotator-action-delete", z(V({ disabled: d })), void 0, !0)
         ]),
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active"])) : L("", !0),
-      u.value.userOptions.show && ue.value && (v(wt) || v(We)) ? (C(), te(v(s), {
+      u.value.userOptions.show && fe.value && (v(wt) || v(We)) ? (y(), te(v(s), {
         ref: "userOptionsRef",
         key: `user_option_${J.value}`,
         backgroundColor: u.value.style.chart.backgroundColor,
@@ -2405,83 +2405,83 @@ const _o = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", bac
         hasImg: u.value.userOptions.buttons.img,
         hasSvg: u.value.userOptions.buttons.svg,
         hasFullscreen: u.value.userOptions.buttons.fullscreen,
-        isFullscreen: re.value,
+        isFullscreen: ie.value,
         chartElement: m.value,
         position: u.value.userOptions.position,
         titles: { ...u.value.userOptions.buttonTitles },
         hasAnnotator: u.value.userOptions.buttons.annotator,
-        isAnnotation: ke.value,
+        isAnnotation: Ee.value,
         callbacks: u.value.userOptions.callbacks,
         printScale: u.value.userOptions.print.scale,
         hasZoom: u.value.userOptions.buttons.zoom,
-        isZoom: de.value,
+        isZoom: he.value,
         onToggleFullscreen: Pt,
         onGeneratePdf: v(_t),
         onGenerateImage: v(xt),
         onGenerateSvg: Nt,
         onToggleAnnotator: Ue,
-        onToggleZoom: jo,
-        style: le({
+        onToggleZoom: Yo,
+        style: ce({
           visibility: v(wt) ? v(We) ? "visible" : "hidden" : "visible"
         })
-      }, ln({ _: 2 }, [
-        f.$slots.menuIcon ? {
+      }, cn({ _: 2 }, [
+        h.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: $(({ isOpen: h, color: w }) => [
-            M(f.$slots, "menuIcon", z(V({ isOpen: h, color: w })), void 0, !0)
+          fn: F(({ isOpen: d, color: b }) => [
+            M(h.$slots, "menuIcon", z(V({ isOpen: d, color: b })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
-        f.$slots.optionPdf ? {
+        h.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: $(() => [
-            M(f.$slots, "optionPdf", {}, void 0, !0)
+          fn: F(() => [
+            M(h.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
-        f.$slots.optionImg ? {
+        h.$slots.optionImg ? {
           name: "optionImg",
-          fn: $(() => [
-            M(f.$slots, "optionImg", {}, void 0, !0)
+          fn: F(() => [
+            M(h.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
-        f.$slots.optionSvg ? {
+        h.$slots.optionSvg ? {
           name: "optionSvg",
-          fn: $(() => [
-            M(f.$slots, "optionSvg", {}, void 0, !0)
+          fn: F(() => [
+            M(h.$slots, "optionSvg", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
-        f.$slots.optionFullscreen ? {
+        h.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: $(({ toggleFullscreen: h, isFullscreen: w }) => [
-            M(f.$slots, "optionFullscreen", z(V({ toggleFullscreen: h, isFullscreen: w })), void 0, !0)
+          fn: F(({ toggleFullscreen: d, isFullscreen: b }) => [
+            M(h.$slots, "optionFullscreen", z(V({ toggleFullscreen: d, isFullscreen: b })), void 0, !0)
           ]),
           key: "4"
         } : void 0,
-        f.$slots.optionAnnotator ? {
+        h.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: $(({ toggleAnnotator: h, isAnnotator: w }) => [
-            M(f.$slots, "optionAnnotator", z(V({ toggleAnnotator: h, isAnnotator: w })), void 0, !0)
+          fn: F(({ toggleAnnotator: d, isAnnotator: b }) => [
+            M(h.$slots, "optionAnnotator", z(V({ toggleAnnotator: d, isAnnotator: b })), void 0, !0)
           ]),
           key: "5"
         } : void 0,
-        f.$slots.optionZoom ? {
+        h.$slots.optionZoom ? {
           name: "optionZoom",
-          fn: $(({ toggleZoom: h, isZoomLocked: w }) => [
-            M(f.$slots, "optionZoom", z(V({ toggleZoom: h, isZoomLocked: w })), void 0, !0)
+          fn: F(({ toggleZoom: d, isZoomLocked: b }) => [
+            M(h.$slots, "optionZoom", z(V({ toggleZoom: d, isZoomLocked: b })), void 0, !0)
           ]),
           key: "6"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasSvg", "hasFullscreen", "isFullscreen", "chartElement", "position", "titles", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "hasZoom", "isZoom", "onGeneratePdf", "onGenerateImage", "style"])) : L("", !0),
-      u.value.style.chart.title.text ? (C(), x("div", {
+      u.value.style.chart.title.text ? (y(), _("div", {
         key: 3,
         ref_key: "chartTitle",
-        ref: b,
+        ref: w,
         style: "width:100%;background:transparent;"
       }, [
-        (C(), te(An, {
+        (y(), te(An, {
           key: `title_${P.value}`,
           config: {
             title: {
@@ -2495,70 +2495,70 @@ const _o = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", bac
           }
         }, null, 8, ["config"]))
       ], 512)) : L("", !0),
-      u.value.style.chart.controls.position === "top" && !v(Ee) && u.value.style.chart.controls.show ? (C(), te(Zt, {
+      u.value.style.chart.controls.position === "top" && !v(Ce) && u.value.style.chart.controls.show ? (y(), te(qt, {
         key: 4,
         ref_key: "zoomControls",
-        ref: _,
+        ref: x,
         config: u.value,
         scale: v(Dt),
-        isFullscreen: re.value,
+        isFullscreen: ie.value,
         withDirection: "",
         onZoomIn: Ze,
         onZoomOut: Xe,
-        onResetZoom: p[0] || (p[0] = () => v($e)(!0)),
+        onResetZoom: p[0] || (p[0] = () => v(Be)(!0)),
         onSwitchDirection: Ke
       }, null, 8, ["config", "scale", "isFullscreen"])) : L("", !0),
-      v(k) ? (C(), x("svg", {
+      v(k) ? (y(), _("svg", {
         key: 5,
         ref_key: "svgRef",
         ref: se,
-        class: jt({ "vue-ui-dag-svg": !0, "vue-data-ui-loading": v(Ee) }),
-        viewBox: Wo.value,
+        class: Wt({ "vue-ui-dag-svg": !0, "vue-data-ui-loading": v(Ce) }),
+        viewBox: Ho.value,
         xmlns: v(mn),
-        style: le({
+        style: ce({
           backgroundColor: u.value.style.chart.backgroundColor,
           height: "100%",
           width: "100%"
         })
       }, [
         tt(v(i)),
-        u.value.style.chart.backgroundPattern.show ? (C(), x("defs", Ar, [
+        u.value.style.chart.backgroundPattern.show ? (y(), _("defs", Ar, [
           K("pattern", {
             id: `dag_bg_pattern_${g.value}`,
             patternUnits: "userSpaceOnUse",
-            width: ie.value,
-            height: ie.value
+            width: ae.value,
+            height: ae.value
           }, [
-            M(f.$slots, "background-pattern", z(V({
-              x: ie.value / 2,
-              y: ie.value / 2,
+            M(h.$slots, "background-pattern", z(V({
+              x: ae.value / 2,
+              y: ae.value / 2,
               color: u.value.style.chart.backgroundPattern.dotColor
             })), () => [
               K("circle", {
-                cx: ie.value / 2,
-                cy: ie.value / 2,
-                r: en.value,
+                cx: ae.value / 2,
+                cy: ae.value / 2,
+                r: tn.value,
                 fill: u.value.style.chart.backgroundPattern.dotColor
               }, null, 8, Lr)
             ], !0)
           ], 8, Sr)
         ])) : L("", !0),
-        u.value.style.chart.backgroundPattern.show ? (C(), x("rect", {
+        u.value.style.chart.backgroundPattern.show ? (y(), _("rect", {
           key: 1,
-          x: v(fe)?.x ?? 0,
-          y: v(fe)?.y ?? 0,
-          width: v(fe)?.width ?? 0,
-          height: v(fe)?.height ?? 0,
+          x: v(me)?.x ?? 0,
+          y: v(me)?.y ?? 0,
+          width: v(me)?.width ?? 0,
+          height: v(me)?.height ?? 0,
           fill: `url(#dag_bg_pattern_${g.value})`,
-          style: le({
+          style: ce({
             pointerEvents: "none",
             opacity: u.value.style.chart.backgroundPattern.opacity
           })
         }, null, 12, Mr)) : L("", !0),
-        v(k).arrowShape !== "undirected" ? (C(), x("defs", Or, [
-          (C(!0), x(me, null, Be(Io.value, (h) => (C(), x("marker", {
-            key: h,
-            id: Mt(h),
+        v(k).arrowShape !== "undirected" ? (y(), _("defs", Or, [
+          (y(!0), _(ue, null, Le(jo.value, (d) => (y(), _("marker", {
+            key: d,
+            id: Mt(d),
             markerWidth: v(k).arrowSize,
             markerHeight: v(k).arrowSize,
             refX: v(k).arrowSize - 3,
@@ -2566,185 +2566,195 @@ const _o = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", bac
             orient: "auto",
             markerUnits: "strokeWidth"
           }, [
-            v(k).arrowShape === "normal" ? (C(), x("path", {
+            v(k).arrowShape === "normal" ? (y(), _("path", {
               key: 0,
               d: `M 0 0 L ${v(k).arrowSize} ${v(k).arrowSize / 2} L 0 ${v(k).arrowSize} Z`,
-              fill: h,
-              stroke: h,
+              fill: d,
+              stroke: d,
               "stroke-width": "0"
-            }, null, 8, Rr)) : (C(), x("path", {
+            }, null, 8, Rr)) : (y(), _("path", {
               key: 1,
               d: `M 0 0 L ${v(k).arrowSize} ${v(k).arrowSize / 2} L 0 ${v(k).arrowSize} L ${v(k).arrowSize / 3} ${v(k).arrowSize / 2} Z`,
-              fill: h,
-              stroke: h,
+              fill: d,
+              stroke: d,
               "stroke-width": "0"
             }, null, 8, Tr))
           ], 8, Dr))), 128))
         ])) : L("", !0),
         K("g", Pr, [
-          (C(!0), x(me, null, Be(v(k).edges, (h) => (C(), x(me, {
-            key: h.id
+          (y(!0), _(ue, null, Le(v(k).edges, (d) => (y(), _(ue, {
+            key: d.id
           }, [
             K("path", {
               "data-cy-edge": "",
               ref_for: !0,
-              ref: Ko(h.id),
-              d: h.pathData,
+              ref: Jo(d.id),
+              d: d.pathData,
               fill: "none",
-              stroke: h.original.color ?? u.value.style.chart.edges.stroke,
-              "stroke-width": u.value.style.chart.edges.strokeWidth * (h.from === Ce.value || h.id === G.value?.id ? 2 : 1),
+              stroke: d.original.color ?? u.value.style.chart.edges.stroke,
+              "stroke-width": u.value.style.chart.edges.strokeWidth * (d.from === re.value || d.id === G.value?.id ? 2 : 1),
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               style: { "pointer-events": "none", transition: "stroke-width 0.2s ease-in-out" }
-            }, null, 8, Fr),
-            u.value.style.chart.midpoints.show ? (C(), x("circle", {
+            }, null, 8, $r),
+            u.value.style.chart.midpoints.show ? (y(), _("circle", {
               key: 0,
               "data-cy-midpoint": "",
               class: "vue-ui-dag-edge-midpoint",
-              cx: h.midpoint.x,
-              cy: h.midpoint.y,
+              cx: d.midpoint.x,
+              cy: d.midpoint.y,
               r: u.value.style.chart.midpoints.radius,
               fill: u.value.style.chart.midpoints.fill,
-              stroke: h.original.color ?? u.value.style.chart.midpoints.stroke,
-              "stroke-width": u.value.style.chart.midpoints.strokeWidth * (h.from === Ce.value || h.id === G.value?.id ? 2 : 1),
+              stroke: d.original.color ?? u.value.style.chart.midpoints.stroke,
+              "stroke-width": u.value.style.chart.midpoints.strokeWidth * (d.from === re.value || d.id === G.value?.id ? 2 : 1),
               style: { transition: "stroke-width 0.2s ease-in-out" },
-              onMouseenter: (w) => Uo(h),
-              onMouseleave: Zo
-            }, null, 40, $r)) : L("", !0)
+              onMouseenter: (b) => Xo(d),
+              onMouseleave: qo
+            }, null, 40, Fr)) : L("", !0)
           ], 64))), 128))
         ]),
         K("g", Br, [
-          (C(!0), x(me, null, Be(v(k).nodes, (h) => (C(), x("g", {
-            key: h.id,
+          (y(!0), _(ue, null, Le(v(k).nodes, (d) => (y(), _("g", {
+            key: d.id,
             class: "vue-ui-dag-node",
-            onClick: cn((w) => u.value.style.chart.nodes.tooltip.showOnClick && Xo(h), ["stop"]),
-            onMouseenter: (w) => Ce.value = h.id,
-            onMouseleave: p[1] || (p[1] = (w) => Ce.value = null)
+            onClick: Yt((b) => u.value.style.chart.nodes.tooltip.showOnClick && $t(d), ["stop"]),
+            onMouseenter: (b) => re.value = d.id,
+            onMouseleave: p[1] || (p[1] = (b) => re.value = null)
           }, [
-            f.$slots.node ? L("", !0) : (C(), x(me, { key: 0 }, [
-              K("rect", {
-                "data-cy-node": "",
-                x: h.x - h.width / 2,
-                y: h.y - h.height / 2,
-                width: h.width,
-                height: h.height,
-                rx: u.value.style.chart.nodes.borderRadius,
-                fill: h.original.backgroundColor,
-                stroke: u.value.style.chart.nodes.stroke,
-                "stroke-width": u.value.style.chart.nodes.strokeWidth,
-                style: le({
-                  cursor: u.value.style.chart.nodes.tooltip.showOnClick ? "pointer" : "default"
-                })
-              }, null, 12, Vr),
-              f.$slots["node-label"] ? (C(), x("text", {
+            h.$slots.node ? L("", !0) : (y(), _("rect", {
+              key: 0,
+              "data-cy-node": "",
+              x: d.x - d.width / 2,
+              y: d.y - d.height / 2,
+              width: d.width,
+              height: d.height,
+              rx: u.value.style.chart.nodes.borderRadius,
+              fill: d.original.backgroundColor,
+              stroke: u.value.style.chart.nodes.stroke,
+              "stroke-width": u.value.style.chart.nodes.strokeWidth,
+              style: ce({
+                cursor: u.value.style.chart.nodes.tooltip.showOnClick ? "pointer" : "default"
+              })
+            }, null, 12, Vr)),
+            h.$slots.node ? (y(), _("foreignObject", {
+              key: 1,
+              x: d.x - d.width / 2,
+              y: d.y - d.height / 2,
+              width: d.width,
+              height: d.height
+            }, [
+              M(h.$slots, "node", ot({ ref_for: !0 }, { node: d, orientation: ee.value }), void 0, !0)
+            ], 8, Ir)) : L("", !0)
+          ], 40, zr))), 128))
+        ]),
+        K("g", Gr, [
+          (y(!0), _(ue, null, Le(v(k).edges, (d) => (y(), _("path", {
+            key: d.id,
+            d: d.pathData,
+            fill: "none",
+            stroke: "transparent",
+            "stroke-width": u.value.style.chart.edges.strokeWidth * (d.from === re.value || d.id === G.value?.id ? 1.3 : 1),
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "marker-end": v(k).arrowShape === "undirected" ? null : `url(#${Mt(d.original?.color || u.value.style.chart.edges.stroke)})`,
+            style: { "pointer-events": "none", transition: "stroke-width 0.2s ease-in-out" }
+          }, null, 8, jr))), 128))
+        ]),
+        K("g", Wr, [
+          (y(!0), _(ue, null, Le(v(k).nodes, (d) => (y(), _("g", {
+            key: d.id,
+            onClick: Yt((b) => u.value.style.chart.nodes.tooltip.showOnClick && $t(d), ["stop"]),
+            onMouseenter: (b) => re.value = d.id,
+            onMouseleave: p[2] || (p[2] = (b) => re.value = null)
+          }, [
+            h.$slots["free-node-label"] ? L("", !0) : (y(), _(ue, { key: 0 }, [
+              h.$slots["node-label"] ? (y(), _("text", {
                 key: 0,
-                x: h.x,
-                y: h.y + u.value.style.chart.nodes.labels.fontSize / 3,
+                x: d.x,
+                y: d.y + u.value.style.chart.nodes.labels.fontSize / 3,
                 "text-anchor": "middle",
                 "font-size": u.value.style.chart.nodes.labels.fontSize,
-                fill: h.original.color,
+                fill: d.original.color,
                 "font-weight": u.value.style.chart.nodes.labels.bold ? "bold" : "normal"
               }, [
-                M(f.$slots, "node-label", ot({ ref_for: !0 }, { node: h, orientation: ee.value }), () => [
-                  un(Se(h.label), 1)
+                M(h.$slots, "node-label", ot({ ref_for: !0 }, { node: d, orientation: ee.value }), () => [
+                  un(Se(d.label), 1)
                 ], !0)
-              ], 8, Ir)) : f.$slots["free-node-label"] ? L("", !0) : (C(), x("text", {
+              ], 8, Hr)) : !h.$slots["free-node-label"] && !h.$slots.node ? (y(), _("text", {
                 key: 1,
                 "data-cy-node-label": "",
-                x: h.x,
-                y: h.y + u.value.style.chart.nodes.labels.fontSize / 3,
+                x: d.x,
+                y: d.y + u.value.style.chart.nodes.labels.fontSize / 3,
                 "text-anchor": "middle",
                 "font-size": u.value.style.chart.nodes.labels.fontSize,
-                fill: h.original.color,
+                fill: d.original.color,
                 "font-weight": u.value.style.chart.nodes.labels.bold ? "bold" : "normal",
                 innerHTML: v(gn)({
-                  content: h.label,
+                  content: d.label,
                   fontSize: u.value.style.chart.nodes.labels.fontSize,
                   fontWeight: u.value.style.chart.nodes.labels.bold ? "bold" : "normal",
-                  fill: h.original.color,
-                  x: h.x,
-                  y: h.y,
+                  fill: d.original.color,
+                  x: d.x,
+                  y: d.y,
                   autoOffset: !0
                 })
-              }, null, 8, Gr))
+              }, null, 8, Ur)) : L("", !0)
             ], 64)),
-            f.$slots["free-node-label"] ? (C(), x("g", jr, [
-              M(f.$slots, "free-node-label", ot({ ref_for: !0 }, { node: h, layoutData: v(k), orientation: ee.value }), void 0, !0)
-            ])) : L("", !0),
-            f.$slots.node ? (C(), x("foreignObject", {
-              key: 2,
-              x: h.x - h.width / 2,
-              y: h.y - h.height / 2,
-              width: h.width,
-              height: h.height
-            }, [
-              M(f.$slots, "node", ot({ ref_for: !0 }, { node: h, orientation: ee.value }), void 0, !0)
-            ], 8, Wr)) : L("", !0)
-          ], 40, zr))), 128))
-        ]),
-        K("g", Yr, [
-          (C(!0), x(me, null, Be(v(k).edges, (h) => (C(), x("path", {
-            key: h.id,
-            d: h.pathData,
-            fill: "none",
-            stroke: "transparent",
-            "stroke-width": u.value.style.chart.edges.strokeWidth * (h.from === Ce.value || h.id === G.value?.id ? 1.3 : 1),
-            "stroke-linecap": "round",
-            "stroke-linejoin": "round",
-            "marker-end": v(k).arrowShape === "undirected" ? null : `url(#${Mt(h.original?.color || u.value.style.chart.edges.stroke)})`,
-            style: { "pointer-events": "none", transition: "stroke-width 0.2s ease-in-out" }
-          }, null, 8, Hr))), 128))
+            h.$slots["free-node-label"] ? (y(), _("g", Zr, [
+              M(h.$slots, "free-node-label", ot({ ref_for: !0 }, { node: d, layoutData: v(k), orientation: ee.value }), void 0, !0)
+            ])) : L("", !0)
+          ], 40, Yr))), 128))
         ]),
-        M(f.$slots, "svg", {
+        M(h.$slots, "svg", {
           svg: {
-            drawingArea: v(fe),
+            drawingArea: v(me),
             data: v(k),
             orientation: ee.value
           }
         }, void 0, !0)
       ], 14, Nr)) : L("", !0),
-      f.$slots.watermark ? (C(), x("div", Ur, [
-        M(f.$slots, "watermark", z(V({ isPrinting: v(Et) || v(Ct) })), void 0, !0)
+      h.$slots.watermark ? (y(), _("div", Xr, [
+        M(h.$slots, "watermark", z(V({ isPrinting: v(Et) || v(Ct) })), void 0, !0)
       ])) : L("", !0),
-      tt(Wt, { name: "fade" }, {
-        default: $(() => [
-          Fe.value ? (C(), te(Yt, {
+      tt(Ht, { name: "fade" }, {
+        default: F(() => [
+          Fe.value ? (y(), te(Ut, {
             key: 0,
-            to: re.value ? m.value : "body"
+            to: ie.value ? m.value : "body"
           }, [
             K("div", {
               "data-cy-tooltip-midpoint": "",
               ref_key: "tooltipRef",
-              ref: Te,
+              ref: Pe,
               class: "vue-ui-dag-tooltip",
-              style: le({
-                ...Pe.value,
+              style: ce({
+                ...$e.value,
                 maxWidth: u.value.style.chart.midpoints.tooltip.maxWidth,
                 "--vue-data-ui-dag-tooltip-background": u.value.style.chart.midpoints.tooltip.backgroundColor,
                 "--vue-data-ui-dag-tooltip-color": u.value.style.chart.midpoints.tooltip.color
               }),
-              "data-position": we.value
+              "data-position": ye.value
             }, [
-              M(f.$slots, "tooltip-midpoint", z(V({ edge: G.value, layoutData: v(k) })), () => [
-                G.value ? (C(), x("div", Xr, Se(Lt(G.value.from)?.label ?? G.value.from) + " → " + Se(Lt(G.value.to)?.label ?? G.value.to), 1)) : L("", !0)
+              M(h.$slots, "tooltip-midpoint", z(V({ edge: G.value, layoutData: v(k) })), () => [
+                G.value ? (y(), _("div", Kr, Se(Lt(G.value.from)?.label ?? G.value.from) + " → " + Se(Lt(G.value.to)?.label ?? G.value.to), 1)) : L("", !0)
               ], !0)
-            ], 12, Zr)
+            ], 12, qr)
           ], 8, ["to"])) : L("", !0)
         ]),
         _: 3
       }),
-      tt(Wt, { name: "fade" }, {
-        default: $(() => [
-          ne.value ? (C(), te(Yt, {
+      tt(Ht, { name: "fade" }, {
+        default: F(() => [
+          ne.value ? (y(), te(Ut, {
             key: 0,
-            to: re.value ? m.value : "body"
+            to: ie.value ? m.value : "body"
           }, [
             K("div", {
               "data-cy-tooltip-node": "",
               ref_key: "nodeTooltipRef",
               ref: Ge,
               class: "vue-ui-dag-node-tooltip",
-              style: le({
+              style: ce({
                 maxWidth: u.value.style.chart.nodes.tooltip.maxWidth,
                 left: je.value.left,
                 top: je.value.top,
@@ -2753,44 +2763,44 @@ const _o = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", bac
               }),
               "data-position": pt.value
             }, [
-              M(f.$slots, "tooltip-node", z(V({ node: ye.value, layoutData: v(k) })), () => [
-                ye.value ? (C(), x("div", Kr, Se(ye.value.label), 1)) : L("", !0)
+              M(h.$slots, "tooltip-node", z(V({ node: ke.value, layoutData: v(k) })), () => [
+                ke.value ? (y(), _("div", Qr, Se(ke.value.label), 1)) : L("", !0)
               ], !0)
-            ], 12, qr)
+            ], 12, Jr)
           ], 8, ["to"])) : L("", !0)
         ]),
         _: 3
       }),
-      u.value.style.chart.controls.position === "bottom" && !v(Ee) && u.value.style.chart.controls.show ? (C(), te(Zt, {
+      u.value.style.chart.controls.position === "bottom" && !v(Ce) && u.value.style.chart.controls.show ? (y(), te(qt, {
         key: 7,
         ref_key: "zoomControls",
-        ref: _,
+        ref: x,
         config: u.value,
         scale: v(Dt),
-        isFullscreen: re.value,
+        isFullscreen: ie.value,
         withDirection: "",
         onZoomIn: Ze,
         onZoomOut: Xe,
-        onResetZoom: p[2] || (p[2] = () => v($e)(!0)),
+        onResetZoom: p[3] || (p[3] = () => v(Be)(!0)),
         onSwitchDirection: Ke
       }, null, 8, ["config", "scale", "isFullscreen"])) : L("", !0),
-      f.$slots.source ? (C(), x("div", {
+      h.$slots.source ? (y(), _("div", {
         key: 8,
         ref_key: "source",
         ref: N,
         dir: "auto"
       }, [
-        M(f.$slots, "source", {}, void 0, !0)
+        M(h.$slots, "source", {}, void 0, !0)
       ], 512)) : L("", !0),
-      v(Ee) ? (C(), te(kn, { key: 9 })) : L("", !0)
+      v(Ce) ? (y(), te(kn, { key: 9 })) : L("", !0)
     ], 46, _r));
   }
-}, Qr = /* @__PURE__ */ Ln(Jr, [["__scopeId", "data-v-1a06cb38"]]), pi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, ti = /* @__PURE__ */ Ln(ei, [["__scopeId", "data-v-5cf3932e"]]), wi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Qr
+  default: ti
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  vi as a,
-  pi as b,
-  Qr as v
+  bi as a,
+  wi as b,
+  ti as v
 };