vue-data-ui 3.8.1 → 3.8.2

package/dist/{vue-ui-dag-D0ImsCHg.js → vue-ui-dag-CeF87qTR.js}

@@ -1,8 +1,8 @@
-import { ref as y, watchEffect as Jo, unref as v, createElementBlock as x, openBlock as k, normalizeStyle as X, normalizeClass as st, createElementVNode as G, createCommentVNode as L, createVNode as ae, toDisplayString as le, defineAsyncComponent as Xe, toRefs as Qo, computed as W, onMounted as zt, watch as De, onBeforeUnmount as en, createBlock as U, withCtx as T, renderSlot as A, normalizeProps as B, guardReactiveProps as V, createSlots as tn, Fragment as ie, renderList as Fe, withModifiers as on, mergeProps as Bt, createTextVNode as nn, Transition as Vt, Teleport as It, nextTick as Gt } from "vue";
-import { c as rt, ay as sn, l as Ce, n as rn, r as ln, h as an, t as so, o as cn, g as jt, X as un, a8 as dn } from "./lib-qMPkcvmh.js";
+import { ref as k, watchEffect as Jo, unref as v, createElementBlock as _, openBlock as y, normalizeStyle as X, normalizeClass as it, createElementVNode as j, createCommentVNode as S, createVNode as ae, toDisplayString as le, defineAsyncComponent as qe, toRefs as Qo, computed as Y, onMounted as Vt, nextTick as De, watch as Fe, onBeforeUnmount as en, createBlock as U, withCtx as M, renderSlot as A, normalizeProps as B, guardReactiveProps as V, createSlots as tn, Fragment as ie, renderList as Pe, withModifiers as on, mergeProps as Ke, createTextVNode as nn, Transition as It, Teleport as Gt } from "vue";
+import { c as lt, ay as sn, l as Ce, n as rn, r as ln, h as an, t as so, o as cn, g as jt, X as un, a8 as dn } from "./lib-qMPkcvmh.js";
 import { t as fn, u as hn } from "./useResponsive-DfdjqQps.js";
 import { u as mn } from "./usePanZoom-DMfuOfaC.js";
-import { u as gn, a as qe } from "./useNestedProp-DH2Pjkde.js";
+import { u as gn, a as Je } from "./useNestedProp-DH2Pjkde.js";
 import { u as vn, B as bn } from "./BaseScanner-BgWxam9d.js";
 import { u as pn } from "./usePrinter-CjGh4mFJ.js";
 import { u as wn } from "./useSvgExport-DrjCWun4.js";
@@ -10,7 +10,7 @@ import { u as yn } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as kn } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as En } from "./useChartAccessibility-9icAAmYg.js";
 import Cn from "./Title-CWX8otQg.js";
-import Ke from "./BaseIcon-CALhpING.js";
+import Qe from "./BaseIcon-CALhpING.js";
 import { _ as ro } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import xn from "./img-CwrkWkkl.js";
 const _n = "\0", te = "\0", Wt = "
