vue-data-ui 3.10.0 → 3.10.2

package/dist/{vue-ui-dag-BgB4pBHg.js → vue-ui-dag-BBGpjSzH.js}

@@ -1,19 +1,19 @@
-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, aB as dn, t as fn, o as hn, g as Zt, m as Xt, X as mn, as as gn } from "./lib-2iaAPQ_c.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-BCt4DMkT.js";
-import { u as yn, B as kn } from "./BaseScanner-BMpwQAfz.js";
-import { u as En } from "./usePrinter-ChVMpU2f.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-B5L2jweB.js";
-import { B as qt } from "./BaseZoomControls-B4rpv4Kk.js";
-import Sn from "./img-CqYIrJ8I.js";
-import { _ as Ln } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Mn = "\0", de = "\0", Kt = "
";
+import { ref as C, watchEffect as cn, unref as v, defineAsyncComponent as et, toRefs as un, computed as H, onMounted as Gt, nextTick as Ae, watch as Ne, 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 dn, createElementVNode as K, Fragment as ue, renderList as Le, withModifiers as Yt, mergeProps as ot, createTextVNode as fn, Transition as Ht, Teleport as Ut } from "vue";
+import { c as ut, aB as hn, t as mn, o as gn, g as Zt, m as Xt, X as vn, as as bn } from "./lib-CVHM9FhP.js";
+import { t as pn, u as wn } from "./useResponsive-DfdjqQps.js";
+import { u as yn } from "./usePanZoom-CDF7rb3o.js";
+import { u as kn, a as nt } from "./useNestedProp-Ckf_2P_V.js";
+import { u as Cn, B as En } from "./BaseScanner-BMpwQAfz.js";
+import { u as _n } from "./usePrinter-1NmjuP-i.js";
+import { u as xn } from "./useSvgExport-ByUukOZt.js";
+import { u as An } from "./useThemeCheck-D1ZYXUwG.js";
+import { u as Nn } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as Sn } from "./useChartAccessibility-9icAAmYg.js";
+import Ln from "./Title-NgeRXqRA.js";
+import { B as qt } from "./BaseZoomControls-Cb-Qq9_R.js";
+import Mn from "./img-6fNF_rG0.js";
+import { _ as On } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Dn = "\0", de = "\0", Kt = "
";
 class oe {
   _isDirected = !0;
   _isMultigraph = !1;
@@ -337,7 +337,7 @@ class oe {
     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);
+    const l = Rn(this._isDirected, t, o, n);
     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;
   }
   /**
@@ -419,9 +419,9 @@ function Me(e, t, o, n) {
     const r = s;
     s = i, i = r;
   }
-  return s + Kt + i + Kt + (n === void 0 ? Mn : n);
+  return s + Kt + i + Kt + (n === void 0 ? Dn : n);
 }
-function On(e, t, o, n) {
+function Rn(e, t, o, n) {
   let s = "" + t, i = "" + o;
   if (!e && s > i) {
     const a = s;
@@ -433,7 +433,7 @@ function On(e, t, o, n) {
 function st(e, t) {
   return Me(e, t.v, t.w, t.name);
 }
-class Dn {
+class Tn {
   constructor() {
     const t = {};
     t._next = t._prev = t, this._sentinel = t;
@@ -451,25 +451,25 @@ class Dn {
     const t = [], o = this._sentinel;
     let n = o._prev;
     for (; n !== o; )
-      t.push(JSON.stringify(n, Rn)), n = n._prev;
+      t.push(JSON.stringify(n, Pn)), n = n._prev;
     return "[" + t.join(", ") + "]";
   }
 }
 function eo(e) {
   e._prev._next = e._next, e._next._prev = e._prev, delete e._next, delete e._prev;
 }
-function Rn(e, t) {
+function Pn(e, t) {
   if (e !== "_next" && e !== "_prev")
     return t;
 }
-const Tn = () => 1;
-function Pn(e, t) {
+const $n = () => 1;
+function Fn(e, t) {
   if (e.nodeCount() <= 1)
     return [];
-  const o = Fn(e, t || Tn);
-  return $n(o.graph, o.buckets, o.zeroIndex).flatMap((s) => e.outEdges(s.v, s.w));
+  const o = zn(e, t || $n);
+  return Bn(o.graph, o.buckets, o.zeroIndex).flatMap((s) => e.outEdges(s.v, s.w));
 }
-function $n(e, t, o) {
+function Bn(e, t, o) {
   let n = [];
   const s = t[t.length - 1], i = t[0];
   let r;
@@ -498,7 +498,7 @@ function rt(e, t, o, n, s) {
     l.in -= a, dt(t, o, l);
   }), e.removeNode(n.v), i;
 }
-function Fn(e, t) {
+function zn(e, t) {
   const o = new oe();
   let n = 0, s = 0;
   e.nodes().forEach((a) => {
@@ -507,7 +507,7 @@ function Fn(e, t) {
     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;
+  const i = Vn(s + n + 3).map(() => new Tn()), r = n + 1;
   return o.nodes().forEach((a) => {
     dt(i, r, o.node(a));
   }), {
@@ -519,13 +519,13 @@ function Fn(e, t) {
 function dt(e, t, o) {
   o.out ? o.in ? e[o.out - o.in + t].enqueue(o) : e[e.length - 1].enqueue(o) : e[0].enqueue(o);
 }
-function Bn(e) {
+function Vn(e) {
   const t = [];
   for (let o = 0; o < e; o++)
     t.push(o);
   return t;
 }
-function pe(e, t, o, n) {
+function be(e, t, o, n) {
   let s = n;
   for (; e.hasNode(s); )
     s = Ve(n);
@@ -551,7 +551,7 @@ function ht(e) {
     t.setEdge(o, e.edge(o));
   }), t;
 }
-function zn(e) {
+function In(e) {
   const t = e.nodes().map((o) => {
     const n = {};
     return e.outEdges(o).forEach((s) => {
@@ -560,7 +560,7 @@ function zn(e) {
   });
   return Ie(e.nodes(), t);
 }
-function Vn(e) {
+function Gn(e) {
   const t = e.nodes().map((o) => {
     const n = {};
     return e.inEdges(o).forEach((s) => {
@@ -609,15 +609,15 @@ function mo(e) {
     });
   });
 }
-function In(e, t, o, n) {
+function jn(e, t, o, n) {
   const s = {
     width: 0,
     height: 0
   };
-  return arguments.length >= 4 && (s.rank = o, s.order = n), pe(e, "border", s, t);
+  return arguments.length >= 4 && (s.rank = o, s.order = n), be(e, "border", s, t);
 }
 const go = 65535;
-function Gn(e, t = go) {
+function Wn(e, t = go) {
   const o = [];
   for (let n = 0; n < e.length; n += t) {
     const s = e.slice(n, n + t);
@@ -627,7 +627,7 @@ function Gn(e, t = go) {
 }
 function X(e, t) {
   if (t.length > go) {
-    const o = Gn(t);
+    const o = Wn(t);
     return e.apply(
       null,
       o.map((n) => e.apply(null, n))
@@ -648,7 +648,7 @@ function vo(e, t) {
     t(n) ? o.lhs.push(n) : o.rhs.push(n);
   }), o;
 }
-function po(e, t) {
+function bo(e, t) {
   const o = Date.now();
   try {
     return t();
@@ -656,12 +656,12 @@ function po(e, t) {
     console.log(e + " time: " + (Date.now() - o) + "ms");
   }
 }
-function bo(e, t) {
+function po(e, t) {
   return t();
 }
-let jn = 0;
+let Yn = 0;
 function Ve(e) {
-  const t = ++jn;
+  const t = ++Yn;
   return e + String(t);
 }
 function ve(e, t, o = 1) {
@@ -691,8 +691,8 @@ function Ie(e, t) {
   return e.reduce((o, n, s) => (o[n] = t[s], o), {});
 }
 const ze = {
-  addBorderNode: In,
-  addDummyNode: pe,
+  addBorderNode: jn,
+  addDummyNode: be,
   applyWithChunking: X,
   asNonCompoundGraph: ht,
   buildLayerMatrix: De,
@@ -700,20 +700,20 @@ const ze = {
   mapValues: Re,
   maxRank: mt,
   normalizeRanks: ho,
-  notime: bo,
+  notime: po,
   partition: vo,
   pick: Oe,
-  predecessorWeights: Vn,
+  predecessorWeights: Gn,
   range: ve,
   removeEmptyRanks: mo,
   simplify: fo,
-  successorWeights: zn,
-  time: po,
+  successorWeights: In,
+  time: bo,
   uniqueId: Ve,
   zipObject: Ie
 };
-function Wn(e) {
-  (e.graph().acyclicer === "greedy" ? Pn(e, o(e)) : Hn(e)).forEach((n) => {
+function Hn(e) {
+  (e.graph().acyclicer === "greedy" ? Fn(e, o(e)) : Zn(e)).forEach((n) => {
     const s = e.edge(n);
     e.removeEdge(n), s.forwardName = n.name, s.reversed = !0, e.setEdge(n.w, n.v, s, Ve("rev"));
   });
@@ -721,7 +721,7 @@ function Wn(e) {
     return (s) => n.edge(s).weight;
   }
 }
-function Yn(e) {
+function Un(e) {
   e.edges().forEach((t) => {
     const o = e.edge(t);
     if (o.reversed) {
@@ -731,7 +731,7 @@ function Yn(e) {
     }
   });
 }
-function Hn(e) {
+function Zn(e) {
   const t = [], o = {}, n = {};
   function s(i) {
     Object.hasOwn(n, i) || (n[i] = !0, o[i] = !0, e.outEdges(i).forEach((r) => {
@@ -740,10 +740,10 @@ function Hn(e) {
   }
   return e.nodes().forEach(s), t;
 }
-function Un(e) {
-  e.graph().dummyChains = [], e.edges().forEach((t) => Zn(e, t));
+function Xn(e) {
+  e.graph().dummyChains = [], e.edges().forEach((t) => qn(e, t));
 }
-function Zn(e, t) {
+function qn(e, t) {
   let o = t.v, n = e.node(o).rank;
   const s = t.w, i = e.node(s).rank, r = t.name, a = e.edge(t), l = a.labelRank;
   if (i === n + 1)
@@ -757,10 +757,10 @@ function Zn(e, t) {
       edgeLabel: a,
       edgeObj: t,
       rank: n
-    }, 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;
+    }, c = be(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) {
+function Kn(e) {
   e.graph().dummyChains.forEach((t) => {
     let o = e.node(t);
     const n = o.edgeLabel;
@@ -789,11 +789,11 @@ function wo(e) {
   }
   (e.sources() || []).forEach(t);
 }
-function qn(e, t) {
+function Jn(e, t) {
   return e.node(t.w).rank - e.node(t.v).rank - e.edge(t).minlen;
 }
-function Kn(e) {
-  Jn(e);
+function Qn(e) {
+  es(e);
   const t = new oe();
   e.nodes().forEach((i) => {
     t.setNode(i, {});
@@ -803,30 +803,30 @@ function Kn(e) {
     return t;
   const n = o[0], s = /* @__PURE__ */ new Set([n]);
   for (; s.size < o.length; ) {
-    const i = Qn(e, s);
+    const i = ts(e, s);
     if (!i) {
       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;
-    es(e, s, l, a), t.setEdge(r.v, r.w, {}), s.add(c);
+    os(e, s, l, a), t.setEdge(r.v, r.w, {}), s.add(c);
   }
   return t;
 }
