vue-data-ui 3.8.0 → 3.8.2

package/dist/vue-ui-dag-CeF87qTR.js

@@ -0,0 +1,2789 @@
+import { ref as k, watchEffect as Jo, unref as v, createElementBlock as _, openBlock as y, normalizeStyle as X, normalizeClass as it, createElementVNode as j, createCommentVNode as S, createVNode as ae, toDisplayString as le, defineAsyncComponent as qe, toRefs as Qo, computed as Y, onMounted as Vt, nextTick as De, watch as Fe, onBeforeUnmount as en, createBlock as U, withCtx as M, renderSlot as A, normalizeProps as B, guardReactiveProps as V, createSlots as tn, Fragment as ie, renderList as Pe, withModifiers as on, mergeProps as Ke, createTextVNode as nn, Transition as It, Teleport as Gt } from "vue";
+import { c as lt, ay as sn, l as Ce, n as rn, r as ln, h as an, t as so, o as cn, g as jt, X as un, a8 as dn } from "./lib-qMPkcvmh.js";
+import { t as fn, u as hn } from "./useResponsive-DfdjqQps.js";
+import { u as mn } from "./usePanZoom-DMfuOfaC.js";
+import { u as gn, a as Je } from "./useNestedProp-DH2Pjkde.js";
+import { u as vn, B as bn } from "./BaseScanner-BgWxam9d.js";
+import { u as pn } from "./usePrinter-CjGh4mFJ.js";
+import { u as wn } from "./useSvgExport-DrjCWun4.js";
+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 Qe from "./BaseIcon-CALhpING.js";
+import { _ as ro } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import xn from "./img-CwrkWkkl.js";
+const _n = "\0", te = "\0", Wt = "
";
+class q {
+  _isDirected = !0;
+  _isMultigraph = !1;
+  _isCompound = !1;
+  // Label for the graph itself
+  _label;
+  // Defaults to be set when creating a new node
+  _defaultNodeLabelFn = () => {
+  };
+  // Defaults to be set when creating a new edge
+  _defaultEdgeLabelFn = () => {
+  };
+  // v -> label
+  _nodes = {};
+  // v -> edgeObj
+  _in = {};
+  // u -> v -> Number
+  _preds = {};
+  // v -> edgeObj
+  _out = {};
+  // v -> w -> Number
+  _sucs = {};
+  // e -> edgeObj
+  _edgeObjs = {};
+  // e -> label
+  _edgeLabels = {};
+  /* Number of nodes in the graph. Should only be changed by the implementation. */
+  _nodeCount = 0;
+  /* Number of edges in the graph. Should only be changed by the implementation. */
+  _edgeCount = 0;
+  _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[te] = {});
+  }
+  /* === Graph functions ========= */
+  /**
+   * Whether graph was created with 'directed' flag set to true or not.
+   */
+  isDirected() {
+    return this._isDirected;
+  }
+  /**
+   * Whether graph was created with 'multigraph' flag set to true or not.
+   */
+  isMultigraph() {
+    return this._isMultigraph;
+  }
+  /**
+   * Whether graph was created with 'compound' flag set to true or not.
+   */
+  isCompound() {
+    return this._isCompound;
+  }
+  /**
+   * Sets the label of the graph.
+   */
+  setGraph(t) {
+    return this._label = t, this;
+  }
+  /**
+   * Gets the graph label.
+   */
+  graph() {
+    return this._label;
+  }
+  /* === Node functions ========== */
+  /**
+   * Sets the default node label. If newDefault is a function, it will be
+   * invoked each time when setting a label for a node. Otherwise, this label
+   * will be assigned as default label in case if no label was specified while
+   * setting a node.
+   * Complexity: O(1).
+   */
+  setDefaultNodeLabel(t) {
+    return this._defaultNodeLabelFn = t, typeof t != "function" && (this._defaultNodeLabelFn = () => t), this;
+  }
+  /**
+   * Gets the number of nodes in the graph.
+   * Complexity: O(1).
+   */
+  nodeCount() {
+    return this._nodeCount;
+  }
+  /**
+   * Gets all nodes of the graph. Note, the in case of compound graph subnodes are
+   * not included in list.
+   * Complexity: O(1).
+   */
+  nodes() {
+    return Object.keys(this._nodes);
+  }
+  /**
+   * Gets list of nodes without in-edges.
+   * Complexity: O(|V|).
+   */
+  sources() {
+    const t = this;
+    return this.nodes().filter((o) => Object.keys(t._in[o]).length === 0);
+  }
+  /**
+   * Gets list of nodes without out-edges.
+   * Complexity: O(|V|).
+   */
+  sinks() {
+    const t = this;
+    return this.nodes().filter((o) => Object.keys(t._out[o]).length === 0);
+  }
+  /**
+   * Invokes setNode method for each node in names list.
+   * Complexity: O(|names|).
+   */
+  setNodes(t, o) {
+    const n = arguments, s = this;
+    return t.forEach((i) => {
+      n.length > 1 ? s.setNode(i, o) : s.setNode(i);
+    }), this;
+  }
+  /**
+   * Creates or updates the value for the node v in the graph. If value is supplied
+   * it is set as the value for the node. If value is not supplied and the node was
+   * created by this call then the default node label will be assigned.
+   * 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] = 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.
+   * Complexity: O(1).
+   */
+  node(t) {
+    return this._nodes[t];
+  }
+  /**
+   * Detects whether graph has a node with specified name or not.
+   */
+  hasNode(t) {
+    return Object.hasOwn(this._nodes, t);
+  }
+  /**
+   * Remove the node with the name from the graph or do nothing if the node is not in
+   * the graph. If the node was removed this function also removes any incident
+   * edges.
+   * Complexity: O(1).
+   */
+  removeNode(t) {
+    const o = this;
+    if (Object.hasOwn(this._nodes, t)) {
+      const n = (s) => o.removeEdge(o._edgeObjs[s]);
+      delete this._nodes[t], this._isCompound && (this._removeFromParentsChildList(t), delete this._parent[t], this.children(t).forEach((s) => {
+        o.setParent(s);
+      }), delete this._children[t]), Object.keys(this._in[t]).forEach(n), delete this._in[t], delete this._preds[t], Object.keys(this._out[t]).forEach(n), delete this._out[t], delete this._sucs[t], --this._nodeCount;
+    }
+    return this;
+  }
+  /**
+   * Sets node parentId as a parent for node nodeId if it is defined, or removes the
+   * parent for nodeId if parentId is undefined. Method throws an exception in case of
+   * invoking it in context of noncompound graph.
+   * Average-case complexity: O(1).
+   */
+  setParent(t, o) {
+    if (!this._isCompound)
+      throw new Error("Cannot set parent in a non-compound graph");
+    if (o === void 0)
+      o = te;
+    else {
+      o += "";
+      for (let n = o; n !== void 0; n = this.parent(n))
+        if (n === t)
+          throw new Error(
+            "Setting " + o + " as parent of " + t + " would create a cycle"
+          );
+      this.setNode(o);
+    }
+    return this.setNode(t), this._removeFromParentsChildList(t), this._parent[t] = o, this._children[o][t] = !0, this;
+  }
+  _removeFromParentsChildList(t) {
+    delete this._children[this._parent[t]][t];
+  }
+  /**
+   * Gets parent node for node nodeId.
+   * Complexity: O(1).
+   */
+  parent(t) {
+    if (this._isCompound) {
+      const o = this._parent[t];
+      if (o !== te)
+        return o;
+    }
+  }
+  /**
+   * Gets list of direct children of node nodeId.
+   * Complexity: O(1).
+   */
+  children(t = te) {
+    if (this._isCompound) {
+      const o = this._children[t];
+      if (o)
+        return Object.keys(o);
+    } else {
+      if (t === te)
+        return this.nodes();
+      if (this.hasNode(t))
+        return [];
+    }
+  }
+  /**
+   * Return all nodes that are predecessors of the specified node or undefined if nodeId is not in
+   * the graph. Behavior is undefined for undirected graphs - use neighbors instead.
+   * Complexity: O(|V|).
+   */
+  predecessors(t) {
+    const o = this._preds[t];
+    if (o)
+      return Object.keys(o);
+  }
+  /**
+   * Return all nodes that are successors of the specified node or undefined if nodeId is not in
+   * the graph. Behavior is undefined for undirected graphs - use neighbors instead.
+   * Complexity: O(|V|).
+   */
+  successors(t) {
+    const o = this._sucs[t];
+    if (o)
+      return Object.keys(o);
+  }
+  /**
+   * Return all nodes that are predecessors or successors of the specified node or undefined if
+   * nodeId is not in the graph.
+   * Complexity: O(|V|).
+   */
+  neighbors(t) {
+    const o = this.predecessors(t);
+    if (o) {
+      const n = new Set(o);
+      for (const s of this.successors(t))
+        n.add(s);
+      return Array.from(n.values());
+    }
+  }
+  isLeaf(t) {
+    let o;
+    return this.isDirected() ? o = this.successors(t) : o = this.neighbors(t), o.length === 0;
+  }
+  /**
+   * Creates new graph with nodes filtered via filter. Edges incident to rejected node
+   * are also removed. In case of compound graph, if parent is rejected by filter,
+   * then all its children are rejected too.
+   * Average-case complexity: O(|E|+|V|).
+   */
+  filterNodes(t) {
+    const o = new this.constructor({
+      directed: this._isDirected,
+      multigraph: this._isMultigraph,
+      compound: this._isCompound
+    });
+    o.setGraph(this.graph());
+    const n = this;
+    Object.entries(this._nodes).forEach(([r, l]) => {
+      t(r) && o.setNode(r, l);
+    }), Object.values(this._edgeObjs).forEach((r) => {
+      o.hasNode(r.v) && o.hasNode(r.w) && o.setEdge(r, n.edge(r));
+    });
+    const s = {};
+    function i(r) {
+      const l = n.parent(r);
+      return l === void 0 || o.hasNode(l) ? (s[r] = l, l) : l in s ? s[l] : i(l);
+    }
+    return this._isCompound && o.nodes().forEach((r) => o.setParent(r, i(r))), o;
+  }
+  /* === Edge functions ========== */
+  /**
+   * Sets the default edge label or factory function. This label will be
+   * assigned as default label in case if no label was specified while setting
+   * an edge or this function will be invoked each time when setting an edge
+   * with no label specified and returned value will be used as a label for edge.
+   * Complexity: O(1).
+   */
+  setDefaultEdgeLabel(t) {
+    return this._defaultEdgeLabelFn = t, typeof t != "function" && (this._defaultEdgeLabelFn = () => t), this;
+  }
+  /**
+   * Gets the number of edges in the graph.
+   * Complexity: O(1).
+   */
+  edgeCount() {
+    return this._edgeCount;
+  }
+  /**
+   * Gets edges of the graph. In case of compound graph subgraphs are not considered.
+   * Complexity: O(|E|).
+   */
+  edges() {
+    return Object.values(this._edgeObjs);
+  }
+  /**
+   * Establish an edges path over the nodes in nodeIds list. If some edge already
+   * exists, it will update its label, otherwise it will create an edge between pair
+   * of nodes with label provided or default label if no label provided.
+   * Complexity: O(|nodeIds|).
+   */
+  setPath(t, o) {
+    const n = this, s = arguments;
+    return t.reduce((i, r) => (s.length > 1 ? n.setEdge(i, r, o) : n.setEdge(i, r), r)), this;
+  }
+  /**
+   * Creates or updates the label for the edge (v, w) with the optionally supplied
+   * name. If value is supplied it is set as the value for the edge. If value is not
+   * supplied and the edge was created by this call then the default edge label will
+   * be assigned. The name parameter is only useful with multigraphs.
+   */
+  setEdge() {
+    let t, o, n, s, i = !1;
+    const r = arguments[0];
+    typeof r == "object" && r !== null && "v" in r ? (t = r.v, o = r.w, n = r.name, arguments.length === 2 && (s = arguments[1], i = !0)) : (t = r, o = arguments[1], n = arguments[3], arguments.length > 2 && (s = arguments[2], i = !0)), t = "" + t, o = "" + o, n !== void 0 && (n = "" + n);
+    let l = Ee(this._isDirected, t, o, n);
+    if (Object.hasOwn(this._edgeLabels, l))
+      return i && (this._edgeLabels[l] = s), this;
+    if (n !== void 0 && !this._isMultigraph)
+      throw new Error("Cannot set a named edge when isMultigraph = false");
+    this.setNode(t), this.setNode(o), this._edgeLabels[l] = i ? s : this._defaultEdgeLabelFn(t, o, n);
+    const a = Nn(this._isDirected, t, o, n);
+    return t = a.v, o = a.w, Object.freeze(a), this._edgeObjs[l] = a, Yt(this._preds[o], t), Yt(this._sucs[t], o), this._in[o][l] = a, this._out[t][l] = a, this._edgeCount++, this;
+  }
+  /**
+   * Gets the label for the specified edge.
+   * Complexity: O(1).
+   */
+  edge(t, o, n) {
+    const s = arguments.length === 1 ? et(this._isDirected, arguments[0]) : Ee(this._isDirected, t, o, n);
+    return this._edgeLabels[s];
+  }
+  /**
+   * Gets the label for the specified edge and converts it to an object.
+   * Complexity: O(1)
+   */
+  edgeAsObj() {
+    const t = this.edge(...arguments);
+    return typeof t != "object" ? { label: t } : t;
+  }
+  /**
+   * Detects whether the graph contains specified edge or not. No subgraphs are considered.
+   * Complexity: O(1).
+   */
+  hasEdge(t, o, n) {
+    const s = arguments.length === 1 ? et(this._isDirected, arguments[0]) : Ee(this._isDirected, t, o, n);
+    return Object.hasOwn(this._edgeLabels, s);
+  }
+  /**
+   * Removes the specified edge from the graph. No subgraphs are considered.
+   * Complexity: O(1).
+   */
+  removeEdge(t, o, n) {
+    const s = arguments.length === 1 ? et(this._isDirected, arguments[0]) : Ee(this._isDirected, t, o, n), i = this._edgeObjs[s];
+    return i && (t = i.v, o = i.w, delete this._edgeLabels[s], delete this._edgeObjs[s], Ht(this._preds[o], t), Ht(this._sucs[t], o), delete this._in[o][s], delete this._out[t][s], this._edgeCount--), this;
+  }
+  /**
+   * Return all edges that point to the node v. Optionally filters those edges down to just those
+   * coming from node u. Behavior is undefined for undirected graphs - use nodeEdges instead.
+   * Complexity: O(|E|).
+   */
+  inEdges(t, o) {
+    const n = this._in[t];
+    if (n) {
+      const s = Object.values(n);
+      return o ? s.filter((i) => i.v === o) : s;
+    }
+  }
+  /**
+   * Return all edges that are pointed at by node v. Optionally filters those edges down to just
+   * those pointing to w. Behavior is undefined for undirected graphs - use nodeEdges instead.
+   * Complexity: O(|E|).
+   */
+  outEdges(t, o) {
+    const n = this._out[t];
+    if (n) {
+      const s = Object.values(n);
+      return o ? s.filter((i) => i.w === o) : s;
+    }
+  }
+  /**
+   * Returns all edges to or from node v regardless of direction. Optionally filters those edges
+   * down to just those between nodes v and w regardless of direction.
+   * Complexity: O(|E|).
+   */
+  nodeEdges(t, o) {
+    const n = this.inEdges(t, o);
+    if (n)
+      return n.concat(this.outEdges(t, o));
+  }
+}
+function Yt(e, t) {
+  e[t] ? e[t]++ : e[t] = 1;
+}
+function Ht(e, t) {
+  --e[t] || delete e[t];
+}
+function Ee(e, t, o, n) {
+  let s = "" + t, i = "" + o;
+  if (!e && s > i) {
+    const r = s;
+    s = i, i = r;
+  }
+  return s + Wt + i + Wt + (n === void 0 ? _n : n);
+}
+function Nn(e, t, o, n) {
+  let s = "" + t, i = "" + o;
+  if (!e && s > i) {
+    const l = s;
+    s = i, i = l;
+  }
+  const r = { v: s, w: i };
+  return n && (r.name = n), r;
+}
+function et(e, t) {
+  return Ee(e, t.v, t.w, t.name);
+}
+class An {
+  constructor() {
+    const t = {};
+    t._next = t._prev = t, this._sentinel = t;
+  }
+  dequeue() {
+    const t = this._sentinel, o = t._prev;
+    if (o !== t)
+      return Zt(o), o;
+  }
+  enqueue(t) {
+    const o = this._sentinel;
+    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, Sn)), n = n._prev;
+    return "[" + t.join(", ") + "]";
+  }
+}
+function Zt(e) {
+  e._prev._next = e._next, e._next._prev = e._prev, delete e._next, delete e._prev;
+}
+function Sn(e, t) {
+  if (e !== "_next" && e !== "_prev")
+    return t;
+}
+const Ln = () => 1;
+function On(e, t) {
+  if (e.nodeCount() <= 1)
+    return [];
+  const o = Rn(e, t || Ln);
+  return Tn(o.graph, o.buckets, o.zeroIndex).flatMap((s) => e.outEdges(s.v, s.w));
+}
+function Tn(e, t, o) {
+  let n = [];
+  const s = t[t.length - 1], i = t[0];
+  let r;
+  for (; e.nodeCount(); ) {
+    for (; r = i.dequeue(); )
+      tt(e, t, o, r);
+    for (; r = s.dequeue(); )
+      tt(e, t, o, r);
+    if (e.nodeCount()) {
+      for (let l = t.length - 2; l > 0; --l)
+        if (r = t[l].dequeue(), r) {
+          n = n.concat(tt(e, t, o, r, !0));
+          break;
+        }
+    }
+  }
+  return n;
+}
+function tt(e, t, o, n, s) {
+  const i = s ? [] : void 0;
+  return e.inEdges(n.v).forEach((r) => {
+    const l = e.edge(r), a = e.node(r.v);
+    s && i.push({ v: r.v, w: r.w }), a.out -= l, at(t, o, a);
+  }), e.outEdges(n.v).forEach((r) => {
+    const l = e.edge(r), a = e.node(r.w);
+    a.in -= l, at(t, o, a);
+  }), e.removeNode(n.v), i;
+}
+function Rn(e, t) {
+  const o = new q();
+  let n = 0, s = 0;
+  e.nodes().forEach((l) => {
+    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), 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 i = Mn(s + n + 3).map(() => new An()), r = n + 1;
+  return o.nodes().forEach((l) => {
+    at(i, r, o.node(l));
+  }), {
+    graph: o,
+    buckets: i,
+    zeroIndex: r
+  };
+}
+function at(e, t, o) {
+  o.out ? o.in ? e[o.out - o.in + t].enqueue(o) : e[e.length - 1].enqueue(o) : e[0].enqueue(o);
+}
+function Mn(e) {
+  const t = [];
+  for (let o = 0; o < e; o++)
+    t.push(o);
+  return t;
+}
+function ue(e, t, o, n) {
+  let s = n;
+  for (; e.hasNode(s); )
+    s = Be(n);
+  return o.dummy = t, e.setNode(s, o), s;
+}
+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) => {
+    const n = t.edge(o.v, o.w) || { weight: 0, minlen: 1 }, s = e.edge(o);
+    t.setEdge(o.v, o.w, {
+      weight: n.weight + s.weight,
+      minlen: Math.max(n.minlen, s.minlen)
+    });
+  }), t;
+}
+function ut(e) {
+  const t = new q({ multigraph: e.isMultigraph() }).setGraph(e.graph());
+  return e.nodes().forEach((o) => {
+    e.children(o).length || t.setNode(o, e.node(o));
+  }), e.edges().forEach((o) => {
+    t.setEdge(o, e.edge(o));
+  }), t;
+}
+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 Ve(e.nodes(), t);
+}
+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 Ve(e.nodes(), t);
+}
+function ct(e, t) {
+  let o = e.x, n = e.y;
+  const s = t.x - o, i = t.y - n;
+  let r = e.width / 2, l = e.height / 2;
+  if (!s && !i)
+    throw new Error("Not possible to find intersection inside of the rectangle");
+  let a, c;
+  return Math.abs(i) * r > Math.abs(s) * l ? (i < 0 && (l = -l), a = l * s / i, c = l) : (s < 0 && (r = -r), a = r, c = r * i / s), { x: o + a, y: n + c };
+}
+function _e(e) {
+  const t = ce(dt(e) + 1).map(() => []);
+  return e.nodes().forEach((o) => {
+    const n = e.node(o), s = n.rank;
+    s !== void 0 && (t[s][n.order] = o);
+  }), t;
+}
+function lo(e) {
+  const t = e.nodes().map((n) => {
+    const s = e.node(n).rank;
+    return s === void 0 ? Number.MAX_VALUE : s;
+  }), o = W(Math.min, t);
+  e.nodes().forEach((n) => {
+    const s = e.node(n);
+    Object.hasOwn(s, "rank") && (s.rank -= o);
+  });
+}
+function ao(e) {
+  const t = e.nodes().map((r) => e.node(r).rank).filter((r) => r !== void 0), o = W(Math.min, t), n = [];
+  e.nodes().forEach((r) => {
+    const l = e.node(r).rank - o;
+    n[l] || (n[l] = []), n[l].push(r);
+  });
+  let s = 0;
+  const i = e.graph().nodeRankFactor;
+  Array.from(n).forEach((r, l) => {
+    r === void 0 && l % i !== 0 ? --s : r !== void 0 && s && r.forEach((a) => {
+      e.node(a).rank += s;
+    });
+  });
+}
+function Fn(e, t, o, n) {
+  const s = {
+    width: 0,
+    height: 0
+  };
+  return arguments.length >= 4 && (s.rank = o, s.order = n), ue(e, "border", s, t);
+}
+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);
+    o.push(s);
+  }
+  return o;
+}
+function W(e, t) {
+  if (t.length > co) {
+    const o = Pn(t);
+    return e.apply(
+      null,
+      o.map((n) => e.apply(null, n))
+    );
+  } else
+    return e.apply(null, t);
+}
+function dt(e) {
+  const o = e.nodes().map((n) => {
+    const s = e.node(n).rank;
+    return s === void 0 ? Number.MIN_VALUE : s;
+  });
+  return W(Math.max, o);
+}
+function uo(e, t) {
+  const o = { lhs: [], rhs: [] };
+  return e.forEach((n) => {
+    t(n) ? o.lhs.push(n) : o.rhs.push(n);
+  }), o;
+}
+function fo(e, t) {
+  const o = Date.now();
+  try {
+    return t();
+  } finally {
+    console.log(e + " time: " + (Date.now() - o) + "ms");
+  }
+}
+function ho(e, t) {
+  return t();
+}
+let zn = 0;
+function Be(e) {
+  const t = ++zn;
+  return e + String(t);
+}
+function ce(e, t, o = 1) {
+  t == null && (t = e, e = 0);
+  let n = (i) => i < t;
+  o < 0 && (n = (i) => t < i);
+  const s = [];
+  for (let i = e; n(i); i += o)
+    s.push(i);
+  return s;
+}
+function xe(e, t) {
+  const o = {};
+  for (const n of t)
+    e[n] !== void 0 && (o[n] = e[n]);
+  return o;
+}
+function Ne(e, t) {
+  let o = t;
+  if (typeof t == "string") {
+    const n = t;
+    o = (s) => s[n];
+  }
+  return Object.entries(e).reduce((n, [s, i]) => (n[s] = o(i, s), n), {});
+}
+function Ve(e, t) {
+  return e.reduce((o, n, s) => (o[n] = t[s], o), {});
+}
+const ze = {
+  addBorderNode: Fn,
+  addDummyNode: ue,
+  applyWithChunking: W,
+  asNonCompoundGraph: ut,
+  buildLayerMatrix: _e,
+  intersectRect: ct,
+  mapValues: Ne,
+  maxRank: dt,
+  normalizeRanks: lo,
+  notime: ho,
+  partition: uo,
+  pick: xe,
+  predecessorWeights: Dn,
+  range: ce,
+  removeEmptyRanks: ao,
+  simplify: io,
+  successorWeights: $n,
+  time: fo,
+  uniqueId: Be,
+  zipObject: Ve
+};
+function Bn(e) {
+  (e.graph().acyclicer === "greedy" ? On(e, o(e)) : In(e)).forEach((n) => {
+    const s = e.edge(n);
+    e.removeEdge(n), s.forwardName = n.name, s.reversed = !0, e.setEdge(n.w, n.v, s, Be("rev"));
+  });
+  function o(n) {
+    return (s) => n.edge(s).weight;
+  }
+}
+function Vn(e) {
+  e.edges().forEach((t) => {
+    const o = e.edge(t);
+    if (o.reversed) {
+      e.removeEdge(t);
+      const n = o.forwardName;
+      delete o.reversed, delete o.forwardName, e.setEdge(t.w, t.v, o, n);
+    }
+  });
+}
+function In(e) {
+  const t = [], o = {}, n = {};
+  function s(i) {
+    Object.hasOwn(n, i) || (n[i] = !0, o[i] = !0, e.outEdges(i).forEach((r) => {
+      Object.hasOwn(o, r.w) ? t.push(r) : s(r.w);
+    }), delete o[i]);
+  }
+  return e.nodes().forEach(s), t;
+}
+function Gn(e) {
+  e.graph().dummyChains = [], e.edges().forEach((t) => jn(e, t));
+}
+function jn(e, t) {
+  let o = t.v, n = e.node(o).rank;
+  const s = t.w, i = e.node(s).rank, r = t.name, l = e.edge(t), a = l.labelRank;
+  if (i === n + 1)
+    return;
+  e.removeEdge(t);
+  let c, d, f;
+  for (f = 0, ++n; n < i; ++f, ++n)
+    l.points = [], d = {
+      width: 0,
+      height: 0,
+      edgeLabel: l,
+      edgeObj: t,
+      rank: n
+    }, c = ue(e, "edge", d, "_d"), n === a && (d.width = l.width, d.height = l.height, d.dummy = "edge-label", d.labelpos = l.labelpos), e.setEdge(o, c, { weight: l.weight }, r), f === 0 && e.graph().dummyChains.push(c), o = c;
+  e.setEdge(o, s, { weight: l.weight }, r);
+}
+function Wn(e) {
+  e.graph().dummyChains.forEach((t) => {
+    let o = e.node(t);
+    const n = o.edgeLabel;
+    e.setEdge(o.edgeObj, n);
+    let s;
+    for (; o.dummy; )
+      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 mo(e) {
+  function t(o) {
+    const n = e.node(o);
+    if (n && Object.prototype.hasOwnProperty.call(n, "rank"))
+      return n.rank;
+    const s = e.outEdges(o) || [];
+    if (!s.length)
+      return n && (n.rank = 0), 0;
+    const i = s.map((l) => {
+      if (!e.node(l.w))
+        return Number.POSITIVE_INFINITY;
+      const c = t(l.w), d = e.edge(l).minlen;
+      return c - d;
+    });
+    let r = W(Math.min, i);
+    return r === Number.POSITIVE_INFINITY && (r = 0), n && (n.rank = r), r;
+  }
+  (e.sources() || []).forEach(t);
+}
+function Yn(e, t) {
+  return e.node(t.w).rank - e.node(t.v).rank - e.edge(t).minlen;
+}
+function Hn(e) {
+  Zn(e);
+  const t = new q();
+  e.nodes().forEach((i) => {
+    t.setNode(i, {});
+  });
+  const o = e.nodes();
+  if (!o.length)
+    return t;
+  const n = o[0], s = /* @__PURE__ */ new Set([n]);
+  for (; s.size < o.length; ) {
+    const i = Un(e, s);
+    if (!i) {
+      const d = o.find((f) => !s.has(f));
+      s.add(d), t.setNode(d, {});
+      continue;
+    }
+    const { edgeObject: r, delta: l, attachFrom: a, attachTo: c } = i;
+    Xn(e, s, a, l), t.setEdge(r.v, r.w, {}), s.add(c);
+  }
+  return t;
+}
+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 Un(e, t) {
+  let o = null;
+  return e.edges().forEach((n) => {
+    const s = t.has(n.v), i = t.has(n.w);
+    if (s === i)
+      return;
+    const r = Yn(e, n), l = Math.abs(r);
+    if (!o || l < o.absoluteSlack) {
+      const a = s ? n.v : n.w, c = s ? n.w : n.v, d = s ? r : -r;
+      o = {
+        edgeObject: n,
+        delta: d,
+        attachFrom: a,
+        attachTo: c,
+        absoluteSlack: l
+      };
+    }
+  }), o;
+}
+function Xn(e, t, o, n) {
+  n && e.nodes().forEach((s) => {
+    if (!t.has(s)) {
+      const i = e.node(s);
+      i.rank += n;
+    }
+  });
+}
+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 qn(e, t) {
+}
+function Kn(e, t) {
+}
+function Jn(e, t, o) {
+  return 0;
+}
+function Qn(e) {
+  return null;
+}
+function es(e, t) {
+  return null;
+}
+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":
+      Ut(e);
+      break;
+    case "tight-tree":
+      ns(e);
+      break;
+    case "longest-path":
+      os(e);
+      break;
+    case "none":
+      break;
+    default:
+      Ut(e);
+  }
+}
+const os = go;
+function ns(e) {
+  go(e), Hn(e);
+}
+function Ut(e) {
+  de(e);
+}
+function ss(e) {
+  const t = is(e);
+  e.graph().dummyChains.forEach((o) => {
+    let n = e.node(o);
+    const s = n.edgeObj, i = rs(e, t, s.v, s.w), r = i.path, l = i.lca;
+    let a = 0, c = r[a], d = !0, f = o;
+    for (; f !== s.w; ) {
+      if (n = e.node(f), d) {
+        for (; (c = r[a]) !== l && e.node(c).maxRank < n.rank; )
+          a++;
+        c === l && (d = !1);
+      }
+      if (!d) {
+        for (; a < r.length - 1 && e.node(c = r[a + 1]).minRank <= n.rank; )
+          a++;
+        c = r[a];
+      }
+      e.setParent(f, c), f = e.successors(f)[0];
+    }
+  });
+}
+function rs(e, t, o, n) {
+  const s = [], i = [], r = Math.min(t[o].low, t[n].low), l = Math.max(t[o].lim, t[n].lim);
+  let a, c;
+  a = o;
+  do
+    a = e.parent(a), s.push(a);
+  while (a && (t[a].low > r || l > t[a].lim));
+  for (c = a, a = n; (a = e.parent(a)) !== c; )
+    i.push(a);
+  return {
+    path: s.concat(i.reverse()),
+    lca: c
+  };
+}
+function is(e) {
+  const t = {};
+  let o = 0;
+  function n(s) {
+    const i = o;
+    e.children(s).forEach(n), t[s] = { low: i, lim: o++ };
+  }
+  return e.children().forEach(n), t;
+}
+function ls(e) {
+  const t = ze.addDummyNode(e, "root", {}, "_root"), o = as(e), n = Object.values(o), s = ze.applyWithChunking(Math.max, n) - 1, i = 2 * s + 1;
+  e.graph().nestingRoot = t, e.edges().forEach((l) => {
+    e.edge(l).minlen *= i;
+  });
+  const r = cs(e) + 1;
+  e.children().forEach((l) => {
+    vo(e, t, i, r, s, o, l);
+  }), e.graph().nodeRankFactor = i;
+}
+function vo(e, t, o, n, s, i, r) {
+  const l = e.children(r);
+  if (!l.length) {
+    r !== t && e.setEdge(t, r, { weight: 0, minlen: o });
+    return;
+  }
+  const a = ze.addBorderNode(e, "_bt"), c = ze.addBorderNode(e, "_bb"), d = e.node(r);
+  e.setParent(a, r), d.borderTop = a, e.setParent(c, r), d.borderBottom = c, l.forEach((f) => {
+    vo(e, t, o, n, s, i, f);
+    const g = e.node(f), b = g.borderTop ? g.borderTop : f, N = g.borderBottom ? g.borderBottom : f, x = g.borderTop ? n : 2 * n, T = b !== N ? 1 : s - i[r] + 1;
+    e.setEdge(a, b, {
+      weight: x,
+      minlen: T,
+      nestingEdge: !0
+    }), e.setEdge(N, c, {
+      weight: x,
+      minlen: T,
+      nestingEdge: !0
+    });
+  }), e.parent(r) || e.setEdge(t, a, {
+    weight: 0,
+    minlen: s + i[r]
+  });
+}
+function as(e) {
+  const t = {};
+  function o(n, s) {
+    const i = e.children(n);
+    i && i.length && i.forEach((r) => o(r, s + 1)), t[n] = s;
+  }
+  return e.children().forEach((n) => o(n, 1)), t;
+}
+function cs(e) {
+  return e.edges().reduce((t, o) => t + e.edge(o).weight, 0);
+}
+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 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 i = s.minRank, r = s.maxRank + 1; i < r; ++i)
+        Xt(e, "borderLeft", "_bl", o, s, i), Xt(e, "borderRight", "_br", o, s, i);
+    }
+  }
+  e.children().forEach(t);
+}
+function Xt(e, t, o, n, s, i) {
+  const r = {
+    width: 0,
+    height: 0,
+    rank: i,
+    borderType: t
+  }, l = s[t][i - 1], a = ue(e, "border", r, o);
+  s[t][i] = a, e.setParent(a, n), l && e.setEdge(l, a, { weight: 1 });
+}
+function fs(e) {
+  const t = e.graph().rankdir.toLowerCase();
+  (t === "lr" || t === "rl") && bo(e);
+}
+function hs(e) {
+  const t = e.graph().rankdir.toLowerCase();
+  (t === "bt" || t === "rl") && ms(e), (t === "lr" || t === "rl") && (gs(e), bo(e));
+}
+function bo(e) {
+  e.nodes().forEach((t) => {
+    qt(e.node(t));
+  }), e.edges().forEach((t) => {
+    qt(e.edge(t));
+  });
+}
+function qt(e) {
+  const t = e.width;
+  e.width = e.height, e.height = t;
+}
+function ms(e) {
+  e.nodes().forEach((t) => {
+    ot(e.node(t));
+  }), e.edges().forEach((t) => {
+    const o = e.edge(t);
+    o.points.forEach(ot), Object.hasOwn(o, "y") && ot(o);
+  });
+}
+function ot(e) {
+  e.y = -e.y;
+}
+function gs(e) {
+  e.nodes().forEach((t) => {
+    nt(e.node(t));
+  }), e.edges().forEach((t) => {
+    const o = e.edge(t);
+    o.points.forEach(nt), Object.hasOwn(o, "x") && nt(o);
+  });
+}
+function nt(e) {
+  const t = e.x;
+  e.x = e.y, e.y = t;
+}
+const Kt = {
+  adjust: fs,
+  undo: hs
+};
+function vs(e) {
+  const t = {}, o = e.nodes().filter((a) => e.children(a).length === 0), n = o.map((a) => e.node(a).rank), s = W(Math.max, n), i = ce(s + 1).map(() => []);
+  function r(a) {
+    if (t[a]) return;
+    t[a] = !0;
+    const c = e.node(a);
+    i[c.rank].push(a), e.successors(a).forEach(r);
+  }
+  return o.sort(
+    (a, c) => e.node(a).rank - e.node(c).rank
+  ).forEach(r), i;
+}
+function bs(e, t) {
+  let o = 0;
+  for (let n = 1; n < t.length; ++n)
+    o += ps(e, t[n - 1], t[n]);
+  return o;
+}
+function ps(e, t, o) {
+  const n = Ve(
+    o,
+    o.map((c, d) => d)
+  ), s = t.flatMap((c) => e.outEdges(c).map((d) => ({
+    pos: n[d.w],
+    weight: e.edge(d).weight
+  })).sort((d, f) => d.pos - f.pos));
+  let i = 1;
+  for (; i < o.length; ) i <<= 1;
+  const r = 2 * i - 1;
+  i -= 1;
+  const l = new Array(r).fill(0);
+  let a = 0;
+  return s.forEach((c) => {
+    let d = c.pos + i;
+    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 ws(e, t = []) {
+  return t.map((o) => {
+    const n = e.inEdges(o);
+    if (!n.length)
+      return { v: o };
+    const s = n.reduce(
+      (i, r) => {
+        const l = e.edge(r), a = e.node(r.v);
+        return {
+          sum: i.sum + l.weight * a.order,
+          weight: i.weight + l.weight
+        };
+      },
+      { sum: 0, weight: 0 }
+    );
+    return {
+      v: o,
+      barycenter: s.sum / s.weight,
+      weight: s.weight
+    };
+  });
+}
+function ys(e, t) {
+  const o = {};
+  e.forEach((s, i) => {
+    const r = o[s.v] = {
+      indegree: 0,
+      in: [],
+      out: [],
+      vs: [s.v],
+      i
+    };
+    s.barycenter !== void 0 && (r.barycenter = s.barycenter, r.weight = s.weight);
+  }), t.edges().forEach((s) => {
+    const i = o[s.v], r = o[s.w];
+    i !== void 0 && r !== void 0 && (r.indegree++, i.out.push(r));
+  });
+  const n = Object.values(o).filter((s) => !s.indegree);
+  return ks(n);
+}
+function ks(e) {
+  const t = [];
+  function o(s) {
+    return (i) => {
+      i.merged || (i.barycenter === void 0 || s.barycenter === void 0 || i.barycenter >= s.barycenter) && Es(s, i);
+    };
+  }
+  function n(s) {
+    return (i) => {
+      i.in.push(s), --i.indegree === 0 && e.push(i);
+    };
+  }
+  for (; e.length; ) {
+    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) => xe(s, ["vs", "i", "barycenter", "weight"]));
+}
+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 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), i = [];
+  let r = 0, l = 0, a = 0;
+  n.sort(xs(!!t)), a = Jt(i, s, a), n.forEach((d) => {
+    a += d.vs.length, i.push(d.vs), r += d.barycenter * d.weight, l += d.weight, a = Jt(i, s, a);
+  });
+  const c = { vs: i.flat(!0) };
+  return l && (c.barycenter = r / l, c.weight = l), c;
+}
+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 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 po(e, t, o, n) {
+  let s = e.children(t);
+  const i = e.node(t), r = i ? i.borderLeft : void 0, l = i ? i.borderRight : void 0, a = {};
+  r && (s = s.filter((g) => g !== r && g !== l));
+  const c = ws(e, s);
+  c.forEach((g) => {
+    if (e.children(g.v).length) {
+      const b = po(e, g.v, o, n);
+      a[g.v] = b, Object.hasOwn(b, "barycenter") && Ns(g, b);
+    }
+  });
+  let d = ys(c, o);
+  _s(d, a);
+  const f = Cs(d, n);
+  if (r && (f.vs = [r, f.vs, l].flat(!0), e.predecessors(r).length)) {
+    const g = e.node(e.predecessors(r)[0]), b = e.node(e.predecessors(l)[0]);
+    Object.hasOwn(f, "barycenter") || (f.barycenter = 0, f.weight = 0), f.barycenter = (f.barycenter * f.weight + g.order + b.order) / (f.weight + 2), f.weight += 2;
+  }
+  return f;
+}
+function _s(e, t) {
+  e.forEach((o) => {
+    o.vs = o.vs.flatMap((n) => t[n] ? t[n].vs : n);
+  });
+}
+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 As(e, t, o, n) {
+  n || (n = e.nodes());
+  const s = Ss(e), i = new q({ compound: !0 }).setGraph({ root: s }).setDefaultNodeLabel((r) => e.node(r));
+  return n.forEach((r) => {
+    const l = e.node(r), a = e.parent(r);
+    (l.rank === t || l.minRank <= t && t <= l.maxRank) && (i.setNode(r), i.setParent(r, a || s), e[o](r).forEach((d) => {
+      const f = d.v === r ? d.w : d.v, g = i.edge(f, r), b = g ? g.weight : 0;
+      i.setEdge(f, r, {
+        weight: e.edge(d).weight + b
+      });
+    }), Object.hasOwn(l, "minRank") && i.setNode(r, {
+      borderLeft: l.borderLeft[t],
+      borderRight: l.borderRight[t]
+    }));
+  }), i;
+}
+function Ss(e) {
+  let t;
+  for (; e.hasNode(t = Be("_root")); ) ;
+  return t;
+}
+function Ls(e, t, o) {
+  let n = {}, s;
+  o.forEach((i) => {
+    let r = e.parent(i), l, a;
+    for (; r; ) {
+      if (l = e.parent(r), l ? (a = n[l], n[l] = r) : (a = s, s = r), a && a !== r) {
+        t.setEdge(a, r);
+        return;
+      }
+      r = l;
+    }
+  });
+}
+function wo(e, t = {}) {
+  if (typeof t.customOrder == "function") {
+    t.customOrder(e, wo);
+    return;
+  }
+  const o = dt(e), n = Qt(
+    e,
+    ce(1, o + 1),
+    "inEdges"
+  ), s = Qt(
+    e,
+    ce(o - 1, -1, -1),
+    "outEdges"
+  );
+  let i = vs(e);
+  if (eo(e, i), t.disableOptimalOrderHeuristic)
+    return;
+  let r = Number.POSITIVE_INFINITY, l;
+  const a = t.constraints || [];
+  for (let c = 0, d = 0; d < 4; ++c, ++d) {
+    const f = c % 2 === 0 ? n : s, g = c % 4 >= 2;
+    Os(f, g, a), i = _e(e);
+    const b = bs(e, i);
+    b < r ? (r = b, d = 0, l = structuredClone(i)) : b === r && (l = structuredClone(i));
+  }
+  eo(e, l);
+}
+function Qt(e, t, o) {
+  const n = /* @__PURE__ */ new Map();
+  function s(i, r) {
+    n.has(i) || n.set(i, []), n.get(i).push(r);
+  }
+  for (const i of e.nodes()) {
+    const r = e.node(i);
+    if (typeof r.rank == "number" && s(r.rank, i), typeof r.minRank == "number" && typeof r.maxRank == "number")
+      for (let l = r.minRank; l <= r.maxRank; l++)
+        l !== r.rank && s(l, i);
+  }
+  return t.map(
+    (i) => As(
+      e,
+      i,
+      o,
+      n.get(i) || []
+    )
+  );
+}
+function Os(e, t, o) {
+  const n = new q();
+  e.forEach((s) => {
+    o.forEach((l) => n.setEdge(l.left, l.right));
+    const i = s.graph().root, r = po(s, i, n, t);
+    r.vs.forEach((l, a) => {
+      s.node(l).order = a;
+    }), Ls(s, n, r.vs);
+  });
+}
+function eo(e, t) {
+  Object.values(t).forEach((o) => {
+    o.forEach((n, s) => {
+      e.node(n).order = s;
+    });
+  });
+}
+function Ts(e, t) {
+  const o = {};
+  function n(s, i) {
+    let r = 0, l = 0;
+    const a = s.length, c = i[i.length - 1];
+    return i.forEach((d, f) => {
+      const g = Ms(e, d), b = g ? e.node(g).order : a;
+      (g || d === c) && (i.slice(l, f + 1).forEach((N) => {
+        e.predecessors(N).forEach((x) => {
+          const T = e.node(x), I = T.order;
+          (I < r || b < I) && !(T.dummy && e.node(N).dummy) && yo(o, x, N);
+        });
+      }), l = f + 1, r = b);
+    }), i;
+  }
+  return t.length && t.reduce(n), o;
+}
+function Rs(e, t) {
+  const o = {};
+  function n(i, r, l, a, c) {
+    let d;
+    ce(r, l).forEach((f) => {
+      d = i[f], e.node(d).dummy && e.predecessors(d).forEach((g) => {
+        const b = e.node(g);
+        b.dummy && (b.order < a || b.order > c) && yo(o, g, d);
+      });
+    });
+  }
+  function s(i, r) {
+    let l = -1, a, c = 0;
+    return r.forEach((d, f) => {
+      if (e.node(d).dummy === "border") {
+        const g = e.predecessors(d);
+        g.length && (a = e.node(g[0]).order, n(r, c, f, l, a), c = f, l = a);
+      }
+      n(r, c, r.length, a, i.length);
+    }), r;
+  }
+  return t.length && t.reduce(s), o;
+}
+function Ms(e, t) {
+  if (e.node(t).dummy)
+    return e.predecessors(t).find((o) => e.node(o).dummy);
+}
+function yo(e, t, o) {
+  if (t > o) {
+    const s = t;
+    t = o, o = s;
+  }
+  let n = e[t];
+  n || (e[t] = n = {}), n[o] = !0;
+}
+function $s(e, t, o) {
+  if (t > o) {
+    const n = t;
+    t = o, o = n;
+  }
+  return !!e[t] && Object.hasOwn(e[t], o);
+}
+function Ds(e, t, o, n) {
+  const s = {}, i = {}, r = {};
+  return t.forEach((l) => {
+    l.forEach((a, c) => {
+      s[a] = a, i[a] = a, r[a] = c;
+    });
+  }), t.forEach((l) => {
+    let a = -1;
+    l.forEach((c) => {
+      let d = n(c);
+      if (d.length) {
+        d = d.sort((g, b) => r[g] - r[b]);
+        const f = (d.length - 1) / 2;
+        for (let g = Math.floor(f), b = Math.ceil(f); g <= b; ++g) {
+          const N = d[g];
+          i[c] === c && a < r[N] && !$s(o, c, N) && (i[N] = c, i[c] = s[c] = s[N], a = r[N]);
+        }
+      }
+    });
+  }), { root: s, align: i };
+}
+function Fs(e, t, o, n, s) {
+  const i = {}, r = Ps(e, t, o, s), l = s ? "borderLeft" : "borderRight";
+  function a(f, g) {
+    const b = r.nodes().slice(), N = {};
+    let x = b.pop();
+    for (; x; ) {
+      if (N[x])
+        f(x);
+      else {
+        N[x] = !0, b.push(x);
+        for (const T of g(x))
+          b.push(T);
+      }
+      x = b.pop();
+    }
+  }
+  function c(f) {
+    i[f] = r.inEdges(f).reduce((g, b) => Math.max(g, i[b.v] + r.edge(b)), 0);
+  }
+  function d(f) {
+    const g = r.outEdges(f).reduce((N, x) => Math.min(N, i[x.w] - r.edge(x)), Number.POSITIVE_INFINITY), b = e.node(f);
+    g !== Number.POSITIVE_INFINITY && b.borderType !== l && (i[f] = Math.max(i[f], g));
+  }
+  return a(c, r.predecessors.bind(r)), a(d, r.successors.bind(r)), Object.keys(n).forEach((f) => {
+    i[f] = i[o[f]];
+  }), i;
+}
+function Ps(e, t, o, n) {
+  const s = new e.constructor(), i = e.graph(), r = Gs(i.nodesep, i.edgesep, n);
+  return t.forEach((l) => {
+    let a;
+    l.forEach((c) => {
+      const d = o[c];
+      if (s.setNode(d), a) {
+        const f = o[a], g = s.edge(f, d);
+        s.setEdge(
+          f,
+          d,
+          Math.max(r(e, c, a), g || 0)
+        );
+      }
+      a = c;
+    });
+  }), s;
+}
+function zs(e, t) {
+  return Object.values(t).reduce(
+    (o, n) => {
+      let s = Number.NEGATIVE_INFINITY, i = Number.POSITIVE_INFINITY;
+      Object.entries(n).forEach(([l, a]) => {
+        const c = js(e, l) / 2;
+        s = Math.max(a + c, s), i = Math.min(a - c, i);
+      });
+      const r = s - i;
+      return r < o[0] && (o = [r, n]), o;
+    },
+    [Number.POSITIVE_INFINITY, null]
+  )[1];
+}
+function Bs(e, t) {
+  const o = Object.values(t), n = W(Math.min, o), s = W(Math.max, o);
+  ["u", "d"].forEach((i) => {
+    ["l", "r"].forEach((r) => {
+      const l = i + r;
+      let a = e[l];
+      if (a === t) return;
+      const c = Object.values(a);
+      let d = n - W(Math.min, c);
+      r !== "l" && (d = s - W(Math.max, c)), d && (a = Ne(a, (f) => f + d), e[l] = a);
+    });
+  });
+}
+function Vs(e, t) {
+  return Ne(e.ul, (o, n) => {
+    if (t)
+      return e[t.toLowerCase()][n];
+    const s = Object.values(e).map((i) => i[n]).sort((i, r) => i - r);
+    return (s[1] + s[2]) / 2;
+  });
+}
+function Is(e) {
+  const t = _e(e), o = Object.assign(
+    Ts(e, t),
+    Rs(e, t)
+  ), n = {};
+  let s;
+  ["u", "d"].forEach((r) => {
+    s = r === "u" ? t : Object.values(t).reverse(), ["l", "r"].forEach((l) => {
+      let a = s;
+      l === "r" && (a = a.map(
+        (g) => Object.values(g).reverse()
+      ));
+      const c = (r === "u" ? e.predecessors : e.successors).bind(e), d = Ds(
+        e,
+        a,
+        o,
+        c
+      );
+      let f = Fs(
+        e,
+        a,
+        d.root,
+        d.align,
+        l === "r"
+      );
+      l === "r" && (f = Ne(f, (g) => -g)), n[r + l] = f;
+    });
+  });
+  const i = zs(e, n);
+  return Bs(n, i), Vs(n, e.graph().align);
+}
+function Gs(e, t, o) {
+  return (n, s, i) => {
+    const r = n.node(s), l = n.node(i);
+    let a = 0, c;
+    if (a += r.width / 2, Object.hasOwn(r, "labelpos"))
+      switch (r.labelpos.toLowerCase()) {
+        case "l":
+          c = -r.width / 2;
+          break;
+        case "r":
+          c = r.width / 2;
+          break;
+      }
+    if (c && (a += o ? c : -c), c = 0, a += (r.dummy ? t : e) / 2, a += (l.dummy ? t : e) / 2, a += l.width / 2, Object.hasOwn(l, "labelpos"))
+      switch (l.labelpos.toLowerCase()) {
+        case "l":
+          c = l.width / 2;
+          break;
+        case "r":
+          c = -l.width / 2;
+          break;
+      }
+    return c && (a += o ? c : -c), c = 0, a;
+  };
+}
+function js(e, t) {
+  return e.node(t).width;
+}
+function Ws(e) {
+  const t = ut(e);
+  Ys(t);
+  const o = Is(t);
+  Object.entries(o).forEach(([n, s]) => {
+    e.node(n).x = s;
+  });
+}
+function Ys(e) {
+  const t = _e(e), o = e.graph().ranksep;
+  let n = 0;
+  t.forEach((s) => {
+    const i = s.reduce((r, l) => {
+      const a = e.node(l).height;
+      return r > a ? r : a;
+    }, 0);
+    s.forEach((r) => {
+      e.node(r).y = n + i / 2;
+    }), n += i + o;
+  });
+}
+function Hs(e, t = {}) {
+  const o = t.debugTiming ? fo : ho;
+  return o("layout", () => {
+    const n = o("  buildLayoutGraph", () => or(e));
+    return o("  runLayout", () => Zs(n, o, t)), o("  updateInputGraph", () => Us(e, n)), n;
+  });
+}
+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(ut(e))), t("    injectEdgeLabelProxies", () => sr(e)), t("    removeEmptyRanks", () => ao(e)), t("    nestingGraph.cleanup", () => us(e)), t("    normalizeRanks", () => lo(e)), t("    assignRankMinMax", () => rr(e)), t("    removeEdgeLabelProxies", () => ir(e)), t("    normalize.run", () => Gn(e)), t("    parentDummyChains", () => ss(e)), t("    addBorderSegments", () => ds(e)), t("    order", () => wo(e, o)), t("    insertSelfEdges", () => hr(e)), t("    adjustCoordinateSystem", () => Kt.adjust(e)), t("    position", () => Ws(e)), t("    positionSelfEdges", () => mr(e)), t("    removeBorderNodes", () => dr(e)), t("    normalize.undo", () => Wn(e)), t("    fixupEdgeLabelCoords", () => cr(e)), t("    undoCoordinateSystem", () => Kt.undo(e)), t("    translateGraph", () => lr(e)), t("    assignNodeIntersects", () => ar(e)), t("    reversePoints", () => ur(e)), t("    acyclic.undo", () => Vn(e));
+}
+function Us(e, t) {
+  e.nodes().forEach((s) => {
+    const i = e.node(s), r = t.node(s);
+    i && (i.x = r.x, i.y = r.y, i.order = r.order, i.rank = r.rank, t.children(s).length && (i.width = r.width, i.height = r.height));
+  }), e.edges().forEach((s) => {
+    const i = e.edge(s), r = t.edge(s);
+    i.points = r.points, Object.hasOwn(r, "x") && (i.x = r.x, i.y = r.y);
+  });
+  const o = t.graph(), n = e.graph();
+  n.width = o.width, n.height = o.height;
+}
+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"
+}, tr = ["labelpos", "arrowshape"];
+function or(e) {
+  const t = rt(e.graph()), o = {
+    ...qs,
+    ...st(t, Xs),
+    ...xe(t, Ks)
+  }, n = new q({ multigraph: !0, compound: !0 });
+  return n.setGraph(o), e.nodes().forEach((s) => {
+    const i = rt(e.node(s)), r = st(i, Js);
+    Object.keys(to).forEach((l) => {
+      r[l] === void 0 && (r[l] = to[l]);
+    }), n.setNode(s, r), n.setParent(s, e.parent(s));
+  }), e.edges().forEach((s) => {
+    const i = rt(e.edge(s));
+    n.setEdge(
+      s,
+      {
+        ...er,
+        ...st(i, Qs),
+        ...xe(i, tr)
+      }
+    );
+  }), n;
+}
+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 sr(e) {
+  e.edges().forEach((t) => {
+    const o = e.edge(t);
+    if (o.width && o.height) {
+      const n = e.node(t.v), i = { rank: (e.node(t.w).rank - n.rank) / 2 + n.rank, e: t };
+      ue(e, "edge-proxy", i, "_ep");
+    }
+  });
+}
+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 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 lr(e) {
+  let t = Number.POSITIVE_INFINITY, o = 0, n = Number.POSITIVE_INFINITY, s = 0;
+  const i = e.graph(), r = i.marginx || 0, l = i.marginy || 0;
+  function a(c) {
+    const d = c.x, f = c.y, g = c.width, b = c.height;
+    t = Math.min(t, d - g / 2), o = Math.max(o, d + g / 2), n = Math.min(n, f - b / 2), s = Math.max(s, f + b / 2);
+  }
+  e.nodes().forEach((c) => a(e.node(c))), e.edges().forEach((c) => {
+    const d = e.edge(c);
+    Object.hasOwn(d, "x") && a(d);
+  }), t -= r, n -= l, e.nodes().forEach((c) => {
+    const d = e.node(c);
+    d.x -= t, d.y -= n;
+  }), e.edges().forEach((c) => {
+    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);
+  }), i.width = o - t + r, i.height = s - n + l;
+}
+function ar(e) {
+  function o(n, s, i) {
+    if (!s)
+      return n;
+    const r = s.x - n.x, l = s.y - n.y, a = Math.sqrt(r * r + l * l);
+    if (!a || a <= i)
+      return n;
+    const c = i / a;
+    return {
+      x: n.x + r * c,
+      y: n.y + l * c
+    };
+  }
+  e.edges().forEach((n) => {
+    const s = e.edge(n), i = e.node(n.v), r = e.node(n.w);
+    let l, a;
+    !s.points || !s.points.length ? (s.points = [], l = r, a = i) : (l = s.points[0], a = s.points[s.points.length - 1]);
+    const c = ct(i, l), d = ct(r, a), f = s.points.length ? s.points[0] : l, g = s.points.length ? s.points[s.points.length - 1] : a, b = s.arrowshape, N = b === "normal" || b === "vee", x = !!s.reversed;
+    let T = c, I = d;
+    N && (x ? T = o(c, f, 4) : I = o(d, g, 4)), s.points.unshift(T), s.points.push(I);
+  });
+}
+function cr(e) {
+  e.edges().forEach((t) => {
+    const o = e.edge(t);
+    if (Object.hasOwn(o, "x"))
+      switch ((o.labelpos === "l" || o.labelpos === "r") && (o.width -= o.labeloffset), o.labelpos) {
+        case "l":
+          o.x -= o.width / 2 + o.labeloffset;
+          break;
+        case "r":
+          o.x += o.width / 2 + o.labeloffset;
+          break;
+      }
+  });
+}
+function ur(e) {
+  e.edges().forEach((t) => {
+    const o = e.edge(t);
+    o.reversed && o.points.reverse();
+  });
+}
+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), i = e.node(o.borderLeft[o.borderLeft.length - 1]), r = e.node(o.borderRight[o.borderRight.length - 1]);
+      o.width = Math.abs(r.x - i.x), o.height = Math.abs(s.y - n.y), o.x = i.x + o.width / 2, o.y = n.y + o.height / 2;
+    }
+  }), e.nodes().forEach((t) => {
+    e.node(t).dummy === "border" && e.removeNode(t);
+  });
+}
+function fr(e) {
+  e.edges().forEach((t) => {
+    if (t.v === t.w) {
+      const o = e.node(t.v);
+      o.selfEdges || (o.selfEdges = []), o.selfEdges.push({ e: t, label: e.edge(t) }), e.removeEdge(t);
+    }
+  });
+}
+function hr(e) {
+  _e(e).forEach((o) => {
+    let n = 0;
+    o.forEach((s, i) => {
+      const r = e.node(s);
+      r.order = i + n, (r.selfEdges || []).forEach((l) => {
+        ue(e, "selfedge", {
+          width: l.label.width,
+          height: l.label.height,
+          rank: r.rank,
+          order: i + ++n,
+          e: l.e,
+          label: l.label
+        }, "_se");
+      }), delete r.selfEdges;
+    });
+  });
+}
+function mr(e) {
+  e.nodes().forEach((t) => {
+    const o = e.node(t);
+    if (o.dummy === "selfedge") {
+      const n = e.node(o.e.v), s = n.x + n.width / 2, i = n.y, r = o.x - s, l = n.height / 2;
+      e.setEdge(o.e, o.label), e.removeNode(t), o.label.points = [
+        { x: s + 2 * r / 3, y: i - l },
+        { x: s + 5 * r / 6, y: i - l },
+        { x: s + r, y: i },
+        { x: s + 5 * r / 6, y: i + l },
+        { x: s + 2 * r / 3, y: i + l }
+      ], o.label.x = o.x, o.label.y = o.y;
+    }
+  });
+}
+function st(e, t) {
+  return Ne(xe(e, t), Number);
+}
+function rt(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 gr = {
+  rankDirection: "TB",
+  // "TB", "BT", "LR", "RL"
+  nodeSeparation: 50,
+  rankSeparation: 50,
+  edgeSeparation: 10,
+  // "UL", "UR", "DL", "DR" or undefined force one of four extreme alignment strategies (Up/Down × Left/Right).
+  align: void 0,
+  nodeWidth: 100,
+  nodeHeight: 40,
+  curvedEdges: !1,
+  padding: 20,
+  // "undirected" | "normal" | "vee"
+  arrowShape: "normal",
+  arrowSize: 10
+};
+function vr(e) {
+  return e.length ? e.map(
+    (t, o) => `${o === 0 ? "M" : "L"} ${t.x} ${t.y}`
+  ).join(" ") : "";
+}
+function br(e) {
+  if (!e.length) return "";
+  if (e.length === 1) {
+    const s = e[0];
+    return `M ${s.x} ${s.y}`;
+  }
+  if (e.length === 2)
+    return `M ${e[0].x} ${e[0].y} L ${e[1].x} ${e[1].y}`;
+  const [t] = e;
+  let o = `M ${t.x} ${t.y}`;
+  for (let s = 1; s < e.length - 1; s += 1) {
+    e[s - 1];
+    const i = e[s], r = e[s + 1], l = i.x, a = i.y, c = (i.x + r.x) / 2, d = (i.y + r.y) / 2;
+    o += ` Q ${l} ${a} ${c} ${d}`;
+  }
+  const n = e[e.length - 1];
+  return o += ` L ${n.x} ${n.y}`, o;
+}
+function pr(e) {
+  const { nodes: t, edges: o, configuration: n } = e, s = k(null), i = k(null), r = `dag-arrow-${lt()}`;
+  function l(a, c, d) {
+    i.value = null, s.value = null;
+    const f = {
+      ...gr,
+      ...d
+    }, g = new q({ multigraph: !0, compound: !0 });
+    g.setGraph({
+      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((u) => {
+      g.setEdge(u.from, u.to, {
+        weight: u.weight ?? 1,
+        minlen: u.minLength ?? 1,
+        arrowShape: f.arrowShape ?? "normal"
+      });
+    }), Hs(g);
+    const b = a.map((u) => {
+      const G = g.node(u.id);
+      return {
+        id: u.id,
+        label: u.label,
+        x: G.x,
+        y: G.y,
+        width: G.width,
+        height: G.height,
+        original: u
+      };
+    }), N = g.edges().map((u) => {
+      const G = g.edge(u), H = G.points || [];
+      if (!H.length)
+        return null;
+      const Ae = f.curvedEdges ? br(H) : vr(H), Se = f.arrowShape !== "undirected" ? `url(#${r})` : null, Le = c.find((he) => he?.from === u.v && he?.to === u.w);
+      return {
+        id: `${u.v}->${u.w}->${lt()}`,
+        from: u.v,
+        to: u.w,
+        points: H,
+        pathData: Ae,
+        markerEnd: Se,
+        original: {
+          ...Le,
+          ...G
+        }
+      };
+    }).filter(Boolean), x = f.padding;
+    if (!b.length) {
+      s.value = {
+        nodes: [],
+        edges: N,
+        viewBox: "0 0 0 0",
+        arrowShape: f.arrowShape,
+        arrowSize: f.arrowSize
+      };
+      return;
+    }
+    const T = b.flatMap((u) => [
+      u.x - u.width / 2,
+      u.x + u.width / 2
+    ]), I = b.flatMap((u) => [
+      u.y - u.height / 2,
+      u.y + u.height / 2
+    ]), fe = Math.min(...T) - x, oe = Math.max(...T) + x, R = Math.min(...I) - x, P = Math.max(...I) + x;
+    s.value = {
+      nodes: b,
+      edges: N.map((u) => ({
+        ...u,
+        midpoint: u.pathData ? sn(u.pathData) : { x: 0, y: 0 }
+      })),
+      viewBox: `${fe} ${R} ${oe - fe} ${P - R}`,
+      arrowShape: f.arrowShape,
+      arrowSize: f.arrowSize
+    };
+  }
+  return Jo(() => {
+    try {
+      const a = v(t) || [], c = v(o) || [], d = v(n) || {};
+      l(a, c, d);
+    } catch (a) {
+      console.error("[useDag] layout error:", a), i.value = a, s.value = null;
+    }
+  }), {
+    layoutData: s,
+    lastError: i,
+    arrowMarkerIdentifier: r,
+    recomputeLayout: () => {
+      const a = v(t) || [], c = v(o) || [], d = v(n) || {};
+      l(a, c, d);
+    }
+  };
+}
+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: ko,
+  celebration: Eo,
+  celebrationNight: Co,
+  hack: xo,
+  zen: _o,
+  concrete: No
+}, ci = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  celebration: Eo,
+  celebrationNight: Co,
+  concrete: No,
+  dark: ko,
+  default: Ao,
+  hack: xo,
+  zen: _o
+}, Symbol.toStringTag, { value: "Module" }));
+function wr(e, t) {
+  const o = Ce(e);
+  return rn(o, t);
+}
+function ui(e, t) {
+  const o = Ce(e);
+  return ln(o, t);
+}
+function di(e, t) {
+  const o = Ce(e);
+  return an(o, t);
+}
+function fi({ defaultConfig: e, userConfig: t }) {
+  return so({ defaultConfig: e, userConfig: t });
+}
+const yr = {
+  __name: "BaseZoomControls",
+  props: {
+    config: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    scale: {
+      type: Number,
+      default: 0
+    },
+    withDirection: {
+      type: Boolean,
+      default: !1
+    },
+    isFullscreen: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["zoomIn", "zoomOut", "resetZoom", "switchDirection"],
+  setup(e, { emit: t }) {
+    const o = t;
+    return (n, s) => (y(), _("div", {
+      class: it({ "vue-data-ui-zoom-controls": !0, "vue-data-ui-zoom-controls-fullscreen": e.isFullscreen }),
+      "data-dom-to-png-ignore": "",
+      style: X({
+        border: e.config.style.chart.controls.border,
+        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": v(wr)(e.config.style.chart.controls.buttonColor, 0.2)
+      })
+    }, [
+      j("button", {
+        onClick: s[0] || (s[0] = (i) => o("zoomOut")),
+        class: "vue-data-ui-zoom-controls-button",
+        "data-cy-zoom-out": ""
+      }, [
+        ae(Qe, {
+          name: "zoomMinus",
+          stroke: e.config.style.chart.controls.color,
+          size: e.config.style.chart.controls.fontSize * 1.2
+        }, null, 8, ["stroke", "size"])
+      ]),
+      j("button", {
+        class: "vue-data-ui-zoom-controls-button-zoom",
+        onClick: s[1] || (s[1] = (i) => o("resetZoom")),
+        "data-cy-zoom-reset": "",
+        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"
+        })
+      }, le(Math.round(e.scale * 100)) + "% ", 5),
+      j("button", {
+        onClick: s[2] || (s[2] = (i) => o("zoomIn")),
+        class: "vue-data-ui-zoom-controls-button",
+        "data-cy-zoom-in": ""
+      }, [
+        ae(Qe, {
+          name: "zoomPlus",
+          stroke: e.config.style.chart.controls.color,
+          size: e.config.style.chart.controls.fontSize * 1.2
+        }, null, 8, ["stroke", "size"])
+      ]),
+      e.withDirection ? (y(), _("button", {
+        key: 0,
+        onClick: s[3] || (s[3] = (i) => o("switchDirection")),
+        class: "vue-data-ui-zoom-controls-button"
+      }, [
+        ae(Qe, {
+          name: "direction",
+          stroke: e.config.style.chart.controls.color,
+          size: e.config.style.chart.controls.fontSize * 1.2
+        }, null, 8, ["stroke", "size"])
+      ])) : S("", !0)
+    ], 6));
+  }
+}, oo = /* @__PURE__ */ ro(yr, [["__scopeId", "data-v-e4479474"]]), kr = ["id"], Er = {
+  key: 0,
+  class: "dag-chart-error"
+}, Cr = ["viewBox", "xmlns"], xr = { key: 0 }, _r = ["id", "markerWidth", "markerHeight", "refX", "refY"], Nr = ["d", "fill", "stroke"], Ar = ["d", "fill", "stroke"], Sr = { class: "vue-ui-dag-edges" }, Lr = ["d", "stroke", "stroke-width"], Or = ["cx", "cy", "r", "fill", "stroke", "stroke-width", "onMouseenter"], Tr = { class: "vue-ui-dag-nodes" }, Rr = ["onClick", "onMouseenter"], Mr = ["x", "y", "width", "height", "rx", "fill", "stroke", "stroke-width"], $r = ["x", "y", "font-size", "fill", "font-weight"], Dr = ["x", "y", "font-size", "fill", "font-weight", "innerHTML"], Fr = { key: 2 }, Pr = ["x", "y", "width", "height"], zr = { class: "vue-ui-dag-edges" }, Br = ["d", "stroke-width", "marker-end"], Vr = {
+  key: 6,
+  class: "vue-data-ui-watermark"
+}, Ir = ["data-position"], Gr = { key: 0 }, jr = ["data-position"], Wr = { key: 0 }, no = 1.5, Yr = {
+  __name: "vue-ui-dag",
+  props: {
+    dataset: {
+      type: Object,
+      default() {
+        return {
+          nodes: [],
+          edges: []
+        };
+      }
+    },
+    config: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  emits: ["onNodeClick", "onMidpointEnter", "onMidpointLeave"],
+  setup(e, { expose: t, emit: o }) {
+    const n = qe(() => import("./PenAndPaper-DscVdZ1u.js")), s = qe(() => import("./UserOptions-ChRXLqps.js")), i = qe(() => import("./PackageVersion-CR86X4r9.js")), { vue_ui_dag: r } = gn(), { isThemeValid: l, warnInvalidTheme: a } = yn(), c = e, d = o, f = k(null), g = k(lt()), b = k(null), N = k(null), x = k(null), T = k(0), I = k(0), fe = k(!1), oe = k(!1), R = k(null), P = k(null), u = k(We()), G = k(u.value.style.chart.width), H = k(u.value.style.chart.height), Ae = k({ x: 0, y: 0 }), z = k(null), Se = k(null), Le = k({ left: "0px", top: "0px" }), he = k("top"), K = k(!1), ft = k({ x: 0, y: 0 }), ht = k({ x: 0, y: 0 }), me = k(null), Ie = k(null), Ge = k({ left: "0px", top: "0px" }), mt = k("top"), Oe = k(!1), ge = k(!1), { svgRef: J } = En({ config: u.value.style.chart.title }), { userOptionsVisible: je, setUserOptionsVisibility: gt, keepUserOptionState: vt } = kn({ config: u.value }), Te = k(u.value.style.chart.layout.rankDirection), { loading: ve, FINAL_DATASET: bt, manualLoading: pt } = vn({
+      ...Qo(c),
+      FINAL_CONFIG: u,
+      prepareConfig: We,
+      skeletonDataset: {
+        nodes: [
+          { id: "A", label: "" },
+          { id: "B", label: "" },
+          { id: "C", label: "" }
+        ],
+        edges: [
+          { from: "A", to: "B" },
+          { from: "A", to: "C" }
+        ]
+      },
+      skeletonConfig: so({
+        defaultConfig: u.value,
+        userConfig: {
+          userOptions: { show: !1 },
+          style: {
+            chart: {
+              backgroundColor: "#99999930",
+              nodes: {
+                stroke: "#CCCCCC",
+                backgroundColor: "#DDDDDD50"
+              },
+              edges: {
+                stroke: "#CCCCCC"
+              },
+              midpoints: {
+                stroke: "#CCCCCC",
+                fill: "#CCCCCC"
+              }
+            }
+          }
+        }
+      })
+    });
+    function We() {
+      const m = Je({
+        userConfig: c.config,
+        defaultConfig: r
+      }), p = m.theme;
+      if (!p) return m;
+      if (!l.value(m))
+        return a(m), m;
+      const h = Je({
+        userConfig: Ao[p] || c.config,
+        defaultConfig: m
+      });
+      return Je({
+        userConfig: c.config,
+        defaultConfig: h
+      });
+    }
+    const wt = Y(() => !!u.value.debug);
+    Vt(async () => {
+      cn(c.dataset) && (jt({
+        componentName: "VueUiDag",
+        type: "dataset",
+        debug: wt.value
+      }), oe.value = !1, pt.value = !0), c.dataset.nodes || (jt({
+        componentName: "VueUiDag",
+        type: "datasetAttributeEmpty",
+        property: "nodes",
+        index: 0,
+        debug: wt.value
+      }), oe.value = !1, pt.value = !0), oe.value = !0, await De(), zt();
+    }), Fe(() => c.config, async (m) => {
+      ve.value || (u.value = We()), je.value = !u.value.userOptions.showOnChartHover, T.value += 1, Te.value = u.value.style.chart.layout.rankDirection, G.value = u.value.style.chart.width, H.value = u.value.style.chart.height, ne.value = u.value.style.chart.zoom.active, await De(), zt();
+    }, { deep: !0 });
+    const { isPrinting: yt, isImaging: kt, generatePdf: Et, generateImage: Ct } = pn({
+      elementId: `dag_${g.value}`,
+      fileName: u.value.style.chart.title.text || "vue-ui-dag",
+      options: u.value.userOptions.print
+    }), So = Y(() => u.value.style.chart.backgroundColor), Lo = Y(() => u.value.style.chart.title), { exportSvg: Oo, getSvg: To } = wn({
+      svg: J,
+      title: Lo,
+      legend: void 0,
+      legendItems: void 0,
+      backgroundColor: So
+    });
+    async function xt({ isCb: m }) {
+      if (m) {
+        const { blob: p, url: h, text: w, dataUrl: O } = await To();
+        u.value.userOptions.callbacks.svg({ blob: p, url: h, text: w, dataUrl: O });
+      } else
+        Oo();
+    }
+    function Ro() {
+      fe.value = !0, gt(!0);
+    }
+    function Mo() {
+      gt(!1), fe.value = !1;
+    }
+    function _t({
+      tooltipRef: m,
+      isVisibleRef: p,
+      anchorRef: h,
+      styleRef: w,
+      placementRef: O,
+      offsetRef: $,
+      margin: C = 24
+    }) {
+      return function() {
+        const ee = m.value;
+        if (!ee || !p.value) return;
+        const L = ee.getBoundingClientRect(), D = window.innerWidth, pe = window.innerHeight, we = h.value.x, Me = h.value.y, $e = $?.value?.x ?? 0, Bt = $?.value?.y ?? 0;
+        let F = Me - Bt - L.height - C, Z = we - L.width / 2, ye = "top";
+        if (F < C) {
+          const re = Me + Bt + C;
+          re + L.height <= pe - C ? (F = re, ye = "bottom") : (F = Me - L.height / 2, F < C && (F = C), F + L.height > pe - C && (F = pe - L.height - C), ye = "center");
+        }
+        Z < C && (Z = C), Z + L.width > D - C && (Z = D - L.width - C);
+        const Xo = Z <= C, qo = Z + L.width >= D - C;
+        if ((Xo || qo) && ye !== "center") {
+          let re, ke;
+          const Ko = we - $e - C;
+          D - (we + $e) - C >= Ko ? (re = "right", ke = we + $e + C) : (re = "left", ke = we - $e - C - L.width), ke >= C && ke + L.width <= D - C && (Z = ke, F = Me - L.height / 2, F < C && (F = C), F + L.height > pe - C && (F = pe - L.height - C), ye = re);
+        }
+        O.value = ye, w.value = {
+          left: `${Z}px`,
+          top: `${F}px`
+        };
+      };
+    }
+    const $o = Y(() => bt.value.nodes.map((m) => ({
+      ...m,
+      backgroundColor: m.backgroundColor ? Ce(m.backgroundColor) : u.value.style.chart.nodes.backgroundColor,
+      color: m.color ? Ce(m.color) : u.value.style.chart.nodes.labels.color
+    }))), Do = Y(() => bt.value.edges), Fo = Y(() => ({
+      ...u.value.style.chart.layout,
+      rankDirection: Te.value
+    })), { layoutData: E, lastError: Nt, arrowMarkerIdentifier: Po } = pr({
+      nodes: $o,
+      edges: Do,
+      configuration: Fo
+    });
+    function At(m) {
+      return E.value ? E.value.nodes.find((p) => p.id === m) : null;
+    }
+    const zo = Y(() => {
+      if (!E.value) return [];
+      const m = u.value.style.chart.edges.stroke, p = /* @__PURE__ */ new Set();
+      return E.value.edges.forEach((h) => {
+        p.add(h.original?.color || m);
+      }), Array.from(p);
+    });
+    function St(m) {
+      return `${Po}-${String(m).replace(/[^a-zA-Z0-9_-]/g, "_")}`;
+    }
+    const Lt = Y(() => {
+      const m = G.value, p = H.value, h = Number(m), w = Number(p), O = Number.isFinite(h) && h > 0, $ = Number.isFinite(w) && w > 0;
+      return !O && !$ ? null : {
+        width: O ? h : null,
+        height: $ ? w : null
+      };
+    }), be = k(null), ne = k(u.value.style.chart.zoom.active), {
+      viewBox: Ot,
+      resetZoom: Re,
+      setInitialViewBox: Bo,
+      scale: Tt,
+      zoomByFactor: Rt
+    } = mn(
+      J,
+      { x: 0, y: 0, width: 100, height: 100 },
+      1,
+      ne,
+      () => {
+        K.value = !1;
+      }
+    );
+    function Vo() {
+      ne.value = !ne.value;
+    }
+    function Mt() {
+      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, L = w;
+      const D = Lt.value;
+      D && (D.width !== null && (C = D.width), D.height !== null && (se = D.height), ee = h - (C - O) / 2, L = w - (se - $) / 2), Bo(
+        { x: ee, y: L, width: C, height: se },
+        { overwriteCurrentIfNotZoomed: !0 }
+      );
+    }
+    Fe(
+      () => E.value && E.value.viewBox,
+      () => {
+        Mt();
+      },
+      { immediate: !0 }
+    ), Fe(
+      () => Lt.value,
+      () => {
+        Mt();
+      }
+    ), Fe(() => ge.value, (m) => {
+      ne.value = !m;
+    });
+    const Io = Y(() => {
+      const m = Ot.value;
+      return m ? `${m.x} ${m.y} ${m.width} ${m.height}` : "0 0 0 0";
+    }), Q = k(!1);
+    function $t(m) {
+      Q.value = m, I.value += 1;
+    }
+    function Ye() {
+      ge.value = !ge.value;
+    }
+    function He() {
+      Rt(no, !0);
+    }
+    function Ze() {
+      Rt(1 / no, !0);
+    }
+    const Ue = ["TB", "RL", "BT", "LR"];
+    function Xe() {
+      Te.value = Ue[(Ue.indexOf(Te.value) + 1) % Ue.length], Re();
+    }
+    const Go = _t({
+      tooltipRef: Se,
+      isVisibleRef: Oe,
+      anchorRef: Ae,
+      styleRef: Le,
+      placementRef: he
+    }), jo = _t({
+      tooltipRef: Ie,
+      isVisibleRef: K,
+      anchorRef: ft,
+      styleRef: Ge,
+      placementRef: mt,
+      offsetRef: ht
+    });
+    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 De(), Go();
+    }
+    function Yo() {
+      Oe.value = !1, z.value = null, d("onMidpointLeave");
+    }
+    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 O = h.matrixTransform(w), $ = u.value.style.chart.layout.nodeWidth, C = u.value.style.chart.layout.nodeHeight, se = w.a, ee = w.d, L = $ * se, D = C * ee;
+      ht.value = {
+        x: L / 2,
+        y: D / 2
+      }, ft.value = {
+        x: O.x,
+        y: O.y
+      }, me.value = m, K.value = !0, await De(), jo();
+    }
+    function Dt() {
+      K.value = !1, me.value = null;
+    }
+    function Ft(m) {
+      if (!K.value) return;
+      const p = Ie.value;
+      if (p && p.contains(m.target))
+        return;
+      const h = J.value;
+      h && h.contains(m.target) && m.target.closest(".vue-ui-dag-node") || Dt();
+    }
+    function Pt(m) {
+      m.key === "Escape" && K.value && Dt();
+    }
+    Vt(() => {
+      document.addEventListener("mousedown", Ft), document.addEventListener("keydown", Pt);
+    }), en(() => {
+      document.removeEventListener("mousedown", Ft), document.removeEventListener("keydown", Pt), R.value && (P.value && R.value.unobserve(P.value), R.value.disconnect());
+    });
+    function zt() {
+      if (!u.value.responsive) {
+        R.value && (P.value && R.value.unobserve(P.value), R.value.disconnect(), R.value = null, P.value = null);
+        return;
+      }
+      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 ? x.value?.$el : null,
+          source: N.value
+        });
+        requestAnimationFrame(() => {
+          G.value = Math.max(0.1, p), H.value = Math.max(0.1, h - 12);
+        });
+      });
+      R.value && (P.value && R.value.unobserve(P.value), R.value.disconnect()), R.value = new ResizeObserver(m), P.value = f.value ? f.value.parentNode : null, P.value && R.value.observe(P.value), m();
+    }
+    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: O,
+        base64: $,
+        title: u.value.style.chart.title.text ?? "vue-ui-dag",
+        width: p,
+        height: h,
+        aspectRatio: w
+      };
+    }
+    function Uo() {
+      return E.value;
+    }
+    return t({
+      getData: Uo,
+      getImage: Zo,
+      generatePdf: Et,
+      generateSvg: xt,
+      generateImage: Ct,
+      toggleAnnotator: Ye,
+      toggleFullscreen: $t,
+      zoomIn: He,
+      zoomOut: Ze,
+      resetZoom: Re,
+      switchDirection: Xe
+    }), (m, p) => (y(), _("div", {
+      class: it(`vue-data-ui-component vue-ui-dag ${Q.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${u.value.responsive ? "vue-ui-dag-responsive" : ""}`),
+      id: `dag_${g.value}`,
+      ref_key: "dagChart",
+      ref: f,
+      style: X({
+        fontFamily: u.value.style.fontFamily,
+        backgroundColor: u.value.style.chart.backgroundColor,
+        padding: "0.5rem"
+      }),
+      onMouseenter: Ro,
+      onMouseleave: Mo
+    }, [
+      v(Nt) ? (y(), _("div", Er, le(String(v(Nt))), 1)) : S("", !0),
+      u.value.userOptions.buttons.annotator ? (y(), U(v(n), {
+        key: 1,
+        svgRef: v(J),
+        backgroundColor: u.value.style.chart.backgroundColor,
+        color: u.value.style.chart.color,
+        active: ge.value,
+        onClose: Ye
+      }, {
+        "annotator-action-close": M(() => [
+          A(m.$slots, "annotator-action-close", {}, void 0, !0)
+        ]),
+        "annotator-action-color": M(({ color: h }) => [
+          A(m.$slots, "annotator-action-color", B(V({ color: h })), void 0, !0)
+        ]),
+        "annotator-action-draw": M(({ mode: h }) => [
+          A(m.$slots, "annotator-action-draw", B(V({ mode: h })), void 0, !0)
+        ]),
+        "annotator-action-undo": M(({ disabled: h }) => [
+          A(m.$slots, "annotator-action-undo", B(V({ disabled: h })), void 0, !0)
+        ]),
+        "annotator-action-redo": M(({ disabled: h }) => [
+          A(m.$slots, "annotator-action-redo", B(V({ disabled: h })), void 0, !0)
+        ]),
+        "annotator-action-delete": M(({ disabled: h }) => [
+          A(m.$slots, "annotator-action-delete", B(V({ disabled: h })), void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["svgRef", "backgroundColor", "color", "active"])) : S("", !0),
+      u.value.userOptions.show && oe.value && (v(vt) || v(je)) ? (y(), U(v(s), {
+        ref: "userOptionsRef",
+        key: `user_option_${I.value}`,
+        backgroundColor: u.value.style.chart.backgroundColor,
+        color: u.value.style.chart.color,
+        isPrinting: v(yt),
+        isImaging: v(kt),
+        uid: g.value,
+        hasTooltip: !1,
+        hasTable: !1,
+        hasXls: !1,
+        hasLabel: !1,
+        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: $t,
+        onGeneratePdf: v(Et),
+        onGenerateImage: v(Ct),
+        onGenerateSvg: xt,
+        onToggleAnnotator: Ye,
+        onToggleZoom: Vo,
+        style: X({
+          visibility: v(vt) ? v(je) ? "visible" : "hidden" : "visible"
+        })
+      }, tn({ _: 2 }, [
+        m.$slots.menuIcon ? {
+          name: "menuIcon",
+          fn: M(({ isOpen: h, color: w }) => [
+            A(m.$slots, "menuIcon", B(V({ isOpen: h, color: w })), void 0, !0)
+          ]),
+          key: "0"
+        } : void 0,
+        m.$slots.optionPdf ? {
+          name: "optionPdf",
+          fn: M(() => [
+            A(m.$slots, "optionPdf", {}, void 0, !0)
+          ]),
+          key: "1"
+        } : void 0,
+        m.$slots.optionImg ? {
+          name: "optionImg",
+          fn: M(() => [
+            A(m.$slots, "optionImg", {}, void 0, !0)
+          ]),
+          key: "2"
+        } : void 0,
+        m.$slots.optionSvg ? {
+          name: "optionSvg",
+          fn: M(() => [
+            A(m.$slots, "optionSvg", {}, void 0, !0)
+          ]),
+          key: "3"
+        } : void 0,
+        m.$slots.optionFullscreen ? {
+          name: "optionFullscreen",
+          fn: M(({ toggleFullscreen: h, isFullscreen: w }) => [
+            A(m.$slots, "optionFullscreen", B(V({ toggleFullscreen: h, isFullscreen: w })), void 0, !0)
+          ]),
+          key: "4"
+        } : void 0,
+        m.$slots.optionAnnotator ? {
+          name: "optionAnnotator",
+          fn: M(({ toggleAnnotator: h, isAnnotator: w }) => [
+            A(m.$slots, "optionAnnotator", B(V({ toggleAnnotator: h, isAnnotator: w })), void 0, !0)
+          ]),
+          key: "5"
+        } : void 0,
+        m.$slots.optionZoom ? {
+          name: "optionZoom",
+          fn: M(({ toggleZoom: h, isZoomLocked: w }) => [
+            A(m.$slots, "optionZoom", B(V({ toggleZoom: h, isZoomLocked: w })), void 0, !0)
+          ]),
+          key: "6"
+        } : void 0
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasSvg", "hasFullscreen", "isFullscreen", "chartElement", "position", "titles", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "hasZoom", "isZoom", "onGeneratePdf", "onGenerateImage", "style"])) : S("", !0),
+      u.value.style.chart.title.text ? (y(), _("div", {
+        key: 3,
+        ref_key: "chartTitle",
+        ref: b,
+        style: "width:100%;background:transparent;"
+      }, [
+        (y(), U(Cn, {
+          key: `title_${T.value}`,
+          config: {
+            title: {
+              cy: "dag-title",
+              ...u.value.style.chart.title
+            },
+            subtitle: {
+              cy: "dag-subtitle",
+              ...u.value.style.chart.title.subtitle
+            }
+          }
+        }, null, 8, ["config"]))
+      ], 512)) : S("", !0),
+      u.value.style.chart.controls.position === "top" && !v(ve) && u.value.style.chart.controls.show ? (y(), U(oo, {
+        key: 4,
+        ref_key: "zoomControls",
+        ref: x,
+        config: u.value,
+        scale: v(Tt),
+        isFullscreen: Q.value,
+        withDirection: "",
+        onZoomIn: He,
+        onZoomOut: Ze,
+        onResetZoom: p[0] || (p[0] = () => v(Re)(!0)),
+        onSwitchDirection: Xe
+      }, null, 8, ["config", "scale", "isFullscreen"])) : S("", !0),
+      v(E) ? (y(), _("svg", {
+        key: 5,
+        ref_key: "svgRef",
+        ref: J,
+        class: it({ "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%"
+        })
+      }, [
+        ae(v(i)),
+        v(E).arrowShape !== "undirected" ? (y(), _("defs", xr, [
+          (y(!0), _(ie, null, Pe(zo.value, (h) => (y(), _("marker", {
+            key: h,
+            id: St(h),
+            markerWidth: v(E).arrowSize,
+            markerHeight: v(E).arrowSize,
+            refX: v(E).arrowSize - 3,
+            refY: v(E).arrowSize / 2,
+            orient: "auto",
+            markerUnits: "strokeWidth"
+          }, [
+            v(E).arrowShape === "normal" ? (y(), _("path", {
+              key: 0,
+              d: `M 0 0 L ${v(E).arrowSize} ${v(E).arrowSize / 2} L 0 ${v(E).arrowSize} Z`,
+              fill: h,
+              stroke: h,
+              "stroke-width": "0"
+            }, null, 8, Nr)) : (y(), _("path", {
+              key: 1,
+              d: `M 0 0 L ${v(E).arrowSize} ${v(E).arrowSize / 2} L 0 ${v(E).arrowSize} L ${v(E).arrowSize / 3} ${v(E).arrowSize / 2} Z`,
+              fill: h,
+              stroke: h,
+              "stroke-width": "0"
+            }, null, 8, Ar))
+          ], 8, _r))), 128))
+        ])) : S("", !0),
+        j("g", Sr, [
+          (y(!0), _(ie, null, Pe(v(E).edges, (h) => (y(), _(ie, {
+            key: h.id
+          }, [
+            j("path", {
+              "data-cy-edge": "",
+              d: h.pathData,
+              fill: "none",
+              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, Lr),
+            u.value.style.chart.midpoints.show ? (y(), _("circle", {
+              key: 0,
+              "data-cy-midpoint": "",
+              class: "vue-ui-dag-edge-midpoint",
+              cx: h.midpoint.x,
+              cy: h.midpoint.y,
+              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: (w) => Wo(h),
+              onMouseleave: Yo
+            }, null, 40, Or)) : S("", !0)
+          ], 64))), 128))
+        ]),
+        j("g", Tr, [
+          (y(!0), _(ie, null, Pe(v(E).nodes, (h) => (y(), _("g", {
+            key: h.id,
+            class: "vue-ui-dag-node",
+            onClick: on((w) => u.value.style.chart.nodes.tooltip.showOnClick && Ho(h), ["stop"]),
+            onMouseenter: (w) => be.value = h.id,
+            onMouseleave: p[1] || (p[1] = (w) => be.value = null)
+          }, [
+            m.$slots.node ? S("", !0) : (y(), _(ie, { key: 0 }, [
+              j("rect", {
+                "data-cy-node": "",
+                x: h.x - h.width / 2,
+                y: h.y - h.height / 2,
+                width: h.width,
+                height: h.height,
+                rx: u.value.style.chart.nodes.borderRadius,
+                fill: h.original.backgroundColor,
+                stroke: u.value.style.chart.nodes.stroke,
+                "stroke-width": u.value.style.chart.nodes.strokeWidth,
+                style: X({
+                  cursor: u.value.style.chart.nodes.tooltip.showOnClick ? "pointer" : "default"
+                })
+              }, null, 12, Mr),
+              m.$slots["node-label"] ? (y(), _("text", {
+                key: 0,
+                x: h.x,
+                y: h.y + u.value.style.chart.nodes.labels.fontSize / 3,
+                "text-anchor": "middle",
+                "font-size": u.value.style.chart.nodes.labels.fontSize,
+                fill: h.original.color,
+                "font-weight": u.value.style.chart.nodes.labels.bold ? "bold" : "normal"
+              }, [
+                A(m.$slots, "node-label", Ke({ ref_for: !0 }, { node: h }), () => [
+                  nn(le(h.label), 1)
+                ], !0)
+              ], 8, $r)) : m.$slots["free-node-label"] ? S("", !0) : (y(), _("text", {
+                key: 1,
+                "data-cy-node-label": "",
+                x: h.x,
+                y: h.y + u.value.style.chart.nodes.labels.fontSize / 3,
+                "text-anchor": "middle",
+                "font-size": u.value.style.chart.nodes.labels.fontSize,
+                fill: h.original.color,
+                "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, Dr)),
+              m.$slots["free-node-label"] ? (y(), _("g", Fr, [
+                A(m.$slots, "free-node-label", Ke({ ref_for: !0 }, { node: h, layoutData: v(E) }), void 0, !0)
+              ])) : S("", !0)
+            ], 64)),
+            m.$slots.node ? (y(), _("foreignObject", {
+              key: 1,
+              x: h.x - h.width / 2,
+              y: h.y - h.height / 2,
+              width: h.width,
+              height: h.height
+            }, [
+              A(m.$slots, "node", Ke({ ref_for: !0 }, { node: h }), void 0, !0)
+            ], 8, Pr)) : S("", !0)
+          ], 40, Rr))), 128))
+        ]),
+        j("g", zr, [
+          (y(!0), _(ie, null, Pe(v(E).edges, (h) => (y(), _("path", {
+            key: h.id,
+            d: h.pathData,
+            fill: "none",
+            stroke: "transparent",
+            "stroke-width": u.value.style.chart.edges.strokeWidth * (h.from === be.value || h.id === z.value?.id ? 1.3 : 1),
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "marker-end": v(E).arrowShape === "undirected" ? null : `url(#${St(h.original?.color || u.value.style.chart.edges.stroke)})`,
+            style: { "pointer-events": "none", transition: "stroke-width 0.2s ease-in-out" }
+          }, null, 8, Br))), 128))
+        ]),
+        A(m.$slots, "svg", {
+          svg: {
+            drawingArea: v(Ot),
+            data: v(E)
+          }
+        }, void 0, !0)
+      ], 14, Cr)) : S("", !0),
+      m.$slots.watermark ? (y(), _("div", Vr, [
+        A(m.$slots, "watermark", B(V({ isPrinting: v(yt) || v(kt) })), void 0, !0)
+      ])) : S("", !0),
+      ae(It, { name: "fade" }, {
+        default: M(() => [
+          Oe.value ? (y(), U(Gt, {
+            key: 0,
+            to: Q.value ? f.value : "body"
+          }, [
+            j("div", {
+              "data-cy-tooltip-midpoint": "",
+              ref_key: "tooltipRef",
+              ref: Se,
+              class: "vue-ui-dag-tooltip",
+              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": he.value
+            }, [
+              A(m.$slots, "tooltip-midpoint", B(V({ edge: z.value, layoutData: v(E) })), () => [
+                z.value ? (y(), _("div", Gr, le(At(z.value.from)?.label ?? z.value.from) + " → " + le(At(z.value.to)?.label ?? z.value.to), 1)) : S("", !0)
+              ], !0)
+            ], 12, Ir)
+          ], 8, ["to"])) : S("", !0)
+        ]),
+        _: 3
+      }),
+      ae(It, { name: "fade" }, {
+        default: M(() => [
+          K.value ? (y(), U(Gt, {
+            key: 0,
+            to: Q.value ? f.value : "body"
+          }, [
+            j("div", {
+              "data-cy-tooltip-node": "",
+              ref_key: "nodeTooltipRef",
+              ref: Ie,
+              class: "vue-ui-dag-node-tooltip",
+              style: X({
+                maxWidth: u.value.style.chart.nodes.tooltip.maxWidth,
+                left: Ge.value.left,
+                top: Ge.value.top,
+                "--vue-data-ui-dag-node-tooltip-background": u.value.style.chart.nodes.tooltip.backgroundColor,
+                "--vue-data-ui-dag-node-tooltip-color": u.value.style.chart.nodes.tooltip.color
+              }),
+              "data-position": mt.value
+            }, [
+              A(m.$slots, "tooltip-node", B(V({ node: me.value, layoutData: v(E) })), () => [
+                me.value ? (y(), _("div", Wr, le(me.value.label), 1)) : S("", !0)
+              ], !0)
+            ], 12, jr)
+          ], 8, ["to"])) : S("", !0)
+        ]),
+        _: 3
+      }),
+      u.value.style.chart.controls.position === "bottom" && !v(ve) && u.value.style.chart.controls.show ? (y(), U(oo, {
+        key: 7,
+        ref_key: "zoomControls",
+        ref: x,
+        config: u.value,
+        scale: v(Tt),
+        isFullscreen: Q.value,
+        withDirection: "",
+        onZoomIn: He,
+        onZoomOut: Ze,
+        onResetZoom: p[2] || (p[2] = () => v(Re)(!0)),
+        onSwitchDirection: Xe
+      }, null, 8, ["config", "scale", "isFullscreen"])) : S("", !0),
+      m.$slots.source ? (y(), _("div", {
+        key: 8,
+        ref_key: "source",
+        ref: N,
+        dir: "auto"
+      }, [
+        A(m.$slots, "source", {}, void 0, !0)
+      ], 512)) : S("", !0),
+      v(ve) ? (y(), U(bn, { key: 9 })) : S("", !0)
+    ], 46, kr));
+  }
+}, Hr = /* @__PURE__ */ ro(Yr, [["__scopeId", "data-v-2483d90c"]]), hi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Hr
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  ci as a,
+  hi as b,
+  ui as d,
+  wr as l,
+  fi as m,
+  di as s,
+  Hr as v
+};