";
@@ -128,8 +128,8 @@ class q {
    */
   setNodes(t, o) {
     const n = arguments, s = this;
-    return t.forEach((r) => {
-      n.length > 1 ? s.setNode(r, o) : s.setNode(r);
+    return t.forEach((i) => {
+      n.length > 1 ? s.setNode(i, o) : s.setNode(i);
     }), this;
   }
   /**
@@ -274,17 +274,17 @@ class q {
     });
     o.setGraph(this.graph());
     const n = this;
-    Object.entries(this._nodes).forEach(([i, l]) => {
-      t(i) && o.setNode(i, l);
-    }), Object.values(this._edgeObjs).forEach((i) => {
-      o.hasNode(i.v) && o.hasNode(i.w) && o.setEdge(i, n.edge(i));
+    Object.entries(this._nodes).forEach(([r, l]) => {
+      t(r) && o.setNode(r, l);
+    }), Object.values(this._edgeObjs).forEach((r) => {
+      o.hasNode(r.v) && o.hasNode(r.w) && o.setEdge(r, n.edge(r));
     });
     const s = {};
-    function r(i) {
-      const l = n.parent(i);
-      return l === void 0 || o.hasNode(l) ? (s[i] = l, l) : l in s ? s[l] : r(l);
+    function i(r) {
+      const l = n.parent(r);
+      return l === void 0 || o.hasNode(l) ? (s[r] = l, l) : l in s ? s[l] : i(l);
     }
-    return this._isCompound && o.nodes().forEach((i) => o.setParent(i, r(i))), o;
+    return this._isCompound && o.nodes().forEach((r) => o.setParent(r, i(r))), o;
   }
   /* === Edge functions ========== */
   /**
@@ -319,7 +319,7 @@ class q {
    */
   setPath(t, o) {
     const n = this, s = arguments;
-    return t.reduce((r, i) => (s.length > 1 ? n.setEdge(r, i, o) : n.setEdge(r, i), i)), this;
+    return t.reduce((i, r) => (s.length > 1 ? n.setEdge(i, r, o) : n.setEdge(i, r), r)), this;
   }
   /**
    * Creates or updates the label for the edge (v, w) with the optionally supplied
@@ -328,15 +328,15 @@ class q {
    * be assigned. The name parameter is only useful with multigraphs.
    */
   setEdge() {
-    let t, o, n, s, r = !1;
-    const i = arguments[0];
-    typeof i == "object" && i !== null && "v" in i ? (t = i.v, o = i.w, n = i.name, arguments.length === 2 && (s = arguments[1], r = !0)) : (t = i, o = arguments[1], n = arguments[3], arguments.length > 2 && (s = arguments[2], r = !0)), t = "" + t, o = "" + o, n !== void 0 && (n = "" + n);
+    let t, o, n, s, i = !1;
+    const r = arguments[0];
+    typeof r == "object" && r !== null && "v" in r ? (t = r.v, o = r.w, n = r.name, arguments.length === 2 && (s = arguments[1], i = !0)) : (t = r, o = arguments[1], n = arguments[3], arguments.length > 2 && (s = arguments[2], i = !0)), t = "" + t, o = "" + o, n !== void 0 && (n = "" + n);
     let l = Ee(this._isDirected, t, o, n);
     if (Object.hasOwn(this._edgeLabels, l))
-      return r && (this._edgeLabels[l] = s), this;
+      return i && (this._edgeLabels[l] = s), this;
     if (n !== void 0 && !this._isMultigraph)
       throw new Error("Cannot set a named edge when isMultigraph = false");
-    this.setNode(t), this.setNode(o), this._edgeLabels[l] = r ? s : this._defaultEdgeLabelFn(t, o, n);
+    this.setNode(t), this.setNode(o), this._edgeLabels[l] = i ? s : this._defaultEdgeLabelFn(t, o, n);
     const a = Nn(this._isDirected, t, o, n);
     return t = a.v, o = a.w, Object.freeze(a), this._edgeObjs[l] = a, Yt(this._preds[o], t), Yt(this._sucs[t], o), this._in[o][l] = a, this._out[t][l] = a, this._edgeCount++, this;
   }
@@ -345,7 +345,7 @@ class q {
    * Complexity: O(1).
    */
   edge(t, o, n) {
-    const s = arguments.length === 1 ? Je(this._isDirected, arguments[0]) : Ee(this._isDirected, t, o, n);
+    const s = arguments.length === 1 ? et(this._isDirected, arguments[0]) : Ee(this._isDirected, t, o, n);
     return this._edgeLabels[s];
   }
   /**
@@ -361,7 +361,7 @@ class q {
    * Complexity: O(1).
    */
   hasEdge(t, o, n) {
-    const s = arguments.length === 1 ? Je(this._isDirected, arguments[0]) : Ee(this._isDirected, t, o, n);
+    const s = arguments.length === 1 ? et(this._isDirected, arguments[0]) : Ee(this._isDirected, t, o, n);
     return Object.hasOwn(this._edgeLabels, s);
   }
   /**
@@ -369,8 +369,8 @@ class q {
    * Complexity: O(1).
    */
   removeEdge(t, o, n) {
-    const s = arguments.length === 1 ? Je(this._isDirected, arguments[0]) : Ee(this._isDirected, t, o, n), r = this._edgeObjs[s];
-    return r && (t = r.v, o = r.w, delete this._edgeLabels[s], delete this._edgeObjs[s], Ht(this._preds[o], t), Ht(this._sucs[t], o), delete this._in[o][s], delete this._out[t][s], this._edgeCount--), this;
+    const s = arguments.length === 1 ? et(this._isDirected, arguments[0]) : Ee(this._isDirected, t, o, n), i = this._edgeObjs[s];
+    return i && (t = i.v, o = i.w, delete this._edgeLabels[s], delete this._edgeObjs[s], Ht(this._preds[o], t), Ht(this._sucs[t], o), delete this._in[o][s], delete this._out[t][s], this._edgeCount--), this;
   }
   /**
    * Return all edges that point to the node v. Optionally filters those edges down to just those
@@ -381,7 +381,7 @@ class q {
     const n = this._in[t];
     if (n) {
       const s = Object.values(n);
-      return o ? s.filter((r) => r.v === o) : s;
+      return o ? s.filter((i) => i.v === o) : s;
     }
   }
   /**
@@ -393,7 +393,7 @@ class q {
     const n = this._out[t];
     if (n) {
       const s = Object.values(n);
-      return o ? s.filter((r) => r.w === o) : s;
+      return o ? s.filter((i) => i.w === o) : s;
     }
   }
   /**
@@ -414,23 +414,23 @@ function Ht(e, t) {
   --e[t] || delete e[t];
 }
 function Ee(e, t, o, n) {
-  let s = "" + t, r = "" + o;
-  if (!e && s > r) {
-    const i = s;
-    s = r, r = i;
+  let s = "" + t, i = "" + o;
+  if (!e && s > i) {
+    const r = s;
+    s = i, i = r;
   }
-  return s + Wt + r + Wt + (n === void 0 ? _n : n);
+  return s + Wt + i + Wt + (n === void 0 ? _n : n);
 }
 function Nn(e, t, o, n) {
-  let s = "" + t, r = "" + o;
-  if (!e && s > r) {
+  let s = "" + t, i = "" + o;
+  if (!e && s > i) {
     const l = s;
-    s = r, r = l;
+    s = i, i = l;
   }
-  const i = { v: s, w: r };
-  return n && (i.name = n), i;
+  const r = { v: s, w: i };
+  return n && (r.name = n), r;
 }
-function Je(e, t) {
+function et(e, t) {
   return Ee(e, t.v, t.w, t.name);
 }
 class An {
@@ -466,39 +466,39 @@ const Ln = () => 1;
 function On(e, t) {
   if (e.nodeCount() <= 1)
     return [];
-  const o = Tn(e, t || Ln);
-  return Rn(o.graph, o.buckets, o.zeroIndex).flatMap((s) => e.outEdges(s.v, s.w));
+  const o = Rn(e, t || Ln);
+  return Tn(o.graph, o.buckets, o.zeroIndex).flatMap((s) => e.outEdges(s.v, s.w));
 }
-function Rn(e, t, o) {
+function Tn(e, t, o) {
   let n = [];
-  const s = t[t.length - 1], r = t[0];
-  let i;
+  const s = t[t.length - 1], i = t[0];
+  let r;
   for (; e.nodeCount(); ) {
-    for (; i = r.dequeue(); )
-      Qe(e, t, o, i);
-    for (; i = s.dequeue(); )
-      Qe(e, t, o, i);
+    for (; r = i.dequeue(); )
+      tt(e, t, o, r);
+    for (; r = s.dequeue(); )
+      tt(e, t, o, r);
     if (e.nodeCount()) {
       for (let l = t.length - 2; l > 0; --l)
-        if (i = t[l].dequeue(), i) {
-          n = n.concat(Qe(e, t, o, i, !0));
+        if (r = t[l].dequeue(), r) {
+          n = n.concat(tt(e, t, o, r, !0));
           break;
         }
     }
   }
   return n;
 }
-function Qe(e, t, o, n, s) {
-  const r = s ? [] : void 0;
-  return e.inEdges(n.v).forEach((i) => {
-    const l = e.edge(i), a = e.node(i.v);
-    s && r.push({ v: i.v, w: i.w }), a.out -= l, it(t, o, a);
-  }), e.outEdges(n.v).forEach((i) => {
-    const l = e.edge(i), a = e.node(i.w);
-    a.in -= l, it(t, o, a);
-  }), e.removeNode(n.v), r;
-}
-function Tn(e, t) {
+function tt(e, t, o, n, s) {
+  const i = s ? [] : void 0;
+  return e.inEdges(n.v).forEach((r) => {
+    const l = e.edge(r), a = e.node(r.v);
+    s && i.push({ v: r.v, w: r.w }), a.out -= l, at(t, o, a);
+  }), e.outEdges(n.v).forEach((r) => {
+    const l = e.edge(r), a = e.node(r.w);
+    a.in -= l, at(t, o, a);
+  }), e.removeNode(n.v), i;
+}
+function Rn(e, t) {
   const o = new q();
   let n = 0, s = 0;
   e.nodes().forEach((l) => {
@@ -507,16 +507,16 @@ function Tn(e, t) {
     const a = o.edge(l.v, l.w) || 0, c = t(l), d = a + c;
     o.setEdge(l.v, l.w, d), s = Math.max(s, o.node(l.v).out += c), n = Math.max(n, o.node(l.w).in += c);
   });
-  const r = Mn(s + n + 3).map(() => new An()), i = n + 1;
+  const i = Mn(s + n + 3).map(() => new An()), r = n + 1;
   return o.nodes().forEach((l) => {
-    it(r, i, o.node(l));
+    at(i, r, o.node(l));
   }), {
     graph: o,
-    buckets: r,
-    zeroIndex: i
+    buckets: i,
+    zeroIndex: r
   };
 }
-function it(e, t, o) {
+function at(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 Mn(e) {
@@ -528,7 +528,7 @@ function Mn(e) {
 function ue(e, t, o, n) {
   let s = n;
   for (; e.hasNode(s); )
-    s = ze(n);
+    s = Be(n);
   return o.dummy = t, e.setNode(s, o), s;
 }
 function io(e) {
@@ -543,7 +543,7 @@ function io(e) {
     });
   }), t;
 }
-function at(e) {
+function ut(e) {
   const t = new q({ multigraph: e.isMultigraph() }).setGraph(e.graph());
   return e.nodes().forEach((o) => {
     e.children(o).length || t.setNode(o, e.node(o));
@@ -558,7 +558,7 @@ function $n(e) {
       n[s.w] = (n[s.w] || 0) + e.edge(s).weight;
     }), n;
   });
-  return Be(e.nodes(), t);
+  return Ve(e.nodes(), t);
 }
 function Dn(e) {
   const t = e.nodes().map((o) => {
@@ -567,19 +567,19 @@ function Dn(e) {
       n[s.v] = (n[s.v] || 0) + e.edge(s).weight;
     }), n;
   });
-  return Be(e.nodes(), t);
+  return Ve(e.nodes(), t);
 }
-function lt(e, t) {
+function ct(e, t) {
   let o = e.x, n = e.y;
-  const s = t.x - o, r = t.y - n;
-  let i = e.width / 2, l = e.height / 2;
-  if (!s && !r)
+  const s = t.x - o, i = t.y - n;
+  let r = e.width / 2, l = e.height / 2;
+  if (!s && !i)
     throw new Error("Not possible to find intersection inside of the rectangle");
   let a, c;
-  return Math.abs(r) * i > Math.abs(s) * l ? (r < 0 && (l = -l), a = l * s / r, c = l) : (s < 0 && (i = -i), a = i, c = i * r / s), { x: o + a, y: n + c };
+  return Math.abs(i) * r > Math.abs(s) * l ? (i < 0 && (l = -l), a = l * s / i, c = l) : (s < 0 && (r = -r), a = r, c = r * i / s), { x: o + a, y: n + c };
 }
 function _e(e) {
-  const t = ce(ct(e) + 1).map(() => []);
+  const t = ce(dt(e) + 1).map(() => []);
   return e.nodes().forEach((o) => {
     const n = e.node(o), s = n.rank;
     s !== void 0 && (t[s][n.order] = o);
@@ -589,22 +589,22 @@ function lo(e) {
   const t = e.nodes().map((n) => {
     const s = e.node(n).rank;
     return s === void 0 ? Number.MAX_VALUE : s;
-  }), o = j(Math.min, t);
+  }), o = W(Math.min, t);
   e.nodes().forEach((n) => {
     const s = e.node(n);
     Object.hasOwn(s, "rank") && (s.rank -= o);
   });
 }
 function ao(e) {
-  const t = e.nodes().map((i) => e.node(i).rank).filter((i) => i !== void 0), o = j(Math.min, t), n = [];
-  e.nodes().forEach((i) => {
-    const l = e.node(i).rank - o;
-    n[l] || (n[l] = []), n[l].push(i);
+  const t = e.nodes().map((r) => e.node(r).rank).filter((r) => r !== void 0), o = W(Math.min, t), n = [];
+  e.nodes().forEach((r) => {
+    const l = e.node(r).rank - o;
+    n[l] || (n[l] = []), n[l].push(r);
   });
   let s = 0;
-  const r = e.graph().nodeRankFactor;
-  Array.from(n).forEach((i, l) => {
-    i === void 0 && l % r !== 0 ? --s : i !== void 0 && s && i.forEach((a) => {
+  const i = e.graph().nodeRankFactor;
+  Array.from(n).forEach((r, l) => {
+    r === void 0 && l % i !== 0 ? --s : r !== void 0 && s && r.forEach((a) => {
       e.node(a).rank += s;
     });
   });
@@ -625,7 +625,7 @@ function Pn(e, t = co) {
   }
   return o;
 }
-function j(e, t) {
+function W(e, t) {
   if (t.length > co) {
     const o = Pn(t);
     return e.apply(
@@ -635,12 +635,12 @@ function j(e, t) {
   } else
     return e.apply(null, t);
 }
-function ct(e) {
+function dt(e) {
   const o = e.nodes().map((n) => {
     const s = e.node(n).rank;
     return s === void 0 ? Number.MIN_VALUE : s;
   });
-  return j(Math.max, o);
+  return W(Math.max, o);
 }
 function uo(e, t) {
   const o = { lhs: [], rhs: [] };
@@ -660,17 +660,17 @@ function ho(e, t) {
   return t();
 }
 let zn = 0;
-function ze(e) {
+function Be(e) {
   const t = ++zn;
   return e + String(t);
 }
 function ce(e, t, o = 1) {
   t == null && (t = e, e = 0);
-  let n = (r) => r < t;
-  o < 0 && (n = (r) => t < r);
+  let n = (i) => i < t;
+  o < 0 && (n = (i) => t < i);
   const s = [];
-  for (let r = e; n(r); r += o)
-    s.push(r);
+  for (let i = e; n(i); i += o)
+    s.push(i);
   return s;
 }
 function xe(e, t) {
@@ -685,20 +685,20 @@ function Ne(e, t) {
     const n = t;
     o = (s) => s[n];
   }
-  return Object.entries(e).reduce((n, [s, r]) => (n[s] = o(r, s), n), {});
+  return Object.entries(e).reduce((n, [s, i]) => (n[s] = o(i, s), n), {});
 }
-function Be(e, t) {
+function Ve(e, t) {
   return e.reduce((o, n, s) => (o[n] = t[s], o), {});
 }
-const Pe = {
+const ze = {
   addBorderNode: Fn,
   addDummyNode: ue,
-  applyWithChunking: j,
-  asNonCompoundGraph: at,
+  applyWithChunking: W,
+  asNonCompoundGraph: ut,
   buildLayerMatrix: _e,
-  intersectRect: lt,
+  intersectRect: ct,
   mapValues: Ne,
-  maxRank: ct,
+  maxRank: dt,
   normalizeRanks: lo,
   notime: ho,
   partition: uo,
@@ -709,13 +709,13 @@ const Pe = {
   simplify: io,
   successorWeights: $n,
   time: fo,
-  uniqueId: ze,
-  zipObject: Be
+  uniqueId: Be,
+  zipObject: Ve
 };
 function Bn(e) {
   (e.graph().acyclicer === "greedy" ? On(e, o(e)) : In(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, ze("rev"));
+    e.removeEdge(n), s.forwardName = n.name, s.reversed = !0, e.setEdge(n.w, n.v, s, Be("rev"));
   });
   function o(n) {
     return (s) => n.edge(s).weight;
@@ -733,10 +733,10 @@ function Vn(e) {
 }
 function In(e) {
   const t = [], o = {}, n = {};
-  function s(r) {
-    Object.hasOwn(n, r) || (n[r] = !0, o[r] = !0, e.outEdges(r).forEach((i) => {
-      Object.hasOwn(o, i.w) ? t.push(i) : s(i.w);
-    }), delete o[r]);
+  function s(i) {
+    Object.hasOwn(n, i) || (n[i] = !0, o[i] = !0, e.outEdges(i).forEach((r) => {
+      Object.hasOwn(o, r.w) ? t.push(r) : s(r.w);
+    }), delete o[i]);
   }
   return e.nodes().forEach(s), t;
 }
@@ -745,20 +745,20 @@ function Gn(e) {
 }
 function jn(e, t) {
   let o = t.v, n = e.node(o).rank;
-  const s = t.w, r = e.node(s).rank, i = t.name, l = e.edge(t), a = l.labelRank;
-  if (r === n + 1)
+  const s = t.w, i = e.node(s).rank, r = t.name, l = e.edge(t), a = l.labelRank;
+  if (i === n + 1)
     return;
   e.removeEdge(t);
   let c, d, f;
-  for (f = 0, ++n; n < r; ++f, ++n)
+  for (f = 0, ++n; n < i; ++f, ++n)
     l.points = [], d = {
       width: 0,
       height: 0,
       edgeLabel: l,
       edgeObj: t,
       rank: n
-    }, c = ue(e, "edge", d, "_d"), n === a && (d.width = l.width, d.height = l.height, d.dummy = "edge-label", d.labelpos = l.labelpos), e.setEdge(o, c, { weight: l.weight }, i), f === 0 && e.graph().dummyChains.push(c), o = c;
-  e.setEdge(o, s, { weight: l.weight }, i);
+    }, c = ue(e, "edge", d, "_d"), n === a && (d.width = l.width, d.height = l.height, d.dummy = "edge-label", d.labelpos = l.labelpos), e.setEdge(o, c, { weight: l.weight }, r), f === 0 && e.graph().dummyChains.push(c), o = c;
+  e.setEdge(o, s, { weight: l.weight }, r);
 }
 function Wn(e) {
   e.graph().dummyChains.forEach((t) => {
@@ -778,14 +778,14 @@ function mo(e) {
     const s = e.outEdges(o) || [];
     if (!s.length)
       return n && (n.rank = 0), 0;
-    const r = s.map((l) => {
+    const i = s.map((l) => {
       if (!e.node(l.w))
         return Number.POSITIVE_INFINITY;
       const c = t(l.w), d = e.edge(l).minlen;
       return c - d;
     });
-    let i = j(Math.min, r);
-    return i === Number.POSITIVE_INFINITY && (i = 0), n && (n.rank = i), i;
+    let r = W(Math.min, i);
+    return r === Number.POSITIVE_INFINITY && (r = 0), n && (n.rank = r), r;
   }
   (e.sources() || []).forEach(t);
 }
@@ -795,22 +795,22 @@ function Yn(e, t) {
 function Hn(e) {
   Zn(e);
   const t = new q();
-  e.nodes().forEach((r) => {
-    t.setNode(r, {});
+  e.nodes().forEach((i) => {
+    t.setNode(i, {});
   });
   const o = e.nodes();
   if (!o.length)
     return t;
   const n = o[0], s = /* @__PURE__ */ new Set([n]);
   for (; s.size < o.length; ) {
-    const r = Un(e, s);
-    if (!r) {
+    const i = Un(e, s);
+    if (!i) {
       const d = o.find((f) => !s.has(f));
       s.add(d), t.setNode(d, {});
       continue;
     }
-    const { edgeObject: i, delta: l, attachFrom: a, attachTo: c } = r;
-    Xn(e, s, a, l), t.setEdge(i.v, i.w, {}), s.add(c);
+    const { edgeObject: r, delta: l, attachFrom: a, attachTo: c } = i;
+    Xn(e, s, a, l), t.setEdge(r.v, r.w, {}), s.add(c);
   }
   return t;
 }
@@ -823,12 +823,12 @@ function Zn(e) {
 function Un(e, t) {
   let o = null;
   return e.edges().forEach((n) => {
-    const s = t.has(n.v), r = t.has(n.w);
-    if (s === r)
+    const s = t.has(n.v), i = t.has(n.w);
+    if (s === i)
       return;
-    const i = Yn(e, n), l = Math.abs(i);
+    const r = Yn(e, n), l = Math.abs(r);
     if (!o || l < o.absoluteSlack) {
-      const a = s ? n.v : n.w, c = s ? n.w : n.v, d = s ? i : -i;
+      const a = s ? n.v : n.w, c = s ? n.w : n.v, d = s ? r : -r;
       o = {
         edgeObject: n,
         delta: d,
@@ -842,8 +842,8 @@ function Un(e, t) {
 function Xn(e, t, o, n) {
   n && e.nodes().forEach((s) => {
     if (!t.has(s)) {
-      const r = e.node(s);
-      r.rank += n;
+      const i = e.node(s);
+      i.rank += n;
     }
   });
 }
@@ -904,34 +904,34 @@ function ss(e) {
   const t = is(e);
   e.graph().dummyChains.forEach((o) => {
     let n = e.node(o);
-    const s = n.edgeObj, r = rs(e, t, s.v, s.w), i = r.path, l = r.lca;
-    let a = 0, c = i[a], d = !0, f = o;
+    const s = n.edgeObj, i = rs(e, t, s.v, s.w), r = i.path, l = i.lca;
+    let a = 0, c = r[a], d = !0, f = o;
     for (; f !== s.w; ) {
       if (n = e.node(f), d) {
-        for (; (c = i[a]) !== l && e.node(c).maxRank < n.rank; )
+        for (; (c = r[a]) !== l && e.node(c).maxRank < n.rank; )
           a++;
         c === l && (d = !1);
       }
       if (!d) {
-        for (; a < i.length - 1 && e.node(c = i[a + 1]).minRank <= n.rank; )
+        for (; a < r.length - 1 && e.node(c = r[a + 1]).minRank <= n.rank; )
           a++;
-        c = i[a];
+        c = r[a];
       }
       e.setParent(f, c), f = e.successors(f)[0];
     }
   });
 }
 function rs(e, t, o, n) {
-  const s = [], r = [], i = Math.min(t[o].low, t[n].low), l = Math.max(t[o].lim, t[n].lim);
+  const s = [], i = [], r = Math.min(t[o].low, t[n].low), l = Math.max(t[o].lim, t[n].lim);
   let a, c;
   a = o;
   do
     a = e.parent(a), s.push(a);
-  while (a && (t[a].low > i || l > t[a].lim));
+  while (a && (t[a].low > r || l > t[a].lim));
   for (c = a, a = n; (a = e.parent(a)) !== c; )
-    r.push(a);
+    i.push(a);
   return {
-    path: s.concat(r.reverse()),
+    path: s.concat(i.reverse()),
     lca: c
   };
 }
@@ -939,50 +939,50 @@ function is(e) {
   const t = {};
   let o = 0;
   function n(s) {
-    const r = o;
-    e.children(s).forEach(n), t[s] = { low: r, lim: o++ };
+    const i = o;
+    e.children(s).forEach(n), t[s] = { low: i, lim: o++ };
   }
   return e.children().forEach(n), t;
 }
 function ls(e) {
-  const t = Pe.addDummyNode(e, "root", {}, "_root"), o = as(e), n = Object.values(o), s = Pe.applyWithChunking(Math.max, n) - 1, r = 2 * s + 1;
+  const t = ze.addDummyNode(e, "root", {}, "_root"), o = as(e), n = Object.values(o), s = ze.applyWithChunking(Math.max, n) - 1, i = 2 * s + 1;
   e.graph().nestingRoot = t, e.edges().forEach((l) => {
-    e.edge(l).minlen *= r;
+    e.edge(l).minlen *= i;
   });
-  const i = cs(e) + 1;
+  const r = cs(e) + 1;
   e.children().forEach((l) => {
-    vo(e, t, r, i, s, o, l);
-  }), e.graph().nodeRankFactor = r;
+    vo(e, t, i, r, s, o, l);
+  }), e.graph().nodeRankFactor = i;
 }
-function vo(e, t, o, n, s, r, i) {
-  const l = e.children(i);
+function vo(e, t, o, n, s, i, r) {
+  const l = e.children(r);
   if (!l.length) {
-    i !== t && e.setEdge(t, i, { weight: 0, minlen: o });
+    r !== t && e.setEdge(t, r, { weight: 0, minlen: o });
     return;
   }
-  const a = Pe.addBorderNode(e, "_bt"), c = Pe.addBorderNode(e, "_bb"), d = e.node(i);
-  e.setParent(a, i), d.borderTop = a, e.setParent(c, i), d.borderBottom = c, l.forEach((f) => {
-    vo(e, t, o, n, s, r, f);
-    const g = e.node(f), b = g.borderTop ? g.borderTop : f, N = g.borderBottom ? g.borderBottom : f, _ = g.borderTop ? n : 2 * n, M = b !== N ? 1 : s - r[i] + 1;
+  const a = ze.addBorderNode(e, "_bt"), c = ze.addBorderNode(e, "_bb"), d = e.node(r);
+  e.setParent(a, r), d.borderTop = a, e.setParent(c, r), d.borderBottom = c, l.forEach((f) => {
+    vo(e, t, o, n, s, i, f);
+    const g = e.node(f), b = g.borderTop ? g.borderTop : f, N = g.borderBottom ? g.borderBottom : f, x = g.borderTop ? n : 2 * n, T = b !== N ? 1 : s - i[r] + 1;
     e.setEdge(a, b, {
-      weight: _,
-      minlen: M,
+      weight: x,
+      minlen: T,
       nestingEdge: !0
     }), e.setEdge(N, c, {
-      weight: _,
-      minlen: M,
+      weight: x,
+      minlen: T,
       nestingEdge: !0
     });
-  }), e.parent(i) || e.setEdge(t, a, {
+  }), e.parent(r) || e.setEdge(t, a, {
     weight: 0,
-    minlen: s + r[i]
+    minlen: s + i[r]
   });
 }
 function as(e) {
   const t = {};
   function o(n, s) {
-    const r = e.children(n);
-    r && r.length && r.forEach((i) => o(i, s + 1)), t[n] = s;
+    const i = e.children(n);
+    i && i.length && i.forEach((r) => o(r, s + 1)), t[n] = s;
   }
   return e.children().forEach((n) => o(n, 1)), t;
 }
@@ -1000,20 +1000,20 @@ function ds(e) {
     const n = e.children(o), s = e.node(o);
     if (n.length && n.forEach(t), Object.hasOwn(s, "minRank")) {
       s.borderLeft = [], s.borderRight = [];
-      for (let r = s.minRank, i = s.maxRank + 1; r < i; ++r)
-        Xt(e, "borderLeft", "_bl", o, s, r), Xt(e, "borderRight", "_br", o, s, r);
+      for (let i = s.minRank, r = s.maxRank + 1; i < r; ++i)
+        Xt(e, "borderLeft", "_bl", o, s, i), Xt(e, "borderRight", "_br", o, s, i);
     }
   }
   e.children().forEach(t);
 }
-function Xt(e, t, o, n, s, r) {
-  const i = {
+function Xt(e, t, o, n, s, i) {
+  const r = {
     width: 0,
     height: 0,
-    rank: r,
+    rank: i,
     borderType: t
-  }, l = s[t][r - 1], a = ue(e, "border", i, o);
-  s[t][r] = a, e.setParent(a, n), l && e.setEdge(l, a, { weight: 1 });
+  }, l = s[t][i - 1], a = ue(e, "border", r, o);
+  s[t][i] = a, e.setParent(a, n), l && e.setEdge(l, a, { weight: 1 });
 }
 function fs(e) {
   const t = e.graph().rankdir.toLowerCase();
@@ -1036,24 +1036,24 @@ function qt(e) {
 }
 function ms(e) {
   e.nodes().forEach((t) => {
-    et(e.node(t));
+    ot(e.node(t));
   }), e.edges().forEach((t) => {
     const o = e.edge(t);
-    o.points.forEach(et), Object.hasOwn(o, "y") && et(o);
+    o.points.forEach(ot), Object.hasOwn(o, "y") && ot(o);
   });
 }
-function et(e) {
+function ot(e) {
   e.y = -e.y;
 }
 function gs(e) {
   e.nodes().forEach((t) => {
-    tt(e.node(t));
+    nt(e.node(t));
   }), e.edges().forEach((t) => {
     const o = e.edge(t);
-    o.points.forEach(tt), Object.hasOwn(o, "x") && tt(o);
+    o.points.forEach(nt), Object.hasOwn(o, "x") && nt(o);
   });
 }
-function tt(e) {
+function nt(e) {
   const t = e.x;
   e.x = e.y, e.y = t;
 }
@@ -1062,16 +1062,16 @@ const Kt = {
   undo: hs
 };
 function vs(e) {
-  const t = {}, o = e.nodes().filter((a) => e.children(a).length === 0), n = o.map((a) => e.node(a).rank), s = j(Math.max, n), r = ce(s + 1).map(() => []);
-  function i(a) {
+  const t = {}, o = e.nodes().filter((a) => e.children(a).length === 0), n = o.map((a) => e.node(a).rank), s = W(Math.max, n), i = ce(s + 1).map(() => []);
+  function r(a) {
     if (t[a]) return;
     t[a] = !0;
     const c = e.node(a);
-    r[c.rank].push(a), e.successors(a).forEach(i);
+    i[c.rank].push(a), e.successors(a).forEach(r);
   }
   return o.sort(
     (a, c) => e.node(a).rank - e.node(c).rank
-  ).forEach(i), r;
+  ).forEach(r), i;
 }
 function bs(e, t) {
   let o = 0;
@@ -1080,21 +1080,21 @@ function bs(e, t) {
   return o;
 }
 function ps(e, t, o) {
-  const n = Be(
+  const n = Ve(
     o,
     o.map((c, d) => d)
   ), s = t.flatMap((c) => e.outEdges(c).map((d) => ({
     pos: n[d.w],
     weight: e.edge(d).weight
   })).sort((d, f) => d.pos - f.pos));
-  let r = 1;
-  for (; r < o.length; ) r <<= 1;
-  const i = 2 * r - 1;
-  r -= 1;
-  const l = new Array(i).fill(0);
+  let i = 1;
+  for (; i < o.length; ) i <<= 1;
+  const r = 2 * i - 1;
+  i -= 1;
+  const l = new Array(r).fill(0);
   let a = 0;
   return s.forEach((c) => {
-    let d = c.pos + r;
+    let d = c.pos + i;
     l[d] += c.weight;
     let f = 0;
     for (; d > 0; )
@@ -1108,11 +1108,11 @@ function ws(e, t = []) {
     if (!n.length)
       return { v: o };
     const s = n.reduce(
-      (r, i) => {
-        const l = e.edge(i), a = e.node(i.v);
+      (i, r) => {
+        const l = e.edge(r), a = e.node(r.v);
         return {
-          sum: r.sum + l.weight * a.order,
-          weight: r.weight + l.weight
+          sum: i.sum + l.weight * a.order,
+          weight: i.weight + l.weight
         };
       },
       { sum: 0, weight: 0 }
@@ -1126,18 +1126,18 @@ function ws(e, t = []) {
 }
 function ys(e, t) {
   const o = {};
-  e.forEach((s, r) => {
-    const i = o[s.v] = {
+  e.forEach((s, i) => {
+    const r = o[s.v] = {
       indegree: 0,
       in: [],
       out: [],
       vs: [s.v],
-      i: r
+      i
     };
-    s.barycenter !== void 0 && (i.barycenter = s.barycenter, i.weight = s.weight);
+    s.barycenter !== void 0 && (r.barycenter = s.barycenter, r.weight = s.weight);
   }), t.edges().forEach((s) => {
-    const r = o[s.v], i = o[s.w];
-    r !== void 0 && i !== void 0 && (i.indegree++, r.out.push(i));
+    const i = o[s.v], r = o[s.w];
+    i !== void 0 && r !== void 0 && (r.indegree++, i.out.push(r));
   });
   const n = Object.values(o).filter((s) => !s.indegree);
   return ks(n);
@@ -1145,13 +1145,13 @@ function ys(e, t) {
 function ks(e) {
   const t = [];
   function o(s) {
-    return (r) => {
-      r.merged || (r.barycenter === void 0 || s.barycenter === void 0 || r.barycenter >= s.barycenter) && Es(s, r);
+    return (i) => {
+      i.merged || (i.barycenter === void 0 || s.barycenter === void 0 || i.barycenter >= s.barycenter) && Es(s, i);
     };
   }
   function n(s) {
-    return (r) => {
-      r.in.push(s), --r.indegree === 0 && e.push(r);
+    return (i) => {
+      i.in.push(s), --i.indegree === 0 && e.push(i);
     };
   }
   for (; e.length; ) {
@@ -1165,13 +1165,13 @@ function Es(e, t) {
   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 Cs(e, t) {
-  const o = uo(e, (d) => Object.hasOwn(d, "barycenter")), n = o.lhs, s = o.rhs.sort((d, f) => f.i - d.i), r = [];
-  let i = 0, l = 0, a = 0;
-  n.sort(xs(!!t)), a = Jt(r, s, a), n.forEach((d) => {
-    a += d.vs.length, r.push(d.vs), i += d.barycenter * d.weight, l += d.weight, a = Jt(r, s, a);
+  const o = uo(e, (d) => Object.hasOwn(d, "barycenter")), n = o.lhs, s = o.rhs.sort((d, f) => f.i - d.i), i = [];
+  let r = 0, l = 0, a = 0;
+  n.sort(xs(!!t)), a = Jt(i, s, a), n.forEach((d) => {
+    a += d.vs.length, i.push(d.vs), r += d.barycenter * d.weight, l += d.weight, a = Jt(i, s, a);
   });
-  const c = { vs: r.flat(!0) };
-  return l && (c.barycenter = i / l, c.weight = l), c;
+  const c = { vs: i.flat(!0) };
+  return l && (c.barycenter = r / l, c.weight = l), c;
 }
 function Jt(e, t, o) {
   let n;
@@ -1184,8 +1184,8 @@ function xs(e) {
 }
 function po(e, t, o, n) {
   let s = e.children(t);
-  const r = e.node(t), i = r ? r.borderLeft : void 0, l = r ? r.borderRight : void 0, a = {};
-  i && (s = s.filter((g) => g !== i && g !== l));
+  const i = e.node(t), r = i ? i.borderLeft : void 0, l = i ? i.borderRight : void 0, a = {};
+  r && (s = s.filter((g) => g !== r && g !== l));
   const c = ws(e, s);
   c.forEach((g) => {
     if (e.children(g.v).length) {
@@ -1196,8 +1196,8 @@ function po(e, t, o, n) {
   let d = ys(c, o);
   _s(d, a);
   const f = Cs(d, n);
-  if (i && (f.vs = [i, f.vs, l].flat(!0), e.predecessors(i).length)) {
-    const g = e.node(e.predecessors(i)[0]), b = e.node(e.predecessors(l)[0]);
+  if (r && (f.vs = [r, f.vs, l].flat(!0), e.predecessors(r).length)) {
+    const g = e.node(e.predecessors(r)[0]), b = e.node(e.predecessors(l)[0]);
     Object.hasOwn(f, "barycenter") || (f.barycenter = 0, f.weight = 0), f.barycenter = (f.barycenter * f.weight + g.order + b.order) / (f.weight + 2), f.weight += 2;
   }
   return f;
@@ -1212,35 +1212,35 @@ function Ns(e, t) {
 }
 function As(e, t, o, n) {
   n || (n = e.nodes());
-  const s = Ss(e), r = new q({ compound: !0 }).setGraph({ root: s }).setDefaultNodeLabel((i) => e.node(i));
-  return n.forEach((i) => {
-    const l = e.node(i), a = e.parent(i);
-    (l.rank === t || l.minRank <= t && t <= l.maxRank) && (r.setNode(i), r.setParent(i, a || s), e[o](i).forEach((d) => {
-      const f = d.v === i ? d.w : d.v, g = r.edge(f, i), b = g ? g.weight : 0;
-      r.setEdge(f, i, {
+  const s = Ss(e), i = new q({ compound: !0 }).setGraph({ root: s }).setDefaultNodeLabel((r) => e.node(r));
+  return n.forEach((r) => {
+    const l = e.node(r), a = e.parent(r);
+    (l.rank === t || l.minRank <= t && t <= l.maxRank) && (i.setNode(r), i.setParent(r, a || s), e[o](r).forEach((d) => {
+      const f = d.v === r ? d.w : d.v, g = i.edge(f, r), b = g ? g.weight : 0;
+      i.setEdge(f, r, {
         weight: e.edge(d).weight + b
       });
-    }), Object.hasOwn(l, "minRank") && r.setNode(i, {
+    }), Object.hasOwn(l, "minRank") && i.setNode(r, {
       borderLeft: l.borderLeft[t],
       borderRight: l.borderRight[t]
     }));
-  }), r;
+  }), i;
 }
 function Ss(e) {
   let t;
-  for (; e.hasNode(t = ze("_root")); ) ;
+  for (; e.hasNode(t = Be("_root")); ) ;
   return t;
 }
 function Ls(e, t, o) {
   let n = {}, s;
-  o.forEach((r) => {
-    let i = e.parent(r), l, a;
-    for (; i; ) {
-      if (l = e.parent(i), l ? (a = n[l], n[l] = i) : (a = s, s = i), a && a !== i) {
-        t.setEdge(a, i);
+  o.forEach((i) => {
+    let r = e.parent(i), l, a;
+    for (; r; ) {
+      if (l = e.parent(r), l ? (a = n[l], n[l] = r) : (a = s, s = r), a && a !== r) {
+        t.setEdge(a, r);
         return;
       }
-      i = l;
+      r = l;
     }
   });
 }
@@ -1249,7 +1249,7 @@ function wo(e, t = {}) {
     t.customOrder(e, wo);
     return;
   }
-  const o = ct(e), n = Qt(
+  const o = dt(e), n = Qt(
     e,
     ce(1, o + 1),
     "inEdges"
@@ -1258,36 +1258,36 @@ function wo(e, t = {}) {
     ce(o - 1, -1, -1),
     "outEdges"
   );
-  let r = vs(e);
-  if (eo(e, r), t.disableOptimalOrderHeuristic)
+  let i = vs(e);
+  if (eo(e, i), t.disableOptimalOrderHeuristic)
     return;
-  let i = Number.POSITIVE_INFINITY, l;
+  let r = Number.POSITIVE_INFINITY, l;
   const a = t.constraints || [];
   for (let c = 0, d = 0; d < 4; ++c, ++d) {
     const f = c % 2 === 0 ? n : s, g = c % 4 >= 2;
-    Os(f, g, a), r = _e(e);
-    const b = bs(e, r);
-    b < i ? (i = b, d = 0, l = structuredClone(r)) : b === i && (l = structuredClone(r));
+    Os(f, g, a), i = _e(e);
+    const b = bs(e, i);
+    b < r ? (r = b, d = 0, l = structuredClone(i)) : b === r && (l = structuredClone(i));
   }
   eo(e, l);
 }
 function Qt(e, t, o) {
   const n = /* @__PURE__ */ new Map();
-  function s(r, i) {
-    n.has(r) || n.set(r, []), n.get(r).push(i);
+  function s(i, r) {
+    n.has(i) || n.set(i, []), n.get(i).push(r);
   }
-  for (const r of e.nodes()) {
-    const i = e.node(r);
-    if (typeof i.rank == "number" && s(i.rank, r), typeof i.minRank == "number" && typeof i.maxRank == "number")
-      for (let l = i.minRank; l <= i.maxRank; l++)
-        l !== i.rank && s(l, r);
+  for (const i of e.nodes()) {
+    const r = e.node(i);
+    if (typeof r.rank == "number" && s(r.rank, i), typeof r.minRank == "number" && typeof r.maxRank == "number")
+      for (let l = r.minRank; l <= r.maxRank; l++)
+        l !== r.rank && s(l, i);
   }
   return t.map(
-    (r) => As(
+    (i) => As(
       e,
-      r,
+      i,
       o,
-      n.get(r) || []
+      n.get(i) || []
     )
   );
 }
@@ -1295,10 +1295,10 @@ function Os(e, t, o) {
   const n = new q();
   e.forEach((s) => {
     o.forEach((l) => n.setEdge(l.left, l.right));
-    const r = s.graph().root, i = po(s, r, n, t);
-    i.vs.forEach((l, a) => {
+    const i = s.graph().root, r = po(s, i, n, t);
+    r.vs.forEach((l, a) => {
       s.node(l).order = a;
-    }), Ls(s, n, i.vs);
+    }), Ls(s, n, r.vs);
   });
 }
 function eo(e, t) {
@@ -1308,43 +1308,43 @@ function eo(e, t) {
     });
   });
 }
-function Rs(e, t) {
+function Ts(e, t) {
   const o = {};
-  function n(s, r) {
-    let i = 0, l = 0;
-    const a = s.length, c = r[r.length - 1];
-    return r.forEach((d, f) => {
+  function n(s, i) {
+    let r = 0, l = 0;
+    const a = s.length, c = i[i.length - 1];
+    return i.forEach((d, f) => {
       const g = Ms(e, d), b = g ? e.node(g).order : a;
-      (g || d === c) && (r.slice(l, f + 1).forEach((N) => {
-        e.predecessors(N).forEach((_) => {
-          const M = e.node(_), Y = M.order;
-          (Y < i || b < Y) && !(M.dummy && e.node(N).dummy) && yo(o, _, N);
+      (g || d === c) && (i.slice(l, f + 1).forEach((N) => {
+        e.predecessors(N).forEach((x) => {
+          const T = e.node(x), I = T.order;
+          (I < r || b < I) && !(T.dummy && e.node(N).dummy) && yo(o, x, N);
         });
-      }), l = f + 1, i = b);
-    }), r;
+      }), l = f + 1, r = b);
+    }), i;
   }
   return t.length && t.reduce(n), o;
 }
-function Ts(e, t) {
+function Rs(e, t) {
   const o = {};
-  function n(r, i, l, a, c) {
+  function n(i, r, l, a, c) {
     let d;
-    ce(i, l).forEach((f) => {
-      d = r[f], e.node(d).dummy && e.predecessors(d).forEach((g) => {
+    ce(r, l).forEach((f) => {
+      d = i[f], e.node(d).dummy && e.predecessors(d).forEach((g) => {
         const b = e.node(g);
         b.dummy && (b.order < a || b.order > c) && yo(o, g, d);
       });
     });
   }
-  function s(r, i) {
+  function s(i, r) {
     let l = -1, a, c = 0;
-    return i.forEach((d, f) => {
+    return r.forEach((d, f) => {
       if (e.node(d).dummy === "border") {
         const g = e.predecessors(d);
-        g.length && (a = e.node(g[0]).order, n(i, c, f, l, a), c = f, l = a);
+        g.length && (a = e.node(g[0]).order, n(r, c, f, l, a), c = f, l = a);
       }
-      n(i, c, i.length, a, r.length);
-    }), i;
+      n(r, c, r.length, a, i.length);
+    }), r;
   }
   return t.length && t.reduce(s), o;
 }
@@ -1368,55 +1368,55 @@ function $s(e, t, o) {
   return !!e[t] && Object.hasOwn(e[t], o);
 }
 function Ds(e, t, o, n) {
-  const s = {}, r = {}, i = {};
+  const s = {}, i = {}, r = {};
   return t.forEach((l) => {
     l.forEach((a, c) => {
-      s[a] = a, r[a] = a, i[a] = c;
+      s[a] = a, i[a] = a, r[a] = c;
     });
   }), t.forEach((l) => {
     let a = -1;
     l.forEach((c) => {
       let d = n(c);
       if (d.length) {
-        d = d.sort((g, b) => i[g] - i[b]);
+        d = d.sort((g, b) => r[g] - r[b]);
         const f = (d.length - 1) / 2;
         for (let g = Math.floor(f), b = Math.ceil(f); g <= b; ++g) {
           const N = d[g];
-          r[c] === c && a < i[N] && !$s(o, c, N) && (r[N] = c, r[c] = s[c] = s[N], a = i[N]);
+          i[c] === c && a < r[N] && !$s(o, c, N) && (i[N] = c, i[c] = s[c] = s[N], a = r[N]);
         }
       }
     });
-  }), { root: s, align: r };
+  }), { root: s, align: i };
 }
 function Fs(e, t, o, n, s) {
-  const r = {}, i = Ps(e, t, o, s), l = s ? "borderLeft" : "borderRight";
+  const i = {}, r = Ps(e, t, o, s), l = s ? "borderLeft" : "borderRight";
   function a(f, g) {
-    const b = i.nodes().slice(), N = {};
-    let _ = b.pop();
-    for (; _; ) {
-      if (N[_])
-        f(_);
+    const b = r.nodes().slice(), N = {};
+    let x = b.pop();
+    for (; x; ) {
+      if (N[x])
+        f(x);
       else {
-        N[_] = !0, b.push(_);
-        for (const M of g(_))
-          b.push(M);
+        N[x] = !0, b.push(x);
+        for (const T of g(x))
+          b.push(T);
       }
-      _ = b.pop();
+      x = b.pop();
     }
   }
   function c(f) {
-    r[f] = i.inEdges(f).reduce((g, b) => Math.max(g, r[b.v] + i.edge(b)), 0);
+    i[f] = r.inEdges(f).reduce((g, b) => Math.max(g, i[b.v] + r.edge(b)), 0);
   }
   function d(f) {
-    const g = i.outEdges(f).reduce((N, _) => Math.min(N, r[_.w] - i.edge(_)), Number.POSITIVE_INFINITY), b = e.node(f);
-    g !== Number.POSITIVE_INFINITY && b.borderType !== l && (r[f] = Math.max(r[f], g));
+    const g = r.outEdges(f).reduce((N, x) => Math.min(N, i[x.w] - r.edge(x)), Number.POSITIVE_INFINITY), b = e.node(f);
+    g !== Number.POSITIVE_INFINITY && b.borderType !== l && (i[f] = Math.max(i[f], g));
   }
-  return a(c, i.predecessors.bind(i)), a(d, i.successors.bind(i)), Object.keys(n).forEach((f) => {
-    r[f] = r[o[f]];
-  }), r;
+  return a(c, r.predecessors.bind(r)), a(d, r.successors.bind(r)), Object.keys(n).forEach((f) => {
+    i[f] = i[o[f]];
+  }), i;
 }
 function Ps(e, t, o, n) {
-  const s = new e.constructor(), r = e.graph(), i = Gs(r.nodesep, r.edgesep, n);
+  const s = new e.constructor(), i = e.graph(), r = Gs(i.nodesep, i.edgesep, n);
   return t.forEach((l) => {
     let a;
     l.forEach((c) => {
@@ -1426,7 +1426,7 @@ function Ps(e, t, o, n) {
         s.setEdge(
           f,
           d,
-          Math.max(i(e, c, a), g || 0)
+          Math.max(r(e, c, a), g || 0)
         );
       }
       a = c;
@@ -1436,27 +1436,27 @@ function Ps(e, t, o, n) {
 function zs(e, t) {
   return Object.values(t).reduce(
     (o, n) => {
-      let s = Number.NEGATIVE_INFINITY, r = Number.POSITIVE_INFINITY;
+      let s = Number.NEGATIVE_INFINITY, i = Number.POSITIVE_INFINITY;
       Object.entries(n).forEach(([l, a]) => {
         const c = js(e, l) / 2;
-        s = Math.max(a + c, s), r = Math.min(a - c, r);
+        s = Math.max(a + c, s), i = Math.min(a - c, i);
       });
-      const i = s - r;
-      return i < o[0] && (o = [i, n]), o;
+      const r = s - i;
+      return r < o[0] && (o = [r, n]), o;
     },
     [Number.POSITIVE_INFINITY, null]
   )[1];
 }
 function Bs(e, t) {
-  const o = Object.values(t), n = j(Math.min, o), s = j(Math.max, o);
-  ["u", "d"].forEach((r) => {
-    ["l", "r"].forEach((i) => {
-      const l = r + i;
+  const o = Object.values(t), n = W(Math.min, o), s = W(Math.max, o);
+  ["u", "d"].forEach((i) => {
+    ["l", "r"].forEach((r) => {
+      const l = i + r;
       let a = e[l];
       if (a === t) return;
       const c = Object.values(a);
-      let d = n - j(Math.min, c);
-      i !== "l" && (d = s - j(Math.max, c)), d && (a = Ne(a, (f) => f + d), e[l] = a);
+      let d = n - W(Math.min, c);
+      r !== "l" && (d = s - W(Math.max, c)), d && (a = Ne(a, (f) => f + d), e[l] = a);
     });
   });
 }
@@ -1464,23 +1464,23 @@ function Vs(e, t) {
   return Ne(e.ul, (o, n) => {
     if (t)
       return e[t.toLowerCase()][n];
-    const s = Object.values(e).map((r) => r[n]).sort((r, i) => r - i);
+    const s = Object.values(e).map((i) => i[n]).sort((i, r) => i - r);
     return (s[1] + s[2]) / 2;
   });
 }
 function Is(e) {
   const t = _e(e), o = Object.assign(
-    Rs(e, t),
-    Ts(e, t)
+    Ts(e, t),
+    Rs(e, t)
   ), n = {};
   let s;
-  ["u", "d"].forEach((i) => {
-    s = i === "u" ? t : Object.values(t).reverse(), ["l", "r"].forEach((l) => {
+  ["u", "d"].forEach((r) => {
+    s = r === "u" ? t : Object.values(t).reverse(), ["l", "r"].forEach((l) => {
       let a = s;
       l === "r" && (a = a.map(
         (g) => Object.values(g).reverse()
       ));
-      const c = (i === "u" ? e.predecessors : e.successors).bind(e), d = Ds(
+      const c = (r === "u" ? e.predecessors : e.successors).bind(e), d = Ds(
         e,
         a,
         o,
@@ -1493,26 +1493,26 @@ function Is(e) {
         d.align,
         l === "r"
       );
-      l === "r" && (f = Ne(f, (g) => -g)), n[i + l] = f;
+      l === "r" && (f = Ne(f, (g) => -g)), n[r + l] = f;
     });
   });
-  const r = zs(e, n);
-  return Bs(n, r), Vs(n, e.graph().align);
+  const i = zs(e, n);
+  return Bs(n, i), Vs(n, e.graph().align);
 }
 function Gs(e, t, o) {
-  return (n, s, r) => {
-    const i = n.node(s), l = n.node(r);
+  return (n, s, i) => {
+    const r = n.node(s), l = n.node(i);
     let a = 0, c;
-    if (a += i.width / 2, Object.hasOwn(i, "labelpos"))
-      switch (i.labelpos.toLowerCase()) {
+    if (a += r.width / 2, Object.hasOwn(r, "labelpos"))
+      switch (r.labelpos.toLowerCase()) {
         case "l":
-          c = -i.width / 2;
+          c = -r.width / 2;
           break;
         case "r":
-          c = i.width / 2;
+          c = r.width / 2;
           break;
       }
-    if (c && (a += o ? c : -c), c = 0, a += (i.dummy ? t : e) / 2, a += (l.dummy ? t : e) / 2, a += l.width / 2, Object.hasOwn(l, "labelpos"))
+    if (c && (a += o ? c : -c), c = 0, a += (r.dummy ? t : e) / 2, a += (l.dummy ? t : e) / 2, a += l.width / 2, Object.hasOwn(l, "labelpos"))
       switch (l.labelpos.toLowerCase()) {
         case "l":
           c = l.width / 2;
@@ -1528,7 +1528,7 @@ function js(e, t) {
   return e.node(t).width;
 }
 function Ws(e) {
-  const t = at(e);
+  const t = ut(e);
   Ys(t);
   const o = Is(t);
   Object.entries(o).forEach(([n, s]) => {
@@ -1539,13 +1539,13 @@ function Ys(e) {
   const t = _e(e), o = e.graph().ranksep;
   let n = 0;
   t.forEach((s) => {
-    const r = s.reduce((i, l) => {
+    const i = s.reduce((r, l) => {
       const a = e.node(l).height;
-      return i > a ? i : a;
+      return r > a ? r : a;
     }, 0);
-    s.forEach((i) => {
-      e.node(i).y = n + r / 2;
-    }), n += r + o;
+    s.forEach((r) => {
+      e.node(r).y = n + i / 2;
+    }), n += i + o;
   });
 }
 function Hs(e, t = {}) {
@@ -1556,15 +1556,15 @@ function Hs(e, t = {}) {
   });
 }
 function Zs(e, t, o) {
-  t("    makeSpaceForEdgeLabels", () => nr(e)), t("    removeSelfEdges", () => fr(e)), t("    acyclic", () => Bn(e)), t("    nestingGraph.run", () => ls(e)), t("    rank", () => ts(at(e))), t("    injectEdgeLabelProxies", () => sr(e)), t("    removeEmptyRanks", () => ao(e)), t("    nestingGraph.cleanup", () => us(e)), t("    normalizeRanks", () => lo(e)), t("    assignRankMinMax", () => rr(e)), t("    removeEdgeLabelProxies", () => ir(e)), t("    normalize.run", () => Gn(e)), t("    parentDummyChains", () => ss(e)), t("    addBorderSegments", () => ds(e)), t("    order", () => wo(e, o)), t("    insertSelfEdges", () => hr(e)), t("    adjustCoordinateSystem", () => Kt.adjust(e)), t("    position", () => Ws(e)), t("    positionSelfEdges", () => mr(e)), t("    removeBorderNodes", () => dr(e)), t("    normalize.undo", () => Wn(e)), t("    fixupEdgeLabelCoords", () => cr(e)), t("    undoCoordinateSystem", () => Kt.undo(e)), t("    translateGraph", () => lr(e)), t("    assignNodeIntersects", () => ar(e)), t("    reversePoints", () => ur(e)), t("    acyclic.undo", () => Vn(e));
+  t("    makeSpaceForEdgeLabels", () => nr(e)), t("    removeSelfEdges", () => fr(e)), t("    acyclic", () => Bn(e)), t("    nestingGraph.run", () => ls(e)), t("    rank", () => ts(ut(e))), t("    injectEdgeLabelProxies", () => sr(e)), t("    removeEmptyRanks", () => ao(e)), t("    nestingGraph.cleanup", () => us(e)), t("    normalizeRanks", () => lo(e)), t("    assignRankMinMax", () => rr(e)), t("    removeEdgeLabelProxies", () => ir(e)), t("    normalize.run", () => Gn(e)), t("    parentDummyChains", () => ss(e)), t("    addBorderSegments", () => ds(e)), t("    order", () => wo(e, o)), t("    insertSelfEdges", () => hr(e)), t("    adjustCoordinateSystem", () => Kt.adjust(e)), t("    position", () => Ws(e)), t("    positionSelfEdges", () => mr(e)), t("    removeBorderNodes", () => dr(e)), t("    normalize.undo", () => Wn(e)), t("    fixupEdgeLabelCoords", () => cr(e)), t("    undoCoordinateSystem", () => Kt.undo(e)), t("    translateGraph", () => lr(e)), t("    assignNodeIntersects", () => ar(e)), t("    reversePoints", () => ur(e)), t("    acyclic.undo", () => Vn(e));
 }
 function Us(e, t) {
   e.nodes().forEach((s) => {
-    const r = e.node(s), i = t.node(s);
-    r && (r.x = i.x, r.y = i.y, r.order = i.order, r.rank = i.rank, t.children(s).length && (r.width = i.width, r.height = i.height));
+    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));
   }), e.edges().forEach((s) => {
-    const r = e.edge(s), i = t.edge(s);
-    r.points = i.points, Object.hasOwn(i, "x") && (r.x = i.x, r.y = i.y);
+    const i = e.edge(s), r = t.edge(s);
+    i.points = r.points, Object.hasOwn(r, "x") && (i.x = r.x, i.y = r.y);
   });
   const o = t.graph(), n = e.graph();
   n.width = o.width, n.height = o.height;
@@ -1576,26 +1576,26 @@ const Xs = ["nodesep", "edgesep", "ranksep", "marginx", "marginy"], qs = { ranks
   height: 0,
   labeloffset: 10,
   labelpos: "r"
-}, tr = ["labelpos"];
+}, tr = ["labelpos", "arrowshape"];
 function or(e) {
-  const t = nt(e.graph()), o = {
+  const t = rt(e.graph()), o = {
     ...qs,
-    ...ot(t, Xs),
+    ...st(t, Xs),
     ...xe(t, Ks)
   }, n = new q({ multigraph: !0, compound: !0 });
   return n.setGraph(o), e.nodes().forEach((s) => {
-    const r = nt(e.node(s)), i = ot(r, Js);
+    const i = rt(e.node(s)), r = st(i, Js);
     Object.keys(to).forEach((l) => {
-      i[l] === void 0 && (i[l] = to[l]);
-    }), n.setNode(s, i), n.setParent(s, e.parent(s));
+      r[l] === void 0 && (r[l] = to[l]);
+    }), n.setNode(s, r), n.setParent(s, e.parent(s));
   }), e.edges().forEach((s) => {
-    const r = nt(e.edge(s));
+    const i = rt(e.edge(s));
     n.setEdge(
       s,
       {
         ...er,
-        ...ot(r, Qs),
-        ...xe(r, tr)
+        ...st(i, Qs),
+        ...xe(i, tr)
       }
     );
   }), n;
@@ -1611,8 +1611,8 @@ function sr(e) {
   e.edges().forEach((t) => {
     const o = e.edge(t);
     if (o.width && o.height) {
-      const n = e.node(t.v), r = { rank: (e.node(t.w).rank - n.rank) / 2 + n.rank, e: t };
-      ue(e, "edge-proxy", r, "_ep");
+      const n = e.node(t.v), i = { rank: (e.node(t.w).rank - n.rank) / 2 + n.rank, e: t };
+      ue(e, "edge-proxy", i, "_ep");
     }
   });
 }
@@ -1631,7 +1631,7 @@ function ir(e) {
 }
 function lr(e) {
   let t = Number.POSITIVE_INFINITY, o = 0, n = Number.POSITIVE_INFINITY, s = 0;
-  const r = e.graph(), i = r.marginx || 0, l = r.marginy || 0;
+  const i = e.graph(), r = i.marginx || 0, l = i.marginy || 0;
   function a(c) {
     const d = c.x, f = c.y, g = c.width, b = c.height;
     t = Math.min(t, d - g / 2), o = Math.max(o, d + g / 2), n = Math.min(n, f - b / 2), s = Math.max(s, f + b / 2);
@@ -1639,7 +1639,7 @@ function lr(e) {
   e.nodes().forEach((c) => a(e.node(c))), e.edges().forEach((c) => {
     const d = e.edge(c);
     Object.hasOwn(d, "x") && a(d);
-  }), t -= i, n -= l, e.nodes().forEach((c) => {
+  }), t -= r, n -= l, e.nodes().forEach((c) => {
     const d = e.node(c);
     d.x -= t, d.y -= n;
   }), e.edges().forEach((c) => {
@@ -1647,13 +1647,28 @@ function lr(e) {
     d.points.forEach((f) => {
       f.x -= t, f.y -= n;
     }), Object.hasOwn(d, "x") && (d.x -= t), Object.hasOwn(d, "y") && (d.y -= n);
-  }), r.width = o - t + i, r.height = s - n + l;
+  }), i.width = o - t + r, i.height = s - n + l;
 }
 function ar(e) {
-  e.edges().forEach((t) => {
-    const o = e.edge(t), n = e.node(t.v), s = e.node(t.w);
-    let r, i;
-    !o.points || !o.points.length ? (o.points = [], r = s, i = n) : (r = o.points[0], i = o.points[o.points.length - 1]), o.points.unshift(lt(n, r)), o.points.push(lt(s, i));
+  function o(n, s, i) {
+    if (!s)
+      return n;
+    const r = s.x - n.x, l = s.y - n.y, a = Math.sqrt(r * r + l * l);
+    if (!a || a <= i)
+      return n;
+    const c = i / a;
+    return {
+      x: n.x + r * c,
+      y: n.y + l * c
+    };
+  }
+  e.edges().forEach((n) => {
+    const s = e.edge(n), i = e.node(n.v), r = e.node(n.w);
+    let l, a;
+    !s.points || !s.points.length ? (s.points = [], l = r, a = i) : (l = s.points[0], a = s.points[s.points.length - 1]);
+    const c = ct(i, l), d = ct(r, a), f = s.points.length ? s.points[0] : l, g = s.points.length ? s.points[s.points.length - 1] : a, b = s.arrowshape, N = b === "normal" || b === "vee", x = !!s.reversed;
+    let T = c, I = d;
+    N && (x ? T = o(c, f, 4) : I = o(d, g, 4)), s.points.unshift(T), s.points.push(I);
   });
 }
 function cr(e) {
@@ -1679,8 +1694,8 @@ function ur(e) {
 function dr(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), r = e.node(o.borderLeft[o.borderLeft.length - 1]), i = e.node(o.borderRight[o.borderRight.length - 1]);
-      o.width = Math.abs(i.x - r.x), o.height = Math.abs(s.y - n.y), o.x = r.x + o.width / 2, o.y = n.y + o.height / 2;
+      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]);
+      o.width = Math.abs(r.x - i.x), o.height = Math.abs(s.y - n.y), o.x = i.x + o.width / 2, o.y = n.y + o.height / 2;
     }
   }), e.nodes().forEach((t) => {
     e.node(t).dummy === "border" && e.removeNode(t);
@@ -1697,18 +1712,18 @@ function fr(e) {
 function hr(e) {
   _e(e).forEach((o) => {
     let n = 0;
-    o.forEach((s, r) => {
-      const i = e.node(s);
-      i.order = r + n, (i.selfEdges || []).forEach((l) => {
+    o.forEach((s, i) => {
+      const r = e.node(s);
+      r.order = i + n, (r.selfEdges || []).forEach((l) => {
         ue(e, "selfedge", {
           width: l.label.width,
           height: l.label.height,
-          rank: i.rank,
-          order: r + ++n,
+          rank: r.rank,
+          order: i + ++n,
           e: l.e,
           label: l.label
         }, "_se");
-      }), delete i.selfEdges;
+      }), delete r.selfEdges;
     });
   });
 }
@@ -1716,21 +1731,21 @@ function mr(e) {
   e.nodes().forEach((t) => {
     const o = e.node(t);
     if (o.dummy === "selfedge") {
-      const n = e.node(o.e.v), s = n.x + n.width / 2, r = n.y, i = o.x - s, l = n.height / 2;
+      const n = e.node(o.e.v), s = n.x + n.width / 2, i = n.y, r = o.x - s, l = n.height / 2;
       e.setEdge(o.e, o.label), e.removeNode(t), o.label.points = [
-        { x: s + 2 * i / 3, y: r - l },
-        { x: s + 5 * i / 6, y: r - l },
-        { x: s + i, y: r },
-        { x: s + 5 * i / 6, y: r + l },
-        { x: s + 2 * i / 3, y: r + l }
+        { x: s + 2 * r / 3, y: i - l },
+        { x: s + 5 * r / 6, y: i - l },
+        { x: s + r, y: i },
+        { x: s + 5 * r / 6, y: i + l },
+        { x: s + 2 * r / 3, y: i + l }
       ], o.label.x = o.x, o.label.y = o.y;
     }
   });
 }
-function ot(e, t) {
+function st(e, t) {
   return Ne(xe(e, t), Number);
 }
-function nt(e) {
+function rt(e) {
   const t = {};
   return e && Object.entries(e).forEach(([o, n]) => {
     let s = o;
@@ -1770,16 +1785,16 @@ function br(e) {
   let o = `M ${t.x} ${t.y}`;
   for (let s = 1; s < e.length - 1; s += 1) {
     e[s - 1];
-    const r = e[s], i = e[s + 1], l = r.x, a = r.y, c = (r.x + i.x) / 2, d = (r.y + i.y) / 2;
+    const i = e[s], r = e[s + 1], l = i.x, a = i.y, c = (i.x + r.x) / 2, d = (i.y + r.y) / 2;
     o += ` Q ${l} ${a} ${c} ${d}`;
   }
   const n = e[e.length - 1];
   return o += ` L ${n.x} ${n.y}`, o;
 }
 function pr(e) {
-  const { nodes: t, edges: o, configuration: n } = e, s = y(null), r = y(null), i = `dag-arrow-${rt()}`;
+  const { nodes: t, edges: o, configuration: n } = e, s = k(null), i = k(null), r = `dag-arrow-${lt()}`;
   function l(a, c, d) {
-    r.value = null, s.value = null;
+    i.value = null, s.value = null;
     const f = {
       ...gr,
       ...d
@@ -1799,27 +1814,28 @@ function pr(e) {
     }), c.forEach((u) => {
       g.setEdge(u.from, u.to, {
         weight: u.weight ?? 1,
-        minlen: u.minLength ?? 1
+        minlen: u.minLength ?? 1,
+        arrowShape: f.arrowShape ?? "normal"
       });
     }), Hs(g);
     const b = a.map((u) => {
-      const I = g.node(u.id);
+      const G = g.node(u.id);
       return {
         id: u.id,
         label: u.label,
-        x: I.x,
-        y: I.y,
-        width: I.width,
-        height: I.height,
+        x: G.x,
+        y: G.y,
+        width: G.width,
+        height: G.height,
         original: u
       };
     }), N = g.edges().map((u) => {
-      const I = g.edge(u), H = I.points || [];
+      const G = g.edge(u), H = G.points || [];
       if (!H.length)
         return null;
-      const Ae = f.curvedEdges ? br(H) : vr(H), Se = f.arrowShape !== "undirected" ? `url(#${i})` : null, Le = c.find((he) => he?.from === u.v && he?.to === u.w);
+      const Ae = f.curvedEdges ? br(H) : vr(H), Se = f.arrowShape !== "undirected" ? `url(#${r})` : null, Le = c.find((he) => he?.from === u.v && he?.to === u.w);
       return {
-        id: `${u.v}->${u.w}->${rt()}`,
+        id: `${u.v}->${u.w}->${lt()}`,
         from: u.v,
         to: u.w,
         points: H,
@@ -1827,10 +1843,10 @@ function pr(e) {
         markerEnd: Se,
         original: {
           ...Le,
-          ...I
+          ...G
         }
       };
-    }).filter(Boolean), _ = f.padding;
+    }).filter(Boolean), x = f.padding;
     if (!b.length) {
       s.value = {
         nodes: [],
@@ -1841,13 +1857,13 @@ function pr(e) {
       };
       return;
     }
-    const M = b.flatMap((u) => [
+    const T = b.flatMap((u) => [
       u.x - u.width / 2,
       u.x + u.width / 2
-    ]), Y = b.flatMap((u) => [
+    ]), I = b.flatMap((u) => [
       u.y - u.height / 2,
       u.y + u.height / 2
-    ]), fe = Math.min(...M) - _, oe = Math.max(...M) + _, R = Math.min(...Y) - _, P = Math.max(...Y) + _;
+    ]), fe = Math.min(...T) - x, oe = Math.max(...T) + x, R = Math.min(...I) - x, P = Math.max(...I) + x;
     s.value = {
       nodes: b,
       edges: N.map((u) => ({
@@ -1864,12 +1880,12 @@ function pr(e) {
       const a = v(t) || [], c = v(o) || [], d = v(n) || {};
       l(a, c, d);
     } catch (a) {
-      console.error("[useDag] layout error:", a), r.value = a, s.value = null;
+      console.error("[useDag] layout error:", a), i.value = a, s.value = null;
     }
   }), {
     layoutData: s,
-    lastError: r,
-    arrowMarkerIdentifier: i,
+    lastError: i,
+    arrowMarkerIdentifier: r,
     recomputeLayout: () => {
       const a = v(t) || [], c = v(o) || [], d = v(n) || {};
       l(a, c, d);
@@ -1884,7 +1900,7 @@ const ko = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", nod
   hack: xo,
   zen: _o,
   concrete: No
-}, ai = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, ci = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   celebration: Eo,
   celebrationNight: Co,
@@ -1898,15 +1914,15 @@ function wr(e, t) {
   const o = Ce(e);
   return rn(o, t);
 }
-function ci(e, t) {
+function ui(e, t) {
   const o = Ce(e);
   return ln(o, t);
 }
-function ui(e, t) {
+function di(e, t) {
   const o = Ce(e);
   return an(o, t);
 }
-function di({ defaultConfig: e, userConfig: t }) {
+function fi({ defaultConfig: e, userConfig: t }) {
   return so({ defaultConfig: e, userConfig: t });
 }
 const yr = {
@@ -1934,8 +1950,8 @@ const yr = {
   emits: ["zoomIn", "zoomOut", "resetZoom", "switchDirection"],
   setup(e, { emit: t }) {
     const o = t;
-    return (n, s) => (k(), x("div", {
-      class: st({ "vue-data-ui-zoom-controls": !0, "vue-data-ui-zoom-controls-fullscreen": e.isFullscreen }),
+    return (n, s) => (y(), _("div", {
+      class: it({ "vue-data-ui-zoom-controls": !0, "vue-data-ui-zoom-controls-fullscreen": e.isFullscreen }),
       "data-dom-to-png-ignore": "",
       style: X({
         border: e.config.style.chart.controls.border,
@@ -1946,20 +1962,20 @@ const yr = {
         "--vue-data-ui-zoom-control-button-color-hover": v(wr)(e.config.style.chart.controls.buttonColor, 0.2)
       })
     }, [
-      G("button", {
-        onClick: s[0] || (s[0] = (r) => o("zoomOut")),
+      j("button", {
+        onClick: s[0] || (s[0] = (i) => o("zoomOut")),
         class: "vue-data-ui-zoom-controls-button",
         "data-cy-zoom-out": ""
       }, [
-        ae(Ke, {
+        ae(Qe, {
           name: "zoomMinus",
           stroke: e.config.style.chart.controls.color,
           size: e.config.style.chart.controls.fontSize * 1.2
         }, null, 8, ["stroke", "size"])
       ]),
-      G("button", {
+      j("button", {
         class: "vue-data-ui-zoom-controls-button-zoom",
-        onClick: s[1] || (s[1] = (r) => o("resetZoom")),
+        onClick: s[1] || (s[1] = (i) => o("resetZoom")),
         "data-cy-zoom-reset": "",
         style: X({
           color: e.config.style.chart.controls.color,
@@ -1968,37 +1984,37 @@ const yr = {
           fontSize: e.config.style.chart.controls.fontSize + "px"
         })
       }, le(Math.round(e.scale * 100)) + "% ", 5),
-      G("button", {
-        onClick: s[2] || (s[2] = (r) => o("zoomIn")),
+      j("button", {
+        onClick: s[2] || (s[2] = (i) => o("zoomIn")),
         class: "vue-data-ui-zoom-controls-button",
         "data-cy-zoom-in": ""
       }, [
-        ae(Ke, {
+        ae(Qe, {
           name: "zoomPlus",
           stroke: e.config.style.chart.controls.color,
           size: e.config.style.chart.controls.fontSize * 1.2
         }, null, 8, ["stroke", "size"])
       ]),
-      e.withDirection ? (k(), x("button", {
+      e.withDirection ? (y(), _("button", {
         key: 0,
-        onClick: s[3] || (s[3] = (r) => o("switchDirection")),
+        onClick: s[3] || (s[3] = (i) => o("switchDirection")),
         class: "vue-data-ui-zoom-controls-button"
       }, [
-        ae(Ke, {
+        ae(Qe, {
           name: "direction",
           stroke: e.config.style.chart.controls.color,
           size: e.config.style.chart.controls.fontSize * 1.2
         }, null, 8, ["stroke", "size"])
-      ])) : L("", !0)
+      ])) : S("", !0)
     ], 6));
   }
 }, oo = /* @__PURE__ */ ro(yr, [["__scopeId", "data-v-e4479474"]]), kr = ["id"], Er = {
   key: 0,
   class: "dag-chart-error"
-}, Cr = ["viewBox", "xmlns"], xr = { key: 0 }, _r = ["id", "markerWidth", "markerHeight", "refX", "refY"], Nr = ["d", "fill", "stroke"], Ar = ["d", "fill", "stroke"], Sr = { class: "vue-ui-dag-edges" }, Lr = ["d", "stroke", "stroke-width"], Or = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onMouseenter"], Rr = { class: "vue-ui-dag-nodes" }, Tr = ["onClick", "onMouseenter"], Mr = ["x", "y", "width", "height", "rx", "fill", "stroke", "stroke-width"], $r = ["x", "y", "font-size", "fill", "font-weight"], Dr = ["x", "y", "font-size", "fill", "font-weight", "innerHTML"], Fr = ["x", "y", "width", "height"], Pr = { class: "vue-ui-dag-edges" }, zr = ["d", "stroke-width", "marker-end"], Br = {
+}, Cr = ["viewBox", "xmlns"], xr = { key: 0 }, _r = ["id", "markerWidth", "markerHeight", "refX", "refY"], Nr = ["d", "fill", "stroke"], Ar = ["d", "fill", "stroke"], Sr = { class: "vue-ui-dag-edges" }, Lr = ["d", "stroke", "stroke-width"], Or = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onMouseenter"], Tr = { class: "vue-ui-dag-nodes" }, Rr = ["onClick", "onMouseenter"], Mr = ["x", "y", "width", "height", "rx", "fill", "stroke", "stroke-width"], $r = ["x", "y", "font-size", "fill", "font-weight"], Dr = ["x", "y", "font-size", "fill", "font-weight", "innerHTML"], Fr = { key: 2 }, Pr = ["x", "y", "width", "height"], zr = { class: "vue-ui-dag-edges" }, Br = ["d", "stroke-width", "marker-end"], Vr = {
   key: 6,
   class: "vue-data-ui-watermark"
-}, Vr = ["data-position"], Ir = { key: 0 }, Gr = ["data-position"], jr = { key: 0 }, no = 1.5, Wr = {
+}, Ir = ["data-position"], Gr = { key: 0 }, jr = ["data-position"], Wr = { key: 0 }, no = 1.5, Yr = {
   __name: "vue-ui-dag",
   props: {
     dataset: {
@@ -2019,10 +2035,10 @@ const yr = {
   },
   emits: ["onNodeClick", "onMidpointEnter", "onMidpointLeave"],
   setup(e, { expose: t, emit: o }) {
-    const n = Xe(() => import("./PenAndPaper-DscVdZ1u.js")), s = Xe(() => import("./UserOptions-ChRXLqps.js")), r = Xe(() => import("./PackageVersion-Dc4fCiDF.js")), { vue_ui_dag: i } = gn(), { isThemeValid: l, warnInvalidTheme: a } = yn(), c = e, d = o, f = y(null), g = y(rt()), b = y(null), N = y(null), _ = y(null), M = y(0), Y = y(0), fe = y(!1), oe = y(!1), R = y(null), P = y(null), u = y(je()), I = y(u.value.style.chart.width), H = y(u.value.style.chart.height), Ae = y({ x: 0, y: 0 }), z = y(null), Se = y(null), Le = y({ left: "0px", top: "0px" }), he = y("top"), K = y(!1), ut = y({ x: 0, y: 0 }), dt = y({ x: 0, y: 0 }), me = y(null), Ve = y(null), Ie = y({ left: "0px", top: "0px" }), ft = y("top"), Oe = y(!1), ge = y(!1), { svgRef: J } = En({ config: u.value.style.chart.title }), { userOptionsVisible: Ge, setUserOptionsVisibility: ht, keepUserOptionState: mt } = kn({ config: u.value }), Re = y(u.value.style.chart.layout.rankDirection), { loading: ve, FINAL_DATASET: gt, manualLoading: vt } = vn({
+    const n = qe(() => import("./PenAndPaper-DscVdZ1u.js")), s = qe(() => import("./UserOptions-ChRXLqps.js")), i = qe(() => import("./PackageVersion-CR86X4r9.js")), { vue_ui_dag: r } = gn(), { isThemeValid: l, warnInvalidTheme: a } = yn(), c = e, d = o, f = k(null), g = k(lt()), b = k(null), N = k(null), x = k(null), T = k(0), I = k(0), fe = k(!1), oe = k(!1), R = k(null), P = k(null), u = k(We()), G = k(u.value.style.chart.width), H = k(u.value.style.chart.height), Ae = k({ x: 0, y: 0 }), z = k(null), Se = k(null), Le = k({ left: "0px", top: "0px" }), he = k("top"), K = k(!1), ft = k({ x: 0, y: 0 }), ht = k({ x: 0, y: 0 }), me = k(null), Ie = k(null), Ge = k({ left: "0px", top: "0px" }), mt = k("top"), Oe = k(!1), ge = k(!1), { svgRef: J } = En({ config: u.value.style.chart.title }), { userOptionsVisible: je, setUserOptionsVisibility: gt, keepUserOptionState: vt } = kn({ config: u.value }), Te = k(u.value.style.chart.layout.rankDirection), { loading: ve, FINAL_DATASET: bt, manualLoading: pt } = vn({
       ...Qo(c),
       FINAL_CONFIG: u,
-      prepareConfig: je,
+      prepareConfig: We,
       skeletonDataset: {
         nodes: [
           { id: "A", label: "" },
@@ -2057,64 +2073,64 @@ const yr = {
         }
       })
     });
-    function je() {
-      const m = qe({
+    function We() {
+      const m = Je({
         userConfig: c.config,
-        defaultConfig: i
+        defaultConfig: r
       }), p = m.theme;
       if (!p) return m;
       if (!l.value(m))
         return a(m), m;
-      const h = qe({
+      const h = Je({
         userConfig: Ao[p] || c.config,
         defaultConfig: m
       });
-      return qe({
+      return Je({
         userConfig: c.config,
         defaultConfig: h
       });
     }
-    const bt = W(() => !!u.value.debug);
-    zt(() => {
+    const wt = Y(() => !!u.value.debug);
+    Vt(async () => {
       cn(c.dataset) && (jt({
         componentName: "VueUiDag",
         type: "dataset",
-        debug: bt.value
-      }), oe.value = !1, vt.value = !0), c.dataset.nodes || (jt({
+        debug: wt.value
+      }), oe.value = !1, pt.value = !0), c.dataset.nodes || (jt({
         componentName: "VueUiDag",
         type: "datasetAttributeEmpty",
         property: "nodes",
         index: 0,
-        debug: bt.value
-      }), oe.value = !1, vt.value = !0), oe.value = !0, Ft();
-    }), De(() => c.config, (m) => {
-      ve.value || (u.value = je()), Ge.value = !u.value.userOptions.showOnChartHover, M.value += 1, Re.value = u.value.style.chart.layout.rankDirection, I.value = u.value.style.chart.width, H.value = u.value.style.chart.height, ne.value = u.value.style.chart.zoom.active, Ft();
+        debug: wt.value
+      }), oe.value = !1, pt.value = !0), oe.value = !0, await De(), zt();
+    }), Fe(() => c.config, async (m) => {
+      ve.value || (u.value = We()), je.value = !u.value.userOptions.showOnChartHover, T.value += 1, Te.value = u.value.style.chart.layout.rankDirection, G.value = u.value.style.chart.width, H.value = u.value.style.chart.height, ne.value = u.value.style.chart.zoom.active, await De(), zt();
     }, { deep: !0 });
-    const { isPrinting: pt, isImaging: wt, generatePdf: yt, generateImage: kt } = pn({
+    const { isPrinting: yt, isImaging: kt, generatePdf: Et, generateImage: Ct } = pn({
       elementId: `dag_${g.value}`,
       fileName: u.value.style.chart.title.text || "vue-ui-dag",
       options: u.value.userOptions.print
-    }), So = W(() => u.value.style.chart.backgroundColor), Lo = W(() => u.value.style.chart.title), { exportSvg: Oo, getSvg: Ro } = wn({
+    }), So = Y(() => u.value.style.chart.backgroundColor), Lo = Y(() => u.value.style.chart.title), { exportSvg: Oo, getSvg: To } = wn({
       svg: J,
       title: Lo,
       legend: void 0,
       legendItems: void 0,
       backgroundColor: So
     });
-    async function Et({ isCb: m }) {
+    async function xt({ isCb: m }) {
       if (m) {
-        const { blob: p, url: h, text: w, dataUrl: O } = await Ro();
+        const { blob: p, url: h, text: w, dataUrl: O } = await To();
         u.value.userOptions.callbacks.svg({ blob: p, url: h, text: w, dataUrl: O });
       } else
         Oo();
     }
-    function To() {
-      fe.value = !0, ht(!0);
+    function Ro() {
+      fe.value = !0, gt(!0);
     }
     function Mo() {
-      ht(!1), fe.value = !1;
+      gt(!1), fe.value = !1;
     }
-    function Ct({
+    function _t({
       tooltipRef: m,
       isVisibleRef: p,
       anchorRef: h,
@@ -2126,18 +2142,18 @@ const yr = {
       return function() {
         const ee = m.value;
         if (!ee || !p.value) return;
-        const S = ee.getBoundingClientRect(), D = window.innerWidth, pe = window.innerHeight, we = h.value.x, Me = h.value.y, $e = $?.value?.x ?? 0, Pt = $?.value?.y ?? 0;
-        let F = Me - Pt - S.height - C, Z = we - S.width / 2, ye = "top";
+        const L = ee.getBoundingClientRect(), D = window.innerWidth, pe = window.innerHeight, we = h.value.x, Me = h.value.y, $e = $?.value?.x ?? 0, Bt = $?.value?.y ?? 0;
+        let F = Me - Bt - L.height - C, Z = we - L.width / 2, ye = "top";
         if (F < C) {
-          const re = Me + Pt + C;
-          re + S.height <= pe - C ? (F = re, ye = "bottom") : (F = Me - S.height / 2, F < C && (F = C), F + S.height > pe - C && (F = pe - S.height - C), ye = "center");
+          const re = Me + Bt + C;
+          re + L.height <= pe - C ? (F = re, ye = "bottom") : (F = Me - L.height / 2, F < C && (F = C), F + L.height > pe - C && (F = pe - L.height - C), ye = "center");
         }
-        Z < C && (Z = C), Z + S.width > D - C && (Z = D - S.width - C);
-        const Xo = Z <= C, qo = Z + S.width >= D - C;
+        Z < C && (Z = C), Z + L.width > D - C && (Z = D - L.width - C);
+        const Xo = Z <= C, qo = Z + L.width >= D - C;
         if ((Xo || qo) && ye !== "center") {
           let re, ke;
           const Ko = we - $e - C;
-          D - (we + $e) - C >= Ko ? (re = "right", ke = we + $e + C) : (re = "left", ke = we - $e - C - S.width), ke >= C && ke + S.width <= D - C && (Z = ke, F = Me - S.height / 2, F < C && (F = C), F + S.height > pe - C && (F = pe - S.height - C), ye = re);
+          D - (we + $e) - C >= Ko ? (re = "right", ke = we + $e + C) : (re = "left", ke = we - $e - C - L.width), ke >= C && ke + L.width <= D - C && (Z = ke, F = Me - L.height / 2, F < C && (F = C), F + L.height > pe - C && (F = pe - L.height - C), ye = re);
         }
         O.value = ye, w.value = {
           left: `${Z}px`,
@@ -2145,43 +2161,43 @@ const yr = {
         };
       };
     }
-    const $o = W(() => gt.value.nodes.map((m) => ({
+    const $o = Y(() => bt.value.nodes.map((m) => ({
       ...m,
       backgroundColor: m.backgroundColor ? Ce(m.backgroundColor) : u.value.style.chart.nodes.backgroundColor,
       color: m.color ? Ce(m.color) : u.value.style.chart.nodes.labels.color
-    }))), Do = W(() => gt.value.edges), Fo = W(() => ({
+    }))), Do = Y(() => bt.value.edges), Fo = Y(() => ({
       ...u.value.style.chart.layout,
-      rankDirection: Re.value
-    })), { layoutData: E, lastError: xt, arrowMarkerIdentifier: Po } = pr({
+      rankDirection: Te.value
+    })), { layoutData: E, lastError: Nt, arrowMarkerIdentifier: Po } = pr({
       nodes: $o,
       edges: Do,
       configuration: Fo
     });
-    function _t(m) {
+    function At(m) {
       return E.value ? E.value.nodes.find((p) => p.id === m) : null;
     }
-    const zo = W(() => {
+    const zo = Y(() => {
       if (!E.value) return [];
       const m = u.value.style.chart.edges.stroke, p = /* @__PURE__ */ new Set();
       return E.value.edges.forEach((h) => {
         p.add(h.original?.color || m);
       }), Array.from(p);
     });
-    function Nt(m) {
+    function St(m) {
       return `${Po}-${String(m).replace(/[^a-zA-Z0-9_-]/g, "_")}`;
     }
-    const At = W(() => {
-      const m = I.value, p = H.value, h = Number(m), w = Number(p), O = Number.isFinite(h) && h > 0, $ = Number.isFinite(w) && w > 0;
+    const Lt = Y(() => {
+      const m = G.value, p = H.value, h = Number(m), w = Number(p), O = Number.isFinite(h) && h > 0, $ = Number.isFinite(w) && w > 0;
       return !O && !$ ? null : {
         width: O ? h : null,
         height: $ ? w : null
       };
-    }), be = y(null), ne = y(u.value.style.chart.zoom.active), {
-      viewBox: St,
-      resetZoom: Te,
+    }), be = k(null), ne = k(u.value.style.chart.zoom.active), {
+      viewBox: Ot,
+      resetZoom: Re,
       setInitialViewBox: Bo,
-      scale: Lt,
-      zoomByFactor: Ot
+      scale: Tt,
+      zoomByFactor: Rt
     } = mn(
       J,
       { x: 0, y: 0, width: 100, height: 100 },
@@ -2194,7 +2210,7 @@ const yr = {
     function Vo() {
       ne.value = !ne.value;
     }
-    function Rt() {
+    function Mt() {
       const m = E.value && E.value.viewBox;
       if (!m) return;
       const p = String(m).split(" ").map(Number);
@@ -2202,60 +2218,60 @@ const yr = {
       const [h, w, O, $] = p;
       if (!Number.isFinite(h) || !Number.isFinite(w) || !Number.isFinite(O) || !Number.isFinite($))
         return;
-      let C = O, se = $, ee = h, S = w;
-      const D = At.value;
-      D && (D.width !== null && (C = D.width), D.height !== null && (se = D.height), ee = h - (C - O) / 2, S = w - (se - $) / 2), Bo(
-        { x: ee, y: S, width: C, height: se },
+      let C = O, se = $, ee = h, L = w;
+      const D = Lt.value;
+      D && (D.width !== null && (C = D.width), D.height !== null && (se = D.height), ee = h - (C - O) / 2, L = w - (se - $) / 2), Bo(
+        { x: ee, y: L, width: C, height: se },
         { overwriteCurrentIfNotZoomed: !0 }
       );
     }
-    De(
+    Fe(
       () => E.value && E.value.viewBox,
       () => {
-        Rt();
+        Mt();
       },
       { immediate: !0 }
-    ), De(
-      () => At.value,
+    ), Fe(
+      () => Lt.value,
       () => {
-        Rt();
+        Mt();
       }
-    ), De(() => ge.value, (m) => {
+    ), Fe(() => ge.value, (m) => {
       ne.value = !m;
     });
-    const Io = W(() => {
-      const m = St.value;
+    const Io = Y(() => {
+      const m = Ot.value;
       return m ? `${m.x} ${m.y} ${m.width} ${m.height}` : "0 0 0 0";
-    }), Q = y(!1);
-    function Tt(m) {
-      Q.value = m, Y.value += 1;
-    }
-    function We() {
-      ge.value = !ge.value;
+    }), Q = k(!1);
+    function $t(m) {
+      Q.value = m, I.value += 1;
     }
     function Ye() {
-      Ot(no, !0);
+      ge.value = !ge.value;
     }
     function He() {
-      Ot(1 / no, !0);
+      Rt(no, !0);
+    }
+    function Ze() {
+      Rt(1 / no, !0);
     }
-    const Ze = ["TB", "RL", "BT", "LR"];
-    function Ue() {
-      Re.value = Ze[(Ze.indexOf(Re.value) + 1) % Ze.length], Te();
+    const Ue = ["TB", "RL", "BT", "LR"];
+    function Xe() {
+      Te.value = Ue[(Ue.indexOf(Te.value) + 1) % Ue.length], Re();
     }
-    const Go = Ct({
+    const Go = _t({
       tooltipRef: Se,
       isVisibleRef: Oe,
       anchorRef: Ae,
       styleRef: Le,
       placementRef: he
-    }), jo = Ct({
-      tooltipRef: Ve,
+    }), jo = _t({
+      tooltipRef: Ie,
       isVisibleRef: K,
-      anchorRef: ut,
-      styleRef: Ie,
-      placementRef: ft,
-      offsetRef: dt
+      anchorRef: ft,
+      styleRef: Ge,
+      placementRef: mt,
+      offsetRef: ht
     });
     async function Wo(m) {
       d("onMidpointEnter", m);
@@ -2269,7 +2285,7 @@ const yr = {
       Ae.value = {
         x: O.x,
         y: O.y
-      }, z.value = m, Oe.value = !0, await Gt(), Go();
+      }, z.value = m, Oe.value = !0, await De(), Go();
     }
     function Yo() {
       Oe.value = !1, z.value = null, d("onMidpointLeave");
@@ -2282,35 +2298,35 @@ const yr = {
       h.x = m.x, h.y = m.y;
       const w = p.getScreenCTM();
       if (!w) return;
-      const O = h.matrixTransform(w), $ = u.value.style.chart.layout.nodeWidth, C = u.value.style.chart.layout.nodeHeight, se = w.a, ee = w.d, S = $ * se, D = C * ee;
-      dt.value = {
-        x: S / 2,
+      const O = h.matrixTransform(w), $ = u.value.style.chart.layout.nodeWidth, C = u.value.style.chart.layout.nodeHeight, se = w.a, ee = w.d, L = $ * se, D = C * ee;
+      ht.value = {
+        x: L / 2,
         y: D / 2
-      }, ut.value = {
+      }, ft.value = {
         x: O.x,
         y: O.y
-      }, me.value = m, K.value = !0, await Gt(), jo();
+      }, me.value = m, K.value = !0, await De(), jo();
     }
-    function Mt() {
+    function Dt() {
       K.value = !1, me.value = null;
     }
-    function $t(m) {
+    function Ft(m) {
       if (!K.value) return;
-      const p = Ve.value;
+      const p = Ie.value;
       if (p && p.contains(m.target))
         return;
       const h = J.value;
-      h && h.contains(m.target) && m.target.closest(".vue-ui-dag-node") || Mt();
+      h && h.contains(m.target) && m.target.closest(".vue-ui-dag-node") || Dt();
     }
-    function Dt(m) {
-      m.key === "Escape" && K.value && Mt();
+    function Pt(m) {
+      m.key === "Escape" && K.value && Dt();
     }
-    zt(() => {
-      document.addEventListener("mousedown", $t), document.addEventListener("keydown", Dt);
+    Vt(() => {
+      document.addEventListener("mousedown", Ft), document.addEventListener("keydown", Pt);
     }), en(() => {
-      document.removeEventListener("mousedown", $t), document.removeEventListener("keydown", Dt), R.value && (P.value && R.value.unobserve(P.value), R.value.disconnect());
+      document.removeEventListener("mousedown", Ft), document.removeEventListener("keydown", Pt), R.value && (P.value && R.value.unobserve(P.value), R.value.disconnect());
     });
-    function Ft() {
+    function zt() {
       if (!u.value.responsive) {
         R.value && (P.value && R.value.unobserve(P.value), R.value.disconnect(), R.value = null, P.value = null);
         return;
@@ -2320,11 +2336,11 @@ const yr = {
         const { width: p, height: h } = hn({
           chart: f.value,
           title: u.value.style.chart.title.text ? b.value : null,
-          legend: u.value.style.chart.controls.show ? _.value.$el : null,
+          legend: u.value.style.chart.controls.show ? x.value?.$el : null,
           source: N.value
         });
         requestAnimationFrame(() => {
-          I.value = Math.max(0.1, p), H.value = Math.max(0.1, h - 12);
+          G.value = Math.max(0.1, p), H.value = Math.max(0.1, h - 12);
         });
       });
       R.value && (P.value && R.value.unobserve(P.value), R.value.disconnect()), R.value = new ResizeObserver(m), P.value = f.value ? f.value.parentNode : null, P.value && R.value.observe(P.value), m();
@@ -2347,17 +2363,17 @@ const yr = {
     return t({
       getData: Uo,
       getImage: Zo,
-      generatePdf: yt,
-      generateSvg: Et,
-      generateImage: kt,
-      toggleAnnotator: We,
-      toggleFullscreen: Tt,
-      zoomIn: Ye,
-      zoomOut: He,
-      resetZoom: Te,
-      switchDirection: Ue
-    }), (m, p) => (k(), x("div", {
-      class: st(`vue-data-ui-component vue-ui-dag ${Q.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${u.value.responsive ? "vue-ui-dag-responsive" : ""}`),
+      generatePdf: Et,
+      generateSvg: xt,
+      generateImage: Ct,
+      toggleAnnotator: Ye,
+      toggleFullscreen: $t,
+      zoomIn: He,
+      zoomOut: Ze,
+      resetZoom: Re,
+      switchDirection: Xe
+    }), (m, p) => (y(), _("div", {
+      class: it(`vue-data-ui-component vue-ui-dag ${Q.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${u.value.responsive ? "vue-ui-dag-responsive" : ""}`),
       id: `dag_${g.value}`,
       ref_key: "dagChart",
       ref: f,
@@ -2366,45 +2382,45 @@ const yr = {
         backgroundColor: u.value.style.chart.backgroundColor,
         padding: "0.5rem"
       }),
-      onMouseenter: To,
+      onMouseenter: Ro,
       onMouseleave: Mo
     }, [
-      v(xt) ? (k(), x("div", Er, le(String(v(xt))), 1)) : L("", !0),
-      u.value.userOptions.buttons.annotator ? (k(), U(v(n), {
+      v(Nt) ? (y(), _("div", Er, le(String(v(Nt))), 1)) : S("", !0),
+      u.value.userOptions.buttons.annotator ? (y(), U(v(n), {
         key: 1,
         svgRef: v(J),
         backgroundColor: u.value.style.chart.backgroundColor,
         color: u.value.style.chart.color,
         active: ge.value,
-        onClose: We
+        onClose: Ye
       }, {
-        "annotator-action-close": T(() => [
+        "annotator-action-close": M(() => [
           A(m.$slots, "annotator-action-close", {}, void 0, !0)
         ]),
-        "annotator-action-color": T(({ color: h }) => [
+        "annotator-action-color": M(({ color: h }) => [
           A(m.$slots, "annotator-action-color", B(V({ color: h })), void 0, !0)
         ]),
-        "annotator-action-draw": T(({ mode: h }) => [
+        "annotator-action-draw": M(({ mode: h }) => [
           A(m.$slots, "annotator-action-draw", B(V({ mode: h })), void 0, !0)
         ]),
-        "annotator-action-undo": T(({ disabled: h }) => [
+        "annotator-action-undo": M(({ disabled: h }) => [
           A(m.$slots, "annotator-action-undo", B(V({ disabled: h })), void 0, !0)
         ]),
-        "annotator-action-redo": T(({ disabled: h }) => [
+        "annotator-action-redo": M(({ disabled: h }) => [
           A(m.$slots, "annotator-action-redo", B(V({ disabled: h })), void 0, !0)
         ]),
-        "annotator-action-delete": T(({ disabled: h }) => [
+        "annotator-action-delete": M(({ disabled: h }) => [
           A(m.$slots, "annotator-action-delete", B(V({ disabled: h })), void 0, !0)
         ]),
         _: 3
-      }, 8, ["svgRef", "backgroundColor", "color", "active"])) : L("", !0),
-      u.value.userOptions.show && oe.value && (v(mt) || v(Ge)) ? (k(), U(v(s), {
+      }, 8, ["svgRef", "backgroundColor", "color", "active"])) : S("", !0),
+      u.value.userOptions.show && oe.value && (v(vt) || v(je)) ? (y(), U(v(s), {
         ref: "userOptionsRef",
-        key: `user_option_${Y.value}`,
+        key: `user_option_${I.value}`,
         backgroundColor: u.value.style.chart.backgroundColor,
         color: u.value.style.chart.color,
-        isPrinting: v(pt),
-        isImaging: v(wt),
+        isPrinting: v(yt),
+        isImaging: v(kt),
         uid: g.value,
         hasTooltip: !1,
         hasTable: !1,
@@ -2424,74 +2440,74 @@ const yr = {
         printScale: u.value.userOptions.print.scale,
         hasZoom: u.value.userOptions.buttons.zoom,
         isZoom: ne.value,
-        onToggleFullscreen: Tt,
-        onGeneratePdf: v(yt),
-        onGenerateImage: v(kt),
-        onGenerateSvg: Et,
-        onToggleAnnotator: We,
+        onToggleFullscreen: $t,
+        onGeneratePdf: v(Et),
+        onGenerateImage: v(Ct),
+        onGenerateSvg: xt,
+        onToggleAnnotator: Ye,
         onToggleZoom: Vo,
         style: X({
-          visibility: v(mt) ? v(Ge) ? "visible" : "hidden" : "visible"
+          visibility: v(vt) ? v(je) ? "visible" : "hidden" : "visible"
         })
       }, tn({ _: 2 }, [
         m.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: T(({ isOpen: h, color: w }) => [
+          fn: M(({ isOpen: h, color: w }) => [
             A(m.$slots, "menuIcon", B(V({ isOpen: h, color: w })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         m.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: T(() => [
+          fn: M(() => [
             A(m.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         m.$slots.optionImg ? {
           name: "optionImg",
-          fn: T(() => [
+          fn: M(() => [
             A(m.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         m.$slots.optionSvg ? {
           name: "optionSvg",
-          fn: T(() => [
+          fn: M(() => [
             A(m.$slots, "optionSvg", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         m.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: T(({ toggleFullscreen: h, isFullscreen: w }) => [
+          fn: M(({ toggleFullscreen: h, isFullscreen: w }) => [
             A(m.$slots, "optionFullscreen", B(V({ toggleFullscreen: h, isFullscreen: w })), void 0, !0)
           ]),
           key: "4"
         } : void 0,
         m.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: T(({ toggleAnnotator: h, isAnnotator: w }) => [
+          fn: M(({ toggleAnnotator: h, isAnnotator: w }) => [
             A(m.$slots, "optionAnnotator", B(V({ toggleAnnotator: h, isAnnotator: w })), void 0, !0)
           ]),
           key: "5"
         } : void 0,
         m.$slots.optionZoom ? {
           name: "optionZoom",
-          fn: T(({ toggleZoom: h, isZoomLocked: w }) => [
+          fn: M(({ toggleZoom: h, isZoomLocked: w }) => [
             A(m.$slots, "optionZoom", B(V({ toggleZoom: h, isZoomLocked: w })), void 0, !0)
           ]),
           key: "6"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasSvg", "hasFullscreen", "isFullscreen", "chartElement", "position", "titles", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "hasZoom", "isZoom", "onGeneratePdf", "onGenerateImage", "style"])) : L("", !0),
-      u.value.style.chart.title.text ? (k(), x("div", {
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasSvg", "hasFullscreen", "isFullscreen", "chartElement", "position", "titles", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "hasZoom", "isZoom", "onGeneratePdf", "onGenerateImage", "style"])) : S("", !0),
+      u.value.style.chart.title.text ? (y(), _("div", {
         key: 3,
         ref_key: "chartTitle",
         ref: b,
         style: "width:100%;background:transparent;"
       }, [
-        (k(), U(Cn, {
-          key: `title_${M.value}`,
+        (y(), U(Cn, {
+          key: `title_${T.value}`,
           config: {
             title: {
               cy: "dag-title",
@@ -2503,25 +2519,25 @@ const yr = {
             }
           }
         }, null, 8, ["config"]))
-      ], 512)) : L("", !0),
-      u.value.style.chart.controls.position === "top" && !v(ve) && u.value.style.chart.controls.show ? (k(), U(oo, {
+      ], 512)) : S("", !0),
+      u.value.style.chart.controls.position === "top" && !v(ve) && u.value.style.chart.controls.show ? (y(), U(oo, {
         key: 4,
         ref_key: "zoomControls",
-        ref: _,
+        ref: x,
         config: u.value,
-        scale: v(Lt),
+        scale: v(Tt),
         isFullscreen: Q.value,
         withDirection: "",
-        onZoomIn: Ye,
-        onZoomOut: He,
-        onResetZoom: p[0] || (p[0] = () => v(Te)(!0)),
-        onSwitchDirection: Ue
-      }, null, 8, ["config", "scale", "isFullscreen"])) : L("", !0),
-      v(E) ? (k(), x("svg", {
+        onZoomIn: He,
+        onZoomOut: Ze,
+        onResetZoom: p[0] || (p[0] = () => v(Re)(!0)),
+        onSwitchDirection: Xe
+      }, null, 8, ["config", "scale", "isFullscreen"])) : S("", !0),
+      v(E) ? (y(), _("svg", {
         key: 5,
         ref_key: "svgRef",
         ref: J,
-        class: st({ "vue-ui-dag-svg": !0, "vue-data-ui-loading": v(ve) }),
+        class: it({ "vue-ui-dag-svg": !0, "vue-data-ui-loading": v(ve) }),
         viewBox: Io.value,
         xmlns: v(un),
         style: X({
@@ -2530,25 +2546,25 @@ const yr = {
           width: "100%"
         })
       }, [
-        ae(v(r)),
-        v(E).arrowShape !== "undirected" ? (k(), x("defs", xr, [
-          (k(!0), x(ie, null, Fe(zo.value, (h) => (k(), x("marker", {
+        ae(v(i)),
+        v(E).arrowShape !== "undirected" ? (y(), _("defs", xr, [
+          (y(!0), _(ie, null, Pe(zo.value, (h) => (y(), _("marker", {
             key: h,
-            id: Nt(h),
+            id: St(h),
             markerWidth: v(E).arrowSize,
             markerHeight: v(E).arrowSize,
-            refX: v(E).arrowSize - 1,
+            refX: v(E).arrowSize - 3,
             refY: v(E).arrowSize / 2,
             orient: "auto",
             markerUnits: "strokeWidth"
           }, [
-            v(E).arrowShape === "normal" ? (k(), x("path", {
+            v(E).arrowShape === "normal" ? (y(), _("path", {
               key: 0,
               d: `M 0 0 L ${v(E).arrowSize} ${v(E).arrowSize / 2} L 0 ${v(E).arrowSize} Z`,
               fill: h,
               stroke: h,
               "stroke-width": "0"
-            }, null, 8, Nr)) : (k(), x("path", {
+            }, null, 8, Nr)) : (y(), _("path", {
               key: 1,
               d: `M 0 0 L ${v(E).arrowSize} ${v(E).arrowSize / 2} L 0 ${v(E).arrowSize} L ${v(E).arrowSize / 3} ${v(E).arrowSize / 2} Z`,
               fill: h,
@@ -2556,12 +2572,12 @@ const yr = {
               "stroke-width": "0"
             }, null, 8, Ar))
           ], 8, _r))), 128))
-        ])) : L("", !0),
-        G("g", Sr, [
-          (k(!0), x(ie, null, Fe(v(E).edges, (h) => (k(), x(ie, {
+        ])) : S("", !0),
+        j("g", Sr, [
+          (y(!0), _(ie, null, Pe(v(E).edges, (h) => (y(), _(ie, {
             key: h.id
           }, [
-            G("path", {
+            j("path", {
               "data-cy-edge": "",
               d: h.pathData,
               fill: "none",
@@ -2571,7 +2587,7 @@ const yr = {
               "stroke-linejoin": "round",
               style: { "pointer-events": "none", transition: "stroke-width 0.2s ease-in-out" }
             }, null, 8, Lr),
-            u.value.style.chart.midpoints.show ? (k(), x("circle", {
+            u.value.style.chart.midpoints.show ? (y(), _("circle", {
               key: 0,
               "data-cy-midpoint": "",
               class: "vue-ui-dag-edge-midpoint",
@@ -2584,19 +2600,19 @@ const yr = {
               style: { transition: "stroke-width 0.2s ease-in-out" },
               onMouseenter: (w) => Wo(h),
               onMouseleave: Yo
-            }, null, 40, Or)) : L("", !0)
+            }, null, 40, Or)) : S("", !0)
           ], 64))), 128))
         ]),
-        G("g", Rr, [
-          (k(!0), x(ie, null, Fe(v(E).nodes, (h) => (k(), x("g", {
+        j("g", Tr, [
+          (y(!0), _(ie, null, Pe(v(E).nodes, (h) => (y(), _("g", {
             key: h.id,
             class: "vue-ui-dag-node",
             onClick: on((w) => u.value.style.chart.nodes.tooltip.showOnClick && Ho(h), ["stop"]),
             onMouseenter: (w) => be.value = h.id,
             onMouseleave: p[1] || (p[1] = (w) => be.value = null)
           }, [
-            m.$slots.node ? L("", !0) : (k(), x(ie, { key: 0 }, [
-              G("rect", {
+            m.$slots.node ? S("", !0) : (y(), _(ie, { key: 0 }, [
+              j("rect", {
                 "data-cy-node": "",
                 x: h.x - h.width / 2,
                 y: h.y - h.height / 2,
@@ -2610,7 +2626,7 @@ const yr = {
                   cursor: u.value.style.chart.nodes.tooltip.showOnClick ? "pointer" : "default"
                 })
               }, null, 12, Mr),
-              m.$slots["node-label"] ? (k(), x("text", {
+              m.$slots["node-label"] ? (y(), _("text", {
                 key: 0,
                 x: h.x,
                 y: h.y + u.value.style.chart.nodes.labels.fontSize / 3,
@@ -2619,10 +2635,10 @@ const yr = {
                 fill: h.original.color,
                 "font-weight": u.value.style.chart.nodes.labels.bold ? "bold" : "normal"
               }, [
-                A(m.$slots, "node-label", Bt({ ref_for: !0 }, { node: h }), () => [
+                A(m.$slots, "node-label", Ke({ ref_for: !0 }, { node: h }), () => [
                   nn(le(h.label), 1)
                 ], !0)
-              ], 8, $r)) : (k(), x("text", {
+              ], 8, $r)) : m.$slots["free-node-label"] ? S("", !0) : (y(), _("text", {
                 key: 1,
                 "data-cy-node-label": "",
                 x: h.x,
@@ -2640,21 +2656,24 @@ const yr = {
                   y: h.y,
                   autoOffset: !0
                 })
-              }, null, 8, Dr))
+              }, null, 8, Dr)),
+              m.$slots["free-node-label"] ? (y(), _("g", Fr, [
+                A(m.$slots, "free-node-label", Ke({ ref_for: !0 }, { node: h, layoutData: v(E) }), void 0, !0)
+              ])) : S("", !0)
             ], 64)),
-            m.$slots.node ? (k(), x("foreignObject", {
+            m.$slots.node ? (y(), _("foreignObject", {
               key: 1,
               x: h.x - h.width / 2,
               y: h.y - h.height / 2,
               width: h.width,
               height: h.height
             }, [
-              A(m.$slots, "node", Bt({ ref_for: !0 }, { node: h }), void 0, !0)
-            ], 8, Fr)) : L("", !0)
-          ], 40, Tr))), 128))
+              A(m.$slots, "node", Ke({ ref_for: !0 }, { node: h }), void 0, !0)
+            ], 8, Pr)) : S("", !0)
+          ], 40, Rr))), 128))
         ]),
-        G("g", Pr, [
-          (k(!0), x(ie, null, Fe(v(E).edges, (h) => (k(), x("path", {
+        j("g", zr, [
+          (y(!0), _(ie, null, Pe(v(E).edges, (h) => (y(), _("path", {
             key: h.id,
             d: h.pathData,
             fill: "none",
@@ -2662,27 +2681,27 @@ const yr = {
             "stroke-width": u.value.style.chart.edges.strokeWidth * (h.from === be.value || h.id === z.value?.id ? 1.3 : 1),
             "stroke-linecap": "round",
             "stroke-linejoin": "round",
-            "marker-end": v(E).arrowShape === "undirected" ? null : `url(#${Nt(h.original?.color || u.value.style.chart.edges.stroke)})`,
+            "marker-end": v(E).arrowShape === "undirected" ? null : `url(#${St(h.original?.color || u.value.style.chart.edges.stroke)})`,
             style: { "pointer-events": "none", transition: "stroke-width 0.2s ease-in-out" }
-          }, null, 8, zr))), 128))
+          }, null, 8, Br))), 128))
         ]),
         A(m.$slots, "svg", {
           svg: {
-            drawingArea: v(St),
+            drawingArea: v(Ot),
             data: v(E)
           }
         }, void 0, !0)
-      ], 14, Cr)) : L("", !0),
-      m.$slots.watermark ? (k(), x("div", Br, [
-        A(m.$slots, "watermark", B(V({ isPrinting: v(pt) || v(wt) })), void 0, !0)
-      ])) : L("", !0),
-      ae(Vt, { name: "fade" }, {
-        default: T(() => [
-          Oe.value ? (k(), U(It, {
+      ], 14, Cr)) : S("", !0),
+      m.$slots.watermark ? (y(), _("div", Vr, [
+        A(m.$slots, "watermark", B(V({ isPrinting: v(yt) || v(kt) })), void 0, !0)
+      ])) : S("", !0),
+      ae(It, { name: "fade" }, {
+        default: M(() => [
+          Oe.value ? (y(), U(Gt, {
             key: 0,
             to: Q.value ? f.value : "body"
           }, [
-            G("div", {
+            j("div", {
               "data-cy-tooltip-midpoint": "",
               ref_key: "tooltipRef",
               ref: Se,
@@ -2696,75 +2715,75 @@ const yr = {
               "data-position": he.value
             }, [
               A(m.$slots, "tooltip-midpoint", B(V({ edge: z.value, layoutData: v(E) })), () => [
-                z.value ? (k(), x("div", Ir, le(_t(z.value.from)?.label ?? z.value.from) + " → " + le(_t(z.value.to)?.label ?? z.value.to), 1)) : L("", !0)
+                z.value ? (y(), _("div", Gr, le(At(z.value.from)?.label ?? z.value.from) + " → " + le(At(z.value.to)?.label ?? z.value.to), 1)) : S("", !0)
               ], !0)
-            ], 12, Vr)
-          ], 8, ["to"])) : L("", !0)
+            ], 12, Ir)
+          ], 8, ["to"])) : S("", !0)
         ]),
         _: 3
       }),
-      ae(Vt, { name: "fade" }, {
-        default: T(() => [
-          K.value ? (k(), U(It, {
+      ae(It, { name: "fade" }, {
+        default: M(() => [
+          K.value ? (y(), U(Gt, {
             key: 0,
             to: Q.value ? f.value : "body"
           }, [
-            G("div", {
+            j("div", {
               "data-cy-tooltip-node": "",
               ref_key: "nodeTooltipRef",
-              ref: Ve,
+              ref: Ie,
               class: "vue-ui-dag-node-tooltip",
               style: X({
                 maxWidth: u.value.style.chart.nodes.tooltip.maxWidth,
-                left: Ie.value.left,
-                top: Ie.value.top,
+                left: Ge.value.left,
+                top: Ge.value.top,
                 "--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": ft.value
+              "data-position": mt.value
             }, [
               A(m.$slots, "tooltip-node", B(V({ node: me.value, layoutData: v(E) })), () => [
-                me.value ? (k(), x("div", jr, le(me.value.label), 1)) : L("", !0)
+                me.value ? (y(), _("div", Wr, le(me.value.label), 1)) : S("", !0)
               ], !0)
-            ], 12, Gr)
-          ], 8, ["to"])) : L("", !0)
+            ], 12, jr)
+          ], 8, ["to"])) : S("", !0)
         ]),
         _: 3
       }),
-      u.value.style.chart.controls.position === "bottom" && !v(ve) && u.value.style.chart.controls.show ? (k(), U(oo, {
+      u.value.style.chart.controls.position === "bottom" && !v(ve) && u.value.style.chart.controls.show ? (y(), U(oo, {
         key: 7,
         ref_key: "zoomControls",
-        ref: _,
+        ref: x,
         config: u.value,
-        scale: v(Lt),
+        scale: v(Tt),
         isFullscreen: Q.value,
         withDirection: "",
-        onZoomIn: Ye,
-        onZoomOut: He,
-        onResetZoom: p[2] || (p[2] = () => v(Te)(!0)),
-        onSwitchDirection: Ue
-      }, null, 8, ["config", "scale", "isFullscreen"])) : L("", !0),
-      m.$slots.source ? (k(), x("div", {
+        onZoomIn: He,
+        onZoomOut: Ze,
+        onResetZoom: p[2] || (p[2] = () => v(Re)(!0)),
+        onSwitchDirection: Xe
+      }, null, 8, ["config", "scale", "isFullscreen"])) : S("", !0),
+      m.$slots.source ? (y(), _("div", {
         key: 8,
         ref_key: "source",
         ref: N,
         dir: "auto"
       }, [
         A(m.$slots, "source", {}, void 0, !0)
-      ], 512)) : L("", !0),
-      v(ve) ? (k(), U(bn, { key: 9 })) : L("", !0)
+      ], 512)) : S("", !0),
+      v(ve) ? (y(), U(bn, { key: 9 })) : S("", !0)
     ], 46, kr));
   }
-}, Yr = /* @__PURE__ */ ro(Wr, [["__scopeId", "data-v-224df313"]]), fi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Hr = /* @__PURE__ */ ro(Yr, [["__scopeId", "data-v-2483d90c"]]), hi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Yr
+  default: Hr
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  ai as a,
-  fi as b,
-  ci as d,
+  ci as a,
+  hi as b,
+  ui as d,
   wr as l,
-  di as m,
-  ui as s,
-  Yr as v
+  fi as m,
+  di as s,
+  Hr as v
 };