-function Jn(e) {
+function es(e) {
   e.nodes().forEach((t) => {
     const o = e.node(t) || {};
     Object.prototype.hasOwnProperty.call(o, "rank") || (o.rank = 0, e.setNode(t, o));
   });
 }
-function Qn(e, t) {
+function ts(e, t) {
   let o = null;
   return e.edges().forEach((n) => {
     const s = t.has(n.v), i = t.has(n.w);
     if (s === i)
       return;
-    const r = qn(e, n), a = Math.abs(r);
+    const r = Jn(e, n), a = Math.abs(r);
     if (!o || a < o.absoluteSlack) {
       const l = s ? n.v : n.w, c = s ? n.w : n.v, f = s ? r : -r;
       o = {
@@ -839,7 +839,7 @@ function Qn(e, t) {
     }
   }), o;
 }
-function es(e, t, o, n) {
+function os(e, t, o, n) {
   n && e.nodes().forEach((s) => {
     if (!t.has(s)) {
       const i = e.node(s);
@@ -847,33 +847,33 @@ function es(e, t, o, n) {
     }
   });
 }
-function be(e) {
+function pe(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;
 }
-function ts(e, t) {
+function ns(e, t) {
 }
-function os(e, t) {
+function ss(e, t) {
 }
-function ns(e, t, o) {
+function rs(e, t, o) {
   return 0;
 }
-function ss(e) {
+function is(e) {
   return null;
 }
-function rs(e, t) {
+function as(e, t) {
   return null;
 }
-be.initLowLimValues = ts;
-be.initCutValues = os;
-be.calcCutValue = ns;
-be.leaveEdge = ss;
-be.enterEdge = rs;
+pe.initLowLimValues = ns;
+pe.initCutValues = ss;
+pe.calcCutValue = rs;
+pe.leaveEdge = is;
+pe.enterEdge = as;
 const yo = wo;
-function is(e) {
+function ls(e) {
   const t = e.graph().ranker;
   if (t instanceof Function)
     return t(e);
@@ -882,10 +882,10 @@ function is(e) {
       to(e);
       break;
     case "tight-tree":
-      ls(e);
+      us(e);
       break;
     case "longest-path":
-      as(e);
+      cs(e);
       break;
     case "none":
       break;
@@ -893,18 +893,18 @@ function is(e) {
       to(e);
   }
 }
-const as = yo;
-function ls(e) {
-  yo(e), Kn(e);
+const cs = yo;
+function us(e) {
+  yo(e), Qn(e);
 }
 function to(e) {
-  be(e);
+  pe(e);
 }
-function cs(e) {
-  const t = ds(e);
+function ds(e) {
+  const t = hs(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;
+    const s = n.edgeObj, i = fs(e, t, s.v, s.w), r = i.path, a = i.lca;
     let l = 0, c = r[l], f = !0, m = o;
     for (; m !== s.w; ) {
       if (n = e.node(m), f) {
@@ -921,7 +921,7 @@ function cs(e) {
     }
   });
 }
-function us(e, t, o, n) {
+function fs(e, t, o, n) {
   const s = [], i = [], r = Math.min(t[o].low, t[n].low), a = Math.max(t[o].lim, t[n].lim);
   let l, c;
   l = o;
@@ -935,7 +935,7 @@ function us(e, t, o, n) {
     lca: c
   };
 }
-function ds(e) {
+function hs(e) {
   const t = {};
   let o = 0;
   function n(s) {
@@ -944,12 +944,12 @@ function ds(e) {
   }
   return e.children().forEach(n), t;
 }
-function fs(e) {
-  const t = ze.addDummyNode(e, "root", {}, "_root"), o = hs(e), n = Object.values(o), s = ze.applyWithChunking(Math.max, n) - 1, i = 2 * s + 1;
+function ms(e) {
+  const t = ze.addDummyNode(e, "root", {}, "_root"), o = gs(e), n = Object.values(o), s = ze.applyWithChunking(Math.max, n) - 1, i = 2 * s + 1;
   e.graph().nestingRoot = t, e.edges().forEach((a) => {
     e.edge(a).minlen *= i;
   });
-  const r = ms(e) + 1;
+  const r = vs(e) + 1;
   e.children().forEach((a) => {
     ko(e, t, i, r, s, o, a);
   }), e.graph().nodeRankFactor = i;
@@ -963,12 +963,12 @@ function ko(e, t, o, n, s, i, r) {
   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;
+    const g = e.node(m), w = g.borderTop ? g.borderTop : m, A = g.borderBottom ? g.borderBottom : m, x = g.borderTop ? n : 2 * n, P = w !== A ? 1 : s - i[r] + 1;
     e.setEdge(l, w, {
       weight: x,
       minlen: P,
       nestingEdge: !0
-    }), e.setEdge(N, c, {
+    }), e.setEdge(A, c, {
       weight: x,
       minlen: P,
       nestingEdge: !0
@@ -978,7 +978,7 @@ function ko(e, t, o, n, s, i, r) {
     minlen: s + i[r]
   });
 }
-function hs(e) {
+function gs(e) {
   const t = {};
   function o(n, s) {
     const i = e.children(n);
@@ -986,16 +986,16 @@ function hs(e) {
   }
   return e.children().forEach((n) => o(n, 1)), t;
 }
-function ms(e) {
+function vs(e) {
   return e.edges().reduce((t, o) => t + e.edge(o).weight, 0);
 }
-function gs(e) {
+function bs(e) {
   const t = e.graph();
   e.removeNode(t.nestingRoot), delete t.nestingRoot, e.edges().forEach((o) => {
     e.edge(o).nestingEdge && e.removeEdge(o);
   });
 }
-function vs(e) {
+function ps(e) {
   function t(o) {
     const n = e.children(o), s = e.node(o);
     if (n.length && n.forEach(t), Object.hasOwn(s, "minRank")) {
@@ -1012,18 +1012,18 @@ function oo(e, t, o, n, s, i) {
     height: 0,
     rank: i,
     borderType: t
-  }, a = s[t][i - 1], l = pe(e, "border", r, o);
+  }, a = s[t][i - 1], l = be(e, "border", r, o);
   s[t][i] = l, e.setParent(l, n), a && e.setEdge(a, l, { weight: 1 });
 }
-function ps(e) {
+function ws(e) {
   const t = e.graph().rankdir.toLowerCase();
-  (t === "lr" || t === "rl") && Eo(e);
+  (t === "lr" || t === "rl") && Co(e);
 }
-function bs(e) {
+function ys(e) {
   const t = e.graph().rankdir.toLowerCase();
-  (t === "bt" || t === "rl") && ws(e), (t === "lr" || t === "rl") && (ys(e), Eo(e));
+  (t === "bt" || t === "rl") && ks(e), (t === "lr" || t === "rl") && (Cs(e), Co(e));
 }
-function Eo(e) {
+function Co(e) {
   e.nodes().forEach((t) => {
     no(e.node(t));
   }), e.edges().forEach((t) => {
@@ -1034,7 +1034,7 @@ function no(e) {
   const t = e.width;
   e.width = e.height, e.height = t;
 }
-function ws(e) {
+function ks(e) {
   e.nodes().forEach((t) => {
     it(e.node(t));
   }), e.edges().forEach((t) => {
@@ -1045,7 +1045,7 @@ function ws(e) {
 function it(e) {
   e.y = -e.y;
 }
-function ys(e) {
+function Cs(e) {
   e.nodes().forEach((t) => {
     at(e.node(t));
   }), e.edges().forEach((t) => {
@@ -1058,10 +1058,10 @@ function at(e) {
   e.x = e.y, e.y = t;
 }
 const so = {
-  adjust: ps,
-  undo: bs
+  adjust: ws,
+  undo: ys
 };
-function ks(e) {
+function Es(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 = ve(s + 1).map(() => []);
   function r(l) {
     if (t[l]) return;
@@ -1073,13 +1073,13 @@ function ks(e) {
     (l, c) => e.node(l).rank - e.node(c).rank
   ).forEach(r), i;
 }
-function Es(e, t) {
+function _s(e, t) {
   let o = 0;
   for (let n = 1; n < t.length; ++n)
-    o += Cs(e, t[n - 1], t[n]);
+    o += xs(e, t[n - 1], t[n]);
   return o;
 }
-function Cs(e, t, o) {
+function xs(e, t, o) {
   const n = Ie(
     o,
     o.map((c, f) => f)
@@ -1102,7 +1102,7 @@ function Cs(e, t, o) {
     l += c.weight * m;
   }), l;
 }
-function _s(e, t = []) {
+function As(e, t = []) {
   return t.map((o) => {
     const n = e.inEdges(o);
     if (!n.length)
@@ -1124,7 +1124,7 @@ function _s(e, t = []) {
     };
   });
 }
-function xs(e, t) {
+function Ns(e, t) {
   const o = {};
   e.forEach((s, i) => {
     const r = o[s.v] = {
@@ -1140,13 +1140,13 @@ function xs(e, t) {
     i !== void 0 && r !== void 0 && (r.indegree++, i.out.push(r));
   });
   const n = Object.values(o).filter((s) => !s.indegree);
-  return Ns(n);
+  return Ss(n);
 }
-function Ns(e) {
+function Ss(e) {
   const t = [];
   function o(s) {
     return (i) => {
-      i.merged || (i.barycenter === void 0 || s.barycenter === void 0 || i.barycenter >= s.barycenter) && As(s, i);
+      i.merged || (i.barycenter === void 0 || s.barycenter === void 0 || i.barycenter >= s.barycenter) && Ls(s, i);
     };
   }
   function n(s) {
@@ -1160,14 +1160,14 @@ function Ns(e) {
   }
   return t.filter((s) => !s.merged).map((s) => Oe(s, ["vs", "i", "barycenter", "weight"]));
 }
-function As(e, t) {
+function Ls(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) {
+function Ms(e, t) {
   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 = ro(i, s, l), n.forEach((f) => {
+  n.sort(Os(!!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) };
@@ -1179,40 +1179,40 @@ function ro(e, t, o) {
     t.pop(), e.push(n.vs), o++;
   return o;
 }
-function Ls(e) {
+function Os(e) {
   return (t, o) => t.barycenter < o.barycenter ? -1 : t.barycenter > o.barycenter ? 1 : e ? o.i - t.i : t.i - o.i;
 }
-function Co(e, t, o, n) {
+function Eo(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);
+  const c = As(e, s);
   c.forEach((g) => {
     if (e.children(g.v).length) {
-      const w = Co(e, g.v, o, n);
-      l[g.v] = w, Object.hasOwn(w, "barycenter") && Os(g, w);
+      const w = Eo(e, g.v, o, n);
+      l[g.v] = w, Object.hasOwn(w, "barycenter") && Rs(g, w);
     }
   });
-  let f = xs(c, o);
-  Ms(f, l);
-  const m = Ss(f, n);
+  let f = Ns(c, o);
+  Ds(f, l);
+  const m = Ms(f, n);
   if (r && (m.vs = [r, m.vs, a].flat(!0), e.predecessors(r).length)) {
     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;
 }
-function Ms(e, t) {
+function Ds(e, t) {
   e.forEach((o) => {
     o.vs = o.vs.flatMap((n) => t[n] ? t[n].vs : n);
   });
 }
-function Os(e, t) {
+function Rs(e, t) {
   e.barycenter !== void 0 ? (e.barycenter = (e.barycenter * e.weight + t.barycenter * t.weight) / (e.weight + t.weight), e.weight += t.weight) : (e.barycenter = t.barycenter, e.weight = t.weight);
 }
-function Ds(e, t, o, n) {
+function Ts(e, t, o, n) {
   n || (n = e.nodes());
-  const s = Rs(e), i = new oe({ compound: !0 }).setGraph({ root: s }).setDefaultNodeLabel((r) => e.node(r));
+  const s = Ps(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((f) => {
@@ -1226,12 +1226,12 @@ function Ds(e, t, o, n) {
     }));
   }), i;
 }
-function Rs(e) {
+function Ps(e) {
   let t;
   for (; e.hasNode(t = Ve("_root")); ) ;
   return t;
 }
-function Ts(e, t, o) {
+function $s(e, t, o) {
   let n = {}, s;
   o.forEach((i) => {
     let r = e.parent(i), a, l;
@@ -1258,15 +1258,15 @@ function _o(e, t = {}) {
     ve(o - 1, -1, -1),
     "outEdges"
   );
-  let i = ks(e);
+  let i = Es(e);
   if (ao(e, i), t.disableOptimalOrderHeuristic)
     return;
   let r = Number.POSITIVE_INFINITY, a;
   const l = t.constraints || [];
   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 = De(e);
-    const w = Es(e, i);
+    Fs(m, g, l), i = De(e);
+    const w = _s(e, i);
     w < r ? (r = w, f = 0, a = structuredClone(i)) : w === r && (a = structuredClone(i));
   }
   ao(e, a);
@@ -1283,7 +1283,7 @@ function io(e, t, o) {
         a !== r.rank && s(a, i);
   }
   return t.map(
-    (i) => Ds(
+    (i) => Ts(
       e,
       i,
       o,
@@ -1291,14 +1291,14 @@ function io(e, t, o) {
     )
   );
 }
-function Ps(e, t, o) {
+function Fs(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 = Co(s, i, n, t);
+    const i = s.graph().root, r = Eo(s, i, n, t);
     r.vs.forEach((a, l) => {
       s.node(a).order = l;
-    }), Ts(s, n, r.vs);
+    }), $s(s, n, r.vs);
   });
 }
 function ao(e, t) {
@@ -1308,24 +1308,24 @@ function ao(e, t) {
     });
   });
 }
-function $s(e, t) {
+function Bs(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((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 g = Vs(e, f), w = g ? e.node(g).order : l;
+      (g || f === c) && (i.slice(a, m + 1).forEach((A) => {
+        e.predecessors(A).forEach((x) => {
           const P = e.node(x), J = P.order;
-          (J < r || w < J) && !(P.dummy && e.node(N).dummy) && xo(o, x, N);
+          (J < r || w < J) && !(P.dummy && e.node(A).dummy) && xo(o, x, A);
         });
       }), a = m + 1, r = w);
     }), i;
   }
   return t.length && t.reduce(n), o;
 }
-function Fs(e, t) {
+function zs(e, t) {
   const o = {};
   function n(i, r, a, l, c) {
     let f;
@@ -1348,7 +1348,7 @@ function Fs(e, t) {
   }
   return t.length && t.reduce(s), o;
 }
-function Bs(e, t) {
+function Vs(e, t) {
   if (e.node(t).dummy)
     return e.predecessors(t).find((o) => e.node(o).dummy);
 }
@@ -1360,14 +1360,14 @@ function xo(e, t, o) {
   let n = e[t];
   n || (e[t] = n = {}), n[o] = !0;
 }
-function zs(e, t, o) {
+function Is(e, t, o) {
   if (t > o) {
     const n = t;
     t = o, o = n;
   }
   return !!e[t] && Object.hasOwn(e[t], o);
 }
-function Vs(e, t, o, n) {
+function Gs(e, t, o, n) {
   const s = {}, i = {}, r = {};
   return t.forEach((a) => {
     a.forEach((l, c) => {
@@ -1381,23 +1381,23 @@ function Vs(e, t, o, n) {
         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]);
+          const A = f[g];
+          i[c] === c && l < r[A] && !Is(o, c, A) && (i[A] = c, i[c] = s[c] = s[A], l = r[A]);
         }
       }
     });
   }), { root: s, align: i };
 }
-function Is(e, t, o, n, s) {
-  const i = {}, r = Gs(e, t, o, s), a = s ? "borderLeft" : "borderRight";
+function js(e, t, o, n, s) {
+  const i = {}, r = Ws(e, t, o, s), a = s ? "borderLeft" : "borderRight";
   function l(m, g) {
-    const w = r.nodes().slice(), N = {};
+    const w = r.nodes().slice(), A = {};
     let x = w.pop();
     for (; x; ) {
-      if (N[x])
+      if (A[x])
         m(x);
       else {
-        N[x] = !0, w.push(x);
+        A[x] = !0, w.push(x);
         for (const P of g(x))
           w.push(P);
       }
@@ -1408,15 +1408,15 @@ function Is(e, t, o, n, s) {
     i[m] = r.inEdges(m).reduce((g, w) => Math.max(g, i[w.v] + r.edge(w)), 0);
   }
   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);
+    const g = r.outEdges(m).reduce((A, x) => Math.min(A, 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(f, r.successors.bind(r)), Object.keys(n).forEach((m) => {
     i[m] = i[o[m]];
   }), i;
 }
-function Gs(e, t, o, n) {
-  const s = new e.constructor(), i = e.graph(), r = Us(i.nodesep, i.edgesep, n);
+function Ws(e, t, o, n) {
+  const s = new e.constructor(), i = e.graph(), r = Xs(i.nodesep, i.edgesep, n);
   return t.forEach((a) => {
     let l;
     a.forEach((c) => {
@@ -1433,12 +1433,12 @@ function Gs(e, t, o, n) {
     });
   }), s;
 }
-function js(e, t) {
+function Ys(e, t) {
   return Object.values(t).reduce(
     (o, n) => {
       let s = Number.NEGATIVE_INFINITY, i = Number.POSITIVE_INFINITY;
       Object.entries(n).forEach(([a, l]) => {
-        const c = Zs(e, a) / 2;
+        const c = qs(e, a) / 2;
         s = Math.max(l + c, s), i = Math.min(l - c, i);
       });
       const r = s - i;
@@ -1447,7 +1447,7 @@ function js(e, t) {
     [Number.POSITIVE_INFINITY, null]
   )[1];
 }
-function Ws(e, t) {
+function Hs(e, t) {
   const o = Object.values(t), n = X(Math.min, o), s = X(Math.max, o);
   ["u", "d"].forEach((i) => {
     ["l", "r"].forEach((r) => {
@@ -1460,7 +1460,7 @@ function Ws(e, t) {
     });
   });
 }
-function Ys(e, t) {
+function Us(e, t) {
   return Re(e.ul, (o, n) => {
     if (t)
       return e[t.toLowerCase()][n];
@@ -1468,10 +1468,10 @@ function Ys(e, t) {
     return (s[1] + s[2]) / 2;
   });
 }
-function Hs(e) {
+function Zs(e) {
   const t = De(e), o = Object.assign(
-    $s(e, t),
-    Fs(e, t)
+    Bs(e, t),
+    zs(e, t)
   ), n = {};
   let s;
   ["u", "d"].forEach((r) => {
@@ -1480,13 +1480,13 @@ function Hs(e) {
       a === "r" && (l = l.map(
         (g) => Object.values(g).reverse()
       ));
-      const c = (r === "u" ? e.predecessors : e.successors).bind(e), f = Vs(
+      const c = (r === "u" ? e.predecessors : e.successors).bind(e), f = Gs(
         e,
         l,
         o,
         c
       );
-      let m = Is(
+      let m = js(
         e,
         l,
         f.root,
@@ -1496,10 +1496,10 @@ function Hs(e) {
       a === "r" && (m = Re(m, (g) => -g)), n[r + a] = m;
     });
   });
-  const i = js(e, n);
-  return Ws(n, i), Ys(n, e.graph().align);
+  const i = Ys(e, n);
+  return Hs(n, i), Us(n, e.graph().align);
 }
-function Us(e, t, o) {
+function Xs(e, t, o) {
   return (n, s, i) => {
     const r = n.node(s), a = n.node(i);
     let l = 0, c;
@@ -1524,18 +1524,18 @@ function Us(e, t, o) {
     return c && (l += o ? c : -c), c = 0, l;
   };
 }
-function Zs(e, t) {
+function qs(e, t) {
   return e.node(t).width;
 }
-function Xs(e) {
+function Ks(e) {
   const t = ht(e);
-  qs(t);
-  const o = Hs(t);
+  Js(t);
+  const o = Zs(t);
   Object.entries(o).forEach(([n, s]) => {
     e.node(n).x = s;
   });
 }
-function qs(e) {
+function Js(e) {
   const t = De(e), o = e.graph().ranksep;
   let n = 0;
   t.forEach((s) => {
@@ -1548,17 +1548,17 @@ function qs(e) {
     }), n += i + o;
   });
 }
-function Ks(e, t = {}) {
-  const o = t.debugTiming ? po : bo;
+function Qs(e, t = {}) {
+  const o = t.debugTiming ? bo : po;
   return o("layout", () => {
-    const n = o("  buildLayoutGraph", () => ar(e));
-    return o("  runLayout", () => Js(n, o, t)), o("  updateInputGraph", () => Qs(e, n)), n;
+    const n = o("  buildLayoutGraph", () => cr(e));
+    return o("  runLayout", () => er(n, o, t)), o("  updateInputGraph", () => tr(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", () => 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 er(e, t, o) {
+  t("    makeSpaceForEdgeLabels", () => ur(e)), t("    removeSelfEdges", () => wr(e)), t("    acyclic", () => Hn(e)), t("    nestingGraph.run", () => ms(e)), t("    rank", () => ls(ht(e))), t("    injectEdgeLabelProxies", () => dr(e)), t("    removeEmptyRanks", () => mo(e)), t("    nestingGraph.cleanup", () => bs(e)), t("    normalizeRanks", () => ho(e)), t("    assignRankMinMax", () => fr(e)), t("    removeEdgeLabelProxies", () => hr(e)), t("    normalize.run", () => Xn(e)), t("    parentDummyChains", () => ds(e)), t("    addBorderSegments", () => ps(e)), t("    order", () => _o(e, o)), t("    insertSelfEdges", () => yr(e)), t("    adjustCoordinateSystem", () => so.adjust(e)), t("    position", () => Ks(e)), t("    positionSelfEdges", () => kr(e)), t("    removeBorderNodes", () => pr(e)), t("    normalize.undo", () => Kn(e)), t("    fixupEdgeLabelCoords", () => vr(e)), t("    undoCoordinateSystem", () => so.undo(e)), t("    translateGraph", () => mr(e)), t("    assignNodeIntersects", () => gr(e)), t("    reversePoints", () => br(e)), t("    acyclic.undo", () => Un(e));
 }
-function Qs(e, t) {
+function tr(e, t) {
   e.nodes().forEach((s) => {
     const i = e.node(s), r = t.node(s);
     i && (i.x = r.x, i.y = r.y, i.order = r.order, i.rank = r.rank, t.children(s).length && (i.width = r.width, i.height = r.height));
@@ -1569,22 +1569,22 @@ 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"], lo = { width: 0, height: 0 }, sr = ["minlen", "weight", "width", "height", "labeloffset"], rr = {
+const or = ["nodesep", "edgesep", "ranksep", "marginx", "marginy"], nr = { ranksep: 50, edgesep: 20, nodesep: 50, rankdir: "tb" }, sr = ["acyclicer", "ranker", "rankdir", "align"], rr = ["width", "height", "rank"], lo = { width: 0, height: 0 }, ir = ["minlen", "weight", "width", "height", "labeloffset"], ar = {
   minlen: 1,
   weight: 1,
   width: 0,
   height: 0,
   labeloffset: 10,
   labelpos: "r"
-}, ir = ["labelpos", "arrowshape"];
-function ar(e) {
+}, lr = ["labelpos", "arrowshape"];
+function cr(e) {
   const t = ct(e.graph()), o = {
-    ...tr,
-    ...lt(t, er),
-    ...Oe(t, or)
+    ...nr,
+    ...lt(t, or),
+    ...Oe(t, sr)
   }, 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);
+    const i = ct(e.node(s)), r = lt(i, rr);
     Object.keys(lo).forEach((a) => {
       r[a] === void 0 && (r[a] = lo[a]);
     }), n.setNode(s, r), n.setParent(s, e.parent(s));
@@ -1593,43 +1593,43 @@ function ar(e) {
     n.setEdge(
       s,
       {
-        ...rr,
-        ...lt(i, sr),
-        ...Oe(i, ir)
+        ...ar,
+        ...lt(i, ir),
+        ...Oe(i, lr)
       }
     );
   }), n;
 }
-function lr(e) {
+function ur(e) {
   const t = e.graph();
   t.ranksep /= 2, e.edges().forEach((o) => {
     const n = e.edge(o);
     n.minlen *= 2, n.labelpos.toLowerCase() !== "c" && (t.rankdir === "TB" || t.rankdir === "BT" ? n.width += n.labeloffset : n.height += n.labeloffset);
   });
 }
-function cr(e) {
+function dr(e) {
   e.edges().forEach((t) => {
     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 };
-      pe(e, "edge-proxy", i, "_ep");
+      be(e, "edge-proxy", i, "_ep");
     }
   });
 }
-function ur(e) {
+function fr(e) {
   let t = 0;
   e.nodes().forEach((o) => {
     const n = e.node(o);
     n.borderTop && (n.minRank = e.node(n.borderTop).rank, n.maxRank = e.node(n.borderBottom).rank, t = Math.max(t, n.maxRank));
   }), e.graph().maxRank = t;
 }
-function dr(e) {
+function hr(e) {
   e.nodes().forEach((t) => {
     const o = e.node(t);
     o.dummy === "edge-proxy" && (e.edge(o.e).labelRank = o.rank, e.removeNode(t));
   });
 }
-function fr(e) {
+function mr(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) {
@@ -1661,17 +1661,17 @@ function co(e, t, o) {
     y: e.y + s * r
   };
 }
-function hr(e) {
+function gr(e) {
   e.edges().forEach((o) => {
     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), 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;
+    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", A = !!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);
+    w && (A ? x = co(l, f, 4) : P = co(c, m, 4)), n.points.unshift(x), n.points.push(P);
   });
 }
-function mr(e) {
+function vr(e) {
   e.edges().forEach((t) => {
     const o = e.edge(t);
     if (Object.hasOwn(o, "x"))
@@ -1685,13 +1685,13 @@ function mr(e) {
       }
   });
 }
-function gr(e) {
+function br(e) {
   e.edges().forEach((t) => {
     const o = e.edge(t);
     o.reversed && o.points.reverse();
   });
 }
-function vr(e) {
+function pr(e) {
   e.nodes().forEach((t) => {
     if (e.children(t).length) {
       const o = e.node(t), n = e.node(o.borderTop), s = e.node(o.borderBottom), i = e.node(o.borderLeft[o.borderLeft.length - 1]), r = e.node(o.borderRight[o.borderRight.length - 1]);
@@ -1701,7 +1701,7 @@ function vr(e) {
     e.node(t).dummy === "border" && e.removeNode(t);
   });
 }
-function pr(e) {
+function wr(e) {
   e.edges().forEach((t) => {
     if (t.v === t.w) {
       const o = e.node(t.v);
@@ -1709,13 +1709,13 @@ function pr(e) {
     }
   });
 }
-function br(e) {
+function yr(e) {
   De(e).forEach((o) => {
     let n = 0;
     o.forEach((s, i) => {
       const r = e.node(s);
       r.order = i + n, (r.selfEdges || []).forEach((a) => {
-        pe(e, "selfedge", {
+        be(e, "selfedge", {
           width: a.label.width,
           height: a.label.height,
           rank: r.rank,
@@ -1727,7 +1727,7 @@ function br(e) {
     });
   });
 }
-function wr(e) {
+function kr(e) {
   e.nodes().forEach((t) => {
     const o = e.node(t);
     if (o.dummy === "selfedge") {
@@ -1752,7 +1752,7 @@ function ct(e) {
     typeof s == "string" && (s = s.toLowerCase()), t[s] = n;
   }), t;
 }
-const yr = {
+const Cr = {
   rankDirection: "TB",
   // "TB", "BT", "LR", "RL"
   nodeSeparation: 50,
@@ -1768,12 +1768,12 @@ const yr = {
   arrowShape: "normal",
   arrowSize: 10
 };
-function kr(e) {
+function Er(e) {
   return e.length ? e.map(
     (t, o) => `${o === 0 ? "M" : "L"} ${t.x} ${t.y}`
   ).join(" ") : "";
 }
-function Er(e) {
+function _r(e) {
   if (!e.length) return "";
   if (e.length === 1) {
     const s = e[0];
@@ -1791,12 +1791,12 @@ function Er(e) {
   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 = E(null), i = E(null), r = `dag-arrow-${ut()}`;
+function xr(e) {
+  const { nodes: t, edges: o, configuration: n } = e, s = C(null), i = C(null), r = `dag-arrow-${ut()}`;
   function a(l, c, f) {
     i.value = null, s.value = null;
     const m = {
-      ...yr,
+      ...Cr,
       ...f
     }, g = new oe({ multigraph: !0, compound: !0 });
     g.setGraph({
@@ -1817,7 +1817,7 @@ function Cr(e) {
         minlen: u.minLength ?? 1,
         arrowShape: m.arrowShape ?? "normal"
       });
-    }), Ks(g);
+    }), Qs(g);
     const w = l.map((u) => {
       const j = g.node(u.id);
       return {
@@ -1829,11 +1829,11 @@ function Cr(e) {
         height: j.height,
         original: u
       };
-    }), N = g.edges().map((u) => {
+    }), A = g.edges().map((u) => {
       const j = g.edge(u), Q = j.points || [];
       if (!Q.length)
         return null;
-      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);
+      const Te = m.curvedEdges ? _r(Q) : Er(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,
@@ -1850,7 +1850,7 @@ function Cr(e) {
     if (!w.length) {
       s.value = {
         nodes: [],
-        edges: N,
+        edges: A,
         viewBox: "0 0 0 0",
         arrowShape: m.arrowShape,
         arrowSize: m.arrowSize
@@ -1866,16 +1866,16 @@ function Cr(e) {
     ]), we = Math.min(...P) - x, fe = Math.max(...P) + x, $ = Math.min(...J) - x, I = Math.max(...J) + x;
     s.value = {
       nodes: w,
-      edges: N.map((u) => ({
+      edges: A.map((u) => ({
         ...u,
-        midpoint: u.pathData ? dn(u.pathData) : { x: 0, y: 0 }
+        midpoint: u.pathData ? hn(u.pathData) : { x: 0, y: 0 }
       })),
       viewBox: `${we} ${$} ${fe - we} ${I - $}`,
       arrowShape: m.arrowShape,
       arrowSize: m.arrowSize
     };
   }
-  return an(() => {
+  return cn(() => {
     try {
       const l = v(t) || [], c = v(o) || [], f = v(n) || {};
       a(l, c, f);
@@ -1892,30 +1892,34 @@ function Cr(e) {
     }
   };
 }
-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 = {
+const Ao = { userOptions: { show: !1 } }, No = { userOptions: { show: !1 }, 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" } } } } }, So = { 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" } } } } }, Lo = { 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" } } } } }, Mo = { 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" } } } } }, Oo = { 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" } } } } }, Do = { 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" } } } } }, Ro = { 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" } } } } }, To = {
   default: {},
-  dark: No,
-  celebration: Ao,
-  celebrationNight: So,
-  hack: Lo,
-  zen: Mo,
-  concrete: Oo
-}, bi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  minimal: Ao,
+  minimalDark: No,
+  dark: So,
+  celebration: Lo,
+  celebrationNight: Mo,
+  hack: Oo,
+  zen: Do,
+  concrete: Ro
+}, yi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  celebration: Ao,
-  celebrationNight: So,
-  concrete: Oo,
-  dark: No,
-  default: Do,
-  hack: Lo,
-  zen: Mo
-}, Symbol.toStringTag, { value: "Module" })), _r = ["id"], xr = {
+  celebration: Lo,
+  celebrationNight: Mo,
+  concrete: Ro,
+  dark: So,
+  default: To,
+  hack: Oo,
+  minimal: Ao,
+  minimalDark: No,
+  zen: Do
+}, Symbol.toStringTag, { value: "Module" })), Ar = ["id"], Nr = {
   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" }, $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 = {
+}, Sr = ["viewBox", "xmlns"], Lr = { key: 0 }, Mr = ["id", "width", "height"], Or = ["cx", "cy", "r", "fill"], Dr = ["x", "y", "width", "height", "fill"], Rr = { key: 2 }, Tr = ["id", "markerWidth", "markerHeight", "refX", "refY"], Pr = ["d", "fill", "stroke"], $r = ["d", "fill", "stroke"], Fr = { class: "vue-ui-dag-edges" }, Br = ["d", "stroke", "stroke-width"], zr = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onMouseenter"], Vr = { class: "vue-ui-dag-nodes" }, Ir = ["onClick", "onMouseenter"], Gr = ["x", "y", "width", "height", "rx", "fill", "stroke", "stroke-width"], jr = ["x", "y", "width", "height"], Wr = { class: "vue-ui-dag-edges" }, Yr = ["d", "stroke-width", "marker-end"], Hr = { class: "vue-ui-dag-node-labels" }, Ur = ["onClick", "onMouseenter"], Zr = ["x", "y", "font-size", "fill", "font-weight"], Xr = ["x", "y", "font-size", "fill", "font-weight", "innerHTML"], qr = { key: 1 }, Kr = {
   key: 6,
   class: "vue-data-ui-watermark"
-}, qr = ["data-position"], Kr = { key: 0 }, Jr = ["data-position"], Qr = { key: 0 }, uo = 1.5, ei = {
+}, Jr = ["data-position"], Qr = { key: 0 }, ei = ["data-position"], ti = { key: 0 }, uo = 1.5, oi = {
   __name: "vue-ui-dag",
   props: {
     dataset: {
@@ -1936,8 +1940,8 @@ const No = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", bac
   },
   emits: ["onNodeClick", "onMidpointEnter", "onMidpointLeave"],
   setup(e, { expose: t, emit: o }) {
-    const n = et(() => import("./PenAndPaper-CulSakut.js")), s = et(() => import("./UserOptions-5pXc4J-c.js")), i = et(() => import("./PackageVersion-C-JOGZBL.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),
+    const n = et(() => import("./PenAndPaper-LTuSTmWE.js")), s = et(() => import("./UserOptions-CX7Xsusk.js")), i = et(() => import("./PackageVersion-CQxJyGQr.js")), { vue_ui_dag: r } = kn(), { isThemeValid: a, warnInvalidTheme: l } = An(), c = e, f = o, m = C(null), g = C(ut()), w = C(null), A = C(null), x = C(null), P = C(0), J = C(0), we = C(!1), fe = C(!1), $ = C(null), I = C(null), u = C(Ye()), j = C(u.value.style.chart.width), Q = C(u.value.style.chart.height), Te = C({ x: 0, y: 0 }), G = C(null), Pe = C(null), $e = C({ left: "0px", top: "0px" }), ye = C("top"), ne = C(!1), gt = C({ x: 0, y: 0 }), vt = C({ x: 0, y: 0 }), ke = C(null), Ge = C(null), je = C({ left: "0px", top: "0px" }), bt = C("top"), Fe = C(!1), Ce = C(!1), { svgRef: se } = Sn({ config: u.value.style.chart.title }), { userOptionsVisible: We, setUserOptionsVisibility: pt, keepUserOptionState: wt } = Nn({ config: u.value }), ee = C(u.value.style.chart.layout.rankDirection), { loading: Ee, FINAL_DATASET: yt, manualLoading: kt } = Cn({
+      ...un(c),
       FINAL_CONFIG: u,
       prepareConfig: Ye,
       skeletonDataset: {
@@ -1951,7 +1955,7 @@ const No = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", bac
           { from: "A", to: "C" }
         ]
       },
-      skeletonConfig: fn({
+      skeletonConfig: mn({
         defaultConfig: u.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -1978,12 +1982,12 @@ const No = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", bac
       const h = nt({
         userConfig: c.config,
         defaultConfig: r
-      }), p = h.theme;
-      if (!p) return h;
+      }), b = h.theme;
+      if (!b) return h;
       if (!a.value(h))
         return l(h), h;
       const d = nt({
-        userConfig: Do[p] || c.config,
+        userConfig: To[b] || c.config,
         defaultConfig: h
       });
       return nt({
@@ -1993,7 +1997,7 @@ const No = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", bac
     }
     const He = H(() => !!u.value.debug);
     Gt(async () => {
-      hn(c.dataset) && (Zt({
+      gn(c.dataset) && (Zt({
         componentName: "VueUiDag",
         type: "dataset",
         debug: He.value
@@ -2003,103 +2007,103 @@ const No = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", bac
         property: "nodes",
         index: 0,
         debug: He.value
-      }), 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();
+      }), fe.value = !1, kt.value = !0), fe.value = !0, await Ae(), Vt();
+    }), Ne(() => c.config, async (h) => {
+      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, he.value = u.value.style.chart.zoom.active, await Ae(), Vt();
     }, { deep: !0 });
-    const { isPrinting: Et, isImaging: Ct, generatePdf: _t, generateImage: xt } = En({
+    const { isPrinting: Ct, isImaging: Et, generatePdf: _t, generateImage: xt } = _n({
       elementId: `dag_${g.value}`,
       fileName: u.value.style.chart.title.text || "vue-ui-dag",
       options: u.value.userOptions.print
-    }), Ro = H(() => u.value.style.chart.backgroundColor), To = H(() => u.value.style.chart.title), { exportSvg: Po, getSvg: $o } = Cn({
+    }), Po = H(() => u.value.style.chart.backgroundColor), $o = H(() => u.value.style.chart.title), { exportSvg: Fo, getSvg: Bo } = xn({
       svg: se,
-      title: To,
+      title: $o,
       legend: void 0,
       legendItems: void 0,
-      backgroundColor: Ro
+      backgroundColor: Po
     });
-    async function Nt({ isCb: h }) {
+    async function At({ 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 });
+        const { blob: b, url: d, text: p, dataUrl: O } = await Bo();
+        u.value.userOptions.callbacks.svg({ blob: b, url: d, text: p, dataUrl: O });
       } else
-        Po();
+        Fo();
     }
-    function Fo() {
-      we.value = !0, bt(!0);
+    function zo() {
+      we.value = !0, pt(!0);
     }
-    function Bo() {
-      bt(!1), we.value = !1;
+    function Vo() {
+      pt(!1), we.value = !1;
     }
-    function At({
+    function Nt({
       tooltipRef: h,
-      isVisibleRef: p,
+      isVisibleRef: b,
       anchorRef: d,
-      styleRef: b,
+      styleRef: p,
       placementRef: O,
-      offsetRef: A,
-      margin: C = 24
+      offsetRef: N,
+      margin: E = 24
     }) {
       return function() {
         const W = h.value;
-        if (!W || !p.value) return;
-        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");
+        if (!W || !b.value) return;
+        const S = W.getBoundingClientRect(), T = window.innerWidth, B = window.innerHeight, Y = d.value.x, q = d.value.y, U = N?.value?.x ?? 0, le = N?.value?.y ?? 0;
+        let D = q - le - S.height - E, Z = Y - S.width / 2, _e = "top";
+        if (D < E) {
+          const ge = q + le + E;
+          ge + S.height <= B - E ? (D = ge, _e = "bottom") : (D = q - S.height / 2, D < E && (D = E), D + S.height > B - E && (D = B - S.height - E), _e = "center");
         }
-        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") {
+        Z < E && (Z = E), Z + S.width > T - E && (Z = T - S.width - E);
+        const rn = Z <= E, an = Z + S.width >= T - E;
+        if ((rn || an) && _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);
+          const ln = Y - U - E;
+          T - (Y + U) - E >= ln ? (ge = "right", xe = Y + U + E) : (ge = "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 = ge);
         }
-        O.value = _e, b.value = {
+        O.value = _e, p.value = {
           left: `${Z}px`,
           top: `${D}px`
         };
       };
     }
-    const zo = H(() => yt.value.nodes.map((h) => ({
+    const Io = 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(() => ({
+    }))), Go = H(() => yt.value.edges), jo = H(() => ({
       ...u.value.style.chart.layout,
       rankDirection: ee.value
-    })), { layoutData: k, lastError: St, arrowMarkerIdentifier: Go } = Cr({
-      nodes: zo,
-      edges: Vo,
-      configuration: Io
+    })), { layoutData: k, lastError: St, arrowMarkerIdentifier: Wo } = xr({
+      nodes: Io,
+      edges: Go,
+      configuration: jo
     });
     function Lt(h) {
-      return k.value ? k.value.nodes.find((p) => p.id === h) : null;
+      return k.value ? k.value.nodes.find((b) => b.id === h) : null;
     }
-    const jo = H(() => {
+    const Yo = H(() => {
       if (!k.value) return [];
-      const h = u.value.style.chart.edges.stroke, p = /* @__PURE__ */ new Set();
+      const h = u.value.style.chart.edges.stroke, b = /* @__PURE__ */ new Set();
       return k.value.edges.forEach((d) => {
-        p.add(d.original?.color || h);
-      }), Array.from(p);
+        b.add(d.original?.color || h);
+      }), Array.from(b);
     });
     function Mt(h) {
-      return `${Go}-${String(h).replace(/[^a-zA-Z0-9_-]/g, "_")}`;
+      return `${Wo}-${String(h).replace(/[^a-zA-Z0-9_-]/g, "_")}`;
     }
     const Ot = H(() => {
-      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 : {
+      const h = j.value, b = Q.value, d = Number(h), p = Number(b), O = Number.isFinite(d) && d > 0, N = Number.isFinite(p) && p > 0;
+      return !O && !N ? null : {
         width: O ? d : null,
-        height: A ? b : null
+        height: N ? p : null
       };
-    }), re = E(null), he = E(u.value.style.chart.zoom.active), {
+    }), re = C(null), he = C(u.value.style.chart.zoom.active), {
       viewBox: me,
       resetZoom: Be,
-      setInitialViewBox: Wo,
+      setInitialViewBox: Ho,
       scale: Dt,
       zoomByFactor: Rt
-    } = bn(
+    } = yn(
       se,
       { x: 0, y: 0, width: 100, height: 100 },
       1,
@@ -2108,47 +2112,47 @@ const No = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", bac
         ne.value = !1;
       }
     );
-    function Yo() {
+    function Uo() {
       he.value = !he.value;
     }
     function Tt() {
       const h = k.value && k.value.viewBox;
       if (!h) return;
-      const p = String(h).split(" ").map(Number);
-      if (p.length !== 4) return;
-      const [d, b, O, A] = p;
-      if (!Number.isFinite(d) || !Number.isFinite(b) || !Number.isFinite(O) || !Number.isFinite(A))
+      const b = String(h).split(" ").map(Number);
+      if (b.length !== 4) return;
+      const [d, p, O, N] = b;
+      if (!Number.isFinite(d) || !Number.isFinite(p) || !Number.isFinite(O) || !Number.isFinite(N))
         return;
-      let C = O, R = A, W = d, S = b;
+      let E = O, R = N, W = d, S = p;
       const T = Ot.value;
-      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 },
+      T && (T.width !== null && (E = T.width), T.height !== null && (R = T.height), W = d - (E - O) / 2, S = p - (R - N) / 2), Ho(
+        { x: W, y: S, width: E, height: R },
         { overwriteCurrentIfNotZoomed: !0 }
       );
     }
-    Ae(
+    Ne(
       () => k.value && k.value.viewBox,
       () => {
         Tt();
       },
       { immediate: !0 }
-    ), Ae(
+    ), Ne(
       () => Ot.value,
       () => {
         Tt();
       }
-    ), Ae(() => Ee.value, (h) => {
+    ), Ne(() => Ce.value, (h) => {
       he.value = !h;
     });
-    const Ho = H(() => {
+    const Zo = H(() => {
       const h = me.value;
       return h ? `${h.x} ${h.y} ${h.width} ${h.height}` : "0 0 0 0";
-    }), ie = E(!1);
+    }), ie = C(!1);
     function Pt(h) {
       ie.value = h, J.value += 1;
     }
     function Ue() {
-      Ee.value = !Ee.value;
+      Ce.value = !Ce.value;
     }
     function Ze() {
       Rt(uo, !0);
@@ -2160,61 +2164,61 @@ const No = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", bac
     function Ke() {
       ee.value = qe[(qe.indexOf(ee.value) + 1) % qe.length], Be();
     }
-    const Uo = At({
+    const Xo = Nt({
       tooltipRef: Pe,
       isVisibleRef: Fe,
       anchorRef: Te,
       styleRef: $e,
       placementRef: ye
-    }), Zo = At({
+    }), qo = Nt({
       tooltipRef: Ge,
       isVisibleRef: ne,
       anchorRef: gt,
       styleRef: je,
-      placementRef: pt,
+      placementRef: bt,
       offsetRef: vt
     });
-    async function Xo(h) {
+    async function Ko(h) {
       f("onMidpointEnter", h);
-      const p = se.value;
-      if (!p || !h?.midpoint) return;
-      const d = p.createSVGPoint();
+      const b = se.value;
+      if (!b || !h?.midpoint) return;
+      const d = b.createSVGPoint();
       d.x = h.midpoint.x, d.y = h.midpoint.y;
-      const b = p.getScreenCTM();
-      if (!b) return;
-      const O = d.matrixTransform(b);
+      const p = b.getScreenCTM();
+      if (!p) return;
+      const O = d.matrixTransform(p);
       Te.value = {
         x: O.x,
         y: O.y
-      }, G.value = h, Fe.value = !0, await Ne(), Uo();
+      }, G.value = h, Fe.value = !0, await Ae(), Xo();
     }
-    function qo() {
+    function Jo() {
       Fe.value = !1, G.value = null, f("onMidpointLeave");
     }
     async function $t(h) {
       if (f("onNodeClick", h), !u.value.style.chart.nodes.tooltip.showOnClick) return;
-      const p = se.value;
-      if (!p) return;
-      const d = p.createSVGPoint();
-      d.x = h.x, d.y = h.y;
-      const b = p.getScreenCTM();
+      const b = se.value;
       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;
+      const d = b.createSVGPoint();
+      d.x = h.x, d.y = h.y;
+      const p = b.getScreenCTM();
+      if (!p) return;
+      const O = d.matrixTransform(p), N = u.value.style.chart.layout.nodeWidth, E = u.value.style.chart.layout.nodeHeight, R = p.a, W = p.d, S = N * R, T = E * W;
       vt.value = {
         x: S / 2,
         y: T / 2
       }, gt.value = {
         x: O.x,
         y: O.y
-      }, ke.value = h, ne.value = !0, await Ne(), Zo();
+      }, ke.value = h, ne.value = !0, await Ae(), qo();
     }
     function Ft() {
       ne.value = !1, ke.value = null;
     }
     function Bt(h) {
       if (!ne.value) return;
-      const p = Ge.value;
-      if (p && p.contains(h.target))
+      const b = Ge.value;
+      if (b && b.contains(h.target))
         return;
       const d = se.value;
       d && d.contains(h.target) && h.target.closest(".vue-ui-dag-node") || Ft();
@@ -2232,37 +2236,37 @@ const No = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", bac
         $.value && (I.value && $.value.unobserve(I.value), $.value.disconnect(), $.value = null, I.value = null);
         return;
       }
-      const h = vn(() => {
+      const h = pn(() => {
         if (!m.value) return;
-        const { width: p, height: d } = pn({
+        const { width: b, height: d } = wn({
           chart: m.value,
           title: u.value.style.chart.title.text ? w.value : null,
           legend: u.value.style.chart.controls.show ? x.value?.$el : null,
-          source: N.value
+          source: A.value
         });
         requestAnimationFrame(() => {
-          j.value = Math.max(0.1, p), Q.value = Math.max(0.1, d - 12);
+          j.value = Math.max(0.1, b), Q.value = Math.max(0.1, d - 12);
         });
       });
       $.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 Ko(h, p = {}) {
+    function Qo(h, b = {}) {
       const {
         direction: d = -1,
-        mode: b = "oneLapNearest",
+        mode: p = "oneLapNearest",
         dasharray: O = null
-      } = p;
+      } = b;
       if (!h || typeof h.getTotalLength != "function")
         return He.value && console.warn(
           "VueUiDag @getIdealDashoffsetDelta: invalid path element",
           h
         ), 0;
-      const A = h.getTotalLength(), C = O ?? h.getAttribute("stroke-dasharray") ?? (typeof getComputedStyle == "function" ? getComputedStyle(h).strokeDasharray : ""), R = Y(C);
+      const N = h.getTotalLength(), E = O ?? h.getAttribute("stroke-dasharray") ?? (typeof getComputedStyle == "function" ? getComputedStyle(h).strokeDasharray : ""), R = Y(E);
       if (!Number.isFinite(R) || R <= 0)
-        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));
+        return d * N;
+      const W = Math.max(1, Math.round(N / R)), S = Math.max(1, Math.ceil(N / R)), T = Math.max(1, Math.floor(N / R));
       let B;
-      return b === "pattern" ? B = R : b === "oneLapCeil" ? B = S * R : b === "oneLapFloor" ? B = T * R : B = W * R, d * B;
+      return p === "pattern" ? B = R : p === "oneLapCeil" ? B = S * R : p === "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));
@@ -2271,8 +2275,8 @@ const No = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", bac
         return U.length % 2 === 1 ? le * 2 : le;
       }
     }
-    const Je = E(/* @__PURE__ */ new Map()), Qe = E(/* @__PURE__ */ new Map());
-    function Jo(h) {
+    const Je = C(/* @__PURE__ */ new Map()), Qe = C(/* @__PURE__ */ new Map());
+    function en(h) {
       return function(d) {
         d ? Je.value.set(h, d) : Je.value.delete(h);
       };
@@ -2285,61 +2289,61 @@ const No = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", bac
         }
       }), Qe.value.clear();
     }
-    function Qo() {
+    function tn() {
       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 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, {
+      const b = u.value.style.chart.edges.animations, d = Number(b.referenceDistance) > 0 ? Number(b.referenceDistance) : 24;
+      h.forEach((p) => {
+        if (!!!p?.original?.animated) return;
+        const N = Je.value.get(p.id);
+        if (!N) return;
+        const E = p?.original?.dasharray ?? b.dasharray;
+        N.style.strokeDasharray = String(E), N.style.strokeDashoffset = "0";
+        const R = ![void 0, null].includes(p?.original?.animationDirection), W = ![void 0, null].includes(b.animationDirection), S = R ? Number(p.original.animationDirection) : W ? Number(b.animationDirection) : -1, T = Qo(N, {
           direction: S,
           mode: "oneLapNearest",
-          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(
+          dasharray: String(E)
+        }), B = p?.original?.animationDurationMs ?? b.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 = N.animate(
           [{ strokeDashoffset: 0 }, { strokeDashoffset: T }],
           { duration: le, iterations: 1 / 0, easing: "linear" }
         );
-        Qe.value.set(b.id, D);
+        Qe.value.set(p.id, D);
       });
     }
-    Ae(
+    Ne(
       () => k.value && k.value.edges,
       async () => {
-        await Ne(), Qo();
+        await Ae(), tn();
       },
       { deep: !0, immediate: !0 }
     ), jt(() => {
       It();
     });
-    async function en({ scale: h = 2 } = {}) {
+    async function on({ scale: h = 2 } = {}) {
       if (!m.value) return;
-      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 });
+      const { width: b, height: d } = m.value.getBoundingClientRect(), p = b / d, { imageUri: O, base64: N } = await Mn({ domElement: m.value, base64: !0, img: !0, scale: h });
       return {
         imageUri: O,
-        base64: A,
+        base64: N,
         title: u.value.style.chart.title.text ?? "vue-ui-dag",
-        width: p,
+        width: b,
         height: d,
-        aspectRatio: b
+        aspectRatio: p
       };
     }
     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() {
+    }), nn = H(() => ae.value * (u.value.style.chart.backgroundPattern.dotRadiusRatio / 100));
+    function sn() {
       return k.value;
     }
     return t({
-      getData: on,
-      getImage: en,
+      getData: sn,
+      getImage: on,
       generatePdf: _t,
-      generateSvg: Nt,
+      generateSvg: At,
       generateImage: xt,
       toggleAnnotator: Ue,
       toggleFullscreen: Pt,
@@ -2347,7 +2351,7 @@ const No = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", bac
       zoomOut: Xe,
       resetZoom: Be,
       switchDirection: Ke
-    }), (h, p) => (y(), _("div", {
+    }), (h, b) => (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",
@@ -2357,16 +2361,16 @@ const No = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", bac
         backgroundColor: u.value.style.chart.backgroundColor,
         padding: "0.5rem"
       }),
-      onMouseenter: Fo,
-      onMouseleave: Bo
+      onMouseenter: zo,
+      onMouseleave: Vo
     }, [
-      v(St) ? (y(), _("div", xr, Se(String(v(St))), 1)) : L("", !0),
+      v(St) ? (y(), _("div", Nr, 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: Ee.value,
+        active: Ce.value,
         onClose: Ue
       }, {
         "annotator-action-close": F(() => [
@@ -2394,8 +2398,8 @@ const No = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", bac
         key: `user_option_${J.value}`,
         backgroundColor: u.value.style.chart.backgroundColor,
         color: u.value.style.chart.color,
-        isPrinting: v(Et),
-        isImaging: v(Ct),
+        isPrinting: v(Ct),
+        isImaging: v(Et),
         uid: g.value,
         hasTooltip: !1,
         hasTable: !1,
@@ -2410,7 +2414,7 @@ const No = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", bac
         position: u.value.userOptions.position,
         titles: { ...u.value.userOptions.buttonTitles },
         hasAnnotator: u.value.userOptions.buttons.annotator,
-        isAnnotation: Ee.value,
+        isAnnotation: Ce.value,
         callbacks: u.value.userOptions.callbacks,
         printScale: u.value.userOptions.print.scale,
         hasZoom: u.value.userOptions.buttons.zoom,
@@ -2418,17 +2422,17 @@ const No = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", bac
         onToggleFullscreen: Pt,
         onGeneratePdf: v(_t),
         onGenerateImage: v(xt),
-        onGenerateSvg: Nt,
+        onGenerateSvg: At,
         onToggleAnnotator: Ue,
-        onToggleZoom: Yo,
+        onToggleZoom: Uo,
         style: ce({
           visibility: v(wt) ? v(We) ? "visible" : "hidden" : "visible"
         })
-      }, cn({ _: 2 }, [
+      }, dn({ _: 2 }, [
         h.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: F(({ isOpen: d, color: b }) => [
-            M(h.$slots, "menuIcon", z(V({ isOpen: d, color: b })), void 0, !0)
+          fn: F(({ isOpen: d, color: p }) => [
+            M(h.$slots, "menuIcon", z(V({ isOpen: d, color: p })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -2455,22 +2459,22 @@ const No = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", bac
         } : void 0,
         h.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: F(({ toggleFullscreen: d, isFullscreen: b }) => [
-            M(h.$slots, "optionFullscreen", z(V({ toggleFullscreen: d, isFullscreen: b })), void 0, !0)
+          fn: F(({ toggleFullscreen: d, isFullscreen: p }) => [
+            M(h.$slots, "optionFullscreen", z(V({ toggleFullscreen: d, isFullscreen: p })), void 0, !0)
           ]),
           key: "4"
         } : void 0,
         h.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: F(({ toggleAnnotator: d, isAnnotator: b }) => [
-            M(h.$slots, "optionAnnotator", z(V({ toggleAnnotator: d, isAnnotator: b })), void 0, !0)
+          fn: F(({ toggleAnnotator: d, isAnnotator: p }) => [
+            M(h.$slots, "optionAnnotator", z(V({ toggleAnnotator: d, isAnnotator: p })), void 0, !0)
           ]),
           key: "5"
         } : void 0,
         h.$slots.optionZoom ? {
           name: "optionZoom",
-          fn: F(({ toggleZoom: d, isZoomLocked: b }) => [
-            M(h.$slots, "optionZoom", z(V({ toggleZoom: d, isZoomLocked: b })), void 0, !0)
+          fn: F(({ toggleZoom: d, isZoomLocked: p }) => [
+            M(h.$slots, "optionZoom", z(V({ toggleZoom: d, isZoomLocked: p })), void 0, !0)
           ]),
           key: "6"
         } : void 0
@@ -2481,7 +2485,7 @@ const No = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", bac
         ref: w,
         style: "width:100%;background:transparent;"
       }, [
-        (y(), te(An, {
+        (y(), te(Ln, {
           key: `title_${P.value}`,
           config: {
             title: {
@@ -2495,7 +2499,7 @@ const No = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", bac
           }
         }, null, 8, ["config"]))
       ], 512)) : L("", !0),
-      u.value.style.chart.controls.position === "top" && !v(Ce) && u.value.style.chart.controls.show ? (y(), te(qt, {
+      u.value.style.chart.controls.position === "top" && !v(Ee) && u.value.style.chart.controls.show ? (y(), te(qt, {
         key: 4,
         ref_key: "zoomControls",
         ref: x,
@@ -2505,16 +2509,16 @@ const No = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", bac
         withDirection: "",
         onZoomIn: Ze,
         onZoomOut: Xe,
-        onResetZoom: p[0] || (p[0] = () => v(Be)(!0)),
+        onResetZoom: b[0] || (b[0] = () => v(Be)(!0)),
         onSwitchDirection: Ke
       }, null, 8, ["config", "scale", "isFullscreen"])) : L("", !0),
       v(k) ? (y(), _("svg", {
         key: 5,
         ref_key: "svgRef",
         ref: se,
-        class: Wt({ "vue-ui-dag-svg": !0, "vue-data-ui-loading": v(Ce) }),
-        viewBox: Ho.value,
-        xmlns: v(mn),
+        class: Wt({ "vue-ui-dag-svg": !0, "vue-data-ui-loading": v(Ee) }),
+        viewBox: Zo.value,
+        xmlns: v(vn),
         style: ce({
           backgroundColor: u.value.style.chart.backgroundColor,
           height: "100%",
@@ -2522,7 +2526,7 @@ const No = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", bac
         })
       }, [
         tt(v(i)),
-        u.value.style.chart.backgroundPattern.show ? (y(), _("defs", Ar, [
+        u.value.style.chart.backgroundPattern.show ? (y(), _("defs", Lr, [
           K("pattern", {
             id: `dag_bg_pattern_${g.value}`,
             patternUnits: "userSpaceOnUse",
@@ -2537,11 +2541,11 @@ const No = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", bac
               K("circle", {
                 cx: ae.value / 2,
                 cy: ae.value / 2,
-                r: tn.value,
+                r: nn.value,
                 fill: u.value.style.chart.backgroundPattern.dotColor
-              }, null, 8, Lr)
+              }, null, 8, Or)
             ], !0)
-          ], 8, Sr)
+          ], 8, Mr)
         ])) : L("", !0),
         u.value.style.chart.backgroundPattern.show ? (y(), _("rect", {
           key: 1,
@@ -2554,9 +2558,9 @@ const No = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", bac
             pointerEvents: "none",
             opacity: u.value.style.chart.backgroundPattern.opacity
           })
-        }, null, 12, Mr)) : L("", !0),
-        v(k).arrowShape !== "undirected" ? (y(), _("defs", Or, [
-          (y(!0), _(ue, null, Le(jo.value, (d) => (y(), _("marker", {
+        }, null, 12, Dr)) : L("", !0),
+        v(k).arrowShape !== "undirected" ? (y(), _("defs", Rr, [
+          (y(!0), _(ue, null, Le(Yo.value, (d) => (y(), _("marker", {
             key: d,
             id: Mt(d),
             markerWidth: v(k).arrowSize,
@@ -2572,23 +2576,23 @@ const No = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", bac
               fill: d,
               stroke: d,
               "stroke-width": "0"
-            }, null, 8, Rr)) : (y(), _("path", {
+            }, null, 8, Pr)) : (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: d,
               stroke: d,
               "stroke-width": "0"
-            }, null, 8, Tr))
-          ], 8, Dr))), 128))
+            }, null, 8, $r))
+          ], 8, Tr))), 128))
         ])) : L("", !0),
-        K("g", Pr, [
+        K("g", Fr, [
           (y(!0), _(ue, null, Le(v(k).edges, (d) => (y(), _(ue, {
             key: d.id
           }, [
             K("path", {
               "data-cy-edge": "",
               ref_for: !0,
-              ref: Jo(d.id),
+              ref: en(d.id),
               d: d.pathData,
               fill: "none",
               stroke: d.original.color ?? u.value.style.chart.edges.stroke,
@@ -2596,7 +2600,7 @@ const No = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", bac
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               style: { "pointer-events": "none", transition: "stroke-width 0.2s ease-in-out" }
-            }, null, 8, $r),
+            }, null, 8, Br),
             u.value.style.chart.midpoints.show ? (y(), _("circle", {
               key: 0,
               "data-cy-midpoint": "",
@@ -2608,18 +2612,18 @@ const No = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", bac
               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: (b) => Xo(d),
-              onMouseleave: qo
-            }, null, 40, Fr)) : L("", !0)
+              onMouseenter: (p) => Ko(d),
+              onMouseleave: Jo
+            }, null, 40, zr)) : L("", !0)
           ], 64))), 128))
         ]),
-        K("g", Br, [
+        K("g", Vr, [
           (y(!0), _(ue, null, Le(v(k).nodes, (d) => (y(), _("g", {
             key: d.id,
             class: "vue-ui-dag-node",
-            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)
+            onClick: Yt((p) => u.value.style.chart.nodes.tooltip.showOnClick && $t(d), ["stop"]),
+            onMouseenter: (p) => re.value = d.id,
+            onMouseleave: b[1] || (b[1] = (p) => re.value = null)
           }, [
             h.$slots.node ? L("", !0) : (y(), _("rect", {
               key: 0,
@@ -2635,7 +2639,7 @@ const No = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", bac
               style: ce({
                 cursor: u.value.style.chart.nodes.tooltip.showOnClick ? "pointer" : "default"
               })
-            }, null, 12, Vr)),
+            }, null, 12, Gr)),
             h.$slots.node ? (y(), _("foreignObject", {
               key: 1,
               x: d.x - d.width / 2,
@@ -2644,10 +2648,10 @@ const No = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", bac
               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))
+            ], 8, jr)) : L("", !0)
+          ], 40, Ir))), 128))
         ]),
-        K("g", Gr, [
+        K("g", Wr, [
           (y(!0), _(ue, null, Le(v(k).edges, (d) => (y(), _("path", {
             key: d.id,
             d: d.pathData,
@@ -2658,14 +2662,14 @@ const No = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", bac
             "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))
+          }, null, 8, Yr))), 128))
         ]),
-        K("g", Wr, [
+        K("g", Hr, [
           (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)
+            onClick: Yt((p) => u.value.style.chart.nodes.tooltip.showOnClick && $t(d), ["stop"]),
+            onMouseenter: (p) => re.value = d.id,
+            onMouseleave: b[2] || (b[2] = (p) => re.value = null)
           }, [
             h.$slots["free-node-label"] ? L("", !0) : (y(), _(ue, { key: 0 }, [
               h.$slots["node-label"] ? (y(), _("text", {
@@ -2678,9 +2682,9 @@ const No = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", bac
                 "font-weight": u.value.style.chart.nodes.labels.bold ? "bold" : "normal"
               }, [
                 M(h.$slots, "node-label", ot({ ref_for: !0 }, { node: d, orientation: ee.value }), () => [
-                  un(Se(d.label), 1)
+                  fn(Se(d.label), 1)
                 ], !0)
-              ], 8, Hr)) : !h.$slots["free-node-label"] && !h.$slots.node ? (y(), _("text", {
+              ], 8, Zr)) : !h.$slots["free-node-label"] && !h.$slots.node ? (y(), _("text", {
                 key: 1,
                 "data-cy-node-label": "",
                 x: d.x,
@@ -2689,7 +2693,7 @@ const No = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", bac
                 "font-size": u.value.style.chart.nodes.labels.fontSize,
                 fill: d.original.color,
                 "font-weight": u.value.style.chart.nodes.labels.bold ? "bold" : "normal",
-                innerHTML: v(gn)({
+                innerHTML: v(bn)({
                   content: d.label,
                   fontSize: u.value.style.chart.nodes.labels.fontSize,
                   fontWeight: u.value.style.chart.nodes.labels.bold ? "bold" : "normal",
@@ -2698,12 +2702,12 @@ const No = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", bac
                   y: d.y,
                   autoOffset: !0
                 })
-              }, null, 8, Ur)) : L("", !0)
+              }, null, 8, Xr)) : L("", !0)
             ], 64)),
-            h.$slots["free-node-label"] ? (y(), _("g", Zr, [
+            h.$slots["free-node-label"] ? (y(), _("g", qr, [
               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))
+          ], 40, Ur))), 128))
         ]),
         M(h.$slots, "svg", {
           svg: {
@@ -2712,9 +2716,9 @@ const No = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", bac
             orientation: ee.value
           }
         }, void 0, !0)
-      ], 14, Nr)) : L("", !0),
-      h.$slots.watermark ? (y(), _("div", Xr, [
-        M(h.$slots, "watermark", z(V({ isPrinting: v(Et) || v(Ct) })), void 0, !0)
+      ], 14, Sr)) : L("", !0),
+      h.$slots.watermark ? (y(), _("div", Kr, [
+        M(h.$slots, "watermark", z(V({ isPrinting: v(Ct) || v(Et) })), void 0, !0)
       ])) : L("", !0),
       tt(Ht, { name: "fade" }, {
         default: F(() => [
@@ -2736,9 +2740,9 @@ const No = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", bac
               "data-position": ye.value
             }, [
               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)
+                G.value ? (y(), _("div", Qr, Se(Lt(G.value.from)?.label ?? G.value.from) + " → " + Se(Lt(G.value.to)?.label ?? G.value.to), 1)) : L("", !0)
               ], !0)
-            ], 12, qr)
+            ], 12, Jr)
           ], 8, ["to"])) : L("", !0)
         ]),
         _: 3
@@ -2761,17 +2765,17 @@ const No = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", bac
                 "--vue-data-ui-dag-node-tooltip-background": u.value.style.chart.nodes.tooltip.backgroundColor,
                 "--vue-data-ui-dag-node-tooltip-color": u.value.style.chart.nodes.tooltip.color
               }),
-              "data-position": pt.value
+              "data-position": bt.value
             }, [
               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)
+                ke.value ? (y(), _("div", ti, Se(ke.value.label), 1)) : L("", !0)
               ], !0)
-            ], 12, Jr)
+            ], 12, ei)
           ], 8, ["to"])) : L("", !0)
         ]),
         _: 3
       }),
-      u.value.style.chart.controls.position === "bottom" && !v(Ce) && u.value.style.chart.controls.show ? (y(), te(qt, {
+      u.value.style.chart.controls.position === "bottom" && !v(Ee) && u.value.style.chart.controls.show ? (y(), te(qt, {
         key: 7,
         ref_key: "zoomControls",
         ref: x,
@@ -2781,26 +2785,26 @@ const No = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", bac
         withDirection: "",
         onZoomIn: Ze,
         onZoomOut: Xe,
-        onResetZoom: p[3] || (p[3] = () => v(Be)(!0)),
+        onResetZoom: b[3] || (b[3] = () => v(Be)(!0)),
         onSwitchDirection: Ke
       }, null, 8, ["config", "scale", "isFullscreen"])) : L("", !0),
       h.$slots.source ? (y(), _("div", {
         key: 8,
         ref_key: "source",
-        ref: N,
+        ref: A,
         dir: "auto"
       }, [
         M(h.$slots, "source", {}, void 0, !0)
       ], 512)) : L("", !0),
-      v(Ce) ? (y(), te(kn, { key: 9 })) : L("", !0)
-    ], 46, _r));
+      v(Ee) ? (y(), te(En, { key: 9 })) : L("", !0)
+    ], 46, Ar));
   }
-}, ti = /* @__PURE__ */ Ln(ei, [["__scopeId", "data-v-5cf3932e"]]), wi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, ni = /* @__PURE__ */ On(oi, [["__scopeId", "data-v-5cf3932e"]]), ki = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: ti
+  default: ni
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  bi as a,
-  wi as b,
-  ti as v
+  yi as a,
+  ki as b,
+  ni as v
 };