vue-data-ui 3.8.0 → 3.8.1

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

@@ -1,18 +1,20 @@
-import { ref as E, watchEffect as Yo, unref as b, createElementBlock as _, openBlock as k, normalizeStyle as H, normalizeClass as tt, createElementVNode as B, createCommentVNode as L, createVNode as le, toDisplayString as ie, defineAsyncComponent as Ye, toRefs as Ho, computed as W, onMounted as Rt, watch as He, onBeforeUnmount as Zo, createBlock as Y, withCtx as R, renderSlot as S, normalizeProps as P, guardReactiveProps as F, createSlots as Uo, Fragment as re, renderList as Te, withModifiers as Xo, mergeProps as Tt, createTextVNode as qo, Transition as Mt, Teleport as $t, nextTick as Dt } from "vue";
-import { c as ot, ay as Ko, l as ye, n as Jo, r as Qo, h as en, t as Kt, o as tn, g as Pt, X as on, a8 as nn } from "./lib-qMPkcvmh.js";
-import { u as sn } from "./usePanZoom-DMfuOfaC.js";
-import { u as rn, a as Ze } from "./useNestedProp-DOOBu_sL.js";
-import { u as ln, B as an } from "./BaseScanner-BgWxam9d.js";
-import { u as cn } from "./usePrinter-CjGh4mFJ.js";
-import { u as un } from "./useSvgExport-DrjCWun4.js";
-import { u as dn } from "./useThemeCheck-DGJ31Vi5.js";
-import { u as fn } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as hn } from "./useChartAccessibility-9icAAmYg.js";
-import mn from "./Title-CgkWUXeV.js";
-import Ue from "./BaseIcon-CALhpING.js";
-import { _ as Jt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const gn = "\0", Q = "\0", Ft = "
";
-class Z {
+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 { 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 vn, B as bn } from "./BaseScanner-BgWxam9d.js";
+import { u as pn } from "./usePrinter-CjGh4mFJ.js";
+import { u as wn } from "./useSvgExport-DrjCWun4.js";
+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 { _ as ro } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import xn from "./img-CwrkWkkl.js";
+const _n = "\0", te = "\0", Wt = "
";
+class q {
   _isDirected = !0;
   _isMultigraph = !1;
   _isCompound = !1;
@@ -45,7 +47,7 @@ class Z {
   _parent;
   _children;
   constructor(t) {
-    t && (this._isDirected = Object.hasOwn(t, "directed") ? t.directed : !0, this._isMultigraph = Object.hasOwn(t, "multigraph") ? t.multigraph : !1, this._isCompound = Object.hasOwn(t, "compound") ? t.compound : !1), this._isCompound && (this._parent = {}, this._children = {}, this._children[Q] = {});
+    t && (this._isDirected = Object.hasOwn(t, "directed") ? t.directed : !0, this._isMultigraph = Object.hasOwn(t, "multigraph") ? t.multigraph : !1, this._isCompound = Object.hasOwn(t, "compound") ? t.compound : !1), this._isCompound && (this._parent = {}, this._children = {}, this._children[te] = {});
   }
   /* === Graph functions ========= */
   /**
@@ -137,7 +139,7 @@ class Z {
    * Complexity: O(1).
    */
   setNode(t, o) {
-    return Object.hasOwn(this._nodes, t) ? (arguments.length > 1 && (this._nodes[t] = o), this) : (this._nodes[t] = arguments.length > 1 ? o : this._defaultNodeLabelFn(t), this._isCompound && (this._parent[t] = Q, this._children[t] = {}, this._children[Q][t] = !0), this._in[t] = {}, this._preds[t] = {}, this._out[t] = {}, this._sucs[t] = {}, ++this._nodeCount, this);
+    return Object.hasOwn(this._nodes, t) ? (arguments.length > 1 && (this._nodes[t] = o), this) : (this._nodes[t] = arguments.length > 1 ? o : this._defaultNodeLabelFn(t), this._isCompound && (this._parent[t] = te, this._children[t] = {}, this._children[te][t] = !0), this._in[t] = {}, this._preds[t] = {}, this._out[t] = {}, this._sucs[t] = {}, ++this._nodeCount, this);
   }
   /**
    * Gets the label of node with specified name.
@@ -178,7 +180,7 @@ class Z {
     if (!this._isCompound)
       throw new Error("Cannot set parent in a non-compound graph");
     if (o === void 0)
-      o = Q;
+      o = te;
     else {
       o += "";
       for (let n = o; n !== void 0; n = this.parent(n))
@@ -200,7 +202,7 @@ class Z {
   parent(t) {
     if (this._isCompound) {
       const o = this._parent[t];
-      if (o !== Q)
+      if (o !== te)
         return o;
     }
   }
@@ -208,13 +210,13 @@ class Z {
    * Gets list of direct children of node nodeId.
    * Complexity: O(1).
    */
-  children(t = Q) {
+  children(t = te) {
     if (this._isCompound) {
       const o = this._children[t];
       if (o)
         return Object.keys(o);
     } else {
-      if (t === Q)
+      if (t === te)
         return this.nodes();
       if (this.hasNode(t))
         return [];
@@ -329,21 +331,21 @@ class Z {
     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 l = ke(this._isDirected, t, o, n);
+    let l = Ee(this._isDirected, t, o, n);
     if (Object.hasOwn(this._edgeLabels, l))
       return r && (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);
-    const a = bn(this._isDirected, t, o, n);
-    return t = a.v, o = a.w, Object.freeze(a), this._edgeObjs[l] = a, zt(this._preds[o], t), zt(this._sucs[t], o), this._in[o][l] = a, this._out[t][l] = a, this._edgeCount++, this;
+    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;
   }
   /**
    * Gets the label for the specified edge.
    * Complexity: O(1).
    */
   edge(t, o, n) {
-    const s = arguments.length === 1 ? Xe(this._isDirected, arguments[0]) : ke(this._isDirected, t, o, n);
+    const s = arguments.length === 1 ? Je(this._isDirected, arguments[0]) : Ee(this._isDirected, t, o, n);
     return this._edgeLabels[s];
   }
   /**
@@ -359,7 +361,7 @@ class Z {
    * Complexity: O(1).
    */
   hasEdge(t, o, n) {
-    const s = arguments.length === 1 ? Xe(this._isDirected, arguments[0]) : ke(this._isDirected, t, o, n);
+    const s = arguments.length === 1 ? Je(this._isDirected, arguments[0]) : Ee(this._isDirected, t, o, n);
     return Object.hasOwn(this._edgeLabels, s);
   }
   /**
@@ -367,8 +369,8 @@ class Z {
    * Complexity: O(1).
    */
   removeEdge(t, o, n) {
-    const s = arguments.length === 1 ? Xe(this._isDirected, arguments[0]) : ke(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], Bt(this._preds[o], t), Bt(this._sucs[t], o), delete this._in[o][s], delete this._out[t][s], this._edgeCount--), this;
+    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;
   }
   /**
    * Return all edges that point to the node v. Optionally filters those edges down to just those
@@ -405,21 +407,21 @@ class Z {
       return n.concat(this.outEdges(t, o));
   }
 }
-function zt(e, t) {
+function Yt(e, t) {
   e[t] ? e[t]++ : e[t] = 1;
 }
-function Bt(e, t) {
+function Ht(e, t) {
   --e[t] || delete e[t];
 }
-function ke(e, t, o, n) {
+function Ee(e, t, o, n) {
   let s = "" + t, r = "" + o;
   if (!e && s > r) {
     const i = s;
     s = r, r = i;
   }
-  return s + Ft + r + Ft + (n === void 0 ? gn : n);
+  return s + Wt + r + Wt + (n === void 0 ? _n : n);
 }
-function bn(e, t, o, n) {
+function Nn(e, t, o, n) {
   let s = "" + t, r = "" + o;
   if (!e && s > r) {
     const l = s;
@@ -428,10 +430,10 @@ function bn(e, t, o, n) {
   const i = { v: s, w: r };
   return n && (i.name = n), i;
 }
-function Xe(e, t) {
-  return ke(e, t.v, t.w, t.name);
+function Je(e, t) {
+  return Ee(e, t.v, t.w, t.name);
 }
-class vn {
+class An {
   constructor() {
     const t = {};
     t._next = t._prev = t, this._sentinel = t;
@@ -439,98 +441,98 @@ class vn {
   dequeue() {
     const t = this._sentinel, o = t._prev;
     if (o !== t)
-      return Vt(o), o;
+      return Zt(o), o;
   }
   enqueue(t) {
     const o = this._sentinel;
-    t._prev && t._next && Vt(t), t._next = o._next, o._next._prev = t, o._next = t, t._prev = o;
+    t._prev && t._next && Zt(t), t._next = o._next, o._next._prev = t, o._next = t, t._prev = o;
   }
   toString() {
     const t = [], o = this._sentinel;
     let n = o._prev;
     for (; n !== o; )
-      t.push(JSON.stringify(n, pn)), n = n._prev;
+      t.push(JSON.stringify(n, Sn)), n = n._prev;
     return "[" + t.join(", ") + "]";
   }
 }
-function Vt(e) {
+function Zt(e) {
   e._prev._next = e._next, e._next._prev = e._prev, delete e._next, delete e._prev;
 }
-function pn(e, t) {
+function Sn(e, t) {
   if (e !== "_next" && e !== "_prev")
     return t;
 }
-const wn = () => 1;
-function kn(e, t) {
+const Ln = () => 1;
+function On(e, t) {
   if (e.nodeCount() <= 1)
     return [];
-  const o = En(e, t || wn);
-  return yn(o.graph, o.buckets, o.zeroIndex).flatMap((s) => e.outEdges(s.v, s.w));
+  const o = Tn(e, t || Ln);
+  return Rn(o.graph, o.buckets, o.zeroIndex).flatMap((s) => e.outEdges(s.v, s.w));
 }
-function yn(e, t, o) {
+function Rn(e, t, o) {
   let n = [];
   const s = t[t.length - 1], r = t[0];
   let i;
   for (; e.nodeCount(); ) {
     for (; i = r.dequeue(); )
-      qe(e, t, o, i);
+      Qe(e, t, o, i);
     for (; i = s.dequeue(); )
-      qe(e, t, o, i);
+      Qe(e, t, o, i);
     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));
+          n = n.concat(Qe(e, t, o, i, !0));
           break;
         }
     }
   }
   return n;
 }
-function qe(e, t, o, n, s) {
+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, nt(t, o, a);
+    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, nt(t, o, a);
+    a.in -= l, it(t, o, a);
   }), e.removeNode(n.v), r;
 }
-function En(e, t) {
-  const o = new Z();
+function Tn(e, t) {
+  const o = new q();
   let n = 0, s = 0;
   e.nodes().forEach((l) => {
     o.setNode(l, { v: l, in: 0, out: 0 });
   }), e.edges().forEach((l) => {
-    const a = o.edge(l.v, l.w) || 0, c = t(l), u = a + c;
-    o.setEdge(l.v, l.w, u), s = Math.max(s, o.node(l.v).out += c), n = Math.max(n, o.node(l.w).in += c);
+    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 = Cn(s + n + 3).map(() => new vn()), i = n + 1;
+  const r = Mn(s + n + 3).map(() => new An()), i = n + 1;
   return o.nodes().forEach((l) => {
-    nt(r, i, o.node(l));
+    it(r, i, o.node(l));
   }), {
     graph: o,
     buckets: r,
     zeroIndex: i
   };
 }
-function nt(e, t, o) {
+function it(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 Cn(e) {
+function Mn(e) {
   const t = [];
   for (let o = 0; o < e; o++)
     t.push(o);
   return t;
 }
-function ce(e, t, o, n) {
+function ue(e, t, o, n) {
   let s = n;
   for (; e.hasNode(s); )
-    s = $e(n);
+    s = ze(n);
   return o.dummy = t, e.setNode(s, o), s;
 }
-function Qt(e) {
-  const t = new Z().setGraph(e.graph());
+function io(e) {
+  const t = new q().setGraph(e.graph());
   return e.nodes().forEach((o) => {
     t.setNode(o, e.node(o));
   }), e.edges().forEach((o) => {
@@ -541,33 +543,33 @@ function Qt(e) {
     });
   }), t;
 }
-function rt(e) {
-  const t = new Z({ multigraph: e.isMultigraph() }).setGraph(e.graph());
+function at(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));
   }), e.edges().forEach((o) => {
     t.setEdge(o, e.edge(o));
   }), t;
 }
-function xn(e) {
+function $n(e) {
   const t = e.nodes().map((o) => {
     const n = {};
     return e.outEdges(o).forEach((s) => {
       n[s.w] = (n[s.w] || 0) + e.edge(s).weight;
     }), n;
   });
-  return De(e.nodes(), t);
+  return Be(e.nodes(), t);
 }
-function _n(e) {
+function Dn(e) {
   const t = e.nodes().map((o) => {
     const n = {};
     return e.inEdges(o).forEach((s) => {
       n[s.v] = (n[s.v] || 0) + e.edge(s).weight;
     }), n;
   });
-  return De(e.nodes(), t);
+  return Be(e.nodes(), t);
 }
-function st(e, t) {
+function lt(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;
@@ -576,25 +578,25 @@ function st(e, t) {
   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 };
 }
-function Ce(e) {
-  const t = ae(it(e) + 1).map(() => []);
+function _e(e) {
+  const t = ce(ct(e) + 1).map(() => []);
   return e.nodes().forEach((o) => {
     const n = e.node(o), s = n.rank;
     s !== void 0 && (t[s][n.order] = o);
   }), t;
 }
-function eo(e) {
+function lo(e) {
   const t = e.nodes().map((n) => {
     const s = e.node(n).rank;
     return s === void 0 ? Number.MAX_VALUE : s;
-  }), o = V(Math.min, t);
+  }), o = j(Math.min, t);
   e.nodes().forEach((n) => {
     const s = e.node(n);
     Object.hasOwn(s, "rank") && (s.rank -= o);
   });
 }
-function to(e) {
-  const t = e.nodes().map((i) => e.node(i).rank).filter((i) => i !== void 0), o = V(Math.min, t), n = [];
+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);
@@ -607,15 +609,15 @@ function to(e) {
     });
   });
 }
-function Nn(e, t, o, n) {
+function Fn(e, t, o, n) {
   const s = {
     width: 0,
     height: 0
   };
-  return arguments.length >= 4 && (s.rank = o, s.order = n), ce(e, "border", s, t);
+  return arguments.length >= 4 && (s.rank = o, s.order = n), ue(e, "border", s, t);
 }
-const oo = 65535;
-function An(e, t = oo) {
+const co = 65535;
+function Pn(e, t = co) {
   const o = [];
   for (let n = 0; n < e.length; n += t) {
     const s = e.slice(n, n + t);
@@ -623,9 +625,9 @@ function An(e, t = oo) {
   }
   return o;
 }
-function V(e, t) {
-  if (t.length > oo) {
-    const o = An(t);
+function j(e, t) {
+  if (t.length > co) {
+    const o = Pn(t);
     return e.apply(
       null,
       o.map((n) => e.apply(null, n))
@@ -633,20 +635,20 @@ function V(e, t) {
   } else
     return e.apply(null, t);
 }
-function it(e) {
+function ct(e) {
   const o = e.nodes().map((n) => {
     const s = e.node(n).rank;
     return s === void 0 ? Number.MIN_VALUE : s;
   });
-  return V(Math.max, o);
+  return j(Math.max, o);
 }
-function no(e, t) {
+function uo(e, t) {
   const o = { lhs: [], rhs: [] };
   return e.forEach((n) => {
     t(n) ? o.lhs.push(n) : o.rhs.push(n);
   }), o;
 }
-function so(e, t) {
+function fo(e, t) {
   const o = Date.now();
   try {
     return t();
@@ -654,15 +656,15 @@ function so(e, t) {
     console.log(e + " time: " + (Date.now() - o) + "ms");
   }
 }
-function ro(e, t) {
+function ho(e, t) {
   return t();
 }
-let Sn = 0;
-function $e(e) {
-  const t = ++Sn;
+let zn = 0;
+function ze(e) {
+  const t = ++zn;
   return e + String(t);
 }
-function ae(e, t, o = 1) {
+function ce(e, t, o = 1) {
   t == null && (t = e, e = 0);
   let n = (r) => r < t;
   o < 0 && (n = (r) => t < r);
@@ -671,13 +673,13 @@ function ae(e, t, o = 1) {
     s.push(r);
   return s;
 }
-function Ee(e, t) {
+function xe(e, t) {
   const o = {};
   for (const n of t)
     e[n] !== void 0 && (o[n] = e[n]);
   return o;
 }
-function xe(e, t) {
+function Ne(e, t) {
   let o = t;
   if (typeof t == "string") {
     const n = t;
@@ -685,41 +687,41 @@ function xe(e, t) {
   }
   return Object.entries(e).reduce((n, [s, r]) => (n[s] = o(r, s), n), {});
 }
-function De(e, t) {
+function Be(e, t) {
   return e.reduce((o, n, s) => (o[n] = t[s], o), {});
 }
-const Me = {
-  addBorderNode: Nn,
-  addDummyNode: ce,
-  applyWithChunking: V,
-  asNonCompoundGraph: rt,
-  buildLayerMatrix: Ce,
-  intersectRect: st,
-  mapValues: xe,
-  maxRank: it,
-  normalizeRanks: eo,
-  notime: ro,
-  partition: no,
-  pick: Ee,
-  predecessorWeights: _n,
-  range: ae,
-  removeEmptyRanks: to,
-  simplify: Qt,
-  successorWeights: xn,
-  time: so,
-  uniqueId: $e,
-  zipObject: De
+const Pe = {
+  addBorderNode: Fn,
+  addDummyNode: ue,
+  applyWithChunking: j,
+  asNonCompoundGraph: at,
+  buildLayerMatrix: _e,
+  intersectRect: lt,
+  mapValues: Ne,
+  maxRank: ct,
+  normalizeRanks: lo,
+  notime: ho,
+  partition: uo,
+  pick: xe,
+  predecessorWeights: Dn,
+  range: ce,
+  removeEmptyRanks: ao,
+  simplify: io,
+  successorWeights: $n,
+  time: fo,
+  uniqueId: ze,
+  zipObject: Be
 };
-function Ln(e) {
-  (e.graph().acyclicer === "greedy" ? kn(e, o(e)) : Rn(e)).forEach((n) => {
+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, $e("rev"));
+    e.removeEdge(n), s.forwardName = n.name, s.reversed = !0, e.setEdge(n.w, n.v, s, ze("rev"));
   });
   function o(n) {
     return (s) => n.edge(s).weight;
   }
 }
-function On(e) {
+function Vn(e) {
   e.edges().forEach((t) => {
     const o = e.edge(t);
     if (o.reversed) {
@@ -729,7 +731,7 @@ function On(e) {
     }
   });
 }
-function Rn(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) => {
@@ -738,27 +740,27 @@ function Rn(e) {
   }
   return e.nodes().forEach(s), t;
 }
-function Tn(e) {
-  e.graph().dummyChains = [], e.edges().forEach((t) => Mn(e, t));
+function Gn(e) {
+  e.graph().dummyChains = [], e.edges().forEach((t) => jn(e, t));
 }
-function Mn(e, t) {
+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)
     return;
   e.removeEdge(t);
-  let c, u, d;
-  for (d = 0, ++n; n < r; ++d, ++n)
-    l.points = [], u = {
+  let c, d, f;
+  for (f = 0, ++n; n < r; ++f, ++n)
+    l.points = [], d = {
       width: 0,
       height: 0,
       edgeLabel: l,
       edgeObj: t,
       rank: n
-    }, c = ce(e, "edge", u, "_d"), n === a && (u.width = l.width, u.height = l.height, u.dummy = "edge-label", u.labelpos = l.labelpos), e.setEdge(o, c, { weight: l.weight }, i), d === 0 && e.graph().dummyChains.push(c), o = c;
+    }, 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);
 }
-function $n(e) {
+function Wn(e) {
   e.graph().dummyChains.forEach((t) => {
     let o = e.node(t);
     const n = o.edgeLabel;
@@ -768,7 +770,7 @@ function $n(e) {
       s = e.successors(t)[0], e.removeNode(t), n.points.push({ x: o.x, y: o.y }), o.dummy === "edge-label" && (n.x = o.x, n.y = o.y, n.width = o.width, n.height = o.height), t = s, o = e.node(t);
   });
 }
-function io(e) {
+function mo(e) {
   function t(o) {
     const n = e.node(o);
     if (n && Object.prototype.hasOwnProperty.call(n, "rank"))
@@ -779,20 +781,20 @@ function io(e) {
     const r = s.map((l) => {
       if (!e.node(l.w))
         return Number.POSITIVE_INFINITY;
-      const c = t(l.w), u = e.edge(l).minlen;
-      return c - u;
+      const c = t(l.w), d = e.edge(l).minlen;
+      return c - d;
     });
-    let i = V(Math.min, r);
+    let i = j(Math.min, r);
     return i === Number.POSITIVE_INFINITY && (i = 0), n && (n.rank = i), i;
   }
   (e.sources() || []).forEach(t);
 }
-function Dn(e, t) {
+function Yn(e, t) {
   return e.node(t.w).rank - e.node(t.v).rank - e.edge(t).minlen;
 }
-function Pn(e) {
-  Fn(e);
-  const t = new Z();
+function Hn(e) {
+  Zn(e);
+  const t = new q();
   e.nodes().forEach((r) => {
     t.setNode(r, {});
   });
@@ -801,35 +803,35 @@ function Pn(e) {
     return t;
   const n = o[0], s = /* @__PURE__ */ new Set([n]);
   for (; s.size < o.length; ) {
-    const r = zn(e, s);
+    const r = Un(e, s);
     if (!r) {
-      const u = o.find((d) => !s.has(d));
-      s.add(u), t.setNode(u, {});
+      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;
-    Bn(e, s, a, l), t.setEdge(i.v, i.w, {}), s.add(c);
+    Xn(e, s, a, l), t.setEdge(i.v, i.w, {}), s.add(c);
   }
   return t;
 }
-function Fn(e) {
+function Zn(e) {
   e.nodes().forEach((t) => {
     const o = e.node(t) || {};
     Object.prototype.hasOwnProperty.call(o, "rank") || (o.rank = 0, e.setNode(t, o));
   });
 }
-function zn(e, t) {
+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)
       return;
-    const i = Dn(e, n), l = Math.abs(i);
+    const i = Yn(e, n), l = Math.abs(i);
     if (!o || l < o.absoluteSlack) {
-      const a = s ? n.v : n.w, c = s ? n.w : n.v, u = s ? i : -i;
+      const a = s ? n.v : n.w, c = s ? n.w : n.v, d = s ? i : -i;
       o = {
         edgeObject: n,
-        delta: u,
+        delta: d,
         attachFrom: a,
         attachTo: c,
         absoluteSlack: l
@@ -837,7 +839,7 @@ function zn(e, t) {
     }
   }), o;
 }
-function Bn(e, t, o, n) {
+function Xn(e, t, o, n) {
   n && e.nodes().forEach((s) => {
     if (!t.has(s)) {
       const r = e.node(s);
@@ -845,81 +847,81 @@ function Bn(e, t, o, n) {
     }
   });
 }
-function ue(e) {
-  const t = Qt(e);
-  return io(t), t.nodes().forEach((o) => {
+function de(e) {
+  const t = io(e);
+  return mo(t), t.nodes().forEach((o) => {
     const n = t.node(o), s = e.node(o) || {};
     s.rank = n.rank, e.setNode(o, s);
   }), e;
 }
-function Vn(e, t) {
+function qn(e, t) {
 }
-function jn(e, t) {
+function Kn(e, t) {
 }
-function Gn(e, t, o) {
+function Jn(e, t, o) {
   return 0;
 }
-function In(e) {
+function Qn(e) {
   return null;
 }
-function Wn(e, t) {
+function es(e, t) {
   return null;
 }
-ue.initLowLimValues = Vn;
-ue.initCutValues = jn;
-ue.calcCutValue = Gn;
-ue.leaveEdge = In;
-ue.enterEdge = Wn;
-const lo = io;
-function Yn(e) {
+de.initLowLimValues = qn;
+de.initCutValues = Kn;
+de.calcCutValue = Jn;
+de.leaveEdge = Qn;
+de.enterEdge = es;
+const go = mo;
+function ts(e) {
   const t = e.graph().ranker;
   if (t instanceof Function)
     return t(e);
   switch (e.graph().ranker) {
     case "network-simplex":
-      jt(e);
+      Ut(e);
       break;
     case "tight-tree":
-      Zn(e);
+      ns(e);
       break;
     case "longest-path":
-      Hn(e);
+      os(e);
       break;
     case "none":
       break;
     default:
-      jt(e);
+      Ut(e);
   }
 }
-const Hn = lo;
-function Zn(e) {
-  lo(e), Pn(e);
+const os = go;
+function ns(e) {
+  go(e), Hn(e);
 }
-function jt(e) {
-  ue(e);
+function Ut(e) {
+  de(e);
 }
-function Un(e) {
-  const t = qn(e);
+function ss(e) {
+  const t = is(e);
   e.graph().dummyChains.forEach((o) => {
     let n = e.node(o);
-    const s = n.edgeObj, r = Xn(e, t, s.v, s.w), i = r.path, l = r.lca;
-    let a = 0, c = i[a], u = !0, d = o;
-    for (; d !== s.w; ) {
-      if (n = e.node(d), u) {
+    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;
+    for (; f !== s.w; ) {
+      if (n = e.node(f), d) {
         for (; (c = i[a]) !== l && e.node(c).maxRank < n.rank; )
           a++;
-        c === l && (u = !1);
+        c === l && (d = !1);
       }
-      if (!u) {
+      if (!d) {
         for (; a < i.length - 1 && e.node(c = i[a + 1]).minRank <= n.rank; )
           a++;
         c = i[a];
       }
-      e.setParent(d, c), d = e.successors(d)[0];
+      e.setParent(f, c), f = e.successors(f)[0];
     }
   });
 }
-function Xn(e, t, o, n) {
+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);
   let a, c;
   a = o;
@@ -933,7 +935,7 @@ function Xn(e, t, o, n) {
     lca: c
   };
 }
-function qn(e) {
+function is(e) {
   const t = {};
   let o = 0;
   function n(s) {
@@ -942,32 +944,32 @@ function qn(e) {
   }
   return e.children().forEach(n), t;
 }
-function Kn(e) {
-  const t = Me.addDummyNode(e, "root", {}, "_root"), o = Jn(e), n = Object.values(o), s = Me.applyWithChunking(Math.max, n) - 1, r = 2 * s + 1;
+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;
   e.graph().nestingRoot = t, e.edges().forEach((l) => {
     e.edge(l).minlen *= r;
   });
-  const i = Qn(e) + 1;
+  const i = cs(e) + 1;
   e.children().forEach((l) => {
-    ao(e, t, r, i, s, o, l);
+    vo(e, t, r, i, s, o, l);
   }), e.graph().nodeRankFactor = r;
 }
-function ao(e, t, o, n, s, r, i) {
+function vo(e, t, o, n, s, r, i) {
   const l = e.children(i);
   if (!l.length) {
     i !== t && e.setEdge(t, i, { weight: 0, minlen: o });
     return;
   }
-  const a = Me.addBorderNode(e, "_bt"), c = Me.addBorderNode(e, "_bb"), u = e.node(i);
-  e.setParent(a, i), u.borderTop = a, e.setParent(c, i), u.borderBottom = c, l.forEach((d) => {
-    ao(e, t, o, n, s, r, d);
-    const g = e.node(d), v = g.borderTop ? g.borderTop : d, A = g.borderBottom ? g.borderBottom : d, N = g.borderTop ? n : 2 * n, M = v !== A ? 1 : s - r[i] + 1;
-    e.setEdge(a, v, {
-      weight: N,
+  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;
+    e.setEdge(a, b, {
+      weight: _,
       minlen: M,
       nestingEdge: !0
-    }), e.setEdge(A, c, {
-      weight: N,
+    }), e.setEdge(N, c, {
+      weight: _,
       minlen: M,
       nestingEdge: !0
     });
@@ -976,7 +978,7 @@ function ao(e, t, o, n, s, r, i) {
     minlen: s + r[i]
   });
 }
-function Jn(e) {
+function as(e) {
   const t = {};
   function o(n, s) {
     const r = e.children(n);
@@ -984,83 +986,83 @@ function Jn(e) {
   }
   return e.children().forEach((n) => o(n, 1)), t;
 }
-function Qn(e) {
+function cs(e) {
   return e.edges().reduce((t, o) => t + e.edge(o).weight, 0);
 }
-function es(e) {
+function us(e) {
   const t = e.graph();
   e.removeNode(t.nestingRoot), delete t.nestingRoot, e.edges().forEach((o) => {
     e.edge(o).nestingEdge && e.removeEdge(o);
   });
 }
-function ts(e) {
+function ds(e) {
   function t(o) {
     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)
-        Gt(e, "borderLeft", "_bl", o, s, r), Gt(e, "borderRight", "_br", o, s, r);
+        Xt(e, "borderLeft", "_bl", o, s, r), Xt(e, "borderRight", "_br", o, s, r);
     }
   }
   e.children().forEach(t);
 }
-function Gt(e, t, o, n, s, r) {
+function Xt(e, t, o, n, s, r) {
   const i = {
     width: 0,
     height: 0,
     rank: r,
     borderType: t
-  }, l = s[t][r - 1], a = ce(e, "border", i, o);
+  }, 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 });
 }
-function os(e) {
+function fs(e) {
   const t = e.graph().rankdir.toLowerCase();
-  (t === "lr" || t === "rl") && co(e);
+  (t === "lr" || t === "rl") && bo(e);
 }
-function ns(e) {
+function hs(e) {
   const t = e.graph().rankdir.toLowerCase();
-  (t === "bt" || t === "rl") && ss(e), (t === "lr" || t === "rl") && (rs(e), co(e));
+  (t === "bt" || t === "rl") && ms(e), (t === "lr" || t === "rl") && (gs(e), bo(e));
 }
-function co(e) {
+function bo(e) {
   e.nodes().forEach((t) => {
-    It(e.node(t));
+    qt(e.node(t));
   }), e.edges().forEach((t) => {
-    It(e.edge(t));
+    qt(e.edge(t));
   });
 }
-function It(e) {
+function qt(e) {
   const t = e.width;
   e.width = e.height, e.height = t;
 }
-function ss(e) {
+function ms(e) {
   e.nodes().forEach((t) => {
-    Ke(e.node(t));
+    et(e.node(t));
   }), e.edges().forEach((t) => {
     const o = e.edge(t);
-    o.points.forEach(Ke), Object.hasOwn(o, "y") && Ke(o);
+    o.points.forEach(et), Object.hasOwn(o, "y") && et(o);
   });
 }
-function Ke(e) {
+function et(e) {
   e.y = -e.y;
 }
-function rs(e) {
+function gs(e) {
   e.nodes().forEach((t) => {
-    Je(e.node(t));
+    tt(e.node(t));
   }), e.edges().forEach((t) => {
     const o = e.edge(t);
-    o.points.forEach(Je), Object.hasOwn(o, "x") && Je(o);
+    o.points.forEach(tt), Object.hasOwn(o, "x") && tt(o);
   });
 }
-function Je(e) {
+function tt(e) {
   const t = e.x;
   e.x = e.y, e.y = t;
 }
-const Wt = {
-  adjust: os,
-  undo: ns
+const Kt = {
+  adjust: fs,
+  undo: hs
 };
-function is(e) {
-  const t = {}, o = e.nodes().filter((a) => e.children(a).length === 0), n = o.map((a) => e.node(a).rank), s = V(Math.max, n), r = ae(s + 1).map(() => []);
+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) {
     if (t[a]) return;
     t[a] = !0;
@@ -1071,20 +1073,20 @@ function is(e) {
     (a, c) => e.node(a).rank - e.node(c).rank
   ).forEach(i), r;
 }
-function ls(e, t) {
+function bs(e, t) {
   let o = 0;
   for (let n = 1; n < t.length; ++n)
-    o += as(e, t[n - 1], t[n]);
+    o += ps(e, t[n - 1], t[n]);
   return o;
 }
-function as(e, t, o) {
-  const n = De(
+function ps(e, t, o) {
+  const n = Be(
     o,
-    o.map((c, u) => u)
-  ), s = t.flatMap((c) => e.outEdges(c).map((u) => ({
-    pos: n[u.w],
-    weight: e.edge(u).weight
-  })).sort((u, d) => u.pos - d.pos));
+    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;
@@ -1092,15 +1094,15 @@ function as(e, t, o) {
   const l = new Array(i).fill(0);
   let a = 0;
   return s.forEach((c) => {
-    let u = c.pos + r;
-    l[u] += c.weight;
-    let d = 0;
-    for (; u > 0; )
-      u % 2 && (d += l[u + 1]), u = u - 1 >> 1, l[u] += c.weight;
-    a += c.weight * d;
+    let d = c.pos + r;
+    l[d] += c.weight;
+    let f = 0;
+    for (; d > 0; )
+      d % 2 && (f += l[d + 1]), d = d - 1 >> 1, l[d] += c.weight;
+    a += c.weight * f;
   }), a;
 }
-function cs(e, t = []) {
+function ws(e, t = []) {
   return t.map((o) => {
     const n = e.inEdges(o);
     if (!n.length)
@@ -1122,7 +1124,7 @@ function cs(e, t = []) {
     };
   });
 }
-function us(e, t) {
+function ys(e, t) {
   const o = {};
   e.forEach((s, r) => {
     const i = o[s.v] = {
@@ -1138,13 +1140,13 @@ function us(e, t) {
     r !== void 0 && i !== void 0 && (i.indegree++, r.out.push(i));
   });
   const n = Object.values(o).filter((s) => !s.indegree);
-  return ds(n);
+  return ks(n);
 }
-function ds(e) {
+function ks(e) {
   const t = [];
   function o(s) {
     return (r) => {
-      r.merged || (r.barycenter === void 0 || s.barycenter === void 0 || r.barycenter >= s.barycenter) && fs(s, r);
+      r.merged || (r.barycenter === void 0 || s.barycenter === void 0 || r.barycenter >= s.barycenter) && Es(s, r);
     };
   }
   function n(s) {
@@ -1156,67 +1158,67 @@ function ds(e) {
     const s = e.pop();
     t.push(s), s.in.reverse().forEach(o(s)), s.out.forEach(n(s));
   }
-  return t.filter((s) => !s.merged).map((s) => Ee(s, ["vs", "i", "barycenter", "weight"]));
+  return t.filter((s) => !s.merged).map((s) => xe(s, ["vs", "i", "barycenter", "weight"]));
 }
-function fs(e, t) {
+function Es(e, t) {
   let o = 0, n = 0;
   e.weight && (o += e.barycenter * e.weight, n += e.weight), t.weight && (o += t.barycenter * t.weight, n += t.weight), e.vs = t.vs.concat(e.vs), e.barycenter = o / n, e.weight = n, e.i = Math.min(t.i, e.i), t.merged = !0;
 }
-function hs(e, t) {
-  const o = no(e, (u) => Object.hasOwn(u, "barycenter")), n = o.lhs, s = o.rhs.sort((u, d) => d.i - u.i), r = [];
+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(ms(!!t)), a = Yt(r, s, a), n.forEach((u) => {
-    a += u.vs.length, r.push(u.vs), i += u.barycenter * u.weight, l += u.weight, a = Yt(r, s, a);
+  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 c = { vs: r.flat(!0) };
   return l && (c.barycenter = i / l, c.weight = l), c;
 }
-function Yt(e, t, o) {
+function Jt(e, t, o) {
   let n;
   for (; t.length && (n = t[t.length - 1]).i <= o; )
     t.pop(), e.push(n.vs), o++;
   return o;
 }
-function ms(e) {
+function xs(e) {
   return (t, o) => t.barycenter < o.barycenter ? -1 : t.barycenter > o.barycenter ? 1 : e ? o.i - t.i : t.i - o.i;
 }
-function uo(e, t, o, n) {
+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 c = cs(e, s);
+  const c = ws(e, s);
   c.forEach((g) => {
     if (e.children(g.v).length) {
-      const v = uo(e, g.v, o, n);
-      a[g.v] = v, Object.hasOwn(v, "barycenter") && bs(g, v);
+      const b = po(e, g.v, o, n);
+      a[g.v] = b, Object.hasOwn(b, "barycenter") && Ns(g, b);
     }
   });
-  let u = us(c, o);
-  gs(u, a);
-  const d = hs(u, n);
-  if (i && (d.vs = [i, d.vs, l].flat(!0), e.predecessors(i).length)) {
-    const g = e.node(e.predecessors(i)[0]), v = e.node(e.predecessors(l)[0]);
-    Object.hasOwn(d, "barycenter") || (d.barycenter = 0, d.weight = 0), d.barycenter = (d.barycenter * d.weight + g.order + v.order) / (d.weight + 2), d.weight += 2;
+  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]);
+    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 d;
+  return f;
 }
-function gs(e, t) {
+function _s(e, t) {
   e.forEach((o) => {
     o.vs = o.vs.flatMap((n) => t[n] ? t[n].vs : n);
   });
 }
-function bs(e, t) {
+function Ns(e, t) {
   e.barycenter !== void 0 ? (e.barycenter = (e.barycenter * e.weight + t.barycenter * t.weight) / (e.weight + t.weight), e.weight += t.weight) : (e.barycenter = t.barycenter, e.weight = t.weight);
 }
-function vs(e, t, o, n) {
+function As(e, t, o, n) {
   n || (n = e.nodes());
-  const s = ps(e), r = new Z({ compound: !0 }).setGraph({ root: s }).setDefaultNodeLabel((i) => e.node(i));
+  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((u) => {
-      const d = u.v === i ? u.w : u.v, g = r.edge(d, i), v = g ? g.weight : 0;
-      r.setEdge(d, i, {
-        weight: e.edge(u).weight + v
+    (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, {
+        weight: e.edge(d).weight + b
       });
     }), Object.hasOwn(l, "minRank") && r.setNode(i, {
       borderLeft: l.borderLeft[t],
@@ -1224,12 +1226,12 @@ function vs(e, t, o, n) {
     }));
   }), r;
 }
-function ps(e) {
+function Ss(e) {
   let t;
-  for (; e.hasNode(t = $e("_root")); ) ;
+  for (; e.hasNode(t = ze("_root")); ) ;
   return t;
 }
-function ws(e, t, o) {
+function Ls(e, t, o) {
   let n = {}, s;
   o.forEach((r) => {
     let i = e.parent(r), l, a;
@@ -1242,34 +1244,34 @@ function ws(e, t, o) {
     }
   });
 }
-function fo(e, t = {}) {
+function wo(e, t = {}) {
   if (typeof t.customOrder == "function") {
-    t.customOrder(e, fo);
+    t.customOrder(e, wo);
     return;
   }
-  const o = it(e), n = Ht(
+  const o = ct(e), n = Qt(
     e,
-    ae(1, o + 1),
+    ce(1, o + 1),
     "inEdges"
-  ), s = Ht(
+  ), s = Qt(
     e,
-    ae(o - 1, -1, -1),
+    ce(o - 1, -1, -1),
     "outEdges"
   );
-  let r = is(e);
-  if (Zt(e, r), t.disableOptimalOrderHeuristic)
+  let r = vs(e);
+  if (eo(e, r), t.disableOptimalOrderHeuristic)
     return;
   let i = Number.POSITIVE_INFINITY, l;
   const a = t.constraints || [];
-  for (let c = 0, u = 0; u < 4; ++c, ++u) {
-    const d = c % 2 === 0 ? n : s, g = c % 4 >= 2;
-    ks(d, g, a), r = Ce(e);
-    const v = ls(e, r);
-    v < i ? (i = v, u = 0, l = structuredClone(r)) : v === i && (l = structuredClone(r));
+  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));
   }
-  Zt(e, l);
+  eo(e, l);
 }
-function Ht(e, t, o) {
+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);
@@ -1281,7 +1283,7 @@ function Ht(e, t, o) {
         l !== i.rank && s(l, r);
   }
   return t.map(
-    (r) => vs(
+    (r) => As(
       e,
       r,
       o,
@@ -1289,68 +1291,68 @@ function Ht(e, t, o) {
     )
   );
 }
-function ks(e, t, o) {
-  const n = new Z();
+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 = uo(s, r, n, t);
+    const r = s.graph().root, i = po(s, r, n, t);
     i.vs.forEach((l, a) => {
       s.node(l).order = a;
-    }), ws(s, n, i.vs);
+    }), Ls(s, n, i.vs);
   });
 }
-function Zt(e, t) {
+function eo(e, t) {
   Object.values(t).forEach((o) => {
     o.forEach((n, s) => {
       e.node(n).order = s;
     });
   });
 }
-function ys(e, t) {
+function Rs(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((u, d) => {
-      const g = Cs(e, u), v = g ? e.node(g).order : a;
-      (g || u === c) && (r.slice(l, d + 1).forEach((A) => {
-        e.predecessors(A).forEach((N) => {
-          const M = e.node(N), G = M.order;
-          (G < i || v < G) && !(M.dummy && e.node(A).dummy) && ho(o, N, A);
+    return r.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);
         });
-      }), l = d + 1, i = v);
+      }), l = f + 1, i = b);
     }), r;
   }
   return t.length && t.reduce(n), o;
 }
-function Es(e, t) {
+function Ts(e, t) {
   const o = {};
   function n(r, i, l, a, c) {
-    let u;
-    ae(i, l).forEach((d) => {
-      u = r[d], e.node(u).dummy && e.predecessors(u).forEach((g) => {
-        const v = e.node(g);
-        v.dummy && (v.order < a || v.order > c) && ho(o, g, u);
+    let d;
+    ce(i, l).forEach((f) => {
+      d = r[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) {
     let l = -1, a, c = 0;
-    return i.forEach((u, d) => {
-      if (e.node(u).dummy === "border") {
-        const g = e.predecessors(u);
-        g.length && (a = e.node(g[0]).order, n(i, c, d, l, a), c = d, l = a);
+    return i.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);
       }
       n(i, c, i.length, a, r.length);
     }), i;
   }
   return t.length && t.reduce(s), o;
 }
-function Cs(e, t) {
+function Ms(e, t) {
   if (e.node(t).dummy)
     return e.predecessors(t).find((o) => e.node(o).dummy);
 }
-function ho(e, t, o) {
+function yo(e, t, o) {
   if (t > o) {
     const s = t;
     t = o, o = s;
@@ -1358,14 +1360,14 @@ function ho(e, t, o) {
   let n = e[t];
   n || (e[t] = n = {}), n[o] = !0;
 }
-function xs(e, t, o) {
+function $s(e, t, o) {
   if (t > o) {
     const n = t;
     t = o, o = n;
   }
   return !!e[t] && Object.hasOwn(e[t], o);
 }
-function _s(e, t, o, n) {
+function Ds(e, t, o, n) {
   const s = {}, r = {}, i = {};
   return t.forEach((l) => {
     l.forEach((a, c) => {
@@ -1374,56 +1376,56 @@ function _s(e, t, o, n) {
   }), t.forEach((l) => {
     let a = -1;
     l.forEach((c) => {
-      let u = n(c);
-      if (u.length) {
-        u = u.sort((g, v) => i[g] - i[v]);
-        const d = (u.length - 1) / 2;
-        for (let g = Math.floor(d), v = Math.ceil(d); g <= v; ++g) {
-          const A = u[g];
-          r[c] === c && a < i[A] && !xs(o, c, A) && (r[A] = c, r[c] = s[c] = s[A], a = i[A]);
+      let d = n(c);
+      if (d.length) {
+        d = d.sort((g, b) => i[g] - i[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]);
         }
       }
     });
   }), { root: s, align: r };
 }
-function Ns(e, t, o, n, s) {
-  const r = {}, i = As(e, t, o, s), l = s ? "borderLeft" : "borderRight";
-  function a(d, g) {
-    const v = i.nodes().slice(), A = {};
-    let N = v.pop();
-    for (; N; ) {
-      if (A[N])
-        d(N);
+function Fs(e, t, o, n, s) {
+  const r = {}, i = 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(_);
       else {
-        A[N] = !0, v.push(N);
-        for (const M of g(N))
-          v.push(M);
+        N[_] = !0, b.push(_);
+        for (const M of g(_))
+          b.push(M);
       }
-      N = v.pop();
+      _ = b.pop();
     }
   }
-  function c(d) {
-    r[d] = i.inEdges(d).reduce((g, v) => Math.max(g, r[v.v] + i.edge(v)), 0);
+  function c(f) {
+    r[f] = i.inEdges(f).reduce((g, b) => Math.max(g, r[b.v] + i.edge(b)), 0);
   }
-  function u(d) {
-    const g = i.outEdges(d).reduce((A, N) => Math.min(A, r[N.w] - i.edge(N)), Number.POSITIVE_INFINITY), v = e.node(d);
-    g !== Number.POSITIVE_INFINITY && v.borderType !== l && (r[d] = Math.max(r[d], g));
+  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));
   }
-  return a(c, i.predecessors.bind(i)), a(u, i.successors.bind(i)), Object.keys(n).forEach((d) => {
-    r[d] = r[o[d]];
+  return a(c, i.predecessors.bind(i)), a(d, i.successors.bind(i)), Object.keys(n).forEach((f) => {
+    r[f] = r[o[f]];
   }), r;
 }
-function As(e, t, o, n) {
-  const s = new e.constructor(), r = e.graph(), i = Ts(r.nodesep, r.edgesep, n);
+function Ps(e, t, o, n) {
+  const s = new e.constructor(), r = e.graph(), i = Gs(r.nodesep, r.edgesep, n);
   return t.forEach((l) => {
     let a;
     l.forEach((c) => {
-      const u = o[c];
-      if (s.setNode(u), a) {
-        const d = o[a], g = s.edge(d, u);
+      const d = o[c];
+      if (s.setNode(d), a) {
+        const f = o[a], g = s.edge(f, d);
         s.setEdge(
+          f,
           d,
-          u,
           Math.max(i(e, c, a), g || 0)
         );
       }
@@ -1431,12 +1433,12 @@ function As(e, t, o, n) {
     });
   }), s;
 }
-function Ss(e, t) {
+function zs(e, t) {
   return Object.values(t).reduce(
     (o, n) => {
       let s = Number.NEGATIVE_INFINITY, r = Number.POSITIVE_INFINITY;
       Object.entries(n).forEach(([l, a]) => {
-        const c = Ms(e, l) / 2;
+        const c = js(e, l) / 2;
         s = Math.max(a + c, s), r = Math.min(a - c, r);
       });
       const i = s - r;
@@ -1445,31 +1447,31 @@ function Ss(e, t) {
     [Number.POSITIVE_INFINITY, null]
   )[1];
 }
-function Ls(e, t) {
-  const o = Object.values(t), n = V(Math.min, o), s = V(Math.max, o);
+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;
       let a = e[l];
       if (a === t) return;
       const c = Object.values(a);
-      let u = n - V(Math.min, c);
-      i !== "l" && (u = s - V(Math.max, c)), u && (a = xe(a, (d) => d + u), e[l] = 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);
     });
   });
 }
-function Os(e, t) {
-  return xe(e.ul, (o, n) => {
+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);
     return (s[1] + s[2]) / 2;
   });
 }
-function Rs(e) {
-  const t = Ce(e), o = Object.assign(
-    ys(e, t),
-    Es(e, t)
+function Is(e) {
+  const t = _e(e), o = Object.assign(
+    Rs(e, t),
+    Ts(e, t)
   ), n = {};
   let s;
   ["u", "d"].forEach((i) => {
@@ -1478,26 +1480,26 @@ function Rs(e) {
       l === "r" && (a = a.map(
         (g) => Object.values(g).reverse()
       ));
-      const c = (i === "u" ? e.predecessors : e.successors).bind(e), u = _s(
+      const c = (i === "u" ? e.predecessors : e.successors).bind(e), d = Ds(
         e,
         a,
         o,
         c
       );
-      let d = Ns(
+      let f = Fs(
         e,
         a,
-        u.root,
-        u.align,
+        d.root,
+        d.align,
         l === "r"
       );
-      l === "r" && (d = xe(d, (g) => -g)), n[i + l] = d;
+      l === "r" && (f = Ne(f, (g) => -g)), n[i + l] = f;
     });
   });
-  const r = Ss(e, n);
-  return Ls(n, r), Os(n, e.graph().align);
+  const r = zs(e, n);
+  return Bs(n, r), Vs(n, e.graph().align);
 }
-function Ts(e, t, o) {
+function Gs(e, t, o) {
   return (n, s, r) => {
     const i = n.node(s), l = n.node(r);
     let a = 0, c;
@@ -1522,19 +1524,19 @@ function Ts(e, t, o) {
     return c && (a += o ? c : -c), c = 0, a;
   };
 }
-function Ms(e, t) {
+function js(e, t) {
   return e.node(t).width;
 }
-function $s(e) {
-  const t = rt(e);
-  Ds(t);
-  const o = Rs(t);
+function Ws(e) {
+  const t = at(e);
+  Ys(t);
+  const o = Is(t);
   Object.entries(o).forEach(([n, s]) => {
     e.node(n).x = s;
   });
 }
-function Ds(e) {
-  const t = Ce(e), o = e.graph().ranksep;
+function Ys(e) {
+  const t = _e(e), o = e.graph().ranksep;
   let n = 0;
   t.forEach((s) => {
     const r = s.reduce((i, l) => {
@@ -1546,17 +1548,17 @@ function Ds(e) {
     }), n += r + o;
   });
 }
-function Ps(e, t = {}) {
-  const o = t.debugTiming ? so : ro;
+function Hs(e, t = {}) {
+  const o = t.debugTiming ? fo : ho;
   return o("layout", () => {
-    const n = o("  buildLayoutGraph", () => Hs(e));
-    return o("  runLayout", () => Fs(n, o, t)), o("  updateInputGraph", () => zs(e, n)), n;
+    const n = o("  buildLayoutGraph", () => or(e));
+    return o("  runLayout", () => Zs(n, o, t)), o("  updateInputGraph", () => Us(e, n)), n;
   });
 }
-function Fs(e, t, o) {
-  t("    makeSpaceForEdgeLabels", () => Zs(e)), t("    removeSelfEdges", () => or(e)), t("    acyclic", () => Ln(e)), t("    nestingGraph.run", () => Kn(e)), t("    rank", () => Yn(rt(e))), t("    injectEdgeLabelProxies", () => Us(e)), t("    removeEmptyRanks", () => to(e)), t("    nestingGraph.cleanup", () => es(e)), t("    normalizeRanks", () => eo(e)), t("    assignRankMinMax", () => Xs(e)), t("    removeEdgeLabelProxies", () => qs(e)), t("    normalize.run", () => Tn(e)), t("    parentDummyChains", () => Un(e)), t("    addBorderSegments", () => ts(e)), t("    order", () => fo(e, o)), t("    insertSelfEdges", () => nr(e)), t("    adjustCoordinateSystem", () => Wt.adjust(e)), t("    position", () => $s(e)), t("    positionSelfEdges", () => sr(e)), t("    removeBorderNodes", () => tr(e)), t("    normalize.undo", () => $n(e)), t("    fixupEdgeLabelCoords", () => Qs(e)), t("    undoCoordinateSystem", () => Wt.undo(e)), t("    translateGraph", () => Ks(e)), t("    assignNodeIntersects", () => Js(e)), t("    reversePoints", () => er(e)), t("    acyclic.undo", () => On(e));
+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));
 }
-function zs(e, t) {
+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));
@@ -1567,94 +1569,94 @@ function zs(e, t) {
   const o = t.graph(), n = e.graph();
   n.width = o.width, n.height = o.height;
 }
-const Bs = ["nodesep", "edgesep", "ranksep", "marginx", "marginy"], Vs = { ranksep: 50, edgesep: 20, nodesep: 50, rankdir: "tb" }, js = ["acyclicer", "ranker", "rankdir", "align"], Gs = ["width", "height", "rank"], Ut = { width: 0, height: 0 }, Is = ["minlen", "weight", "width", "height", "labeloffset"], Ws = {
+const Xs = ["nodesep", "edgesep", "ranksep", "marginx", "marginy"], qs = { ranksep: 50, edgesep: 20, nodesep: 50, rankdir: "tb" }, Ks = ["acyclicer", "ranker", "rankdir", "align"], Js = ["width", "height", "rank"], to = { width: 0, height: 0 }, Qs = ["minlen", "weight", "width", "height", "labeloffset"], er = {
   minlen: 1,
   weight: 1,
   width: 0,
   height: 0,
   labeloffset: 10,
   labelpos: "r"
-}, Ys = ["labelpos"];
-function Hs(e) {
-  const t = et(e.graph()), o = {
-    ...Vs,
-    ...Qe(t, Bs),
-    ...Ee(t, js)
-  }, n = new Z({ multigraph: !0, compound: !0 });
+}, tr = ["labelpos"];
+function or(e) {
+  const t = nt(e.graph()), o = {
+    ...qs,
+    ...ot(t, Xs),
+    ...xe(t, Ks)
+  }, n = new q({ multigraph: !0, compound: !0 });
   return n.setGraph(o), e.nodes().forEach((s) => {
-    const r = et(e.node(s)), i = Qe(r, Gs);
-    Object.keys(Ut).forEach((l) => {
-      i[l] === void 0 && (i[l] = Ut[l]);
+    const r = nt(e.node(s)), i = ot(r, Js);
+    Object.keys(to).forEach((l) => {
+      i[l] === void 0 && (i[l] = to[l]);
     }), n.setNode(s, i), n.setParent(s, e.parent(s));
   }), e.edges().forEach((s) => {
-    const r = et(e.edge(s));
+    const r = nt(e.edge(s));
     n.setEdge(
       s,
       {
-        ...Ws,
-        ...Qe(r, Is),
-        ...Ee(r, Ys)
+        ...er,
+        ...ot(r, Qs),
+        ...xe(r, tr)
       }
     );
   }), n;
 }
-function Zs(e) {
+function nr(e) {
   const t = e.graph();
   t.ranksep /= 2, e.edges().forEach((o) => {
     const n = e.edge(o);
     n.minlen *= 2, n.labelpos.toLowerCase() !== "c" && (t.rankdir === "TB" || t.rankdir === "BT" ? n.width += n.labeloffset : n.height += n.labeloffset);
   });
 }
-function Us(e) {
+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 };
-      ce(e, "edge-proxy", r, "_ep");
+      ue(e, "edge-proxy", r, "_ep");
     }
   });
 }
-function Xs(e) {
+function rr(e) {
   let t = 0;
   e.nodes().forEach((o) => {
     const n = e.node(o);
     n.borderTop && (n.minRank = e.node(n.borderTop).rank, n.maxRank = e.node(n.borderBottom).rank, t = Math.max(t, n.maxRank));
   }), e.graph().maxRank = t;
 }
-function qs(e) {
+function ir(e) {
   e.nodes().forEach((t) => {
     const o = e.node(t);
     o.dummy === "edge-proxy" && (e.edge(o.e).labelRank = o.rank, e.removeNode(t));
   });
 }
-function Ks(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;
   function a(c) {
-    const u = c.x, d = c.y, g = c.width, v = c.height;
-    t = Math.min(t, u - g / 2), o = Math.max(o, u + g / 2), n = Math.min(n, d - v / 2), s = Math.max(s, d + v / 2);
+    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);
   }
   e.nodes().forEach((c) => a(e.node(c))), e.edges().forEach((c) => {
-    const u = e.edge(c);
-    Object.hasOwn(u, "x") && a(u);
+    const d = e.edge(c);
+    Object.hasOwn(d, "x") && a(d);
   }), t -= i, n -= l, e.nodes().forEach((c) => {
-    const u = e.node(c);
-    u.x -= t, u.y -= n;
+    const d = e.node(c);
+    d.x -= t, d.y -= n;
   }), e.edges().forEach((c) => {
-    const u = e.edge(c);
-    u.points.forEach((d) => {
-      d.x -= t, d.y -= n;
-    }), Object.hasOwn(u, "x") && (u.x -= t), Object.hasOwn(u, "y") && (u.y -= n);
+    const d = e.edge(c);
+    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;
 }
-function Js(e) {
+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(st(n, r)), o.points.push(st(s, 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 Qs(e) {
+function cr(e) {
   e.edges().forEach((t) => {
     const o = e.edge(t);
     if (Object.hasOwn(o, "x"))
@@ -1668,13 +1670,13 @@ function Qs(e) {
       }
   });
 }
-function er(e) {
+function ur(e) {
   e.edges().forEach((t) => {
     const o = e.edge(t);
     o.reversed && o.points.reverse();
   });
 }
-function tr(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]);
@@ -1684,7 +1686,7 @@ function tr(e) {
     e.node(t).dummy === "border" && e.removeNode(t);
   });
 }
-function or(e) {
+function fr(e) {
   e.edges().forEach((t) => {
     if (t.v === t.w) {
       const o = e.node(t.v);
@@ -1692,13 +1694,13 @@ function or(e) {
     }
   });
 }
-function nr(e) {
-  Ce(e).forEach((o) => {
+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) => {
-        ce(e, "selfedge", {
+        ue(e, "selfedge", {
           width: l.label.width,
           height: l.label.height,
           rank: i.rank,
@@ -1710,7 +1712,7 @@ function nr(e) {
     });
   });
 }
-function sr(e) {
+function mr(e) {
   e.nodes().forEach((t) => {
     const o = e.node(t);
     if (o.dummy === "selfedge") {
@@ -1725,17 +1727,17 @@ function sr(e) {
     }
   });
 }
-function Qe(e, t) {
-  return xe(Ee(e, t), Number);
+function ot(e, t) {
+  return Ne(xe(e, t), Number);
 }
-function et(e) {
+function nt(e) {
   const t = {};
   return e && Object.entries(e).forEach(([o, n]) => {
     let s = o;
     typeof s == "string" && (s = s.toLowerCase()), t[s] = n;
   }), t;
 }
-const rr = {
+const gr = {
   rankDirection: "TB",
   // "TB", "BT", "LR", "RL"
   nodeSeparation: 50,
@@ -1751,12 +1753,12 @@ const rr = {
   arrowShape: "normal",
   arrowSize: 10
 };
-function ir(e) {
+function vr(e) {
   return e.length ? e.map(
     (t, o) => `${o === 0 ? "M" : "L"} ${t.x} ${t.y}`
   ).join(" ") : "";
 }
-function lr(e) {
+function br(e) {
   if (!e.length) return "";
   if (e.length === 1) {
     const s = e[0];
@@ -1768,99 +1770,99 @@ function lr(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, u = (r.y + i.y) / 2;
-    o += ` Q ${l} ${a} ${c} ${u}`;
+    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;
+    o += ` Q ${l} ${a} ${c} ${d}`;
   }
   const n = e[e.length - 1];
   return o += ` L ${n.x} ${n.y}`, o;
 }
-function ar(e) {
-  const { nodes: t, edges: o, configuration: n } = e, s = E(null), r = E(null), i = `dag-arrow-${ot()}`;
-  function l(a, c, u) {
+function pr(e) {
+  const { nodes: t, edges: o, configuration: n } = e, s = y(null), r = y(null), i = `dag-arrow-${rt()}`;
+  function l(a, c, d) {
     r.value = null, s.value = null;
-    const d = {
-      ...rr,
-      ...u
-    }, g = new Z({ multigraph: !0, compound: !0 });
+    const f = {
+      ...gr,
+      ...d
+    }, g = new q({ multigraph: !0, compound: !0 });
     g.setGraph({
-      rankdir: d.rankDirection,
-      nodesep: d.nodeSeparation,
-      ranksep: d.rankSeparation,
-      edgesep: d.edgeSeparation,
-      align: d.align
-    }), a.forEach((p) => {
-      g.setNode(p.id, {
-        label: p.label,
-        width: p.width ?? d.nodeWidth,
-        height: p.height ?? d.nodeHeight
+      rankdir: f.rankDirection,
+      nodesep: f.nodeSeparation,
+      ranksep: f.rankSeparation,
+      edgesep: f.edgeSeparation,
+      align: f.align
+    }), a.forEach((u) => {
+      g.setNode(u.id, {
+        label: u.label,
+        width: u.width ?? f.nodeWidth,
+        height: u.height ?? f.nodeHeight
       });
-    }), c.forEach((p) => {
-      g.setEdge(p.from, p.to, {
-        weight: p.weight ?? 1,
-        minlen: p.minLength ?? 1
+    }), c.forEach((u) => {
+      g.setEdge(u.from, u.to, {
+        weight: u.weight ?? 1,
+        minlen: u.minLength ?? 1
       });
-    }), Ps(g);
-    const v = a.map((p) => {
-      const z = g.node(p.id);
+    }), Hs(g);
+    const b = a.map((u) => {
+      const I = g.node(u.id);
       return {
-        id: p.id,
-        label: p.label,
-        x: z.x,
-        y: z.y,
-        width: z.width,
-        height: z.height,
-        original: p
+        id: u.id,
+        label: u.label,
+        x: I.x,
+        y: I.y,
+        width: I.width,
+        height: I.height,
+        original: u
       };
-    }), A = g.edges().map((p) => {
-      const z = g.edge(p), U = z.points || [];
-      if (!U.length)
+    }), N = g.edges().map((u) => {
+      const I = g.edge(u), H = I.points || [];
+      if (!H.length)
         return null;
-      const j = d.curvedEdges ? lr(U) : ir(U), _e = d.arrowShape !== "undirected" ? `url(#${i})` : null, X = c.find((te) => te?.from === p.v && te?.to === p.w);
+      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);
       return {
-        id: `${p.v}->${p.w}->${ot()}`,
-        from: p.v,
-        to: p.w,
-        points: U,
-        pathData: j,
-        markerEnd: _e,
+        id: `${u.v}->${u.w}->${rt()}`,
+        from: u.v,
+        to: u.w,
+        points: H,
+        pathData: Ae,
+        markerEnd: Se,
         original: {
-          ...X,
-          ...z
+          ...Le,
+          ...I
         }
       };
-    }).filter(Boolean), N = d.padding;
-    if (!v.length) {
+    }).filter(Boolean), _ = f.padding;
+    if (!b.length) {
       s.value = {
         nodes: [],
-        edges: A,
+        edges: N,
         viewBox: "0 0 0 0",
-        arrowShape: d.arrowShape,
-        arrowSize: d.arrowSize
+        arrowShape: f.arrowShape,
+        arrowSize: f.arrowSize
       };
       return;
     }
-    const M = v.flatMap((p) => [
-      p.x - p.width / 2,
-      p.x + p.width / 2
-    ]), G = v.flatMap((p) => [
-      p.y - p.height / 2,
-      p.y + p.height / 2
-    ]), de = Math.min(...M) - N, ee = Math.max(...M) + N, fe = Math.min(...G) - N, $ = Math.max(...G) + N;
+    const M = b.flatMap((u) => [
+      u.x - u.width / 2,
+      u.x + u.width / 2
+    ]), Y = 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) + _;
     s.value = {
-      nodes: v,
-      edges: A.map((p) => ({
-        ...p,
-        midpoint: p.pathData ? Ko(p.pathData) : { x: 0, y: 0 }
+      nodes: b,
+      edges: N.map((u) => ({
+        ...u,
+        midpoint: u.pathData ? sn(u.pathData) : { x: 0, y: 0 }
       })),
-      viewBox: `${de} ${fe} ${ee - de} ${$ - fe}`,
-      arrowShape: d.arrowShape,
-      arrowSize: d.arrowSize
+      viewBox: `${fe} ${R} ${oe - fe} ${P - R}`,
+      arrowShape: f.arrowShape,
+      arrowSize: f.arrowSize
     };
   }
-  return Yo(() => {
+  return Jo(() => {
     try {
-      const a = b(t) || [], c = b(o) || [], u = b(n) || {};
-      l(a, c, u);
+      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;
     }
@@ -1869,45 +1871,45 @@ function ar(e) {
     lastError: r,
     arrowMarkerIdentifier: i,
     recomputeLayout: () => {
-      const a = b(t) || [], c = b(o) || [], u = b(n) || {};
-      l(a, c, u);
+      const a = v(t) || [], c = v(o) || [], d = v(n) || {};
+      l(a, c, d);
     }
   };
 }
-const mo = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", nodes: { stroke: "#6A6A6A", backgroundColor: "#2A2A2A", labels: { color: "#CCCCCC" }, tooltip: { backgroundColor: "#3A3A3A", color: "#CCCCCC" } }, edges: { stroke: "#6A6A6A" }, midpoints: { stroke: "#6A6A6A", fill: "#1A1A1A", tooltip: { backgroundColor: "#3A3A3A", color: "#CCCCCC" } }, controls: { backgroundColor: "#2A2A2A", buttonColor: "#2A2A2A", color: "#CCCCCC", border: "1px solid #4A4A4A" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } } } } }, go = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", nodes: { stroke: "#5D4037", backgroundColor: "#fcf9f0", labels: { color: "#424242" }, tooltip: { backgroundColor: "#5D4037", color: "#FFF8E1" } }, edges: { stroke: "#5D4037" }, midpoints: { stroke: "#5D4037", fill: "#FFF8E1", tooltip: { backgroundColor: "#5D4037", color: "#FFF8E1" } }, controls: { backgroundColor: "#FFF8E1", buttonColor: "#FFF8E1", color: "#424242", border: "1px solid #d9bbb2" }, title: { color: "#424242", subtitle: { color: "#757575" } } } } }, bo = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", nodes: { stroke: "#965039", backgroundColor: "#2A2A2A", labels: { color: "#BDBDBD" }, tooltip: { backgroundColor: "#3A3A3A", color: "#FFF8E1" } }, edges: { stroke: "#965039" }, midpoints: { stroke: "#965039", fill: "#1E1E1E", tooltip: { backgroundColor: "#3A3A3A", color: "#FFF8E1" } }, controls: { backgroundColor: "#1E1E1E", buttonColor: "#1E1E1E", color: "#BDBDBD", border: "1px solid #3A3A3A" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } } } } }, vo = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", nodes: { stroke: "#66CC66", backgroundColor: "#2A2A2A", labels: { color: "#99AA99" }, tooltip: { backgroundColor: "#3A3A3A", color: "#99AA99" } }, edges: { stroke: "#66CC66" }, midpoints: { stroke: "#66CC66", fill: "#1A1A1A", tooltip: { backgroundColor: "#3A3A3A", color: "#99AA99" } }, controls: { backgroundColor: "#1A1A1A", buttonColor: "#1A1A1A", color: "#99AA99", border: "1px solid #1e361e" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } } } } }, po = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", nodes: { stroke: "#8F837A", backgroundColor: "#ffffff", labels: { color: "#8A9892" }, tooltip: { backgroundColor: "#8F837A", color: "#fbfafa" } }, edges: { stroke: "#8F837A" }, midpoints: { stroke: "#8F837A", fill: "#fbfafa", tooltip: { backgroundColor: "#8F837A", color: "#fbfafa" } }, controls: { backgroundColor: "#fbfafa", buttonColor: "#fbfafa", color: "#99AA99", border: "1px solid #ebded3" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } } } } }, wo = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", layout: { arrowShape: "normal", curvedEdges: !1 }, nodes: { stroke: "#50606C", backgroundColor: "#ffffff", borderRadius: 0, labels: { color: "#50606C" }, tooltip: { backgroundColor: "#50606C", color: "#f6f6fb" } }, edges: { stroke: "#50606C" }, midpoints: { stroke: "#50606C", fill: "#fbfafa", tooltip: { backgroundColor: "#50606C", color: "#f6f6fb" } }, controls: { backgroundColor: "#f6f6fb", buttonColor: "#f6f6fb", color: "#50606C", border: "1px solid #98aab8", borderRadius: "0" }, title: { color: "#50606C", subtitle: { color: "#718890" } } } } }, ko = {
+const ko = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", nodes: { stroke: "#6A6A6A", backgroundColor: "#2A2A2A", labels: { color: "#CCCCCC" }, tooltip: { backgroundColor: "#3A3A3A", color: "#CCCCCC" } }, edges: { stroke: "#6A6A6A" }, midpoints: { stroke: "#6A6A6A", fill: "#1A1A1A", tooltip: { backgroundColor: "#3A3A3A", color: "#CCCCCC" } }, controls: { backgroundColor: "#2A2A2A", buttonColor: "#2A2A2A", color: "#CCCCCC", border: "1px solid #4A4A4A" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } } } } }, Eo = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", nodes: { stroke: "#5D4037", backgroundColor: "#fcf9f0", labels: { color: "#424242" }, tooltip: { backgroundColor: "#5D4037", color: "#FFF8E1" } }, edges: { stroke: "#5D4037" }, midpoints: { stroke: "#5D4037", fill: "#FFF8E1", tooltip: { backgroundColor: "#5D4037", color: "#FFF8E1" } }, controls: { backgroundColor: "#FFF8E1", buttonColor: "#FFF8E1", color: "#424242", border: "1px solid #d9bbb2" }, title: { color: "#424242", subtitle: { color: "#757575" } } } } }, Co = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", nodes: { stroke: "#965039", backgroundColor: "#2A2A2A", labels: { color: "#BDBDBD" }, tooltip: { backgroundColor: "#3A3A3A", color: "#FFF8E1" } }, edges: { stroke: "#965039" }, midpoints: { stroke: "#965039", fill: "#1E1E1E", tooltip: { backgroundColor: "#3A3A3A", color: "#FFF8E1" } }, controls: { backgroundColor: "#1E1E1E", buttonColor: "#1E1E1E", color: "#BDBDBD", border: "1px solid #3A3A3A" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } } } } }, xo = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", nodes: { stroke: "#66CC66", backgroundColor: "#2A2A2A", labels: { color: "#99AA99" }, tooltip: { backgroundColor: "#3A3A3A", color: "#99AA99" } }, edges: { stroke: "#66CC66" }, midpoints: { stroke: "#66CC66", fill: "#1A1A1A", tooltip: { backgroundColor: "#3A3A3A", color: "#99AA99" } }, controls: { backgroundColor: "#1A1A1A", buttonColor: "#1A1A1A", color: "#99AA99", border: "1px solid #1e361e" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } } } } }, _o = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", nodes: { stroke: "#8F837A", backgroundColor: "#ffffff", labels: { color: "#8A9892" }, tooltip: { backgroundColor: "#8F837A", color: "#fbfafa" } }, edges: { stroke: "#8F837A" }, midpoints: { stroke: "#8F837A", fill: "#fbfafa", tooltip: { backgroundColor: "#8F837A", color: "#fbfafa" } }, controls: { backgroundColor: "#fbfafa", buttonColor: "#fbfafa", color: "#99AA99", border: "1px solid #ebded3" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } } } } }, No = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", layout: { arrowShape: "normal", curvedEdges: !1 }, nodes: { stroke: "#50606C", backgroundColor: "#ffffff", borderRadius: 0, labels: { color: "#50606C" }, tooltip: { backgroundColor: "#50606C", color: "#f6f6fb" } }, edges: { stroke: "#50606C" }, midpoints: { stroke: "#50606C", fill: "#fbfafa", tooltip: { backgroundColor: "#50606C", color: "#f6f6fb" } }, controls: { backgroundColor: "#f6f6fb", buttonColor: "#f6f6fb", color: "#50606C", border: "1px solid #98aab8", borderRadius: "0" }, title: { color: "#50606C", subtitle: { color: "#718890" } } } } }, Ao = {
   default: {},
-  dark: mo,
-  celebration: go,
-  celebrationNight: bo,
-  hack: vo,
-  zen: po,
-  concrete: wo
-}, qr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  dark: ko,
+  celebration: Eo,
+  celebrationNight: Co,
+  hack: xo,
+  zen: _o,
+  concrete: No
+}, ai = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  celebration: go,
-  celebrationNight: bo,
-  concrete: wo,
-  dark: mo,
-  default: ko,
-  hack: vo,
-  zen: po
+  celebration: Eo,
+  celebrationNight: Co,
+  concrete: No,
+  dark: ko,
+  default: Ao,
+  hack: xo,
+  zen: _o
 }, Symbol.toStringTag, { value: "Module" }));
-function cr(e, t) {
-  const o = ye(e);
-  return Jo(o, t);
+function wr(e, t) {
+  const o = Ce(e);
+  return rn(o, t);
 }
-function Kr(e, t) {
-  const o = ye(e);
-  return Qo(o, t);
+function ci(e, t) {
+  const o = Ce(e);
+  return ln(o, t);
 }
-function Jr(e, t) {
-  const o = ye(e);
-  return en(o, t);
+function ui(e, t) {
+  const o = Ce(e);
+  return an(o, t);
 }
-function Qr({ defaultConfig: e, userConfig: t }) {
-  return Kt({ defaultConfig: e, userConfig: t });
+function di({ defaultConfig: e, userConfig: t }) {
+  return so({ defaultConfig: e, userConfig: t });
 }
-const ur = {
+const yr = {
   __name: "BaseZoomControls",
   props: {
     config: {
@@ -1932,57 +1934,57 @@ const ur = {
   emits: ["zoomIn", "zoomOut", "resetZoom", "switchDirection"],
   setup(e, { emit: t }) {
     const o = t;
-    return (n, s) => (k(), _("div", {
-      class: tt({ "vue-data-ui-zoom-controls": !0, "vue-data-ui-zoom-controls-fullscreen": e.isFullscreen }),
+    return (n, s) => (k(), x("div", {
+      class: st({ "vue-data-ui-zoom-controls": !0, "vue-data-ui-zoom-controls-fullscreen": e.isFullscreen }),
       "data-dom-to-png-ignore": "",
-      style: H({
+      style: X({
         border: e.config.style.chart.controls.border,
         backgroundColor: e.config.style.chart.controls.backgroundColor,
         padding: e.config.style.chart.controls.padding,
         borderRadius: e.config.style.chart.controls.borderRadius,
         "--vue-data-ui-zoom-control-button-color": e.config.style.chart.controls.buttonColor,
-        "--vue-data-ui-zoom-control-button-color-hover": b(cr)(e.config.style.chart.controls.buttonColor, 0.2)
+        "--vue-data-ui-zoom-control-button-color-hover": v(wr)(e.config.style.chart.controls.buttonColor, 0.2)
       })
     }, [
-      B("button", {
+      G("button", {
         onClick: s[0] || (s[0] = (r) => o("zoomOut")),
         class: "vue-data-ui-zoom-controls-button",
         "data-cy-zoom-out": ""
       }, [
-        le(Ue, {
+        ae(Ke, {
           name: "zoomMinus",
           stroke: e.config.style.chart.controls.color,
           size: e.config.style.chart.controls.fontSize * 1.2
         }, null, 8, ["stroke", "size"])
       ]),
-      B("button", {
+      G("button", {
         class: "vue-data-ui-zoom-controls-button-zoom",
         onClick: s[1] || (s[1] = (r) => o("resetZoom")),
         "data-cy-zoom-reset": "",
-        style: H({
+        style: X({
           color: e.config.style.chart.controls.color,
           width: e.config.style.chart.controls.fontSize * 4 + "px",
           borderRadius: e.config.style.chart.controls.borderRadius,
           fontSize: e.config.style.chart.controls.fontSize + "px"
         })
-      }, ie(Math.round(e.scale * 100)) + "% ", 5),
-      B("button", {
+      }, le(Math.round(e.scale * 100)) + "% ", 5),
+      G("button", {
         onClick: s[2] || (s[2] = (r) => o("zoomIn")),
         class: "vue-data-ui-zoom-controls-button",
         "data-cy-zoom-in": ""
       }, [
-        le(Ue, {
+        ae(Ke, {
           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(), _("button", {
+      e.withDirection ? (k(), x("button", {
         key: 0,
         onClick: s[3] || (s[3] = (r) => o("switchDirection")),
         class: "vue-data-ui-zoom-controls-button"
       }, [
-        le(Ue, {
+        ae(Ke, {
           name: "direction",
           stroke: e.config.style.chart.controls.color,
           size: e.config.style.chart.controls.fontSize * 1.2
@@ -1990,13 +1992,13 @@ const ur = {
       ])) : L("", !0)
     ], 6));
   }
-}, Xt = /* @__PURE__ */ Jt(ur, [["__scopeId", "data-v-e4479474"]]), dr = ["id"], fr = {
+}, oo = /* @__PURE__ */ ro(yr, [["__scopeId", "data-v-e4479474"]]), kr = ["id"], Er = {
   key: 0,
   class: "dag-chart-error"
-}, hr = ["viewBox", "xmlns"], mr = { key: 0 }, gr = ["id", "markerWidth", "markerHeight", "refX", "refY"], br = ["d", "fill", "stroke"], vr = ["d", "fill", "stroke"], pr = { class: "vue-ui-dag-edges" }, wr = ["d", "stroke", "stroke-width"], kr = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onMouseenter"], yr = { class: "vue-ui-dag-nodes" }, Er = ["onClick", "onMouseenter"], Cr = ["x", "y", "width", "height", "rx", "fill", "stroke", "stroke-width"], xr = ["x", "y", "font-size", "fill", "font-weight"], _r = ["x", "y", "font-size", "fill", "font-weight", "innerHTML"], Nr = ["x", "y", "width", "height"], Ar = { class: "vue-ui-dag-edges" }, Sr = ["d", "stroke-width", "marker-end"], Lr = {
+}, 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 = {
   key: 6,
   class: "vue-data-ui-watermark"
-}, Or = ["data-position"], Rr = { key: 0 }, Tr = ["data-position"], Mr = { key: 0 }, qt = 1.5, $r = {
+}, Vr = ["data-position"], Ir = { key: 0 }, Gr = ["data-position"], jr = { key: 0 }, no = 1.5, Wr = {
   __name: "vue-ui-dag",
   props: {
     dataset: {
@@ -2017,10 +2019,10 @@ const ur = {
   },
   emits: ["onNodeClick", "onMidpointEnter", "onMidpointLeave"],
   setup(e, { expose: t, emit: o }) {
-    const n = Ye(() => import("./PenAndPaper-DscVdZ1u.js")), s = Ye(() => import("./UserOptions-ChRXLqps.js")), r = Ye(() => import("./PackageVersion-B9RA2_BM.js")), { vue_ui_dag: i } = rn(), { isThemeValid: l, warnInvalidTheme: a } = dn(), c = e, u = o, d = E(null), g = E(ot()), v = E(null), A = E(null), N = E(null), M = E(0), G = E(0), de = E(!1), ee = E(!1), fe = E({ x: 0, y: 0 }), $ = E(null), p = E(null), z = E({ left: "0px", top: "0px" }), U = E("top"), j = E(!1), Pe = E({ x: 0, y: 0 }), _e = E({ x: 0, y: 0 }), X = E(null), te = E(null), Fe = E({ left: "0px", top: "0px" }), lt = E("top"), Ne = E(!1), he = E(!1), m = E(Be()), { svgRef: q } = hn({ config: m.value.style.chart.title }), { userOptionsVisible: ze, setUserOptionsVisibility: at, keepUserOptionState: ct } = fn({ config: m.value }), Ae = E(m.value.style.chart.layout.rankDirection), { loading: me, FINAL_DATASET: ut, manualLoading: dt } = ln({
-      ...Ho(c),
-      FINAL_CONFIG: m,
-      prepareConfig: Be,
+    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({
+      ...Qo(c),
+      FINAL_CONFIG: u,
+      prepareConfig: je,
       skeletonDataset: {
         nodes: [
           { id: "A", label: "" },
@@ -2032,8 +2034,8 @@ const ur = {
           { from: "A", to: "C" }
         ]
       },
-      skeletonConfig: Kt({
-        defaultConfig: m.value,
+      skeletonConfig: so({
+        defaultConfig: u.value,
         userConfig: {
           userOptions: { show: !1 },
           style: {
@@ -2055,673 +2057,714 @@ const ur = {
         }
       })
     });
-    function Be() {
-      const h = Ze({
+    function je() {
+      const m = qe({
         userConfig: c.config,
         defaultConfig: i
-      }), w = h.theme;
-      if (!w) return h;
-      if (!l.value(h))
-        return a(h), h;
-      const f = Ze({
-        userConfig: ko[w] || c.config,
-        defaultConfig: h
+      }), p = m.theme;
+      if (!p) return m;
+      if (!l.value(m))
+        return a(m), m;
+      const h = qe({
+        userConfig: Ao[p] || c.config,
+        defaultConfig: m
       });
-      return Ze({
+      return qe({
         userConfig: c.config,
-        defaultConfig: f
+        defaultConfig: h
       });
     }
-    const ft = W(() => !!m.value.debug);
-    Rt(() => {
-      tn(c.dataset) && (Pt({
+    const bt = W(() => !!u.value.debug);
+    zt(() => {
+      cn(c.dataset) && (jt({
         componentName: "VueUiDag",
         type: "dataset",
-        debug: ft.value
-      }), ee.value = !1, dt.value = !0), c.dataset.nodes || (Pt({
+        debug: bt.value
+      }), oe.value = !1, vt.value = !0), c.dataset.nodes || (jt({
         componentName: "VueUiDag",
         type: "datasetAttributeEmpty",
         property: "nodes",
         index: 0,
-        debug: ft.value
-      }), ee.value = !1, dt.value = !0), ee.value = !0;
-    }), He(() => c.config, (h) => {
-      me.value || (m.value = Be()), ze.value = !m.value.userOptions.showOnChartHover, M.value += 1, Ae.value = m.value.style.chart.layout.rankDirection, oe.value = m.value.style.chart.zoom.active;
+        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();
     }, { deep: !0 });
-    const { isPrinting: ht, isImaging: mt, generatePdf: gt, generateImage: bt } = cn({
+    const { isPrinting: pt, isImaging: wt, generatePdf: yt, generateImage: kt } = pn({
       elementId: `dag_${g.value}`,
-      fileName: m.value.style.chart.title.text || "vue-ui-dag",
-      options: m.value.userOptions.print
-    }), yo = W(() => m.value.style.chart.backgroundColor), Eo = W(() => m.value.style.chart.title), { exportSvg: Co, getSvg: xo } = un({
-      svg: q,
-      title: Eo,
+      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({
+      svg: J,
+      title: Lo,
       legend: void 0,
       legendItems: void 0,
-      backgroundColor: yo
+      backgroundColor: So
     });
-    async function vt({ isCb: h }) {
-      if (h) {
-        const { blob: w, url: f, text: y, dataUrl: T } = await xo();
-        m.value.userOptions.callbacks.svg({ blob: w, url: f, text: y, dataUrl: T });
+    async function Et({ isCb: m }) {
+      if (m) {
+        const { blob: p, url: h, text: w, dataUrl: O } = await Ro();
+        u.value.userOptions.callbacks.svg({ blob: p, url: h, text: w, dataUrl: O });
       } else
-        Co();
+        Oo();
     }
-    function _o() {
-      de.value = !0, at(!0);
+    function To() {
+      fe.value = !0, ht(!0);
     }
-    function No() {
-      at(!1), de.value = !1;
+    function Mo() {
+      ht(!1), fe.value = !1;
     }
-    function pt({
-      tooltipRef: h,
-      isVisibleRef: w,
-      anchorRef: f,
-      styleRef: y,
-      placementRef: T,
-      offsetRef: ne,
-      margin: x = 24
+    function Ct({
+      tooltipRef: m,
+      isVisibleRef: p,
+      anchorRef: h,
+      styleRef: w,
+      placementRef: O,
+      offsetRef: $,
+      margin: C = 24
     }) {
       return function() {
-        const Le = h.value;
-        if (!Le || !w.value) return;
-        const O = Le.getBoundingClientRect(), J = window.innerWidth, be = window.innerHeight, ve = f.value.x, Oe = f.value.y, Re = ne?.value?.x ?? 0, Ot = ne?.value?.y ?? 0;
-        let D = Oe - Ot - O.height - x, I = ve - O.width / 2, pe = "top";
-        if (D < x) {
-          const se = Oe + Ot + x;
-          se + O.height <= be - x ? (D = se, pe = "bottom") : (D = Oe - O.height / 2, D < x && (D = x), D + O.height > be - x && (D = be - O.height - x), pe = "center");
+        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";
+        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");
         }
-        I < x && (I = x), I + O.width > J - x && (I = J - O.width - x);
-        const Go = I <= x, Io = I + O.width >= J - x;
-        if ((Go || Io) && pe !== "center") {
-          let se, we;
-          const Wo = ve - Re - x;
-          J - (ve + Re) - x >= Wo ? (se = "right", we = ve + Re + x) : (se = "left", we = ve - Re - x - O.width), we >= x && we + O.width <= J - x && (I = we, D = Oe - O.height / 2, D < x && (D = x), D + O.height > be - x && (D = be - O.height - x), pe = se);
+        Z < C && (Z = C), Z + S.width > D - C && (Z = D - S.width - C);
+        const Xo = Z <= C, qo = Z + S.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);
         }
-        T.value = pe, y.value = {
-          left: `${I}px`,
-          top: `${D}px`
+        O.value = ye, w.value = {
+          left: `${Z}px`,
+          top: `${F}px`
         };
       };
     }
-    const Ao = W(() => ut.value.nodes.map((h) => ({
-      ...h,
-      backgroundColor: h.backgroundColor ? ye(h.backgroundColor) : m.value.style.chart.nodes.backgroundColor,
-      color: h.color ? ye(h.color) : m.value.style.chart.nodes.labels.color
-    }))), So = W(() => ut.value.edges), Lo = W(() => ({
-      ...m.value.style.chart.layout,
-      rankDirection: Ae.value
-    })), { layoutData: C, lastError: wt, arrowMarkerIdentifier: Oo } = ar({
-      nodes: Ao,
-      edges: So,
-      configuration: Lo
+    const $o = W(() => gt.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(() => ({
+      ...u.value.style.chart.layout,
+      rankDirection: Re.value
+    })), { layoutData: E, lastError: xt, arrowMarkerIdentifier: Po } = pr({
+      nodes: $o,
+      edges: Do,
+      configuration: Fo
     });
-    function kt(h) {
-      return C.value ? C.value.nodes.find((w) => w.id === h) : null;
+    function _t(m) {
+      return E.value ? E.value.nodes.find((p) => p.id === m) : null;
     }
-    const Ro = W(() => {
-      if (!C.value) return [];
-      const h = m.value.style.chart.edges.stroke, w = /* @__PURE__ */ new Set();
-      return C.value.edges.forEach((f) => {
-        w.add(f.original?.color || h);
-      }), Array.from(w);
+    const zo = W(() => {
+      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 yt(h) {
-      return `${Oo}-${String(h).replace(/[^a-zA-Z0-9_-]/g, "_")}`;
+    function Nt(m) {
+      return `${Po}-${String(m).replace(/[^a-zA-Z0-9_-]/g, "_")}`;
     }
-    const ge = E(null), oe = E(m.value.style.chart.zoom.active), {
-      viewBox: Et,
-      resetZoom: Se,
-      setInitialViewBox: To,
-      scale: Ct,
-      zoomByFactor: xt
-    } = sn(
-      q,
+    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;
+      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,
+      setInitialViewBox: Bo,
+      scale: Lt,
+      zoomByFactor: Ot
+    } = mn(
+      J,
       { x: 0, y: 0, width: 100, height: 100 },
       1,
-      oe,
+      ne,
       () => {
-        j.value = !1;
+        K.value = !1;
       }
     );
-    function Mo() {
-      oe.value = !oe.value;
+    function Vo() {
+      ne.value = !ne.value;
     }
-    He(
-      () => C.value && C.value.viewBox,
-      (h) => {
-        if (!h) return;
-        const [w, f, y, T] = h.split(" ").map(Number);
-        Number.isFinite(w) && Number.isFinite(f) && Number.isFinite(y) && Number.isFinite(T) && To(
-          { x: w, y: f, width: y, height: T },
-          { overwriteCurrentIfNotZoomed: !0 }
-        );
+    function Rt() {
+      const m = E.value && E.value.viewBox;
+      if (!m) return;
+      const p = String(m).split(" ").map(Number);
+      if (p.length !== 4) return;
+      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 },
+        { overwriteCurrentIfNotZoomed: !0 }
+      );
+    }
+    De(
+      () => E.value && E.value.viewBox,
+      () => {
+        Rt();
       },
-      {
-        immediate: !0
+      { immediate: !0 }
+    ), De(
+      () => At.value,
+      () => {
+        Rt();
       }
-    ), He(() => he.value, (h) => {
-      oe.value = !h;
+    ), De(() => ge.value, (m) => {
+      ne.value = !m;
     });
-    const $o = W(() => {
-      const h = Et.value;
-      return h ? `${h.x} ${h.y} ${h.width} ${h.height}` : "0 0 0 0";
-    }), K = E(!1);
-    function _t(h) {
-      K.value = h, G.value += 1;
+    const Io = W(() => {
+      const m = St.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 Ve() {
-      he.value = !he.value;
+    function We() {
+      ge.value = !ge.value;
     }
-    function je() {
-      xt(qt, !0);
+    function Ye() {
+      Ot(no, !0);
     }
-    function Ge() {
-      xt(1 / qt, !0);
+    function He() {
+      Ot(1 / no, !0);
     }
-    const Ie = ["TB", "RL", "BT", "LR"];
-    function We() {
-      Ae.value = Ie[(Ie.indexOf(Ae.value) + 1) % Ie.length], Se();
+    const Ze = ["TB", "RL", "BT", "LR"];
+    function Ue() {
+      Re.value = Ze[(Ze.indexOf(Re.value) + 1) % Ze.length], Te();
     }
-    const Do = pt({
-      tooltipRef: p,
-      isVisibleRef: Ne,
-      anchorRef: fe,
-      styleRef: z,
-      placementRef: U
-    }), Po = pt({
-      tooltipRef: te,
-      isVisibleRef: j,
-      anchorRef: Pe,
-      styleRef: Fe,
-      placementRef: lt,
-      offsetRef: _e
+    const Go = Ct({
+      tooltipRef: Se,
+      isVisibleRef: Oe,
+      anchorRef: Ae,
+      styleRef: Le,
+      placementRef: he
+    }), jo = Ct({
+      tooltipRef: Ve,
+      isVisibleRef: K,
+      anchorRef: ut,
+      styleRef: Ie,
+      placementRef: ft,
+      offsetRef: dt
     });
-    async function Fo(h) {
-      u("onMidpointEnter", h);
-      const w = q.value;
-      if (!w || !h?.midpoint) return;
-      const f = w.createSVGPoint();
-      f.x = h.midpoint.x, f.y = h.midpoint.y;
-      const y = w.getScreenCTM();
-      if (!y) return;
-      const T = f.matrixTransform(y);
-      fe.value = {
-        x: T.x,
-        y: T.y
-      }, $.value = h, Ne.value = !0, await Dt(), Do();
+    async function Wo(m) {
+      d("onMidpointEnter", m);
+      const p = J.value;
+      if (!p || !m?.midpoint) return;
+      const h = p.createSVGPoint();
+      h.x = m.midpoint.x, h.y = m.midpoint.y;
+      const w = p.getScreenCTM();
+      if (!w) return;
+      const O = h.matrixTransform(w);
+      Ae.value = {
+        x: O.x,
+        y: O.y
+      }, z.value = m, Oe.value = !0, await Gt(), Go();
     }
-    function zo() {
-      Ne.value = !1, $.value = null, u("onMidpointLeave");
+    function Yo() {
+      Oe.value = !1, z.value = null, d("onMidpointLeave");
     }
-    async function Bo(h) {
-      if (u("onNodeClick", h), !m.value.style.chart.nodes.tooltip.showOnClick) return;
-      const w = q.value;
+    async function Ho(m) {
+      if (d("onNodeClick", m), !u.value.style.chart.nodes.tooltip.showOnClick) return;
+      const p = J.value;
+      if (!p) return;
+      const h = p.createSVGPoint();
+      h.x = m.x, h.y = m.y;
+      const w = p.getScreenCTM();
       if (!w) return;
-      const f = w.createSVGPoint();
-      f.x = h.x, f.y = h.y;
-      const y = w.getScreenCTM();
-      if (!y) return;
-      const T = f.matrixTransform(y), ne = m.value.style.chart.layout.nodeWidth, x = m.value.style.chart.layout.nodeHeight, Lt = y.a, Le = y.d, O = ne * Lt, J = x * Le;
-      _e.value = {
-        x: O / 2,
-        y: J / 2
-      }, Pe.value = {
-        x: T.x,
-        y: T.y
-      }, X.value = h, j.value = !0, await Dt(), Po();
+      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,
+        y: D / 2
+      }, ut.value = {
+        x: O.x,
+        y: O.y
+      }, me.value = m, K.value = !0, await Gt(), jo();
     }
-    function Nt() {
-      j.value = !1, X.value = null;
+    function Mt() {
+      K.value = !1, me.value = null;
     }
-    function At(h) {
-      if (!j.value) return;
-      const w = te.value;
-      if (w && w.contains(h.target))
+    function $t(m) {
+      if (!K.value) return;
+      const p = Ve.value;
+      if (p && p.contains(m.target))
         return;
-      const f = q.value;
-      f && f.contains(h.target) && h.target.closest(".vue-ui-dag-node") || Nt();
+      const h = J.value;
+      h && h.contains(m.target) && m.target.closest(".vue-ui-dag-node") || Mt();
     }
-    function St(h) {
-      h.key === "Escape" && j.value && Nt();
+    function Dt(m) {
+      m.key === "Escape" && K.value && Mt();
     }
-    Rt(() => {
-      document.addEventListener("mousedown", At), document.addEventListener("keydown", St);
-    }), Zo(() => {
-      document.removeEventListener("mousedown", At), document.removeEventListener("keydown", St);
+    zt(() => {
+      document.addEventListener("mousedown", $t), document.addEventListener("keydown", Dt);
+    }), en(() => {
+      document.removeEventListener("mousedown", $t), document.removeEventListener("keydown", Dt), R.value && (P.value && R.value.unobserve(P.value), R.value.disconnect());
     });
-    async function Vo({ scale: h = 2 } = {}) {
-      if (!d.value) return;
-      const { width: w, height: f } = d.value.getBoundingClientRect(), y = w / f, { imageUri: T, base64: ne } = await img({ domElement: d.value, base64: !0, img: !0, scale: h });
+    function Ft() {
+      if (!u.value.responsive) {
+        R.value && (P.value && R.value.unobserve(P.value), R.value.disconnect(), R.value = null, P.value = null);
+        return;
+      }
+      const m = fn(() => {
+        if (!f.value) return;
+        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,
+          source: N.value
+        });
+        requestAnimationFrame(() => {
+          I.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();
+    }
+    async function Zo({ scale: m = 2 } = {}) {
+      if (!f.value) return;
+      const { width: p, height: h } = f.value.getBoundingClientRect(), w = p / h, { imageUri: O, base64: $ } = await xn({ domElement: f.value, base64: !0, img: !0, scale: m });
       return {
-        imageUri: T,
-        base64: ne,
-        title: m.value.style.chart.title.text ?? "vue-ui-dag",
-        width: w,
-        height: f,
-        aspectRatio: y
+        imageUri: O,
+        base64: $,
+        title: u.value.style.chart.title.text ?? "vue-ui-dag",
+        width: p,
+        height: h,
+        aspectRatio: w
       };
     }
-    function jo() {
-      return C.value;
+    function Uo() {
+      return E.value;
     }
     return t({
-      getData: jo,
-      getImage: Vo,
-      generatePdf: gt,
-      generateSvg: vt,
-      generateImage: bt,
-      toggleAnnotator: Ve,
-      toggleFullscreen: _t,
-      zoomIn: je,
-      zoomOut: Ge,
-      resetZoom: Se,
-      switchDirection: We
-    }), (h, w) => (k(), _("div", {
-      class: tt(`vue-data-ui-component vue-ui-dag ${K.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      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" : ""}`),
       id: `dag_${g.value}`,
       ref_key: "dagChart",
-      ref: d,
-      style: H({
-        fontFamily: m.value.style.fontFamily,
-        backgroundColor: m.value.style.chart.backgroundColor,
+      ref: f,
+      style: X({
+        fontFamily: u.value.style.fontFamily,
+        backgroundColor: u.value.style.chart.backgroundColor,
         padding: "0.5rem"
       }),
-      onMouseenter: _o,
-      onMouseleave: No
+      onMouseenter: To,
+      onMouseleave: Mo
     }, [
-      b(wt) ? (k(), _("div", fr, ie(String(b(wt))), 1)) : L("", !0),
-      m.value.userOptions.buttons.annotator ? (k(), Y(b(n), {
+      v(xt) ? (k(), x("div", Er, le(String(v(xt))), 1)) : L("", !0),
+      u.value.userOptions.buttons.annotator ? (k(), U(v(n), {
         key: 1,
-        svgRef: b(q),
-        backgroundColor: m.value.style.chart.backgroundColor,
-        color: m.value.style.chart.color,
-        active: he.value,
-        onClose: Ve
+        svgRef: v(J),
+        backgroundColor: u.value.style.chart.backgroundColor,
+        color: u.value.style.chart.color,
+        active: ge.value,
+        onClose: We
       }, {
-        "annotator-action-close": R(() => [
-          S(h.$slots, "annotator-action-close", {}, void 0, !0)
+        "annotator-action-close": T(() => [
+          A(m.$slots, "annotator-action-close", {}, void 0, !0)
         ]),
-        "annotator-action-color": R(({ color: f }) => [
-          S(h.$slots, "annotator-action-color", P(F({ color: f })), void 0, !0)
+        "annotator-action-color": T(({ color: h }) => [
+          A(m.$slots, "annotator-action-color", B(V({ color: h })), void 0, !0)
         ]),
-        "annotator-action-draw": R(({ mode: f }) => [
-          S(h.$slots, "annotator-action-draw", P(F({ mode: f })), void 0, !0)
+        "annotator-action-draw": T(({ mode: h }) => [
+          A(m.$slots, "annotator-action-draw", B(V({ mode: h })), void 0, !0)
         ]),
-        "annotator-action-undo": R(({ disabled: f }) => [
-          S(h.$slots, "annotator-action-undo", P(F({ disabled: f })), void 0, !0)
+        "annotator-action-undo": T(({ disabled: h }) => [
+          A(m.$slots, "annotator-action-undo", B(V({ disabled: h })), void 0, !0)
         ]),
-        "annotator-action-redo": R(({ disabled: f }) => [
-          S(h.$slots, "annotator-action-redo", P(F({ disabled: f })), void 0, !0)
+        "annotator-action-redo": T(({ disabled: h }) => [
+          A(m.$slots, "annotator-action-redo", B(V({ disabled: h })), void 0, !0)
         ]),
-        "annotator-action-delete": R(({ disabled: f }) => [
-          S(h.$slots, "annotator-action-delete", P(F({ disabled: f })), void 0, !0)
+        "annotator-action-delete": T(({ disabled: h }) => [
+          A(m.$slots, "annotator-action-delete", B(V({ disabled: h })), void 0, !0)
         ]),
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active"])) : L("", !0),
-      m.value.userOptions.show && ee.value && (b(ct) || b(ze)) ? (k(), Y(b(s), {
-        ref_key: "userOptionsRef",
-        ref: N,
-        key: `user_option_${G.value}`,
-        backgroundColor: m.value.style.chart.backgroundColor,
-        color: m.value.style.chart.color,
-        isPrinting: b(ht),
-        isImaging: b(mt),
+      u.value.userOptions.show && oe.value && (v(mt) || v(Ge)) ? (k(), U(v(s), {
+        ref: "userOptionsRef",
+        key: `user_option_${Y.value}`,
+        backgroundColor: u.value.style.chart.backgroundColor,
+        color: u.value.style.chart.color,
+        isPrinting: v(pt),
+        isImaging: v(wt),
         uid: g.value,
         hasTooltip: !1,
         hasTable: !1,
         hasXls: !1,
         hasLabel: !1,
-        hasPdf: m.value.userOptions.buttons.pdf,
-        hasImg: m.value.userOptions.buttons.img,
-        hasSvg: m.value.userOptions.buttons.svg,
-        hasFullscreen: m.value.userOptions.buttons.fullscreen,
-        isFullscreen: K.value,
-        chartElement: d.value,
-        position: m.value.userOptions.position,
-        titles: { ...m.value.userOptions.buttonTitles },
-        hasAnnotator: m.value.userOptions.buttons.annotator,
-        isAnnotation: he.value,
-        callbacks: m.value.userOptions.callbacks,
-        printScale: m.value.userOptions.print.scale,
-        hasZoom: m.value.userOptions.buttons.zoom,
-        isZoom: oe.value,
-        onToggleFullscreen: _t,
-        onGeneratePdf: b(gt),
-        onGenerateImage: b(bt),
-        onGenerateSvg: vt,
-        onToggleAnnotator: Ve,
-        onToggleZoom: Mo,
-        style: H({
-          visibility: b(ct) ? b(ze) ? "visible" : "hidden" : "visible"
+        hasPdf: u.value.userOptions.buttons.pdf,
+        hasImg: u.value.userOptions.buttons.img,
+        hasSvg: u.value.userOptions.buttons.svg,
+        hasFullscreen: u.value.userOptions.buttons.fullscreen,
+        isFullscreen: Q.value,
+        chartElement: f.value,
+        position: u.value.userOptions.position,
+        titles: { ...u.value.userOptions.buttonTitles },
+        hasAnnotator: u.value.userOptions.buttons.annotator,
+        isAnnotation: ge.value,
+        callbacks: u.value.userOptions.callbacks,
+        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,
+        onToggleZoom: Vo,
+        style: X({
+          visibility: v(mt) ? v(Ge) ? "visible" : "hidden" : "visible"
         })
-      }, Uo({ _: 2 }, [
-        h.$slots.menuIcon ? {
+      }, tn({ _: 2 }, [
+        m.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: R(({ isOpen: f, color: y }) => [
-            S(h.$slots, "menuIcon", P(F({ isOpen: f, color: y })), void 0, !0)
+          fn: T(({ isOpen: h, color: w }) => [
+            A(m.$slots, "menuIcon", B(V({ isOpen: h, color: w })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
-        h.$slots.optionPdf ? {
+        m.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: R(() => [
-            S(h.$slots, "optionPdf", {}, void 0, !0)
+          fn: T(() => [
+            A(m.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
-        h.$slots.optionImg ? {
+        m.$slots.optionImg ? {
           name: "optionImg",
-          fn: R(() => [
-            S(h.$slots, "optionImg", {}, void 0, !0)
+          fn: T(() => [
+            A(m.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
-        h.$slots.optionSvg ? {
+        m.$slots.optionSvg ? {
           name: "optionSvg",
-          fn: R(() => [
-            S(h.$slots, "optionSvg", {}, void 0, !0)
+          fn: T(() => [
+            A(m.$slots, "optionSvg", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
-        h.$slots.optionFullscreen ? {
+        m.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: R(({ toggleFullscreen: f, isFullscreen: y }) => [
-            S(h.$slots, "optionFullscreen", P(F({ toggleFullscreen: f, isFullscreen: y })), void 0, !0)
+          fn: T(({ toggleFullscreen: h, isFullscreen: w }) => [
+            A(m.$slots, "optionFullscreen", B(V({ toggleFullscreen: h, isFullscreen: w })), void 0, !0)
           ]),
           key: "4"
         } : void 0,
-        h.$slots.optionAnnotator ? {
+        m.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: R(({ toggleAnnotator: f, isAnnotator: y }) => [
-            S(h.$slots, "optionAnnotator", P(F({ toggleAnnotator: f, isAnnotator: y })), void 0, !0)
+          fn: T(({ toggleAnnotator: h, isAnnotator: w }) => [
+            A(m.$slots, "optionAnnotator", B(V({ toggleAnnotator: h, isAnnotator: w })), void 0, !0)
           ]),
           key: "5"
         } : void 0,
-        h.$slots.optionZoom ? {
+        m.$slots.optionZoom ? {
           name: "optionZoom",
-          fn: R(({ toggleZoom: f, isZoomLocked: y }) => [
-            S(h.$slots, "optionZoom", P(F({ toggleZoom: f, isZoomLocked: y })), void 0, !0)
+          fn: T(({ 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),
-      m.value.style.chart.title.text ? (k(), _("div", {
+      u.value.style.chart.title.text ? (k(), x("div", {
         key: 3,
         ref_key: "chartTitle",
-        ref: v,
+        ref: b,
         style: "width:100%;background:transparent;"
       }, [
-        (k(), Y(mn, {
+        (k(), U(Cn, {
           key: `title_${M.value}`,
           config: {
             title: {
               cy: "dag-title",
-              ...m.value.style.chart.title
+              ...u.value.style.chart.title
             },
             subtitle: {
               cy: "dag-subtitle",
-              ...m.value.style.chart.title.subtitle
+              ...u.value.style.chart.title.subtitle
             }
           }
         }, null, 8, ["config"]))
       ], 512)) : L("", !0),
-      m.value.style.chart.controls.position === "top" && !b(me) && m.value.style.chart.controls.show ? (k(), Y(Xt, {
+      u.value.style.chart.controls.position === "top" && !v(ve) && u.value.style.chart.controls.show ? (k(), U(oo, {
         key: 4,
-        config: m.value,
-        scale: b(Ct),
-        isFullscreen: K.value,
+        ref_key: "zoomControls",
+        ref: _,
+        config: u.value,
+        scale: v(Lt),
+        isFullscreen: Q.value,
         withDirection: "",
-        onZoomIn: je,
-        onZoomOut: Ge,
-        onResetZoom: w[0] || (w[0] = () => b(Se)(!0)),
-        onSwitchDirection: We
+        onZoomIn: Ye,
+        onZoomOut: He,
+        onResetZoom: p[0] || (p[0] = () => v(Te)(!0)),
+        onSwitchDirection: Ue
       }, null, 8, ["config", "scale", "isFullscreen"])) : L("", !0),
-      b(C) ? (k(), _("svg", {
+      v(E) ? (k(), x("svg", {
         key: 5,
         ref_key: "svgRef",
-        ref: q,
-        class: tt({ "vue-ui-dag-svg": !0, "vue-data-ui-loading": b(me) }),
-        viewBox: $o.value,
-        xmlns: b(on),
-        style: H({
-          backgroundColor: m.value.style.chart.backgroundColor,
+        ref: J,
+        class: st({ "vue-ui-dag-svg": !0, "vue-data-ui-loading": v(ve) }),
+        viewBox: Io.value,
+        xmlns: v(un),
+        style: X({
+          backgroundColor: u.value.style.chart.backgroundColor,
           height: "100%",
           width: "100%"
         })
       }, [
-        le(b(r)),
-        b(C).arrowShape !== "undirected" ? (k(), _("defs", mr, [
-          (k(!0), _(re, null, Te(Ro.value, (f) => (k(), _("marker", {
-            key: f,
-            id: yt(f),
-            markerWidth: b(C).arrowSize,
-            markerHeight: b(C).arrowSize,
-            refX: b(C).arrowSize - 1,
-            refY: b(C).arrowSize / 2,
+        ae(v(r)),
+        v(E).arrowShape !== "undirected" ? (k(), x("defs", xr, [
+          (k(!0), x(ie, null, Fe(zo.value, (h) => (k(), x("marker", {
+            key: h,
+            id: Nt(h),
+            markerWidth: v(E).arrowSize,
+            markerHeight: v(E).arrowSize,
+            refX: v(E).arrowSize - 1,
+            refY: v(E).arrowSize / 2,
             orient: "auto",
             markerUnits: "strokeWidth"
           }, [
-            b(C).arrowShape === "normal" ? (k(), _("path", {
+            v(E).arrowShape === "normal" ? (k(), x("path", {
               key: 0,
-              d: `M 0 0 L ${b(C).arrowSize} ${b(C).arrowSize / 2} L 0 ${b(C).arrowSize} Z`,
-              fill: f,
-              stroke: f,
+              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, br)) : (k(), _("path", {
+            }, null, 8, Nr)) : (k(), x("path", {
               key: 1,
-              d: `M 0 0 L ${b(C).arrowSize} ${b(C).arrowSize / 2} L 0 ${b(C).arrowSize} L ${b(C).arrowSize / 3} ${b(C).arrowSize / 2} Z`,
-              fill: f,
-              stroke: f,
+              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,
+              stroke: h,
               "stroke-width": "0"
-            }, null, 8, vr))
-          ], 8, gr))), 128))
+            }, null, 8, Ar))
+          ], 8, _r))), 128))
         ])) : L("", !0),
-        B("g", pr, [
-          (k(!0), _(re, null, Te(b(C).edges, (f) => (k(), _(re, {
-            key: f.id
+        G("g", Sr, [
+          (k(!0), x(ie, null, Fe(v(E).edges, (h) => (k(), x(ie, {
+            key: h.id
           }, [
-            B("path", {
+            G("path", {
               "data-cy-edge": "",
-              d: f.pathData,
+              d: h.pathData,
               fill: "none",
-              stroke: f.original.color ?? m.value.style.chart.edges.stroke,
-              "stroke-width": m.value.style.chart.edges.strokeWidth * (f.from === ge.value || f.id === $.value?.id ? 2 : 1),
+              stroke: h.original.color ?? u.value.style.chart.edges.stroke,
+              "stroke-width": u.value.style.chart.edges.strokeWidth * (h.from === be.value || h.id === z.value?.id ? 2 : 1),
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               style: { "pointer-events": "none", transition: "stroke-width 0.2s ease-in-out" }
-            }, null, 8, wr),
-            m.value.style.chart.midpoints.show ? (k(), _("circle", {
+            }, null, 8, Lr),
+            u.value.style.chart.midpoints.show ? (k(), x("circle", {
               key: 0,
               "data-cy-midpoint": "",
               class: "vue-ui-dag-edge-midpoint",
-              cx: f.midpoint.x,
-              cy: f.midpoint.y,
-              r: m.value.style.chart.midpoints.radius,
-              fill: m.value.style.chart.midpoints.fill,
-              stroke: f.original.color ?? m.value.style.chart.midpoints.stroke,
-              "stroke-width": m.value.style.chart.midpoints.strokeWidth * (f.from === ge.value || f.id === $.value?.id ? 2 : 1),
+              cx: h.midpoint.x,
+              cy: h.midpoint.y,
+              r: u.value.style.chart.midpoints.radius,
+              fill: u.value.style.chart.midpoints.fill,
+              stroke: h.original.color ?? u.value.style.chart.midpoints.stroke,
+              "stroke-width": u.value.style.chart.midpoints.strokeWidth * (h.from === be.value || h.id === z.value?.id ? 2 : 1),
               style: { transition: "stroke-width 0.2s ease-in-out" },
-              onMouseenter: (y) => Fo(f),
-              onMouseleave: zo
-            }, null, 40, kr)) : L("", !0)
+              onMouseenter: (w) => Wo(h),
+              onMouseleave: Yo
+            }, null, 40, Or)) : L("", !0)
           ], 64))), 128))
         ]),
-        B("g", yr, [
-          (k(!0), _(re, null, Te(b(C).nodes, (f) => (k(), _("g", {
-            key: f.id,
+        G("g", Rr, [
+          (k(!0), x(ie, null, Fe(v(E).nodes, (h) => (k(), x("g", {
+            key: h.id,
             class: "vue-ui-dag-node",
-            onClick: Xo((y) => m.value.style.chart.nodes.tooltip.showOnClick && Bo(f), ["stop"]),
-            onMouseenter: (y) => ge.value = f.id,
-            onMouseleave: w[1] || (w[1] = (y) => ge.value = null)
+            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)
           }, [
-            h.$slots.node ? L("", !0) : (k(), _(re, { key: 0 }, [
-              B("rect", {
+            m.$slots.node ? L("", !0) : (k(), x(ie, { key: 0 }, [
+              G("rect", {
                 "data-cy-node": "",
-                x: f.x - f.width / 2,
-                y: f.y - f.height / 2,
-                width: f.width,
-                height: f.height,
-                rx: m.value.style.chart.nodes.borderRadius,
-                fill: f.original.backgroundColor,
-                stroke: m.value.style.chart.nodes.stroke,
-                "stroke-width": m.value.style.chart.nodes.strokeWidth,
-                style: H({
-                  cursor: m.value.style.chart.nodes.tooltip.showOnClick ? "pointer" : "default"
+                x: h.x - h.width / 2,
+                y: h.y - h.height / 2,
+                width: h.width,
+                height: h.height,
+                rx: u.value.style.chart.nodes.borderRadius,
+                fill: h.original.backgroundColor,
+                stroke: u.value.style.chart.nodes.stroke,
+                "stroke-width": u.value.style.chart.nodes.strokeWidth,
+                style: X({
+                  cursor: u.value.style.chart.nodes.tooltip.showOnClick ? "pointer" : "default"
                 })
-              }, null, 12, Cr),
-              h.$slots["node-label"] ? (k(), _("text", {
+              }, null, 12, Mr),
+              m.$slots["node-label"] ? (k(), x("text", {
                 key: 0,
-                x: f.x,
-                y: f.y + m.value.style.chart.nodes.labels.fontSize / 3,
+                x: h.x,
+                y: h.y + u.value.style.chart.nodes.labels.fontSize / 3,
                 "text-anchor": "middle",
-                "font-size": m.value.style.chart.nodes.labels.fontSize,
-                fill: f.original.color,
-                "font-weight": m.value.style.chart.nodes.labels.bold ? "bold" : "normal"
+                "font-size": u.value.style.chart.nodes.labels.fontSize,
+                fill: h.original.color,
+                "font-weight": u.value.style.chart.nodes.labels.bold ? "bold" : "normal"
               }, [
-                S(h.$slots, "node-label", Tt({ ref_for: !0 }, { node: f }), () => [
-                  qo(ie(f.label), 1)
+                A(m.$slots, "node-label", Bt({ ref_for: !0 }, { node: h }), () => [
+                  nn(le(h.label), 1)
                 ], !0)
-              ], 8, xr)) : (k(), _("text", {
+              ], 8, $r)) : (k(), x("text", {
                 key: 1,
                 "data-cy-node-label": "",
-                x: f.x,
-                y: f.y + m.value.style.chart.nodes.labels.fontSize / 3,
+                x: h.x,
+                y: h.y + u.value.style.chart.nodes.labels.fontSize / 3,
                 "text-anchor": "middle",
-                "font-size": m.value.style.chart.nodes.labels.fontSize,
-                fill: f.original.color,
-                "font-weight": m.value.style.chart.nodes.labels.bold ? "bold" : "normal",
-                innerHTML: b(nn)({
-                  content: f.label,
-                  fontSize: m.value.style.chart.nodes.labels.fontSize,
-                  fontWeight: m.value.style.chart.nodes.labels.bold ? "bold" : "normal",
-                  fill: f.original.color,
-                  x: f.x,
-                  y: f.y,
+                "font-size": u.value.style.chart.nodes.labels.fontSize,
+                fill: h.original.color,
+                "font-weight": u.value.style.chart.nodes.labels.bold ? "bold" : "normal",
+                innerHTML: v(dn)({
+                  content: h.label,
+                  fontSize: u.value.style.chart.nodes.labels.fontSize,
+                  fontWeight: u.value.style.chart.nodes.labels.bold ? "bold" : "normal",
+                  fill: h.original.color,
+                  x: h.x,
+                  y: h.y,
                   autoOffset: !0
                 })
-              }, null, 8, _r))
+              }, null, 8, Dr))
             ], 64)),
-            h.$slots.node ? (k(), _("foreignObject", {
+            m.$slots.node ? (k(), x("foreignObject", {
               key: 1,
-              x: f.x - f.width / 2,
-              y: f.y - f.height / 2,
-              width: f.width,
-              height: f.height
+              x: h.x - h.width / 2,
+              y: h.y - h.height / 2,
+              width: h.width,
+              height: h.height
             }, [
-              S(h.$slots, "node", Tt({ ref_for: !0 }, { node: f }), void 0, !0)
-            ], 8, Nr)) : L("", !0)
-          ], 40, Er))), 128))
+              A(m.$slots, "node", Bt({ ref_for: !0 }, { node: h }), void 0, !0)
+            ], 8, Fr)) : L("", !0)
+          ], 40, Tr))), 128))
         ]),
-        B("g", Ar, [
-          (k(!0), _(re, null, Te(b(C).edges, (f) => (k(), _("path", {
-            key: f.id,
-            d: f.pathData,
+        G("g", Pr, [
+          (k(!0), x(ie, null, Fe(v(E).edges, (h) => (k(), x("path", {
+            key: h.id,
+            d: h.pathData,
             fill: "none",
             stroke: "transparent",
-            "stroke-width": m.value.style.chart.edges.strokeWidth * (f.from === ge.value || f.id === $.value?.id ? 1.3 : 1),
+            "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": b(C).arrowShape === "undirected" ? null : `url(#${yt(f.original?.color || m.value.style.chart.edges.stroke)})`,
+            "marker-end": v(E).arrowShape === "undirected" ? null : `url(#${Nt(h.original?.color || u.value.style.chart.edges.stroke)})`,
             style: { "pointer-events": "none", transition: "stroke-width 0.2s ease-in-out" }
-          }, null, 8, Sr))), 128))
+          }, null, 8, zr))), 128))
         ]),
-        S(h.$slots, "svg", {
+        A(m.$slots, "svg", {
           svg: {
-            drawingArea: b(Et),
-            data: b(C)
+            drawingArea: v(St),
+            data: v(E)
           }
         }, void 0, !0)
-      ], 14, hr)) : L("", !0),
-      h.$slots.watermark ? (k(), _("div", Lr, [
-        S(h.$slots, "watermark", P(F({ isPrinting: b(ht) || b(mt) })), 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),
-      le(Mt, { name: "fade" }, {
-        default: R(() => [
-          Ne.value ? (k(), Y($t, {
+      ae(Vt, { name: "fade" }, {
+        default: T(() => [
+          Oe.value ? (k(), U(It, {
             key: 0,
-            to: K.value ? d.value : "body"
+            to: Q.value ? f.value : "body"
           }, [
-            B("div", {
+            G("div", {
               "data-cy-tooltip-midpoint": "",
               ref_key: "tooltipRef",
-              ref: p,
+              ref: Se,
               class: "vue-ui-dag-tooltip",
-              style: H({
-                ...z.value,
-                maxWidth: m.value.style.chart.midpoints.tooltip.maxWidth,
-                "--vue-data-ui-dag-tooltip-background": m.value.style.chart.midpoints.tooltip.backgroundColor,
-                "--vue-data-ui-dag-tooltip-color": m.value.style.chart.midpoints.tooltip.color
+              style: X({
+                ...Le.value,
+                maxWidth: u.value.style.chart.midpoints.tooltip.maxWidth,
+                "--vue-data-ui-dag-tooltip-background": u.value.style.chart.midpoints.tooltip.backgroundColor,
+                "--vue-data-ui-dag-tooltip-color": u.value.style.chart.midpoints.tooltip.color
               }),
-              "data-position": U.value
+              "data-position": he.value
             }, [
-              S(h.$slots, "tooltip-midpoint", P(F({ edge: $.value, layoutData: b(C) })), () => [
-                $.value ? (k(), _("div", Rr, ie(kt($.value.from)?.label ?? $.value.from) + " → " + ie(kt($.value.to)?.label ?? $.value.to), 1)) : L("", !0)
+              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)
               ], !0)
-            ], 12, Or)
+            ], 12, Vr)
           ], 8, ["to"])) : L("", !0)
         ]),
         _: 3
       }),
-      le(Mt, { name: "fade" }, {
-        default: R(() => [
-          j.value ? (k(), Y($t, {
+      ae(Vt, { name: "fade" }, {
+        default: T(() => [
+          K.value ? (k(), U(It, {
             key: 0,
-            to: K.value ? d.value : "body"
+            to: Q.value ? f.value : "body"
           }, [
-            B("div", {
+            G("div", {
               "data-cy-tooltip-node": "",
               ref_key: "nodeTooltipRef",
-              ref: te,
+              ref: Ve,
               class: "vue-ui-dag-node-tooltip",
-              style: H({
-                maxWidth: m.value.style.chart.nodes.tooltip.maxWidth,
-                left: Fe.value.left,
-                top: Fe.value.top,
-                "--vue-data-ui-dag-node-tooltip-background": m.value.style.chart.nodes.tooltip.backgroundColor,
-                "--vue-data-ui-dag-node-tooltip-color": m.value.style.chart.nodes.tooltip.color
+              style: X({
+                maxWidth: u.value.style.chart.nodes.tooltip.maxWidth,
+                left: Ie.value.left,
+                top: Ie.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": lt.value
+              "data-position": ft.value
             }, [
-              S(h.$slots, "tooltip-node", P(F({ node: X.value, layoutData: b(C) })), () => [
-                X.value ? (k(), _("div", Mr, ie(X.value.label), 1)) : L("", !0)
+              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)
               ], !0)
-            ], 12, Tr)
+            ], 12, Gr)
           ], 8, ["to"])) : L("", !0)
         ]),
         _: 3
       }),
-      m.value.style.chart.controls.position === "bottom" && !b(me) && m.value.style.chart.controls.show ? (k(), Y(Xt, {
+      u.value.style.chart.controls.position === "bottom" && !v(ve) && u.value.style.chart.controls.show ? (k(), U(oo, {
         key: 7,
-        config: m.value,
-        scale: b(Ct),
-        isFullscreen: K.value,
+        ref_key: "zoomControls",
+        ref: _,
+        config: u.value,
+        scale: v(Lt),
+        isFullscreen: Q.value,
         withDirection: "",
-        onZoomIn: je,
-        onZoomOut: Ge,
-        onResetZoom: w[2] || (w[2] = () => b(Se)(!0)),
-        onSwitchDirection: We
+        onZoomIn: Ye,
+        onZoomOut: He,
+        onResetZoom: p[2] || (p[2] = () => v(Te)(!0)),
+        onSwitchDirection: Ue
       }, null, 8, ["config", "scale", "isFullscreen"])) : L("", !0),
-      h.$slots.source ? (k(), _("div", {
+      m.$slots.source ? (k(), x("div", {
         key: 8,
         ref_key: "source",
-        ref: A,
+        ref: N,
         dir: "auto"
       }, [
-        S(h.$slots, "source", {}, void 0, !0)
+        A(m.$slots, "source", {}, void 0, !0)
       ], 512)) : L("", !0),
-      b(me) ? (k(), Y(an, { key: 9 })) : L("", !0)
-    ], 46, dr));
+      v(ve) ? (k(), U(bn, { key: 9 })) : L("", !0)
+    ], 46, kr));
   }
-}, Dr = /* @__PURE__ */ Jt($r, [["__scopeId", "data-v-1dd15065"]]), ei = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Yr = /* @__PURE__ */ ro(Wr, [["__scopeId", "data-v-224df313"]]), fi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Dr
+  default: Yr
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  qr as a,
-  ei as b,
-  Kr as d,
-  cr as l,
-  Qr as m,
-  Jr as s,
-  Dr as v
+  ai as a,
+  fi as b,
+  ci as d,
+  wr as l,
+  di as m,
+  ui as s,
+  Yr as v
 };