vue-data-ui 3.17.3 → 3.17.5

package/dist/{vue-ui-dag-BTB1DCrs.js → vue-ui-dag-DNbCfrdq.js}

@@ -1,20 +1,20 @@
 import { ref as C, watchEffect as Bo, unref as y, defineAsyncComponent as _t, computed as I, toRefs as zo, onMounted as vn, nextTick as Se, watch as ze, onBeforeUnmount as gn, openBlock as S, createElementBlock as L, normalizeStyle as Le, normalizeClass as pn, createElementVNode as X, toDisplayString as Me, createBlock as oe, createCommentVNode as $, withCtx as V, renderSlot as R, normalizeProps as H, guardReactiveProps as W, createSlots as Vo, createVNode as Ct, Fragment as ge, renderList as Ve, mergeProps as Te, withModifiers as yn, createTextVNode as Ho, Transition as wn, Teleport as bn } from "vue";
-import { j as $t, aF as Wo, t as kn, o as Go, q as En, s as _n, X as jo, as as Yo } from "./lib-DBptbyyI.js";
+import { j as $t, aE as Wo, t as kn, o as Go, q as En, s as _n, X as jo, as as Yo } from "./lib-DMzrGQHK.js";
 import { t as Uo, u as Zo } from "./useResponsive-DfdjqQps.js";
-import { u as Xo } from "./usePanZoom-CDF7rb3o.js";
-import { u as Ko } from "./useConfig-C40HvGpD.js";
-import { u as qo, B as Jo } from "./BaseScanner-BhhkKVoj.js";
-import { u as Qo } from "./usePrinter-CEpYU3r5.js";
-import { u as es } from "./useSvgExport-ByUukOZt.js";
-import { u as xt } from "./useNestedProp-Bf5XFbs8.js";
-import { u as ts } from "./useThemeCheck-D1ZYXUwG.js";
-import { u as ns } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as os } from "./useChartAccessibility-9icAAmYg.js";
-import ss from "./img-LXxMLmCg.js";
-import is from "./Title-BeMKE1cj.js";
+import { u as Xo } from "./usePanZoom-BbDhcKWf.js";
+import { u as Ko } from "./useConfig-DTHxOX6V.js";
+import { u as qo, B as Jo } from "./BaseScanner-C2j3TsSY.js";
+import { u as Qo } from "./usePrinter-C4t8DdQ-.js";
+import { u as es } from "./useSvgExport-BTG4hVPO.js";
+import { u as xt } from "./useNestedProp-DH0BEVVS.js";
+import { u as ts } from "./useThemeCheck-C9Ccl7U9.js";
+import { u as ns } from "./useUserOptionState-B7Ej974k.js";
+import { u as os } from "./useChartAccessibility-cp6XQtqi.js";
+import ss from "./img-CjTQXS0U.js";
+import is from "./Title-BbKoiBk2.js";
 import rs from "./vue_ui_dag-ZOwuDBZ8.js";
-import { A as as } from "./A11yDataTable-KcVAX2cP.js";
-import { B as Cn } from "./BaseZoomControls-DievbOeJ.js";
+import { A as as } from "./A11yDataTable-BpmuNomI.js";
+import { B as Cn } from "./BaseZoomControls-CVSC1-SU.js";
 import { _ as ls } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const us = "\0", pe = "\0", xn = "
";
 class ue {
@@ -115,7 +115,9 @@ class ue {
    */
   sources() {
     const t = this;
-    return this.nodes().filter((n) => Object.keys(t._in[n]).length === 0);
+    return this.nodes().filter(
+      (n) => Object.keys(t._in[n]).length === 0
+    );
   }
   /**
    * Gets list of nodes without out-edges.
@@ -123,7 +125,9 @@ class ue {
    */
   sinks() {
     const t = this;
-    return this.nodes().filter((n) => Object.keys(t._out[n]).length === 0);
+    return this.nodes().filter(
+      (n) => Object.keys(t._out[n]).length === 0
+    );
   }
   /**
    * Invokes setNode method for each node in names list.
@@ -287,7 +291,9 @@ class ue {
       const l = o.parent(i);
       return l === void 0 || n.hasNode(l) ? (s[i] = l, l) : l in s ? s[l] : r(l);
     }
-    return this._isCompound && n.nodes().forEach((i) => n.setParent(i, r(i))), n;
+    return this._isCompound && n.nodes().forEach(
+      (i) => n.setParent(i, r(i))
+    ), n;
   }
   /* === Edge functions ========== */
   /**
@@ -338,7 +344,9 @@ class ue {
     if (Object.hasOwn(this._edgeLabels, l))
       return r && (this._edgeLabels[l] = s), this;
     if (o !== void 0 && !this._isMultigraph)
-      throw new Error("Cannot set a named edge when isMultigraph = false");
+      throw new Error(
+        "Cannot set a named edge when isMultigraph = false"
+      );
     this.setNode(t), this.setNode(n), this._edgeLabels[l] = r ? s : this._defaultEdgeLabelFn(t, n, o);
     const u = cs(this._isDirected, t, n, o);
     return t = u.v, n = u.w, Object.freeze(u), this._edgeObjs[l] = u, Nn(this._preds[n], t), Nn(this._sucs[t], n), this._in[n][l] = u, this._out[t][l] = u, this._edgeCount++, this;
@@ -470,7 +478,11 @@ function ms(e, t) {
   if (e.nodeCount() <= 1)
     return [];
   const n = gs(e, t || hs);
-  return vs(n.graph, n.buckets, n.zeroIndex).flatMap((s) => e.outEdges(s.v, s.w));
+  return vs(
+    n.graph,
+    n.buckets,
+    n.zeroIndex
+  ).flatMap((s) => e.outEdges(s.v, s.w));
 }
 function vs(e, t, n) {
   let o = [];
@@ -484,7 +496,9 @@ function vs(e, t, n) {
     if (e.nodeCount()) {
       for (let l = t.length - 2; l > 0; --l)
         if (i = t[l].dequeue(), i) {
-          o = o.concat(St(e, t, n, i, !0));
+          o = o.concat(
+            St(e, t, n, i, !0)
+          );
           break;
         }
     }
@@ -508,9 +522,17 @@ function gs(e, t) {
     n.setNode(l, { v: l, in: 0, out: 0 });
   }), e.edges().forEach((l) => {
     const u = n.edge(l.v, l.w) || 0, f = t(l), h = u + f;
-    n.setEdge(l.v, l.w, h), s = Math.max(s, n.node(l.v).out += f), o = Math.max(o, n.node(l.w).in += f);
+    n.setEdge(l.v, l.w, h), s = Math.max(
+      s,
+      n.node(l.v).out += f
+    ), o = Math.max(
+      o,
+      n.node(l.w).in += f
+    );
   });
-  const r = ps(s + o + 3).map(() => new ds()), i = o + 1;
+  const r = ps(s + o + 3).map(
+    () => new ds()
+  ), i = o + 1;
   return n.nodes().forEach((l) => {
     Rt(r, i, n.node(l));
   }), {
@@ -539,7 +561,10 @@ function Bn(e) {
   return e.nodes().forEach((n) => {
     t.setNode(n, e.node(n));
   }), e.edges().forEach((n) => {
-    const o = t.edge(n.v, n.w) || { weight: 0, minlen: 1 }, s = e.edge(n);
+    const o = t.edge(n.v, n.w) || {
+      weight: 0,
+      minlen: 1
+    }, s = e.edge(n);
     t.setEdge(n.v, n.w, {
       weight: o.weight + s.weight,
       minlen: Math.max(o.minlen, s.minlen)
@@ -547,7 +572,9 @@ function Bn(e) {
   }), t;
 }
 function Dt(e) {
-  const t = new ue({ multigraph: e.isMultigraph() }).setGraph(e.graph());
+  const t = new ue({ multigraph: e.isMultigraph() }).setGraph(
+    e.graph()
+  );
   return e.nodes().forEach((n) => {
     e.children(n).length || t.setNode(n, e.node(n));
   }), e.edges().forEach((n) => {
@@ -577,7 +604,9 @@ function Pt(e, t) {
   const s = t.x - n, r = t.y - o;
   let i = e.width / 2, l = e.height / 2;
   if (!s && !r)
-    throw new Error("Not possible to find intersection inside of the rectangle");
+    throw new Error(
+      "Not possible to find intersection inside of the rectangle"
+    );
   let u, f;
   return Math.abs(r) * i > Math.abs(s) * l ? (r < 0 && (l = -l), u = l * s / r, f = l) : (s < 0 && (i = -i), u = i, f = i * r / s), { x: n + u, y: o + f };
 }
@@ -907,7 +936,12 @@ function Hs(e) {
   const t = Gs(e);
   e.graph().dummyChains.forEach((n) => {
     let o = e.node(n);
-    const s = o.edgeObj, r = Ws(e, t, s.v, s.w), i = r.path, l = r.lca;
+    const s = o.edgeObj, r = Ws(
+      e,
+      t,
+      s.v,
+      s.w
+    ), i = r.path, l = r.lca;
     let u = 0, f = i[u], h = !0, m = n;
     for (; m !== s.w; ) {
       if (o = e.node(m), h) {
@@ -954,7 +988,15 @@ function js(e) {
   });
   const i = Us(e) + 1;
   e.children().forEach((l) => {
-    Zn(e, t, r, i, s, n, l);
+    Zn(
+      e,
+      t,
+      r,
+      i,
+      s,
+      n,
+      l
+    );
   }), e.graph().nodeRankFactor = r;
 }
 function Zn(e, t, n, o, s, r, i) {
@@ -965,7 +1007,15 @@ function Zn(e, t, n, o, s, r, i) {
   }
   const u = qe.addBorderNode(e, "_bt"), f = qe.addBorderNode(e, "_bb"), h = e.node(i);
   e.setParent(u, i), h.borderTop = u, e.setParent(f, i), h.borderBottom = f, l.forEach((m) => {
-    Zn(e, t, n, o, s, r, m);
+    Zn(
+      e,
+      t,
+      n,
+      o,
+      s,
+      r,
+      m
+    );
     const p = e.node(m), _ = p.borderTop ? p.borderTop : m, O = p.borderBottom ? p.borderBottom : m, M = p.borderTop ? o : 2 * o, z = _ !== O ? 1 : s - r[i] + 1;
     e.setEdge(u, _, {
       weight: M,
@@ -1142,7 +1192,9 @@ function si(e, t) {
     const r = n[s.v], i = n[s.w];
     r !== void 0 && i !== void 0 && (i.indegree++, r.out.push(i));
   });
-  const o = Object.values(n).filter((s) => !s.indegree);
+  const o = Object.values(n).filter(
+    (s) => !s.indegree
+  );
   return ii(o);
 }
 function ii(e) {
@@ -1286,12 +1338,7 @@ function Pn(e, t, n) {
         l !== i.rank && s(l, r);
   }
   return t.map(
-    (r) => di(
-      e,
-      r,
-      n,
-      o.get(r) || []
-    )
+    (r) => di(e, r, n, o.get(r) || [])
   );
 }
 function mi(e, t, n) {
@@ -1344,7 +1391,13 @@ function gi(e, t) {
     return i.forEach((h, m) => {
       if (e.node(h).dummy === "border") {
         const p = e.predecessors(h);
-        p.length && (u = e.node(p[0]).order, o(i, f, m, l, u), f = m, l = u);
+        p.length && (u = e.node(p[0]).order, o(
+          i,
+          f,
+          m,
+          l,
+          u
+        ), f = m, l = u);
       }
       o(i, f, i.length, u, r.length);
     }), i;
@@ -1554,8 +1607,14 @@ function Mi(e) {
 function Ti(e, t = {}) {
   const n = t.debugTiming ? Gn : jn;
   return n("layout", () => {
-    const o = n("  buildLayoutGraph", () => zi(e));
-    return n("  runLayout", () => Oi(o, n, t)), n("  updateInputGraph", () => $i(e, o)), o;
+    const o = n(
+      "  buildLayoutGraph",
+      () => zi(e)
+    );
+    return n("  runLayout", () => Oi(o, n, t)), n(
+      "  updateInputGraph",
+      () => $i(e, o)
+    ), o;
   });
 }
 function Oi(e, t, n) {
@@ -1593,14 +1652,11 @@ function zi(e) {
     }), o.setNode(s, i), o.setParent(s, e.parent(s));
   }), e.edges().forEach((s) => {
     const r = Ot(e.edge(s));
-    o.setEdge(
-      s,
-      {
-        ...Ii,
-        ...Tt(r, Fi),
-        ...We(r, Bi)
-      }
-    );
+    o.setEdge(s, {
+      ...Ii,
+      ...Tt(r, Fi),
+      ...We(r, Bi)
+    });
   }), o;
 }
 function Vi(e) {
@@ -1614,7 +1670,10 @@ function Hi(e) {
   e.edges().forEach((t) => {
     const n = e.edge(t);
     if (n.width && n.height) {
-      const o = e.node(t.v), r = { rank: (e.node(t.w).rank - o.rank) / 2 + o.rank, e: t };
+      const o = e.node(t.v), r = {
+        rank: (e.node(t.w).rank - o.rank) / 2 + o.rank,
+        e: t
+      };
       $e(e, "edge-proxy", r, "_ep");
     }
   });
@@ -1671,7 +1730,15 @@ function Yi(e) {
     !o.points || !o.points.length ? (o.points = [], i = r, l = s) : (i = o.points[0], l = o.points[o.points.length - 1]);
     const u = Pt(s, i), f = Pt(r, l), h = o.points.length ? o.points[0] : i, m = o.points.length ? o.points[o.points.length - 1] : l, p = o.arrowshape, _ = p === "normal" || p === "vee", O = !!o.reversed;
     let M = u, z = f;
-    _ && (O ? M = Fn(u, h, 4) : z = Fn(f, m, 4)), o.points.unshift(M), o.points.push(z);
+    _ && (O ? M = Fn(
+      u,
+      h,
+      4
+    ) : z = Fn(
+      f,
+      m,
+      4
+    )), o.points.unshift(M), o.points.push(z);
   });
 }
 function Ui(e) {
@@ -1697,7 +1764,11 @@ function Zi(e) {
 function Xi(e) {
   e.nodes().forEach((t) => {
     if (e.children(t).length) {
-      const n = e.node(t), o = e.node(n.borderTop), s = e.node(n.borderBottom), r = e.node(n.borderLeft[n.borderLeft.length - 1]), i = e.node(n.borderRight[n.borderRight.length - 1]);
+      const n = e.node(t), o = e.node(n.borderTop), s = e.node(n.borderBottom), r = e.node(
+        n.borderLeft[n.borderLeft.length - 1]
+      ), i = e.node(
+        n.borderRight[n.borderRight.length - 1]
+      );
       n.width = Math.abs(i.x - r.x), n.height = Math.abs(s.y - o.y), n.x = r.x + n.width / 2, n.y = o.y + n.height / 2;
     }
   }), e.nodes().forEach((t) => {
@@ -1718,14 +1789,19 @@ function qi(e) {
     n.forEach((s, r) => {
       const i = e.node(s);
       i.order = r + o, (i.selfEdges || []).forEach((l) => {
-        $e(e, "selfedge", {
-          width: l.label.width,
-          height: l.label.height,
-          rank: i.rank,
-          order: r + ++o,
-          e: l.e,
-          label: l.label
-        }, "_se");
+        $e(
+          e,
+          "selfedge",
+          {
+            width: l.label.width,
+            height: l.label.height,
+            rank: i.rank,
+            order: r + ++o,
+            e: l.e,
+            label: l.label
+          },
+          "_se"
+        );
       }), delete i.selfEdges;
     });
   });
@@ -1836,7 +1912,9 @@ function nr(e) {
       const F = p.edge(k), G = F.points || [];
       if (!G.length)
         return null;
-      const K = m.curvedEdges ? tr(G) : er(G), De = m.arrowShape !== "undirected" ? `url(#${i})` : null, be = f.find((c) => c?.from === k.v && c?.to === k.w);
+      const K = m.curvedEdges ? tr(G) : er(G), De = m.arrowShape !== "undirected" ? `url(#${i})` : null, be = f.find(
+        (c) => c?.from === k.v && c?.to === k.w
+      );
       return {
         id: `${k.v}->${k.w}->${$t()}`,
         from: k.v,
@@ -1925,9 +2003,25 @@ const or = ["id"], sr = ["id"], ir = {
       }
     }
   },
-  emits: ["onNodeClick", "onMidpointEnter", "onMidpointLeave", "copyAlt", "rotate"],
+  emits: [
+    "onNodeClick",
+    "onMidpointEnter",
+    "onMidpointLeave",
+    "copyAlt",
+    "rotate"
+  ],
   setup(e, { expose: t, emit: n }) {
-    const o = _t(() => import("./PenAndPaper-Ct3qJ4lA.js")), s = _t(() => import("./UserOptions-rW2fRf3V.js")), r = _t(() => import("./PackageVersion-DP_kfXUM.js")), { vue_ui_dag: i } = Ko(), { isThemeValid: l, warnInvalidTheme: u } = ts(), f = e, h = n, m = C(null), p = C($t()), _ = C(null), O = C(null), M = C(null), z = C(0), se = C(0), Pe = C(!1), ye = C(!1), ce = C(!1), we = C(!1), k = C(null), F = C(null), G = C(null), K = C(null), et = C(null), De = C("pointer"), be = C(!1), c = C(lt()), tt = I(() => c.value.userOptions.useCursorPointer), nt = C(c.value.style.chart.width), ot = C(c.value.style.chart.height), Ft = C({ x: 0, y: 0 }), Y = C(null), st = C(null), It = C({ left: "0px", top: "0px" }), Bt = C("top"), ie = C(!1), zt = C({ x: 0, y: 0 }), Vt = C({ x: 0, y: 0 }), Ae = C(null), it = C(null), rt = C({ left: "0px", top: "0px" }), Ht = C("top"), de = C(!1), ke = C(!1), { svgRef: Q } = os({ config: c.value.style.chart.title }), { userOptionsVisible: at, setUserOptionsVisibility: Wt, keepUserOptionState: Gt } = ns({ config: c.value }), ee = C(c.value.style.chart.layout.rankDirection), Qn = I(() => kn({
+    const o = _t(
+      () => import("./PenAndPaper-CJDoB5H9.js")
+    ), s = _t(
+      () => import("./UserOptions-DVduN6X7.js")
+    ), r = _t(
+      () => import("./PackageVersion-BjeuEImy.js")
+    ), { vue_ui_dag: i } = Ko(), { isThemeValid: l, warnInvalidTheme: u } = ts(), f = e, h = n, m = C(null), p = C($t()), _ = C(null), O = C(null), M = C(null), z = C(0), se = C(0), Pe = C(!1), ye = C(!1), ce = C(!1), we = C(!1), k = C(null), F = C(null), G = C(null), K = C(null), et = C(null), De = C("pointer"), be = C(!1), c = C(lt()), tt = I(
+      () => c.value.userOptions.useCursorPointer
+    ), nt = C(c.value.style.chart.width), ot = C(c.value.style.chart.height), Ft = C({ x: 0, y: 0 }), Y = C(null), st = C(null), It = C({ left: "0px", top: "0px" }), Bt = C("top"), ie = C(!1), zt = C({ x: 0, y: 0 }), Vt = C({ x: 0, y: 0 }), Ae = C(null), it = C(null), rt = C({ left: "0px", top: "0px" }), Ht = C("top"), de = C(!1), ke = C(!1), { svgRef: Q } = os({
+      config: c.value.style.chart.title
+    }), { userOptionsVisible: at, setUserOptionsVisibility: Wt, keepUserOptionState: Gt } = ns({ config: c.value }), ee = C(c.value.style.chart.layout.rankDirection), Qn = I(() => kn({
       defaultConfig: {
         userOptions: { show: !1 },
         style: {
@@ -1998,9 +2092,13 @@ const or = ["id"], sr = ["id"], ir = {
         index: 0,
         debug: ut.value
       }), ye.value = !1, jt.value = !0), ye.value = !0, await Se(), rn();
-    }), ze(() => f.config, async (a) => {
-      Fe.value || (c.value = lt()), at.value = !c.value.userOptions.showOnChartHover, z.value += 1, ee.value = c.value.style.chart.layout.rankDirection, nt.value = c.value.style.chart.width, ot.value = c.value.style.chart.height, Ee.value = c.value.style.chart.zoom.active, await Se(), rn();
-    }, { deep: !0 });
+    }), ze(
+      () => f.config,
+      async (a) => {
+        Fe.value || (c.value = lt()), at.value = !c.value.userOptions.showOnChartHover, z.value += 1, ee.value = c.value.style.chart.layout.rankDirection, nt.value = c.value.style.chart.width, ot.value = c.value.style.chart.height, Ee.value = c.value.style.chart.zoom.active, await Se(), rn();
+      },
+      { deep: !0 }
+    );
     const { isPrinting: ct, isImaging: dt, generatePdf: Yt, generateImage: Ut } = Qo({
       elementId: `dag_${p.value}`,
       fileName: c.value.style.chart.title.text || "vue-ui-dag",
@@ -2017,7 +2115,14 @@ const or = ["id"], sr = ["id"], ir = {
       try {
         if (a) {
           const { blob: v, url: d, text: g, dataUrl: b } = await oo();
-          await Promise.resolve(c.value.userOptions.callbacks.svg({ blob: v, url: d, text: g, dataUrl: b }));
+          await Promise.resolve(
+            c.value.userOptions.callbacks.svg({
+              blob: v,
+              url: d,
+              text: g,
+              dataUrl: b
+            })
+          );
         } else
           await Promise.resolve(no());
       } finally {
@@ -2061,11 +2166,13 @@ const or = ["id"], sr = ["id"], ir = {
         };
       };
     }
-    const ro = I(() => Ye.value.nodes.map((a) => ({
-      ...a,
-      backgroundColor: a.backgroundColor ? _n(a.backgroundColor) : c.value.style.chart.nodes.backgroundColor,
-      color: a.color ? _n(a.color) : c.value.style.chart.nodes.labels.color
-    }))), ao = I(() => Ye.value.edges), lo = I(() => ({
+    const ro = I(
+      () => Ye.value.nodes.map((a) => ({
+        ...a,
+        backgroundColor: a.backgroundColor ? _n(a.backgroundColor) : c.value.style.chart.nodes.backgroundColor,
+        color: a.color ? _n(a.color) : c.value.style.chart.nodes.labels.color
+      }))
+    ), ao = I(() => Ye.value.edges), lo = I(() => ({
       ...c.value.style.chart.layout,
       rankDirection: ee.value
     })), { layoutData: x, lastError: Kt, arrowMarkerIdentifier: uo } = nr({
@@ -2138,9 +2245,12 @@ const or = ["id"], sr = ["id"], ir = {
       () => {
         en();
       }
-    ), ze(() => ke.value, (a) => {
-      Ee.value = !a;
-    });
+    ), ze(
+      () => ke.value,
+      (a) => {
+        Ee.value = !a;
+      }
+    );
     const ho = I(() => {
       const a = _e.value;
       return a ? `${a.x} ${a.y} ${a.width} ${a.height}` : "0 0 0 0";
@@ -2222,7 +2332,9 @@ const or = ["id"], sr = ["id"], ir = {
         return;
       const b = Q.value;
       if (b && b.contains(a.target)) {
-        const E = a.target.closest(".vue-ui-dag-node"), w = a.target.closest(".vue-ui-dag-edge-midpoint");
+        const E = a.target.closest(".vue-ui-dag-node"), w = a.target.closest(
+          ".vue-ui-dag-edge-midpoint"
+        );
         if (E || w)
           return;
       }
@@ -2276,7 +2388,10 @@ const or = ["id"], sr = ["id"], ir = {
         if (!U || U === "none") return NaN;
         const ne = String(U).replace(/,/g, " ").trim().split(/\s+/).map((P) => Number.parseFloat(P)).filter((P) => Number.isFinite(P));
         if (!ne.length) return NaN;
-        const ve = ne.reduce((P, Z) => P + Z, 0);
+        const ve = ne.reduce(
+          (P, Z) => P + Z,
+          0
+        );
         return ne.length % 2 === 1 ? ve * 2 : ve;
       }
     }
@@ -2308,11 +2423,27 @@ const or = ["id"], sr = ["id"], ir = {
         }
         const N = g?.original?.dasharray ?? v.dasharray;
         w.style.strokeDasharray = String(N), w.style.strokeDashoffset = "0";
-        const A = ![void 0, null].includes(g?.original?.animationDirection), T = ![void 0, null].includes(v.animationDirection), B = A ? Number(g.original.animationDirection) : T ? Number(v.animationDirection) : -1, j = go(w, {
+        const A = ![void 0, null].includes(
+          g?.original?.animationDirection
+        ), T = ![void 0, null].includes(
+          v.animationDirection
+        ), B = A ? Number(g.original.animationDirection) : T ? Number(v.animationDirection) : -1, j = go(w, {
           direction: B,
           mode: "oneLapNearest",
           dasharray: String(N)
-        }), te = g?.original?.animationDurationMs ?? v.animationDurationMs ?? 1e3, U = Number(te), ve = Number.isFinite(U) && U > 0 ? d / U : d / 1e3, P = Math.max(1, Math.round(Math.abs(j) / Math.max(1e-9, ve))), Z = w.animate([{ strokeDashoffset: 0 }, { strokeDashoffset: j }], { duration: P, iterations: 1 / 0, easing: "linear" });
+        }), te = g?.original?.animationDurationMs ?? v.animationDurationMs ?? 1e3, U = Number(te), ve = Number.isFinite(U) && U > 0 ? d / U : d / 1e3, P = Math.max(
+          1,
+          Math.round(
+            Math.abs(j) / Math.max(1e-9, ve)
+          )
+        ), Z = w.animate(
+          [{ strokeDashoffset: 0 }, { strokeDashoffset: j }],
+          {
+            duration: P,
+            iterations: 1 / 0,
+            easing: "linear"
+          }
+        );
         wt.value.set(g.id, Z);
       });
     }
@@ -2327,7 +2458,12 @@ const or = ["id"], sr = ["id"], ir = {
     });
     async function yo({ scale: a = 2 } = {}) {
       if (!m.value) return;
-      const { width: v, height: d } = m.value.getBoundingClientRect(), g = v / d, { imageUri: b, base64: E } = await ss({ domElement: m.value, base64: !0, img: !0, scale: a });
+      const { width: v, height: d } = m.value.getBoundingClientRect(), g = v / d, { imageUri: b, base64: E } = await ss({
+        domElement: m.value,
+        base64: !0,
+        img: !0,
+        scale: a
+      });
       return {
         imageUri: b,
         base64: E,
@@ -2434,13 +2570,17 @@ const or = ["id"], sr = ["id"], ir = {
         config: c.value,
         dataset: Ye.value
       }), !c.value.userOptions.callbacks.altCopy) {
-        console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
+        console.warn(
+          "Vue Data UI - A callback must be set for `altCopy` in userOptions."
+        );
         return;
       }
-      await Promise.resolve(c.value.userOptions.callbacks.altCopy({
-        config: c.value,
-        dataset: Ye.value
-      }));
+      await Promise.resolve(
+        c.value.userOptions.callbacks.altCopy({
+          config: c.value,
+          dataset: Ye.value
+        })
+      );
     }
     const So = I(() => (x.value?.nodes ?? []).map((v) => ({
       id: v.id,
@@ -2468,11 +2608,7 @@ const or = ["id"], sr = ["id"], ir = {
         c.value.a11y?.translations?.children ?? "Children"
       ], g = a.map((b) => {
         const E = v.filter((N) => N.to === b.id).map((N) => re(N.from)?.label ?? N.from).join(", "), w = v.filter((N) => N.from === b.id).map((N) => re(N.to)?.label ?? N.to).join(", ");
-        return [
-          b.label ?? b.id,
-          E || "—",
-          w || "—"
-        ];
+        return [b.label ?? b.id, E || "—", w || "—"];
       });
       return { headers: d, rows: g };
     });
@@ -2516,11 +2652,17 @@ const or = ["id"], sr = ["id"], ir = {
       return d === "right" && g <= 0 || d === "left" && g >= 0 || d === "down" && b <= 0 || d === "up" && b >= 0 ? 1 / 0 : d === "right" || d === "left" ? Math.abs(g) * 1e3 + Math.abs(b) : Math.abs(b) * 1e3 + Math.abs(g);
     }
     function Ke(a, v) {
-      const d = le.value.filter((E) => Et(E) !== Et(a));
+      const d = le.value.filter(
+        (E) => Et(E) !== Et(a)
+      );
       if (!d.length) return null;
       let g = null, b = 1 / 0;
       return d.forEach((E) => {
-        const w = Ro(a, E, v);
+        const w = Ro(
+          a,
+          E,
+          v
+        );
         w < b && (b = w, g = E);
       }), g || (v === "right" || v === "down" ? le.value[0] ?? null : le.value[le.value.length - 1] ?? null);
     }
@@ -2755,7 +2897,10 @@ const or = ["id"], sr = ["id"], ir = {
           key: 0,
           ref_key: "svgRef",
           ref: Q,
-          class: pn({ "vue-ui-dag-svg": !0, "vue-data-ui-loading": y(Fe) }),
+          class: pn({
+            "vue-ui-dag-svg": !0,
+            "vue-data-ui-loading": y(Fe)
+          }),
           viewBox: ho.value,
           xmlns: y(jo),
           style: Le({
@@ -2820,14 +2965,18 @@ const or = ["id"], sr = ["id"], ir = {
                 fill: Ze(d),
                 stroke: Ze(d),
                 "stroke-width": "0",
-                style: { transition: "stroke 0.2s ease-in-out, fill 0.2s ease-in-out, stroke-width 0.2s ease-in-out" }
+                style: { transition: `stroke 0.2s ease-in-out,
+                                        fill 0.2s ease-in-out,
+                                        stroke-width 0.2s ease-in-out` }
               }, null, 8, mr)) : (S(), L("path", {
                 key: 1,
                 d: `M 0 0 L ${y(x).arrowSize} ${y(x).arrowSize / 2} L 0 ${y(x).arrowSize} L ${y(x).arrowSize / 3} ${y(x).arrowSize / 2} Z`,
                 fill: Ze(d),
                 stroke: Ze(d),
                 "stroke-width": "0",
-                style: { transition: "stroke 0.2s ease-in-out, fill 0.2s ease-in-out, stroke-width 0.2s ease-in-out" }
+                style: { transition: `stroke 0.2s ease-in-out,
+                                        fill 0.2s ease-in-out,
+                                        stroke-width 0.2s ease-in-out` }
               }, null, 8, vr))
             ], 8, hr))), 128))
           ])) : $("", !0),
@@ -2839,7 +2988,8 @@ const or = ["id"], sr = ["id"], ir = {
                 "data-cy-edge": "",
                 ref_for: !0,
                 ref: po(d.id)
-              }, { ref_for: !0 }, Eo(d), { style: { "pointer-events": "none", transition: "stroke-width 0.2s ease-in-out, stroke 0.2s ease-in-out" } }), null, 16),
+              }, { ref_for: !0 }, Eo(d), { style: { "pointer-events": "none", transition: `stroke-width 0.2s ease-in-out,
+                                    stroke 0.2s ease-in-out` } }), null, 16),
               c.value.style.chart.midpoints.show ? (S(), L("circle", Te({
                 key: 0,
                 "data-cy-midpoint": "",
@@ -2847,7 +2997,9 @@ const or = ["id"], sr = ["id"], ir = {
                 "data-a11y-midpoint-id": d.id
               }, { ref_for: !0 }, Co(d), {
                 "aria-label": `${re(d.from)?.label ?? d.from} to ${re(d.to)?.label ?? d.to}`,
-                style: { transition: "stroke-width 0.2s ease-in-out, stroke 0.2s ease-in-out, fill 0.2s ease-in-out" },
+                style: { transition: `stroke-width 0.2s ease-in-out,
+                                    stroke 0.2s ease-in-out,
+                                    fill 0.2s ease-in-out` },
                 onMouseenter: (g) => ko(d),
                 onMouseleave: ae
               }), null, 16, pr)) : $("", !0)
@@ -2893,7 +3045,8 @@ const or = ["id"], sr = ["id"], ir = {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               "marker-end": y(x).arrowShape === "undirected" ? null : `url(#${dn(d.id)})`,
-              style: { "pointer-events": "none", transition: "stroke-width 0.2s ease-in-out, stroke 0.2s ease-in-out" }
+              style: { "pointer-events": "none", transition: `stroke-width 0.2s ease-in-out,
+                                stroke 0.2s ease-in-out` }
             }, null, 8, _r))), 128))
           ]),
           X("g", Cr, [
@@ -2939,7 +3092,11 @@ const or = ["id"], sr = ["id"], ir = {
                 }, null, 8, Sr)) : $("", !0)
               ], 64)),
               a.$slots["free-node-label"] ? (S(), L("g", Lr, [
-                R(a.$slots, "free-node-label", Te({ ref_for: !0 }, { node: d, layoutData: y(x), orientation: ee.value }), void 0, !0)
+                R(a.$slots, "free-node-label", Te({ ref_for: !0 }, {
+                  node: d,
+                  layoutData: y(x),
+                  orientation: ee.value
+                }), void 0, !0)
               ])) : $("", !0)
             ], 40, xr))), 128))
           ]),
@@ -2954,11 +3111,16 @@ const or = ["id"], sr = ["id"], ir = {
           }, void 0, !0)
         ], 46, ar)) : $("", !0),
         a.$slots.hint ? (S(), L("div", Mr, [
-          R(a.$slots, "hint", H(W({ hint: c.value.a11y.translations.keyboardNavigation, isVisible: be.value })), void 0, !0)
+          R(a.$slots, "hint", H(W({
+            hint: c.value.a11y.translations.keyboardNavigation,
+            isVisible: be.value
+          })), void 0, !0)
         ])) : $("", !0)
       ]),
       a.$slots.watermark ? (S(), L("div", Tr, [
-        R(a.$slots, "watermark", H(W({ isPrinting: y(ct) || y(dt) || ce.value || we.value })), void 0, !0)
+        R(a.$slots, "watermark", H(W({
+          isPrinting: y(ct) || y(dt) || ce.value || we.value
+        })), void 0, !0)
       ])) : $("", !0),
       Ct(wn, { name: "fade" }, {
         default: V(() => [
@@ -3041,7 +3203,7 @@ const or = ["id"], sr = ["id"], ir = {
       ], !0)
     ], 46, or));
   }
-}, ta = /* @__PURE__ */ ls(Dr, [["__scopeId", "data-v-b2f198cc"]]);
+}, ta = /* @__PURE__ */ ls(Dr, [["__scopeId", "data-v-98d4f33d"]]);
 export {
   ta as default
 };