@infotrust/ui 0.30.1 → 0.30.2

package/dist/dag.js

@@ -1,11 +1,11 @@
-import { defineComponent as Xe, inject as dt, computed as E, openBlock as b, createElementBlock as _, normalizeClass as Ie, createElementVNode as U, Fragment as q, renderList as ge, normalizeStyle as rt, createCommentVNode as C, createBlock as O, resolveDynamicComponent as fe, normalizeProps as pn, mergeProps as Te, withDirectives as ye, createTextVNode as be, toDisplayString as G, unref as k, renderSlot as Re, ref as V, watch as te, nextTick as ee, withCtx as X, createVNode as D, markRaw as co, useId as fo, onMounted as go, watchEffect as vo, shallowRef as Lt, onBeforeUnmount as ot, provide as po, Teleport as mo, createSlots as it, toRaw as ho } from "vue";
+import { defineComponent as Xe, inject as dt, computed as E, openBlock as b, createElementBlock as _, normalizeClass as Ie, createElementVNode as U, Fragment as K, renderList as ge, normalizeStyle as rt, createCommentVNode as C, createBlock as O, resolveDynamicComponent as fe, normalizeProps as pn, mergeProps as Te, withDirectives as ye, createTextVNode as be, toDisplayString as G, unref as k, renderSlot as Re, ref as V, watch as te, nextTick as ee, withCtx as X, createVNode as D, markRaw as co, useId as fo, onMounted as go, watchEffect as vo, shallowRef as Ot, onBeforeUnmount as ot, provide as mo, Teleport as po, createSlots as it, toRaw as ho } from "vue";
 import ce from "primevue/button";
 import yo from "primevue/inputtext";
-import { Plus as Ut, Info as bo, Trash2 as En, Minus as wo, Scan as ko, Minimize2 as $o, Maximize2 as xo, Network as Eo, Undo2 as _o, Redo2 as So } from "lucide-vue-next";
-import { NodeIdInjection as Po, Position as Z, Handle as No, getBezierPath as Co, getSmoothStepPath as Mo, useVueFlow as _n, EdgeLabelRenderer as To, getRectOfNodes as mn, VueFlow as Do, ConnectionLineType as hn, ConnectionMode as Ro, Panel as Ot } from "@vue-flow/core";
+import { Plus as Yt, Info as bo, Trash2 as En, Minus as wo, Scan as ko, Minimize2 as $o, Maximize2 as xo, Network as Eo, Undo2 as _o, Redo2 as So } from "lucide-vue-next";
+import { NodeIdInjection as Po, Position as Z, Handle as No, getBezierPath as Co, getSmoothStepPath as Mo, useVueFlow as _n, EdgeLabelRenderer as To, getRectOfNodes as hn, VueFlow as Do, ConnectionLineType as yn, ConnectionMode as Ro, Panel as Ft } from "@vue-flow/core";
 import { a as Sn, v as we, _ as ne, p as Io } from "./text-nGkJYA88.js";
-import { s as Ft, _ as Pn, a as zo, b as At, c as Lo, i as Oo, d as Fo, e as Ao, f as Bo, g as Uo, h as Yo } from "./dev-D7A7MIn_.js";
-const Yt = { one: "step", other: "steps" };
+import { s as Bt, _ as Pn, a as zo, b as At, c as Lo, i as Oo, d as Fo, e as Bo, f as Ao, g as Uo, h as Yo } from "./dev-D7A7MIn_.js";
+const Ht = { one: "step", other: "steps" };
 function He(i) {
   return `${i.article ?? (/^[aeiou]/i.test(i.one) ? "an" : "a")} ${i.one}`;
 }
@@ -20,11 +20,11 @@ function xe(i) {
   return i.outputs ?? Vo;
 }
 function ke(i, l) {
-  var y, m;
-  const r = (p) => "get" in l ? l.get(p) : l.find((c) => c.id === p), n = r(i.source), d = r(i.target);
+  var h, g;
+  const r = (v) => "get" in l ? l.get(v) : l.find((c) => c.id === v), n = r(i.source), d = r(i.target);
   return {
-    sourcePort: i.sourcePort ?? (n ? (y = xe(n)[0]) == null ? void 0 : y.id : void 0),
-    targetPort: i.targetPort ?? (d ? (m = $e(d)[0]) == null ? void 0 : m.id : void 0)
+    sourcePort: i.sourcePort ?? (n ? (h = xe(n)[0]) == null ? void 0 : h.id : void 0),
+    targetPort: i.targetPort ?? (d ? (g = $e(d)[0]) == null ? void 0 : g.id : void 0)
   };
 }
 function at(i) {
@@ -32,33 +32,33 @@ function at(i) {
 }
 function Wo(i, l, r) {
   const n = /* @__PURE__ */ new Map();
-  for (const m of i) n.set(m.source, [...n.get(m.source) ?? [], m.target]);
-  const d = /* @__PURE__ */ new Set(), y = [l];
-  for (; y.length; ) {
-    const m = y.pop();
-    if (m === r) return !0;
-    d.has(m) || (d.add(m), y.push(...n.get(m) ?? []));
+  for (const g of i) n.set(g.source, [...n.get(g.source) ?? [], g.target]);
+  const d = /* @__PURE__ */ new Set(), h = [l];
+  for (; h.length; ) {
+    const g = h.pop();
+    if (g === r) return !0;
+    d.has(g) || (d.add(g), h.push(...n.get(g) ?? []));
   }
   return !1;
 }
 function jo(i) {
   return i.length < 2 ? i[0] ?? "" : `${i.slice(0, -1).join(", ")} or ${i[i.length - 1]}`;
 }
-function yn(i, l, r, n = {}) {
-  var v;
-  const d = n.noun ?? Yt, y = i.find((h) => h.id === r.source), m = i.find((h) => h.id === r.target);
-  if (!y || !m) return `That ${d.one} is no longer on the canvas.`;
-  if (y.id === m.id) return `${Ho(He(d))} cannot connect to itself.`;
-  const p = xe(y).find((h) => h.id === r.sourcePort), c = $e(m).find((h) => h.id === r.targetPort);
-  if (!p || !c) return "Connect an output (right side) to an input (left side).";
-  const g = l.filter((h) => h.target === m.id && ke(h, i).targetPort === c.id);
-  return g.some((h) => h.source === y.id && ke(h, i).sourcePort === p.id) ? `These ${d.other} are already connected.` : (v = c.accepts) != null && v.length && !(p.type && c.accepts.includes(p.type)) ? `${m.label} takes ${jo(c.accepts)}${p.type ? `, not ${p.type}` : ""}.` : c.max !== void 0 && g.length >= c.max ? `${c.label ?? m.label} takes ${c.max === 1 ? "one connection" : `${c.max} connections`}.` : !n.allowCycles && Wo(l, m.id, y.id) ? "That connection would make a loop." : null;
+function bn(i, l, r, n = {}) {
+  var p;
+  const d = n.noun ?? Ht, h = i.find((y) => y.id === r.source), g = i.find((y) => y.id === r.target);
+  if (!h || !g) return `That ${d.one} is no longer on the canvas.`;
+  if (h.id === g.id) return `${Ho(He(d))} cannot connect to itself.`;
+  const v = xe(h).find((y) => y.id === r.sourcePort), c = $e(g).find((y) => y.id === r.targetPort);
+  if (!v || !c) return "Connect an output (right side) to an input (left side).";
+  const f = l.filter((y) => y.target === g.id && ke(y, i).targetPort === c.id);
+  return f.some((y) => y.source === h.id && ke(y, i).sourcePort === v.id) ? `These ${d.other} are already connected.` : (p = c.accepts) != null && p.length && !(v.type && c.accepts.includes(v.type)) ? `${g.label} takes ${jo(c.accepts)}${v.type ? `, not ${v.type}` : ""}.` : c.max !== void 0 && f.length >= c.max ? `${c.label ?? g.label} takes ${c.max === 1 ? "one connection" : `${c.max} connections`}.` : !n.allowCycles && Wo(l, g.id, h.id) ? "That connection would make a loop." : null;
 }
-const ut = Symbol("ItDagCanvas"), Zo = {
+const ct = Symbol("ItDagCanvas"), Zo = {
   key: 0,
   class: "it-dag-node__ring",
   "aria-hidden": "true"
-}, Ko = { class: "it-dag-node__head" }, qo = { class: "it-dag-node__titles" }, Go = {
+}, qo = { class: "it-dag-node__head" }, Ko = { class: "it-dag-node__titles" }, Go = {
   key: 0,
   class: "it-dag-node__kind"
 }, Qo = { class: "it-dag-node__label" }, Jo = {
@@ -87,13 +87,13 @@ const ut = Symbol("ItDagCanvas"), Zo = {
     selected: { type: Boolean, default: !1 }
   },
   setup(i) {
-    const l = i, r = dt(Po, null) !== null, n = dt(ut, null), d = E(() => (n == null ? void 0 : n.direction()) === "down"), y = E(() => !!l.node.status && !!Ft(l.node.status).live), m = E(() => !y.value && !!l.node.status && !!Ft(l.node.status).waiting), p = [100, 88, 76, 64, 52, 40, 28, 16], c = E(() => r && !!(n != null && n.editable())), g = E(() => !!l.node.kind && l.node.kind.trim().toLowerCase() !== l.node.label.trim().toLowerCase()), v = E(() => $e(l.node)), h = E(() => xe(l.node)), f = (z) => z.length === 1 && !z[0].label, R = E(() => !d.value && f(v.value)), Y = E(() => !d.value && f(h.value)), j = E(() => d.value || R.value ? [] : v.value), K = E(() => d.value || Y.value ? [] : h.value), N = E(
-      () => Array.from({ length: Math.max(j.value.length, K.value.length) }, (z, T) => ({ in: j.value[T], out: K.value[T] }))
+    const l = i, r = dt(Po, null) !== null, n = dt(ct, null), d = E(() => (n == null ? void 0 : n.direction()) === "down"), h = E(() => !!l.node.status && !!Bt(l.node.status).live), g = E(() => !h.value && !!l.node.status && !!Bt(l.node.status).waiting), v = [100, 88, 76, 64, 52, 40, 28, 16], c = E(() => r && !!(n != null && n.editable())), f = E(() => !!l.node.kind && l.node.kind.trim().toLowerCase() !== l.node.label.trim().toLowerCase()), p = E(() => $e(l.node)), y = E(() => xe(l.node)), m = (z) => z.length === 1 && !z[0].label, R = E(() => !d.value && m(p.value)), Y = E(() => !d.value && m(y.value)), j = E(() => d.value || R.value ? [] : p.value), q = E(() => d.value || Y.value ? [] : y.value), N = E(
+      () => Array.from({ length: Math.max(j.value.length, q.value.length) }, (z, T) => ({ in: j.value[T], out: q.value[T] }))
     );
-    function S(z, T, M = 0, A = 1) {
+    function S(z, T, M = 0, B = 1) {
       const ie = d.value ? z === "in" ? Z.Top : Z.Bottom : z === "in" ? Z.Left : Z.Right, Q = {
         class: ["it-dag-node__port", `it-dag-node__port--${ie}`],
-        style: d.value ? { left: `${(M + 1) / (A + 1) * 100}%` } : void 0
+        style: d.value ? { left: `${(M + 1) / (B + 1) * 100}%` } : void 0
       };
       return r ? {
         is: No,
@@ -101,22 +101,22 @@ const ut = Symbol("ItDagCanvas"), Zo = {
       } : { is: "span", attrs: { ...Q, "aria-hidden": "true" } };
     }
     return (z, T) => (b(), _("div", {
-      class: Ie(["it-dag-node", { "it-dag-node--call": i.node.call || i.node.badge, "it-dag-node--selected": i.selected, "it-dag-node--muted": i.node.muted, "it-dag-node--down": d.value, "it-dag-node--working": y.value, "it-dag-node--waiting": m.value }])
+      class: Ie(["it-dag-node", { "it-dag-node--call": i.node.call || i.node.badge, "it-dag-node--selected": i.selected, "it-dag-node--muted": i.node.muted, "it-dag-node--down": d.value, "it-dag-node--working": h.value, "it-dag-node--waiting": g.value }])
     }, [
-      y.value || m.value ? (b(), _("svg", Zo, [
+      h.value || g.value ? (b(), _("svg", Zo, [
         T[0] || (T[0] = U("rect", {
           class: "it-dag-node__ring-base",
           pathLength: "100"
         }, null, -1)),
-        (b(), _(q, null, ge(p, (M) => U("rect", {
+        (b(), _(K, null, ge(v, (M) => U("rect", {
           key: M,
           class: "it-dag-node__ring-light",
           pathLength: "100",
           style: rt({ "--it-dag-ring-dash": M })
         }, null, 4)), 64))
       ])) : C("", !0),
-      U("div", Ko, [
-        R.value ? (b(), O(fe(S("in", v.value[0]).is), pn(Te({ key: 0 }, S("in", v.value[0]).attrs)), null, 16)) : C("", !0),
+      U("div", qo, [
+        R.value ? (b(), O(fe(S("in", p.value[0]).is), pn(Te({ key: 0 }, S("in", p.value[0]).attrs)), null, 16)) : C("", !0),
         i.node.platform ? (b(), O(Sn, {
           key: 1,
           class: "it-dag-node__platform",
@@ -128,8 +128,8 @@ const ut = Symbol("ItDagCanvas"), Zo = {
           size: 16,
           "aria-hidden": "true"
         })) : C("", !0),
-        U("span", qo, [
-          g.value ? ye((b(), _("span", Go, [
+        U("span", Ko, [
+          f.value ? ye((b(), _("span", Go, [
             be(G(i.node.kind), 1)
           ])), [
             [k(we)]
@@ -140,7 +140,7 @@ const ut = Symbol("ItDagCanvas"), Zo = {
             [k(we)]
           ])
         ]),
-        Y.value ? (b(), O(fe(S("out", h.value[0]).is), pn(Te({ key: 3 }, S("out", h.value[0]).attrs)), null, 16)) : C("", !0)
+        Y.value ? (b(), O(fe(S("out", y.value[0]).is), pn(Te({ key: 3 }, S("out", y.value[0]).attrs)), null, 16)) : C("", !0)
       ]),
       i.node.meta || i.node.status ? (b(), _("div", Jo, [
         i.node.meta ? ye((b(), _("span", ei, [
@@ -171,12 +171,12 @@ const ut = Symbol("ItDagCanvas"), Zo = {
         Re(z.$slots, "default")
       ])) : C("", !0),
       N.value.length ? (b(), _("ul", ii, [
-        (b(!0), _(q, null, ge(N.value, (M, A) => (b(), _("li", {
-          key: A,
+        (b(!0), _(K, null, ge(N.value, (M, B) => (b(), _("li", {
+          key: B,
           class: "it-dag-node__port-row"
         }, [
           U("span", ai, [
-            M.in ? (b(), _(q, { key: 0 }, [
+            M.in ? (b(), _(K, { key: 0 }, [
               (b(), O(fe(S("in", M.in).is), Te({ ref_for: !0 }, S("in", M.in).attrs), null, 16)),
               T[1] || (T[1] = U("span", { class: "it-sr-only" }, "Input: ", -1)),
               ye((b(), _("span", null, [
@@ -187,7 +187,7 @@ const ut = Symbol("ItDagCanvas"), Zo = {
             ], 64)) : C("", !0)
           ]),
           U("span", si, [
-            M.out ? (b(), _(q, { key: 0 }, [
+            M.out ? (b(), _(K, { key: 0 }, [
               T[2] || (T[2] = U("span", { class: "it-sr-only" }, "Output: ", -1)),
               ye((b(), _("span", null, [
                 be(G(M.out.label ?? M.out.id), 1)
@@ -199,59 +199,71 @@ const ut = Symbol("ItDagCanvas"), Zo = {
           ])
         ]))), 128))
       ])) : C("", !0),
-      d.value ? (b(), _(q, { key: 5 }, [
-        (b(!0), _(q, null, ge(v.value, (M, A) => (b(), O(fe(S("in", M, A, v.value.length).is), Te({
+      d.value ? (b(), _(K, { key: 5 }, [
+        (b(!0), _(K, null, ge(p.value, (M, B) => (b(), O(fe(S("in", M, B, p.value.length).is), Te({
           key: `in-${M.id}`
-        }, { ref_for: !0 }, S("in", M, A, v.value.length).attrs), null, 16))), 128)),
-        (b(!0), _(q, null, ge(h.value, (M, A) => (b(), O(fe(S("out", M, A, h.value.length).is), Te({
+        }, { ref_for: !0 }, S("in", M, B, p.value.length).attrs), null, 16))), 128)),
+        (b(!0), _(K, null, ge(y.value, (M, B) => (b(), O(fe(S("out", M, B, y.value.length).is), Te({
           key: `out-${M.id}`
-        }, { ref_for: !0 }, S("out", M, A, h.value.length).attrs), null, 16))), 128))
+        }, { ref_for: !0 }, S("out", M, B, y.value.length).attrs), null, 16))), 128))
       ], 64)) : C("", !0)
     ], 2));
   }
-}), bn = 1.5, di = 24;
+}), ut = 1.5, di = 24;
 function ri(i, l, r, n) {
-  const d = n ? "y" : "x", y = n ? "x" : "y", m = (c, g) => Math.abs(c[y] - g[y]) <= bn && Math.abs(c[d] - g[d]) <= di;
-  if (!i || !m(i.from, l) || !m(i.to, r)) return null;
-  const p = i.bends.map((c) => ({ ...c }));
-  if (p.length) {
-    const c = (g, v, h) => {
-      const f = p[g][d];
-      for (let R = g; R >= 0 && R < p.length && Math.abs(p[R][d] - f) <= bn; R += v) p[R][d] = h;
+  const d = n ? "y" : "x", h = n ? "x" : "y", g = (c, f) => Math.abs(c[h] - f[h]) <= ut && Math.abs(c[d] - f[d]) <= di;
+  if (!i || !g(i.from, l) || !g(i.to, r)) return null;
+  const v = i.bends.map((c) => ({ ...c }));
+  if (v.length) {
+    const c = (f, p, y) => {
+      const m = v[f][d];
+      for (let R = f; R >= 0 && R < v.length && Math.abs(v[R][d] - m) <= ut; R += p) v[R][d] = y;
     };
-    c(0, 1, l[d]), c(p.length - 1, -1, r[d]);
+    c(0, 1, l[d]), c(v.length - 1, -1, r[d]);
   }
-  return [l, ...p, r];
+  return ui([l, ...v, r], h, d);
+}
+function ui(i, l, r) {
+  const n = [i[0]];
+  for (let d = 1; d < i.length; d++) {
+    const [h, g] = [i[d - 1], i[d]];
+    if (Math.abs(h.x - g.x) > ut && Math.abs(h.y - g.y) > ut) {
+      const v = (h[l] + g[l]) / 2, c = (f) => l === "x" ? { x: v, y: f } : { x: f, y: v };
+      n.push(c(h[r]), c(g[r]));
+    }
+    n.push(g);
+  }
+  return n;
 }
 const De = (i, l) => Math.hypot(l.x - i.x, l.y - i.y);
-function ui(i, l) {
-  const r = i.filter((p, c) => c === 0 || De(i[c - 1], p) > 0.01);
+function ci(i, l) {
+  const r = i.filter((v, c) => c === 0 || De(i[c - 1], v) > 0.01);
   let n = `M ${r[0].x},${r[0].y}`;
-  for (let p = 1; p < r.length - 1; p++) {
-    const [c, g, v] = [r[p - 1], r[p], r[p + 1]], h = Math.min(l, De(c, g) / 2, De(g, v) / 2), f = (j, K) => {
-      const N = De(j, g) || 1;
-      return { x: g.x + (j.x - g.x) / N * K, y: g.y + (j.y - g.y) / N * K };
-    }, R = f(c, h), Y = f(v, h);
-    n += ` L ${R.x},${R.y} Q ${g.x},${g.y} ${Y.x},${Y.y}`;
+  for (let v = 1; v < r.length - 1; v++) {
+    const [c, f, p] = [r[v - 1], r[v], r[v + 1]], y = Math.min(l, De(c, f) / 2, De(f, p) / 2), m = (j, q) => {
+      const N = De(j, f) || 1;
+      return { x: f.x + (j.x - f.x) / N * q, y: f.y + (j.y - f.y) / N * q };
+    }, R = m(c, y), Y = m(p, y);
+    n += ` L ${R.x},${R.y} Q ${f.x},${f.y} ${Y.x},${Y.y}`;
   }
   const d = r[r.length - 1];
   n += ` L ${d.x},${d.y}`;
-  let m = r.slice(1).reduce((p, c, g) => p + De(r[g], c), 0) / 2;
-  for (let p = 1; p < r.length; p++) {
-    const c = De(r[p - 1], r[p]);
-    if (m <= c) {
-      const g = c ? m / c : 0;
-      return { path: n, labelX: r[p - 1].x + (r[p].x - r[p - 1].x) * g, labelY: r[p - 1].y + (r[p].y - r[p - 1].y) * g };
-    }
-    m -= c;
+  let g = r.slice(1).reduce((v, c, f) => v + De(r[f], c), 0) / 2;
+  for (let v = 1; v < r.length; v++) {
+    const c = De(r[v - 1], r[v]);
+    if (g <= c) {
+      const f = c ? g / c : 0;
+      return { path: n, labelX: r[v - 1].x + (r[v].x - r[v - 1].x) * f, labelY: r[v - 1].y + (r[v].y - r[v - 1].y) * f };
+    }
+    g -= c;
   }
   return { path: n, labelX: d.x, labelY: d.y };
 }
-const ci = ["d"], fi = ["d"], gi = {
+const fi = ["d"], gi = ["d"], vi = {
   key: 1,
   class: "it-dag-edge__pulses",
   "aria-hidden": "true"
-}, vi = ["path", "dur", "begin"], pi = ["dur", "begin"], mi = ["d"], wn = 8, hi = 24, kn = 6, st = 8, yi = /* @__PURE__ */ Xe({
+}, mi = ["path", "dur", "begin"], pi = ["dur", "begin"], hi = ["d"], wn = 8, yi = 24, kn = 6, st = 8, bi = /* @__PURE__ */ Xe({
   inheritAttrs: !1,
   __name: "ItDagEdge",
   props: {
@@ -265,7 +277,7 @@ const ci = ["d"], fi = ["d"], gi = {
     data: {}
   },
   setup(i) {
-    const l = i, r = dt(ut, null), n = E(() => !!(r != null && r.editable()) && r.hoveredEdge() === l.id), d = E(() => {
+    const l = i, r = dt(ct, null), n = E(() => !!(r != null && r.editable()) && r.hoveredEdge() === l.id), d = E(() => {
       var ie, Q;
       const N = {
         sourceX: l.sourceX,
@@ -280,26 +292,26 @@ const ci = ["d"], fi = ["d"], gi = {
         return { path: ae, labelX: Ee, labelY: Ve };
       }
       const S = l.sourcePosition === Z.Right || l.sourcePosition === Z.Left, z = ri((Q = l.data) == null ? void 0 : Q.route, { x: l.sourceX, y: l.sourceY }, { x: l.targetX, y: l.targetY }, S);
-      if (z) return ui(z, wn);
-      const [T, M, A] = Mo({ ...N, borderRadius: wn, offset: hi });
-      return { path: T, labelX: M, labelY: A };
-    }), y = E(() => ({ transform: `translate(-50%, -50%) translate(${d.value.labelX}px, ${d.value.labelY}px)` })), { viewport: m } = _n(), p = E(() => {
-      const N = l.sourcePosition === Z.Right || l.sourcePosition === Z.Left, S = `scale(${1 / (m.value.zoom || 1)})`;
+      if (z) return ci(z, wn);
+      const [T, M, B] = Mo({ ...N, borderRadius: wn, offset: yi });
+      return { path: T, labelX: M, labelY: B };
+    }), h = E(() => ({ transform: `translate(-50%, -50%) translate(${d.value.labelX}px, ${d.value.labelY}px)` })), { viewport: g } = _n(), v = E(() => {
+      const N = l.sourcePosition === Z.Right || l.sourcePosition === Z.Left, S = `scale(${1 / (g.value.zoom || 1)})`;
       return N ? { transformOrigin: "0 0", transform: `translate(${d.value.labelX}px, ${Math.min(l.sourceY, l.targetY) - kn}px) ${S} translate(-50%, -100%)` } : { transformOrigin: "0 0", transform: `translate(${Math.max(l.sourceX, l.targetX) + kn}px, ${d.value.labelY}px) ${S} translate(0, -50%)` };
-    }), c = { speed: 60, spacing: 56, max: 8 }, g = typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches, v = E(() => {
+    }), c = { speed: 60, spacing: 56, max: 8 }, f = typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches, p = E(() => {
       var N;
       return ((N = l.data) == null ? void 0 : N.tone) === "active";
-    }), h = E(() => {
+    }), y = E(() => {
       var N;
-      return v.value || ((N = l.data) == null ? void 0 : N.tone) === "success";
-    }), f = V(null), R = V(0), Y = V(null);
+      return p.value || ((N = l.data) == null ? void 0 : N.tone) === "success";
+    }), m = V(null), R = V(0), Y = V(null);
     te(
-      [v, () => d.value.path],
+      [p, () => d.value.path],
       async () => {
         var S, z;
-        if (!v.value || g) return;
-        await ee(), R.value = typeof ((S = f.value) == null ? void 0 : S.getTotalLength) == "function" ? f.value.getTotalLength() : 0;
-        const N = typeof ((z = f.value) == null ? void 0 : z.getBBox) == "function" ? f.value.getBBox() : null;
+        if (!p.value || f) return;
+        await ee(), R.value = typeof ((S = m.value) == null ? void 0 : S.getTotalLength) == "function" ? m.value.getTotalLength() : 0;
+        const N = typeof ((z = m.value) == null ? void 0 : z.getBBox) == "function" ? m.value.getBBox() : null;
         Y.value = N ? { x: N.x, y: N.y, width: N.width, height: N.height } : null;
       },
       { immediate: !0 }
@@ -307,29 +319,29 @@ const ci = ["d"], fi = ["d"], gi = {
     const j = E(() => {
       const N = r == null ? void 0 : r.view(), S = Y.value;
       return !N || !S ? !0 : S.x - st < N.x + N.width && S.x + S.width + st > N.x && S.y - st < N.y + N.height && S.y + S.height + st > N.y;
-    }), K = E(() => {
-      if (!v.value || g || !R.value || !j.value) return [];
+    }), q = E(() => {
+      if (!p.value || f || !R.value || !j.value) return [];
       const N = R.value / c.speed, S = Math.min(c.max, Math.max(1, Math.round(R.value / c.spacing)));
       return Array.from({ length: S }, (z, T) => ({ dur: `${N.toFixed(3)}s`, begin: `${(-(T * N) / S).toFixed(3)}s` }));
     });
     return (N, S) => {
       var z;
-      return b(), _(q, null, [
-        h.value ? (b(), _("path", {
+      return b(), _(K, null, [
+        y.value ? (b(), _("path", {
           key: 0,
           d: d.value.path,
           class: "it-dag-edge__glow",
           fill: "none"
-        }, null, 8, ci)) : C("", !0),
+        }, null, 8, fi)) : C("", !0),
         U("path", {
           ref_key: "line",
-          ref: f,
+          ref: m,
           d: d.value.path,
           class: Ie(["vue-flow__edge-path it-dag-edge__path", { "it-dag-edge__path--hot": n.value }]),
           fill: "none"
-        }, null, 10, fi),
-        K.value.length ? (b(), _("g", gi, [
-          (b(!0), _(q, null, ge(K.value, (T, M) => (b(), _("circle", {
+        }, null, 10, gi),
+        q.value.length ? (b(), _("g", vi, [
+          (b(!0), _(K, null, ge(q.value, (T, M) => (b(), _("circle", {
             key: M,
             class: "it-dag-edge__pulse",
             r: "2.5"
@@ -339,7 +351,7 @@ const ci = ["d"], fi = ["d"], gi = {
               dur: T.dur,
               begin: T.begin,
               repeatCount: "indefinite"
-            }, null, 8, vi),
+            }, null, 8, mi),
             U("animate", {
               attributeName: "opacity",
               values: "0;1;1;0",
@@ -356,20 +368,20 @@ const ci = ["d"], fi = ["d"], gi = {
           fill: "none",
           "stroke-opacity": "0",
           "stroke-width": "16"
-        }, null, 8, mi),
+        }, null, 8, hi),
         n.value || (z = i.data) != null && z.label ? (b(), O(k(To), { key: 2 }, {
           default: X(() => {
-            var T, M, A, ie;
+            var T, M, B, ie;
             return [
               n.value ? (b(), _("div", {
                 key: 0,
                 class: "it-dag-edge__tools nodrag nopan",
-                style: rt(p.value),
+                style: rt(v.value),
                 onPointerenter: S[3] || (S[3] = (Q) => k(r).hoverEdge(i.id, "tools", !0)),
                 onPointerleave: S[4] || (S[4] = (Q) => k(r).hoverEdge(i.id, "tools", !1))
               }, [
                 D(ne, {
-                  icon: k(Ut),
+                  icon: k(Yt),
                   label: `Add ${k(He)(k(r).noun())} between ${((T = i.data) == null ? void 0 : T.name) ?? `these ${k(r).noun().other}`}`,
                   tooltip: `Add ${k(He)(k(r).noun())} here`,
                   size: "sm",
@@ -384,7 +396,7 @@ const ci = ["d"], fi = ["d"], gi = {
                 }, null, 8, ["icon", "label"]),
                 D(ne, {
                   icon: k(En),
-                  label: `Delete connection ${((A = i.data) == null ? void 0 : A.name) ?? ""}`.trim(),
+                  label: `Delete connection ${((B = i.data) == null ? void 0 : B.name) ?? ""}`.trim(),
                   tooltip: "Delete connection",
                   size: "sm",
                   tone: "danger",
@@ -393,7 +405,7 @@ const ci = ["d"], fi = ["d"], gi = {
               ], 36)) : (ie = i.data) != null && ie.label ? (b(), _("span", {
                 key: 1,
                 class: Ie(["it-dag-edge__label", `it-dag-edge__label--${i.data.tone ?? "default"}`]),
-                style: rt(y.value)
+                style: rt(h.value)
               }, G(i.data.label), 7)) : C("", !0)
             ];
           }),
@@ -402,32 +414,32 @@ const ci = ["d"], fi = ["d"], gi = {
       ], 64);
     };
   }
-}), bi = {
+}), wi = {
   class: "it-dag-controls",
   role: "group",
   "aria-label": "Canvas view"
-}, wi = /* @__PURE__ */ Xe({
+}, ki = /* @__PURE__ */ Xe({
   __name: "ItDagControls",
   setup(i) {
-    const l = dt(ut), r = typeof navigator < "u" && /Mac|iPhone|iPad/.test(navigator.platform || navigator.userAgent), n = r ? "⌘Z" : "Ctrl+Z", d = r ? "⇧⌘Z" : "Ctrl+Shift+Z";
-    return (y, m) => (b(), _("div", bi, [
+    const l = dt(ct), r = typeof navigator < "u" && /Mac|iPhone|iPad/.test(navigator.platform || navigator.userAgent), n = r ? "⌘Z" : "Ctrl+Z", d = r ? "⇧⌘Z" : "Ctrl+Shift+Z";
+    return (h, g) => (b(), _("div", wi, [
       D(ne, {
-        icon: k(Ut),
+        icon: k(Yt),
         label: "Zoom in",
         size: "sm",
-        onClick: m[0] || (m[0] = (p) => k(l).zoomIn())
+        onClick: g[0] || (g[0] = (v) => k(l).zoomIn())
       }, null, 8, ["icon"]),
       D(ne, {
         icon: k(wo),
         label: "Zoom out",
         size: "sm",
-        onClick: m[1] || (m[1] = (p) => k(l).zoomOut())
+        onClick: g[1] || (g[1] = (v) => k(l).zoomOut())
       }, null, 8, ["icon"]),
       D(ne, {
         icon: k(ko),
         label: "Fit to view",
         size: "sm",
-        onClick: m[2] || (m[2] = (p) => k(l).fit())
+        onClick: g[2] || (g[2] = (v) => k(l).fit())
       }, null, 8, ["icon"]),
       D(ne, {
         "data-it-dag-expand": "",
@@ -435,10 +447,10 @@ const ci = ["d"], fi = ["d"], gi = {
         label: k(l).expanded() ? "Exit full view" : "Full view",
         tooltip: k(l).expanded() ? "Exit full view (Esc)" : "Full view",
         size: "sm",
-        onClick: m[3] || (m[3] = (p) => k(l).toggleExpanded())
+        onClick: g[3] || (g[3] = (v) => k(l).toggleExpanded())
       }, null, 8, ["icon", "label", "tooltip"]),
-      k(l).editable() ? (b(), _(q, { key: 0 }, [
-        m[7] || (m[7] = U("span", {
+      k(l).editable() ? (b(), _(K, { key: 0 }, [
+        g[7] || (g[7] = U("span", {
           class: "it-dag-controls__separator",
           "aria-hidden": "true"
         }, null, -1)),
@@ -447,9 +459,9 @@ const ci = ["d"], fi = ["d"], gi = {
           label: "Tidy up",
           tooltip: `Tidy up: arrange every ${k(l).noun().one}`,
           size: "sm",
-          onClick: m[4] || (m[4] = (p) => k(l).arrange())
+          onClick: g[4] || (g[4] = (v) => k(l).arrange())
         }, null, 8, ["icon", "tooltip"]),
-        k(l).history() ? (b(), _(q, { key: 0 }, [
+        k(l).history() ? (b(), _(K, { key: 0 }, [
           D(ne, {
             "data-it-dag-undo": "",
             icon: k(_o),
@@ -457,7 +469,7 @@ const ci = ["d"], fi = ["d"], gi = {
             tooltip: `Undo (${k(n)})`,
             size: "sm",
             disabled: !k(l).canUndo(),
-            onClick: m[5] || (m[5] = (p) => k(l).undo())
+            onClick: g[5] || (g[5] = (v) => k(l).undo())
           }, null, 8, ["icon", "tooltip", "disabled"]),
           D(ne, {
             "data-it-dag-redo": "",
@@ -466,28 +478,28 @@ const ci = ["d"], fi = ["d"], gi = {
             tooltip: `Redo (${k(d)})`,
             size: "sm",
             disabled: !k(l).canRedo(),
-            onClick: m[6] || (m[6] = (p) => k(l).redo())
+            onClick: g[6] || (g[6] = (v) => k(l).redo())
           }, null, 8, ["icon", "tooltip", "disabled"])
         ], 64)) : C("", !0)
       ], 64)) : C("", !0)
     ]));
   }
-}), ki = { class: "it-dag-library" }, $i = ["aria-label"], xi = {
+}), $i = { class: "it-dag-library" }, xi = ["aria-label"], Ei = {
   key: 0,
   class: "it-dag-library__heading"
-}, Ei = {
+}, _i = {
   class: "it-dag-library__grid",
   role: "list"
-}, _i = ["onClick"], Si = { class: "it-dag-library__text" }, Pi = { class: "it-dag-library__label" }, Ni = {
+}, Si = ["onClick"], Pi = { class: "it-dag-library__text" }, Ni = { class: "it-dag-library__label" }, Ci = {
   key: 0,
   class: "it-dag-library__description"
-}, Ci = {
+}, Mi = {
   key: 1,
   class: "it-dag-library__description"
-}, Mi = {
+}, Ti = {
   key: 0,
   class: "it-dag-library__empty"
-}, Ti = /* @__PURE__ */ Xe({
+}, Di = /* @__PURE__ */ Xe({
   __name: "ItDagLibrary",
   props: {
     visible: { type: Boolean },
@@ -498,124 +510,124 @@ const ci = ["d"], fi = ["d"], gi = {
   },
   emits: ["update:visible", "pick"],
   setup(i, { emit: l }) {
-    const r = i, n = l, d = V(""), y = E(() => r.noun ?? Yt), m = E(() => `Not between these ${y.value.other} · added at the end, unconnected`), p = E(() => {
-      var h;
-      const c = d.value.trim().toLowerCase(), g = /* @__PURE__ */ new Map(), v = [];
-      for (const f of r.items) {
-        if (c && !`${f.label} ${f.description ?? ""} ${f.group ?? ""}`.toLowerCase().includes(c)) continue;
-        if ((h = r.misfits) != null && h[f.key]) {
-          v.push(f);
+    const r = i, n = l, d = V(""), h = E(() => r.noun ?? Ht), g = E(() => `Not between these ${h.value.other} · added at the end, unconnected`), v = E(() => {
+      var y;
+      const c = d.value.trim().toLowerCase(), f = /* @__PURE__ */ new Map(), p = [];
+      for (const m of r.items) {
+        if (c && !`${m.label} ${m.description ?? ""} ${m.group ?? ""}`.toLowerCase().includes(c)) continue;
+        if ((y = r.misfits) != null && y[m.key]) {
+          p.push(m);
           continue;
         }
-        const R = f.group ?? "";
-        g.set(R, [...g.get(R) ?? [], f]);
+        const R = m.group ?? "";
+        f.set(R, [...f.get(R) ?? [], m]);
       }
-      return v.length && g.set(m.value, v), [...g].map(([f, R]) => ({ title: f, items: R, misfit: f === m.value && v.length > 0 }));
+      return p.length && f.set(g.value, p), [...f].map(([m, R]) => ({ title: m, items: R, misfit: m === g.value && p.length > 0 }));
     });
     return te(
       () => r.visible,
       (c) => {
         c && (d.value = "");
       }
-    ), (c, g) => (b(), O(At, {
+    ), (c, f) => (b(), O(At, {
       visible: i.visible,
-      title: `Add ${k(He)(y.value)}`,
+      title: `Add ${k(He)(h.value)}`,
       description: i.description,
       size: "lg",
-      "onUpdate:visible": g[1] || (g[1] = (v) => n("update:visible", v))
+      "onUpdate:visible": f[1] || (f[1] = (p) => n("update:visible", p))
     }, {
       default: X(() => [
-        U("div", ki, [
+        U("div", $i, [
           D(Lo, {
             modelValue: d.value,
-            "onUpdate:modelValue": g[0] || (g[0] = (v) => d.value = v),
-            label: `Search ${y.value.other}`,
-            placeholder: `Search ${y.value.other}`
+            "onUpdate:modelValue": f[0] || (f[0] = (p) => d.value = p),
+            label: `Search ${h.value.other}`,
+            placeholder: `Search ${h.value.other}`
           }, null, 8, ["modelValue", "label", "placeholder"]),
-          (b(!0), _(q, null, ge(p.value, (v) => (b(), _("section", {
-            key: v.title,
+          (b(!0), _(K, null, ge(v.value, (p) => (b(), _("section", {
+            key: p.title,
             class: "it-dag-library__group",
-            "aria-label": v.title || void 0
+            "aria-label": p.title || void 0
           }, [
-            v.title ? (b(), _("h3", xi, G(v.title), 1)) : C("", !0),
-            U("ul", Ei, [
-              (b(!0), _(q, null, ge(v.items, (h) => (b(), _("li", {
-                key: h.key
+            p.title ? (b(), _("h3", Ei, G(p.title), 1)) : C("", !0),
+            U("ul", _i, [
+              (b(!0), _(K, null, ge(p.items, (y) => (b(), _("li", {
+                key: y.key
               }, [
                 U("button", {
                   type: "button",
-                  class: Ie(["it-dag-library__item", { "it-dag-library__item--misfit": v.misfit }]),
-                  onClick: (f) => n("pick", h)
+                  class: Ie(["it-dag-library__item", { "it-dag-library__item--misfit": p.misfit }]),
+                  onClick: (m) => n("pick", y)
                 }, [
-                  h.platform ? (b(), O(Sn, {
+                  y.platform ? (b(), O(Sn, {
                     key: 0,
                     class: "it-dag-library__icon",
-                    platform: h.platform,
+                    platform: y.platform,
                     size: 20
-                  }, null, 8, ["platform"])) : h.icon ? (b(), O(fe(h.icon), {
+                  }, null, 8, ["platform"])) : y.icon ? (b(), O(fe(y.icon), {
                     key: 1,
                     class: "it-dag-library__icon",
                     size: 16,
                     "aria-hidden": "true"
                   })) : C("", !0),
-                  U("span", Si, [
-                    ye((b(), _("span", Pi, [
-                      be(G(h.label), 1)
+                  U("span", Pi, [
+                    ye((b(), _("span", Ni, [
+                      be(G(y.label), 1)
                     ])), [
                       [k(we)]
                     ]),
-                    v.misfit ? (b(), _("span", Ni, G(i.misfits[h.key]), 1)) : h.description ? (b(), _("span", Ci, G(h.description), 1)) : C("", !0),
-                    h.status ? (b(), O(Pn, {
+                    p.misfit ? (b(), _("span", Ci, G(i.misfits[y.key]), 1)) : y.description ? (b(), _("span", Mi, G(y.description), 1)) : C("", !0),
+                    y.status ? (b(), O(Pn, {
                       key: 2,
                       class: "it-dag-library__status",
-                      status: h.status
+                      status: y.status
                     }, null, 8, ["status"])) : C("", !0)
                   ])
-                ], 10, _i)
+                ], 10, Si)
               ]))), 128))
             ])
-          ], 8, $i))), 128)),
-          p.value.length ? C("", !0) : (b(), _("p", Mi, "No " + G(y.value.other) + " match “" + G(d.value) + "”.", 1))
+          ], 8, xi))), 128)),
+          v.value.length ? C("", !0) : (b(), _("p", Ti, "No " + G(h.value.other) + " match “" + G(d.value) + "”.", 1))
         ])
       ]),
       _: 1
     }, 8, ["visible", "title", "description"]));
   }
-}), Di = (i, l) => i === l || !!i && !!l && i.x === l.x && i.y === l.y;
+}), Ri = (i, l) => i === l || !!i && !!l && i.x === l.x && i.y === l.y;
 function $n(i, l) {
   const r = new Set(i.map((d) => d.id)), n = new Set(l.map((d) => d.id));
   return {
-    added: l.flatMap((d, y) => r.has(d.id) ? [] : [{ item: d, index: y }]),
-    removed: i.flatMap((d, y) => n.has(d.id) ? [] : [{ item: d, index: y }])
+    added: l.flatMap((d, h) => r.has(d.id) ? [] : [{ item: d, index: h }]),
+    removed: i.flatMap((d, h) => n.has(d.id) ? [] : [{ item: d, index: h }])
   };
 }
-function Ri(i, l) {
-  const r = $n(i.nodes, l.nodes), n = $n(i.edges, l.edges), d = new Map(i.nodes.map((c) => [c.id, c.position])), y = l.nodes.flatMap((c) => d.has(c.id) && !Di(d.get(c.id), c.position) ? [{ id: c.id, from: d.get(c.id), to: c.position }] : []), m = {
-    addedNodes: r.added.map(({ item: c, index: g }) => ({ node: c, index: g })),
-    removedNodes: r.removed.map(({ item: c, index: g }) => ({ node: c, index: g })),
-    addedEdges: n.added.map(({ item: c, index: g }) => ({ edge: c, index: g })),
-    removedEdges: n.removed.map(({ item: c, index: g }) => ({ edge: c, index: g })),
-    moved: y
+function Ii(i, l) {
+  const r = $n(i.nodes, l.nodes), n = $n(i.edges, l.edges), d = new Map(i.nodes.map((c) => [c.id, c.position])), h = l.nodes.flatMap((c) => d.has(c.id) && !Ri(d.get(c.id), c.position) ? [{ id: c.id, from: d.get(c.id), to: c.position }] : []), g = {
+    addedNodes: r.added.map(({ item: c, index: f }) => ({ node: c, index: f })),
+    removedNodes: r.removed.map(({ item: c, index: f }) => ({ node: c, index: f })),
+    addedEdges: n.added.map(({ item: c, index: f }) => ({ edge: c, index: f })),
+    removedEdges: n.removed.map(({ item: c, index: f }) => ({ edge: c, index: f })),
+    moved: h
   };
-  return !m.addedNodes.length && !m.removedNodes.length && !m.addedEdges.length && !m.removedEdges.length && !y.length ? null : m;
+  return !g.addedNodes.length && !g.removedNodes.length && !g.addedEdges.length && !g.removedEdges.length && !h.length ? null : g;
 }
 function Nn(i, l) {
   const r = [...i];
-  for (const { item: n, index: d } of [...l].sort((y, m) => y.index - m.index))
-    r.some((y) => y.id === n.id) || r.splice(Math.min(d, r.length), 0, n);
+  for (const { item: n, index: d } of [...l].sort((h, g) => h.index - g.index))
+    r.some((h) => h.id === n.id) || r.splice(Math.min(d, r.length), 0, n);
   return r;
 }
-function Ii(i, l, r) {
-  const n = new Set((r === "undo" ? i.addedNodes : i.removedNodes).map(({ node: p }) => p.id)), d = (r === "undo" ? i.removedNodes : i.addedNodes).map(({ node: p, index: c }) => ({ item: p, index: c })), y = new Map(i.moved.map((p) => [p.id, r === "undo" ? p.from : p.to])), m = l.filter((p) => !n.has(p.id)).map((p) => y.has(p.id) ? { ...p, position: y.get(p.id) } : p);
-  return Nn(m, d);
+function zi(i, l, r) {
+  const n = new Set((r === "undo" ? i.addedNodes : i.removedNodes).map(({ node: v }) => v.id)), d = (r === "undo" ? i.removedNodes : i.addedNodes).map(({ node: v, index: c }) => ({ item: v, index: c })), h = new Map(i.moved.map((v) => [v.id, r === "undo" ? v.from : v.to])), g = l.filter((v) => !n.has(v.id)).map((v) => h.has(v.id) ? { ...v, position: h.get(v.id) } : v);
+  return Nn(g, d);
 }
-function zi(i, l, r, n) {
-  const d = new Set(r.map((g) => g.id)), y = new Set((n === "undo" ? i.addedNodes : i.removedNodes).map(({ node: g }) => g.id)), m = new Set((n === "undo" ? i.addedEdges : i.removedEdges).map(({ edge: g }) => g.id)), p = (n === "undo" ? i.removedEdges : i.addedEdges).filter(({ edge: g }) => d.has(g.source) && d.has(g.target)).map(({ edge: g, index: v }) => ({ item: g, index: v })), c = l.filter((g) => !m.has(g.id) && !y.has(g.source) && !y.has(g.target));
-  return Nn(c, p);
+function Li(i, l, r, n) {
+  const d = new Set(r.map((f) => f.id)), h = new Set((n === "undo" ? i.addedNodes : i.removedNodes).map(({ node: f }) => f.id)), g = new Set((n === "undo" ? i.addedEdges : i.removedEdges).map(({ edge: f }) => f.id)), v = (n === "undo" ? i.removedEdges : i.addedEdges).filter(({ edge: f }) => d.has(f.source) && d.has(f.target)).map(({ edge: f, index: p }) => ({ item: f, index: p })), c = l.filter((f) => !g.has(f.id) && !h.has(f.source) && !h.has(f.target));
+  return Nn(c, v);
 }
 const oe = { node: 32, layer: 96, lead: 24 };
 let lt = null;
-async function Li() {
+async function Oi() {
   if (typeof Worker > "u" || typeof Blob > "u" || typeof URL.createObjectURL != "function") throw new Error("No Web Worker here.");
   const [i, l] = await Promise.all([import("elkjs/lib/elk-api.js"), import("./elk-worker.min-O2A22ecl.js")]);
   if (typeof l.default != "string") throw new Error("The ELK worker script did not load as text.");
@@ -623,8 +635,8 @@ async function Li() {
   let n, d;
   try {
     n = new Worker(r);
-    const c = new Promise((g, v) => {
-      n.addEventListener("message", () => g(), { once: !0 }), n.addEventListener("error", (h) => v(new Error(h.message || "The ELK worker did not start.")), { once: !0 });
+    const c = new Promise((f, p) => {
+      n.addEventListener("message", () => f(), { once: !0 }), n.addEventListener("error", (y) => p(new Error(y.message || "The ELK worker did not start.")), { once: !0 });
     });
     d = new i.default({ workerFactory: () => n }), await c;
   } catch (c) {
@@ -632,51 +644,51 @@ async function Li() {
   } finally {
     URL.revokeObjectURL(r);
   }
-  let y = () => {
+  let h = () => {
   };
-  const m = new Promise((c, g) => y = g);
-  m.catch(() => {
+  const g = new Promise((c, f) => h = f);
+  g.catch(() => {
   }), n.addEventListener("error", (c) => {
-    n.terminate(), lt = null, y(new Error(c.message || "The ELK worker stopped."));
+    n.terminate(), lt = null, h(new Error(c.message || "The ELK worker stopped."));
   });
-  const p = d.layout.bind(d);
-  return d.layout = (c, g) => Promise.race([p(c, g), m]), d;
+  const v = d.layout.bind(d);
+  return d.layout = (c, f) => Promise.race([v(c, f), g]), d;
 }
-async function Oi() {
+async function Fi() {
   const i = await import("elkjs/lib/elk.bundled.js");
   return new i.default();
 }
 function Cn() {
-  return lt ?? (lt = Li().catch(() => Oi()).catch((i) => {
+  return lt ?? (lt = Oi().catch(() => Fi()).catch((i) => {
     throw lt = null, i;
   })), lt;
 }
-function Fi() {
+function Bi() {
   Cn().catch(() => {
   });
 }
-const Bt = (i, l, r) => `${i}::${l}::${r}`;
+const Ut = (i, l, r) => `${i}::${l}::${r}`;
 function Mn(i) {
   const l = i.portOffsets;
   return !!l && l.inputs.length === i.inputs.length && l.outputs.length === i.outputs.length;
 }
 function Ai(i, l) {
-  var c, g;
-  const r = l === "down", n = r ? "NORTH" : "WEST", d = r ? "SOUTH" : "EAST", y = Mn(i), m = (v, h) => r ? { x: h, y: v === "in" ? 0 : i.height } : { x: v === "in" ? 0 : i.width, y: h }, p = (v, h, f, R, Y) => h.map((j, K) => {
+  var c, f;
+  const r = l === "down", n = r ? "NORTH" : "WEST", d = r ? "SOUTH" : "EAST", h = Mn(i), g = (p, y) => r ? { x: y, y: p === "in" ? 0 : i.height } : { x: p === "in" ? 0 : i.width, y }, v = (p, y, m, R, Y) => y.map((j, q) => {
     const N = { "elk.port.side": R };
-    return y || (N["elk.port.index"] = String(Y ? h.length - 1 - K : K)), { id: Bt(i.id, v, j), width: 0, height: 0, ...y ? m(v, f[K]) : {}, layoutOptions: N };
+    return h || (N["elk.port.index"] = String(Y ? y.length - 1 - q : q)), { id: Ut(i.id, p, j), width: 0, height: 0, ...h ? g(p, m[q]) : {}, layoutOptions: N };
   });
   return [
-    ...p("in", i.inputs, (c = i.portOffsets) == null ? void 0 : c.inputs, n, n === "WEST"),
-    ...p("out", i.outputs, (g = i.portOffsets) == null ? void 0 : g.outputs, d, d === "SOUTH")
+    ...v("in", i.inputs, (c = i.portOffsets) == null ? void 0 : c.inputs, n, n === "WEST"),
+    ...v("out", i.outputs, (f = i.portOffsets) == null ? void 0 : f.outputs, d, d === "SOUTH")
   ];
 }
 async function Tn(i, l, r = "right") {
-  var g;
-  const n = new Map(i.map((v) => [v.id, v])), d = l.filter((v) => {
-    var h, f;
-    return ((h = n.get(v.source)) == null ? void 0 : h.outputs.includes(v.sourcePort)) && ((f = n.get(v.target)) == null ? void 0 : f.inputs.includes(v.targetPort));
-  }).map((v) => ({ id: v.id, sources: [Bt(v.source, "out", v.sourcePort)], targets: [Bt(v.target, "in", v.targetPort)] })), y = {
+  var f;
+  const n = new Map(i.map((p) => [p.id, p])), d = l.filter((p) => {
+    var y, m;
+    return ((y = n.get(p.source)) == null ? void 0 : y.outputs.includes(p.sourcePort)) && ((m = n.get(p.target)) == null ? void 0 : m.inputs.includes(p.targetPort));
+  }).map((p) => ({ id: p.id, sources: [Ut(p.source, "out", p.sourcePort)], targets: [Ut(p.target, "in", p.targetPort)] })), h = {
     id: "root",
     layoutOptions: {
       "elk.algorithm": "layered",
@@ -691,66 +703,66 @@ async function Tn(i, l, r = "right") {
       "elk.layered.nodePlacement.strategy": "BRANDES_KOEPF",
       "elk.layered.considerModelOrder.strategy": "NODES_AND_EDGES"
     },
-    children: i.map((v) => ({
-      id: v.id,
-      width: v.width,
-      height: v.height,
-      layoutOptions: { "elk.portConstraints": Mn(v) ? "FIXED_POS" : "FIXED_ORDER" },
-      ports: Ai(v, r)
+    children: i.map((p) => ({
+      id: p.id,
+      width: p.width,
+      height: p.height,
+      layoutOptions: { "elk.portConstraints": Mn(p) ? "FIXED_POS" : "FIXED_ORDER" },
+      ports: Ai(p, r)
     })),
     edges: d
-  }, m = await (await Cn()).layout(y), p = new Map((m.children ?? []).map((v) => [v.id, { x: Math.round(v.x ?? 0), y: Math.round(v.y ?? 0) }])), c = /* @__PURE__ */ new Map();
-  for (const v of m.edges ?? []) {
-    const h = ((g = v.sections) == null ? void 0 : g.length) === 1 ? v.sections[0] : void 0;
-    h && c.set(v.id, { start: h.startPoint, bends: h.bendPoints ?? [], end: h.endPoint });
+  }, g = await (await Cn()).layout(h), v = new Map((g.children ?? []).map((p) => [p.id, { x: Math.round(p.x ?? 0), y: Math.round(p.y ?? 0) }])), c = /* @__PURE__ */ new Map();
+  for (const p of g.edges ?? []) {
+    const y = ((f = p.sections) == null ? void 0 : f.length) === 1 ? p.sections[0] : void 0;
+    y && c.set(p.id, { start: y.startPoint, bends: y.bendPoints ?? [], end: y.endPoint });
   }
-  return { positions: p, routes: c };
+  return { positions: v, routes: c };
 }
-function Bi(i, l, r = "right") {
+function Ui(i, l, r = "right") {
   var c;
-  const n = new Map(i.map((g) => [g.id, 0]));
-  for (let g = 0; g < i.length; g++) {
-    let v = !1;
-    for (const h of l) {
-      const f = (n.get(h.source) ?? 0) + 1;
-      n.has(h.target) && f > n.get(h.target) && (n.set(h.target, f), v = !0);
-    }
-    if (!v) break;
+  const n = new Map(i.map((f) => [f.id, 0]));
+  for (let f = 0; f < i.length; f++) {
+    let p = !1;
+    for (const y of l) {
+      const m = (n.get(y.source) ?? 0) + 1;
+      n.has(y.target) && m > n.get(y.target) && (n.set(y.target, m), p = !0);
+    }
+    if (!p) break;
   }
   const d = [];
-  for (const g of i) (d[c = n.get(g.id)] ?? (d[c] = [])).push(g);
-  const y = r === "down", m = /* @__PURE__ */ new Map();
-  let p = 0;
-  for (const g of d) {
-    if (!g) continue;
-    let v = 0, h = 0;
-    for (const f of g)
-      m.set(f.id, y ? { x: v, y: p } : { x: p, y: v }), v += (y ? f.width : f.height) + oe.node, h = Math.max(h, y ? f.height : f.width);
-    p += h + oe.layer;
+  for (const f of i) (d[c = n.get(f.id)] ?? (d[c] = [])).push(f);
+  const h = r === "down", g = /* @__PURE__ */ new Map();
+  let v = 0;
+  for (const f of d) {
+    if (!f) continue;
+    let p = 0, y = 0;
+    for (const m of f)
+      g.set(m.id, h ? { x: p, y: v } : { x: v, y: p }), p += (h ? m.width : m.height) + oe.node, y = Math.max(y, h ? m.height : m.width);
+    v += y + oe.layer;
   }
-  return m;
+  return g;
 }
-async function na(i, l, r = "right") {
+async function oa(i, l, r = "right") {
   return (await Tn(i, l, r)).positions;
 }
-const Ui = ["role", "aria-modal", "aria-label", "tabindex"], Yi = {
+const Yi = ["role", "aria-modal", "aria-label", "tabindex"], Hi = {
   key: 0,
   class: "it-dag__fade it-dag__fade--start",
   "aria-hidden": "true"
-}, Hi = {
+}, Xi = {
   key: 1,
   class: "it-dag__fade it-dag__fade--end",
   "aria-hidden": "true"
-}, Xi = {
+}, Vi = {
   key: 0,
   class: "it-dag__empty"
-}, Vi = {
+}, Wi = {
   key: 0,
   class: "it-dag__editor"
-}, Wi = {
+}, ji = {
   key: 0,
   class: "it-dag__editor"
-}, ji = 4e3, xn = 1.5, Zi = "\0it-dag-preview", oa = /* @__PURE__ */ Xe({
+}, Zi = 4e3, xn = 1.5, qi = "\0it-dag-preview", ia = /* @__PURE__ */ Xe({
   __name: "ItDagCanvas",
   props: {
     nodes: {},
@@ -767,7 +779,7 @@ const Ui = ["role", "aria-modal", "aria-label", "tabindex"], Yi = {
     editorSize: { default: "md" },
     emptyTitle: { default: void 0 },
     emptyDescription: { default: "" },
-    noun: { default: () => Yt },
+    noun: { default: () => Ht },
     beforeRemove: { type: Function, default: void 0 },
     editor: { default: "modal" },
     history: { type: [Boolean, Object], default: !1 },
@@ -777,15 +789,15 @@ const Ui = ["role", "aria-modal", "aria-label", "tabindex"], Yi = {
   },
   emits: ["update:nodes", "update:edges", "update:selected", "create", "open"],
   setup(i, { expose: l, emit: r }) {
-    const n = i, d = r, y = { width: 240, height: 56 }, m = { padding: 32, maxZoom: 1 }, p = E(() => n.fitMinZoom ?? n.minZoom ?? 0.75), c = E(() => Math.min(0.25, p.value));
+    const n = i, d = r, h = { width: 240, height: 56 }, g = { padding: 32, maxZoom: 1 }, v = E(() => n.fitMinZoom ?? n.minZoom ?? 0.75), c = E(() => Math.min(0.25, v.value));
     te(() => n.minZoom, (e) => {
       e !== void 0 && Oo("ItDagCanvas minZoom is deprecated. Use fitMinZoom for the Fit to view minimum.");
     }, { immediate: !0 });
-    const g = { it: co(yi) }, v = ["Backspace", "Delete"], h = `it-dag-${fo()}`, f = _n(h), R = typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-    typeof window < "u" && (n.nodes.some((e) => !e.position) || n.edgeShape !== "bezier" && n.edges.length) && Fi();
+    const f = { it: co(bi) }, p = ["Backspace", "Delete"], y = `it-dag-${fo()}`, m = _n(y), R = typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    typeof window < "u" && (n.nodes.some((e) => !e.position) || n.edgeShape !== "bezier" && n.edges.length) && Bi();
     const Y = V({}), j = V({});
-    function K(e) {
-      return [[e.kind, e.label].filter(Boolean).join(": "), e.platform ? Io(e.platform).name : "", e.status ? Ft(e.status).label : ""].filter(Boolean).join(", ");
+    function q(e) {
+      return [[e.kind, e.label].filter(Boolean).join(": "), e.platform ? Io(e.platform).name : "", e.status ? Bt(e.status).label : ""].filter(Boolean).join(", ");
     }
     const N = { active: "running", success: "taken", danger: "failed", muted: "not taken" }, S = E(
       () => n.nodes.map((e) => ({
@@ -797,22 +809,22 @@ const Ui = ["role", "aria-modal", "aria-label", "tabindex"], Yi = {
         connectable: n.editable,
         deletable: n.editable && e.removable !== !1,
         selectable: !0,
-        ariaLabel: K(e)
+        ariaLabel: q(e)
       }))
     );
     function z() {
-      for (const e of f.getNodes.value) {
+      for (const e of m.getNodes.value) {
         const t = e.id === n.selected;
         e.selected !== t && (e.selected = t);
       }
     }
     te([() => n.selected, S], z, { flush: "post" }), go(z);
-    const T = E(() => new Map(n.nodes.map((e) => [e.id, e]))), M = E(() => new Set(n.edges.map((e) => e.id))), A = (e) => {
+    const T = E(() => new Map(n.nodes.map((e) => [e.id, e]))), M = E(() => new Set(n.edges.map((e) => e.id))), B = (e) => {
       var t;
       return ((t = T.value.get(e)) == null ? void 0 : t.label) ?? e;
     }, ie = E(
       () => n.edges.map((e) => {
-        const t = ke(e, T.value), o = `${A(e.source)} to ${A(e.target)}`;
+        const t = ke(e, T.value), o = `${B(e.source)} to ${B(e.target)}`;
         return {
           ariaLabel: [o, e.label, e.tone && N[e.tone]].filter(Boolean).join(", "),
           id: e.id,
@@ -840,47 +852,47 @@ const Ui = ["role", "aria-modal", "aria-label", "tabindex"], Yi = {
       }
     );
     let Ee = !1;
-    const Ve = E(() => f.getNodes.value.length ? mn(f.getNodes.value) : null), Dn = E(() => {
+    const Ve = E(() => m.getNodes.value.length ? hn(m.getNodes.value) : null), Dn = E(() => {
       const e = Ve.value;
-      if (!e || !f.dimensions.value.width) return !1;
-      const { x: t, zoom: o } = f.viewport.value;
+      if (!e || !m.dimensions.value.width) return !1;
+      const { x: t, zoom: o } = m.viewport.value;
       return t + e.x * o < -1;
     }), Rn = E(() => {
-      const e = Ve.value, t = f.dimensions.value.width;
+      const e = Ve.value, t = m.dimensions.value.width;
       if (!e || !t) return !1;
-      const { x: o, zoom: s } = f.viewport.value;
+      const { x: o, zoom: s } = m.viewport.value;
       return o + (e.x + e.width) * s > t + 1;
     });
     function In(e) {
       var o;
       const t = (o = e.closest(".it-dag")) == null ? void 0 : o.querySelector(".it-dag-controls");
-      return t ? Math.max(m.padding, t.getBoundingClientRect().right - e.getBoundingClientRect().left + m.padding / 2) : m.padding;
+      return t ? Math.max(g.padding, t.getBoundingClientRect().right - e.getBoundingClientRect().left + g.padding / 2) : g.padding;
     }
     async function _e() {
-      const e = f.vueFlowRef.value, t = f.getNodes.value;
+      const e = m.vueFlowRef.value, t = m.getNodes.value;
       if (!e || !t.length) return;
-      const o = mn(t), s = In(e), a = { width: e.clientWidth - s - m.padding, height: e.clientHeight - 2 * m.padding }, u = Math.min(m.maxZoom, Math.max(p.value, Math.min(a.width / o.width, a.height / o.height))), $ = (w, P, I, L) => (w * u <= P ? L + (P - w * u) / 2 : L) - I * u;
-      await f.setViewport(
-        { x: $(o.width, a.width, o.x, s), y: $(o.height, a.height, o.y, m.padding), zoom: u },
+      const o = hn(t), s = In(e), a = { width: e.clientWidth - s - g.padding, height: e.clientHeight - 2 * g.padding }, u = Math.min(g.maxZoom, Math.max(v.value, Math.min(a.width / o.width, a.height / o.height))), $ = (w, P, I, L) => (w * u <= P ? L + (P - w * u) / 2 : L) - I * u;
+      await m.setViewport(
+        { x: $(o.width, a.width, o.x, s), y: $(o.height, a.height, o.y, g.padding), zoom: u },
         { duration: Ee && !R && !ae.value ? 200 : 0 }
-      ), Ee = !0, ft();
+      ), Ee = !0, gt();
     }
-    function ct(e, t) {
+    function ft(e, t) {
       var s;
-      const o = (s = f.findNode(e)) == null ? void 0 : s.handleBounds;
+      const o = (s = m.findNode(e)) == null ? void 0 : s.handleBounds;
       return [...(o == null ? void 0 : o.source) ?? [], ...(o == null ? void 0 : o.target) ?? []].find((a) => a.id === t) ?? null;
     }
-    function Ht(e) {
+    function Xt(e) {
       return e.position === Z.Left ? { x: e.x, y: e.y + e.height / 2 } : e.position === Z.Right ? { x: e.x + e.width, y: e.y + e.height / 2 } : e.position === Z.Top ? { x: e.x + e.width / 2, y: e.y } : { x: e.x + e.width / 2, y: e.y + e.height };
     }
     function zn(e, t, o) {
-      const s = n.direction === "down", a = s ? [Z.Top, Z.Bottom] : [Z.Left, Z.Right], u = (I, L) => L.map((W) => ct(e.id, `${I}:${W}`)), $ = u("in", t), w = u("out", o);
+      const s = n.direction === "down", a = s ? [Z.Top, Z.Bottom] : [Z.Left, Z.Right], u = (I, L) => L.map((W) => ft(e.id, `${I}:${W}`)), $ = u("in", t), w = u("out", o);
       if (![...$, ...w].every((I) => I && a.includes(I.position))) return;
       const P = (I) => s ? I.x + I.width / 2 : I.y + I.height / 2;
       return { inputs: $.map(P), outputs: w.map(P) };
     }
     let We = 0;
-    const Xt = /* @__PURE__ */ new Set();
+    const Vt = /* @__PURE__ */ new Set();
     async function ze(e = "all", t = !1) {
       if (!n.nodes.length) return;
       const o = ++We;
@@ -889,7 +901,7 @@ const Ui = ["role", "aria-modal", "aria-label", "tabindex"], Yi = {
         await Ln(e, o, t);
       } catch {
         if (o === We && e !== "routes") {
-          const s = Bi(...Vt()), a = { ...Y.value };
+          const s = Ui(...Wt()), a = { ...Y.value };
           for (const u of n.nodes) !u.position && !a[u.id] && s.has(u.id) && (a[u.id] = s.get(u.id));
           Y.value = a, await ee(), await _e();
         }
@@ -897,14 +909,14 @@ const Ui = ["role", "aria-modal", "aria-label", "tabindex"], Yi = {
         o === We && e !== "routes" && ae.value && await je();
       }
     }
-    function Vt() {
+    function Wt() {
       const e = n.nodes.map((o) => {
         var $;
-        const s = ($ = f.findNode(o.id)) == null ? void 0 : $.dimensions, a = $e(o).map((w) => w.id), u = xe(o).map((w) => w.id);
+        const s = ($ = m.findNode(o.id)) == null ? void 0 : $.dimensions, a = $e(o).map((w) => w.id), u = xe(o).map((w) => w.id);
         return {
           id: o.id,
-          width: (s == null ? void 0 : s.width) || y.width,
-          height: (s == null ? void 0 : s.height) || y.height,
+          width: (s == null ? void 0 : s.width) || h.width,
+          height: (s == null ? void 0 : s.height) || h.height,
           inputs: a,
           outputs: u,
           portOffsets: zn(o, a, u)
@@ -916,111 +928,111 @@ const Ui = ["role", "aria-modal", "aria-label", "tabindex"], Yi = {
       return [e, t, n.direction];
     }
     async function Ln(e, t, o) {
-      const [s, a, u] = Vt(), { positions: $, routes: w } = await Tn(s, a, u);
+      const [s, a, u] = Wt(), { positions: $, routes: w } = await Tn(s, a, u);
       if (t !== We) return;
       const P = (x) => (e === "all" || !x.position) && $.has(x.id), I = (x) => {
-        const B = T.value.get(x);
-        if (B)
-          return P(B) ? $.get(x) : B.position ?? Y.value[x];
+        const A = T.value.get(x);
+        if (A)
+          return P(A) ? $.get(x) : A.position ?? Y.value[x];
       }, L = (x) => {
-        const B = $.get(x), J = I(x);
-        return !!B && !!J && Math.abs(B.x - J.x) <= xn && Math.abs(B.y - J.y) <= xn;
+        const A = $.get(x), J = I(x);
+        return !!A && !!J && Math.abs(A.x - J.x) <= xn && Math.abs(A.y - J.y) <= xn;
       }, W = {};
       for (const x of a) {
-        Xt.add(x.id);
-        const B = w.get(x.id), J = ct(x.source, `out:${x.sourcePort}`), fn = ct(x.target, `in:${x.targetPort}`), It = $.get(x.source), zt = $.get(x.target);
-        if (B && J && fn && It && zt && L(x.source) && L(x.target)) {
-          const gn = Ht(J), vn = Ht(fn);
-          W[x.id] = { from: { x: It.x + gn.x, y: It.y + gn.y }, to: { x: zt.x + vn.x, y: zt.y + vn.y }, bends: B.bends };
+        Vt.add(x.id);
+        const A = w.get(x.id), J = ft(x.source, `out:${x.sourcePort}`), gn = ft(x.target, `in:${x.targetPort}`), zt = $.get(x.source), Lt = $.get(x.target);
+        if (A && J && gn && zt && Lt && L(x.source) && L(x.target)) {
+          const vn = Xt(J), mn = Xt(gn);
+          W[x.id] = { from: { x: zt.x + vn.x, y: zt.y + vn.y }, to: { x: Lt.x + mn.x, y: Lt.y + mn.y }, bends: A.bends };
         } else j.value[x.id] && (W[x.id] = j.value[x.id]);
       }
       if (j.value = W, e === "routes") return;
       const H = { ...Y.value };
       for (const x of n.nodes) P(x) && (H[x.id] = $.get(x.id));
       if (Y.value = H, n.editable) {
-        const x = { nodes: n.nodes, edges: n.edges }, B = n.nodes.map((J) => P(J) ? { ...J, position: $.get(J.id) } : J);
-        d("update:nodes", B), o && Ce(x, { nodes: B, edges: n.edges });
+        const x = { nodes: n.nodes, edges: n.edges }, A = n.nodes.map((J) => P(J) ? { ...J, position: $.get(J.id) } : J);
+        d("update:nodes", A), o && Ce(x, { nodes: A, edges: n.edges });
       }
       await ee(), await _e(), await je();
     }
     async function je() {
       await new Promise((t) => requestAnimationFrame(t)), ae.value = !1;
-      const e = Rt;
-      Rt = null, e && cn(e);
+      const e = It;
+      It = null, e && fn(e);
     }
     function On() {
       if (Q.value) return void ze("unplaced");
-      Ee ? ae.value && je() : _e().then(je), n.edgeShape !== "bezier" && n.edges.some((e) => !Xt.has(e.id)) && ze("routes");
+      Ee ? ae.value && je() : _e().then(je), n.edgeShape !== "bezier" && n.edges.some((e) => !Vt.has(e.id)) && ze("routes");
     }
     te(
       () => n.direction,
       async () => {
-        await ee(), f.updateNodeInternals(n.nodes.map((e) => e.id)), await ee(), await ze("all");
+        await ee(), m.updateNodeInternals(n.nodes.map((e) => e.id)), await ee(), await ze("all");
       }
     ), vo(() => {
-      const e = f.vueFlowRef.value;
+      const e = m.vueFlowRef.value;
       if (!e) return;
-      const { x: t, y: o, zoom: s } = f.viewport.value;
+      const { x: t, y: o, zoom: s } = m.viewport.value;
       e.style.backgroundSize = `${16 * s}px ${16 * s}px`, e.style.backgroundPosition = `${t}px ${o}px`;
     });
-    const Wt = Lt(null);
+    const jt = Ot(null);
     let Ze;
-    function ft() {
+    function gt() {
       clearTimeout(Ze);
-      const { x: e, y: t, zoom: o } = f.viewport.value, { width: s, height: a } = f.dimensions.value;
-      !s || !a || !o || (Wt.value = { x: -e / o, y: -t / o, width: s / o, height: a / o });
+      const { x: e, y: t, zoom: o } = m.viewport.value, { width: s, height: a } = m.dimensions.value;
+      !s || !a || !o || (jt.value = { x: -e / o, y: -t / o, width: s / o, height: a / o });
     }
-    f.onMoveEnd(ft), te(
-      () => [f.viewport.value.x, f.viewport.value.y, f.viewport.value.zoom, f.dimensions.value.width, f.dimensions.value.height],
+    m.onMoveEnd(gt), te(
+      () => [m.viewport.value.x, m.viewport.value.y, m.viewport.value.zoom, m.dimensions.value.width, m.dimensions.value.height],
       () => {
-        clearTimeout(Ze), Ze = setTimeout(ft, 120);
+        clearTimeout(Ze), Ze = setTimeout(gt, 120);
       }
     ), ot(() => clearTimeout(Ze));
-    const gt = V(!1), Ke = V("");
-    let vt, pt = !1, Se = null;
+    const vt = V(!1), qe = V("");
+    let mt, pt = !1, Se = null;
     function re(e) {
-      Ke.value = e, clearTimeout(vt), vt = setTimeout(() => Ke.value = "", ji);
+      qe.value = e, clearTimeout(mt), mt = setTimeout(() => qe.value = "", Zi);
     }
-    ot(() => clearTimeout(vt));
-    function jt(e) {
+    ot(() => clearTimeout(mt));
+    function Zt(e) {
       const { sourceHandle: t, targetHandle: o } = e;
       return !(t != null && t.startsWith("out:")) || !(o != null && o.startsWith("in:")) ? null : { source: e.source, sourcePort: t.slice(4), target: e.target, targetPort: o.slice(3) };
     }
-    function Zt(e) {
+    function qt(e) {
       var o;
-      const t = jt(e);
-      return t ? yn(n.nodes, n.edges, t, { allowCycles: n.allowCycles, noun: n.noun }) ?? ((o = n.connectionRule) == null ? void 0 : o.call(n, t)) ?? null : "Connect an output to an input.";
+      const t = Zt(e);
+      return t ? bn(n.nodes, n.edges, t, { allowCycles: n.allowCycles, noun: n.noun }) ?? ((o = n.connectionRule) == null ? void 0 : o.call(n, t)) ?? null : "Connect an output to an input.";
     }
     function Fn(e) {
       const t = e.id;
-      return t && M.value.has(t) ? !0 : (Se = Zt(e), !Se);
+      return t && M.value.has(t) ? !0 : (Se = qt(e), !Se);
     }
-    function An() {
-      gt.value = !0, pt = !1, Se = null;
+    function Bn() {
+      vt.value = !0, pt = !1, Se = null;
     }
-    function Bn(e) {
-      const t = jt(e);
-      if (!t || Zt(e)) return;
+    function An(e) {
+      const t = Zt(e);
+      if (!t || qt(e)) return;
       pt = !0;
       const o = [...n.edges, { id: at(t), ...t }];
       d("update:edges", o), Ce({ nodes: n.nodes, edges: n.edges }, { nodes: n.nodes, edges: o });
     }
     function Un() {
-      gt.value = !1, !pt && Se && f.connectionStatus.value === "invalid" && re(Se), Se = null;
+      vt.value = !1, !pt && Se && m.connectionStatus.value === "invalid" && re(Se), Se = null;
     }
-    let qe = /* @__PURE__ */ new Set(), Ge = /* @__PURE__ */ new Set(), mt = !1;
+    let Ke = /* @__PURE__ */ new Set(), Ge = /* @__PURE__ */ new Set(), ht = !1;
     function Kt() {
-      mt || (mt = !0, queueMicrotask(() => {
-        mt = !1;
-        const e = qe, t = Ge;
-        qe = /* @__PURE__ */ new Set(), Ge = /* @__PURE__ */ new Set(), ht(e, t);
+      ht || (ht = !0, queueMicrotask(() => {
+        ht = !1;
+        const e = Ke, t = Ge;
+        Ke = /* @__PURE__ */ new Set(), Ge = /* @__PURE__ */ new Set(), yt(e, t);
       }));
     }
-    function ht(e, t) {
+    function yt(e, t) {
       const o = { nodes: n.nodes, edges: n.edges }, s = e.size ? n.nodes.filter((u) => !e.has(u.id)) : n.nodes, a = n.edges.filter((u) => !t.has(u.id) && !e.has(u.source) && !e.has(u.target));
       e.size && d("update:nodes", s), d("update:edges", a), n.selected && e.has(n.selected) && d("update:selected", null), Ce(o, { nodes: s, edges: a });
     }
-    async function yt(e) {
+    async function bt(e) {
       if (!n.beforeRemove) return !0;
       try {
         return await n.beforeRemove(e) !== !1;
@@ -1029,20 +1041,20 @@ const Ui = ["role", "aria-modal", "aria-label", "tabindex"], Yi = {
       }
     }
     async function Yn() {
-      const e = new Set(f.getSelectedNodes.value.filter((a) => a.deletable !== !1).map((a) => a.id)), t = new Set(f.getSelectedEdges.value.filter((a) => a.deletable !== !1).map((a) => a.id)), o = n.nodes.filter((a) => e.has(a.id)), s = n.edges.filter((a) => t.has(a.id) || e.has(a.source) || e.has(a.target));
-      !o.length && !s.length || await yt({ nodes: o, edges: s }) && ht(e, t);
+      const e = new Set(m.getSelectedNodes.value.filter((a) => a.deletable !== !1).map((a) => a.id)), t = new Set(m.getSelectedEdges.value.filter((a) => a.deletable !== !1).map((a) => a.id)), o = n.nodes.filter((a) => e.has(a.id)), s = n.edges.filter((a) => t.has(a.id) || e.has(a.source) || e.has(a.target));
+      !o.length && !s.length || await bt({ nodes: o, edges: s }) && yt(e, t);
     }
     function Hn(e) {
       var s, a;
       const t = /* @__PURE__ */ new Map();
       let o;
       for (const u of e)
-        if (u.type === "remove" && n.editable) qe.add(u.id);
+        if (u.type === "remove" && n.editable) Ke.add(u.id);
         else if (u.type === "position" && !u.dragging && n.editable) {
-          const $ = u.position ?? ((s = f.findNode(u.id)) == null ? void 0 : s.position);
+          const $ = u.position ?? ((s = m.findNode(u.id)) == null ? void 0 : s.position);
           $ && t.set(u.id, { x: Math.round($.x), y: Math.round($.y) });
         } else u.type === "select" && (u.selected ? o = u.id : u.id === n.selected && o === void 0 && (o = null));
-      qe.size && Kt();
+      Ke.size && Kt();
       for (const [u, $] of t) {
         const w = (a = T.value.get(u)) == null ? void 0 : a.position;
         w && w.x === $.x && w.y === $.y && t.delete(u);
@@ -1060,32 +1072,32 @@ const Ui = ["role", "aria-modal", "aria-label", "tabindex"], Yi = {
       }
     }
     const Le = V(!1);
-    let qt = null;
+    let Gt = null;
     const Oe = E(() => {
       var e;
       return n.editable && !!((e = n.library) != null && e.length);
     }), Pe = V(null);
-    let bt = null;
-    function wt(e = null) {
-      qt = e, Le.value = !0;
+    let wt = null;
+    function kt(e = null) {
+      Gt = e, Le.value = !0;
     }
-    const Gt = E(() => {
+    const Qt = E(() => {
       const e = Pe.value;
       if (!e || !n.library) return {};
       const t = {};
       for (const o of n.library) {
         if (!o.inputs && !o.outputs) continue;
-        const s = sn(e, { id: Zi, label: o.label, inputs: o.inputs, outputs: o.outputs });
+        const s = ln(e, { id: qi, label: o.label, inputs: o.inputs, outputs: o.outputs });
         (!s.into || !s.out) && (t[o.key] = s.reason ?? "It does not fit here.");
       }
       return t;
     }), Vn = E(() => {
       const e = Pe.value;
-      return e ? `Between ${A(e.source)} and ${A(e.target)}.` : void 0;
+      return e ? `Between ${B(e.source)} and ${B(e.target)}.` : void 0;
     });
     function Wn(e) {
-      const t = Pe.value, o = t ? Gt.value[e.key] : void 0;
-      Le.value = !1, Pe.value = null, bt = { known: new Set(n.nodes.map((s) => s.id)), edge: t && !o ? t : void 0 }, t && !o ? en(e, Zn(t)) : (t && o && re(`${e.label} is at the end of the chain, not connected: ${o}`), en(e, qt ?? void 0));
+      const t = Pe.value, o = t ? Qt.value[e.key] : void 0;
+      Le.value = !1, Pe.value = null, wt = { known: new Set(n.nodes.map((s) => s.id)), edge: t && !o ? t : void 0 }, t && !o ? tn(e, Zn(t)) : (t && o && re(`${e.label} is at the end of the chain, not connected: ${o}`), tn(e, Gt ?? void 0));
     }
     te(Le, (e) => {
       e || queueMicrotask(() => Pe.value = null);
@@ -1093,65 +1105,65 @@ const Ui = ["role", "aria-modal", "aria-label", "tabindex"], Yi = {
     function jn(e) {
       const t = e.target instanceof Element ? e.target : null;
       if (!Oe.value || !(t != null && t.closest(".vue-flow__pane")) || t.closest(".vue-flow__node, .vue-flow__edge, .vue-flow__panel")) return;
-      const o = Qt(e.clientX, e.clientY);
-      wt({ x: o.x - y.width / 2, y: o.y - y.height / 2 });
+      const o = Jt(e.clientX, e.clientY);
+      kt({ x: o.x - h.width / 2, y: o.y - h.height / 2 });
     }
-    function Qt(e, t) {
+    function Jt(e, t) {
       var a;
-      const o = (a = f.vueFlowRef.value) == null ? void 0 : a.getBoundingClientRect(), s = f.project({ x: e - ((o == null ? void 0 : o.left) ?? 0), y: t - ((o == null ? void 0 : o.top) ?? 0) });
+      const o = (a = m.vueFlowRef.value) == null ? void 0 : a.getBoundingClientRect(), s = m.project({ x: e - ((o == null ? void 0 : o.left) ?? 0), y: t - ((o == null ? void 0 : o.top) ?? 0) });
       return { x: Math.round(s.x), y: Math.round(s.y) };
     }
-    const Jt = (e) => ({ x: Math.round(e.x / 8) * 8, y: Math.round(e.y / 8) * 8 }), Fe = E(() => n.direction !== "down"), ve = (e) => ({ width: e.dimensions.width || y.width, height: e.dimensions.height || y.height });
-    function en(e, t) {
-      n.editable && d("create", { item: e, position: Jt(t ?? kt()) });
+    const en = (e) => ({ x: Math.round(e.x / 8) * 8, y: Math.round(e.y / 8) * 8 }), Fe = E(() => n.direction !== "down"), ve = (e) => ({ width: e.dimensions.width || h.width, height: e.dimensions.height || h.height });
+    function tn(e, t) {
+      n.editable && d("create", { item: e, position: en(t ?? $t()) });
     }
-    function kt() {
+    function $t() {
       var a;
-      const e = f.getNodes.value;
+      const e = m.getNodes.value;
       if (!e.length) {
-        const u = (a = f.vueFlowRef.value) == null ? void 0 : a.getBoundingClientRect(), $ = u ? Qt(u.left + u.width / 2, u.top + u.height / 2) : { x: 0, y: 0 };
-        return { x: $.x - y.width / 2, y: $.y - y.height / 2 };
+        const u = (a = m.vueFlowRef.value) == null ? void 0 : a.getBoundingClientRect(), $ = u ? Jt(u.left + u.width / 2, u.top + u.height / 2) : { x: 0, y: 0 };
+        return { x: $.x - h.width / 2, y: $.y - h.height / 2 };
       }
       const t = (u) => Fe.value ? u.position.x + ve(u).width : u.position.y + ve(u).height, o = e.reduce((u, $) => t($) > t(u) ? $ : u), s = Fe.value ? { x: t(o) + oe.layer, y: o.position.y } : { x: o.position.x, y: t(o) + oe.layer };
       return Gn(s);
     }
     function Zn(e) {
-      const t = f.findNode(e.source), o = f.findNode(e.target);
-      return !t || !o ? kt() : Fe.value ? { x: t.position.x + ve(t).width + oe.layer, y: o.position.y } : { x: o.position.x, y: t.position.y + ve(t).height + oe.layer };
+      const t = m.findNode(e.source), o = m.findNode(e.target);
+      return !t || !o ? $t() : Fe.value ? { x: t.position.x + ve(t).width + oe.layer, y: o.position.y } : { x: o.position.x, y: t.position.y + ve(t).height + oe.layer };
     }
-    async function Kn(e) {
+    async function qn(e) {
       for (let t = 0; t < 12; t += 1) {
-        const o = f.findNode(e);
+        const o = m.findNode(e);
         if (o != null && o.dimensions.width) return o;
         await (typeof requestAnimationFrame == "function" ? new Promise((s) => requestAnimationFrame(s)) : ee());
       }
-      return f.findNode(e);
+      return m.findNode(e);
     }
-    function qn(e, t) {
-      const o = f.findNode(t.target);
+    function Kn(e, t) {
+      const o = m.findNode(t.target);
       if (!o) return n.nodes;
       const s = Fe.value ? "x" : "y", a = e.position[s], u = a + (Fe.value ? ve(e).width : ve(e).height) + oe.layer, $ = Math.ceil(Math.max(0, u - o.position[s]) / 8) * 8;
       if (!$) return n.nodes;
-      const w = Math.min(a, o.position[s]) - 1, P = new Set(f.getNodes.value.filter((L) => L.id !== e.id && L.position[s] >= w).map((L) => L.id)), I = n.nodes.map((L) => {
+      const w = Math.min(a, o.position[s]) - 1, P = new Set(m.getNodes.value.filter((L) => L.id !== e.id && L.position[s] >= w).map((L) => L.id)), I = n.nodes.map((L) => {
         var H;
-        const W = (H = f.findNode(L.id)) == null ? void 0 : H.position;
+        const W = (H = m.findNode(L.id)) == null ? void 0 : H.position;
         return P.has(L.id) && W ? { ...L, position: { ...W, [s]: W[s] + $ } } : L;
       });
       return d("update:nodes", I), I;
     }
-    function tn(e) {
-      const t = f.vueFlowRef.value;
+    function nn(e) {
+      const t = m.vueFlowRef.value;
       if (!t) return;
-      const { x: o, y: s, zoom: a } = f.viewport.value, { width: u, height: $ } = ve(e), w = e.position.x * a + o, P = e.position.y * a + s;
-      w >= 0 && P >= 0 && w + u * a <= t.clientWidth && P + $ * a <= t.clientHeight || f.setCenter(e.position.x + u / 2, e.position.y + $ / 2, { zoom: a, duration: R ? 0 : 200 });
+      const { x: o, y: s, zoom: a } = m.viewport.value, { width: u, height: $ } = ve(e), w = e.position.x * a + o, P = e.position.y * a + s;
+      w >= 0 && P >= 0 && w + u * a <= t.clientWidth && P + $ * a <= t.clientHeight || m.setCenter(e.position.x + u / 2, e.position.y + $ / 2, { zoom: a, duration: R ? 0 : 200 });
     }
     function Gn(e) {
-      const o = f.getNodes.value.map((a) => ({
+      const o = m.getNodes.value.map((a) => ({
         x: a.position.x - 16,
         y: a.position.y - 16,
-        width: (a.dimensions.width || y.width) + 32,
-        height: (a.dimensions.height || y.height) + 32
-      })), s = (a) => o.some((u) => a.x < u.x + u.width && a.x + y.width > u.x && a.y < u.y + u.height && a.y + y.height > u.y);
+        width: (a.dimensions.width || h.width) + 32,
+        height: (a.dimensions.height || h.height) + 32
+      })), s = (a) => o.some((u) => a.x < u.x + u.width && a.x + h.width > u.x && a.y < u.y + u.height && a.y + h.height > u.y);
       for (let a = 0; a < 40; a += 1) {
         const u = { x: e.x, y: e.y + a * 32 };
         if (!s(u)) return u;
@@ -1160,20 +1172,20 @@ const Ui = ["role", "aria-modal", "aria-label", "tabindex"], Yi = {
     }
     const Qe = V(null);
     let Je;
-    const pe = { line: null, tools: null };
-    function $t(e, t, o) {
-      o ? pe[t] = e : pe[t] === e && (pe[t] = null), clearTimeout(Je);
-      const s = pe.tools ?? pe.line;
+    const me = { line: null, tools: null };
+    function xt(e, t, o) {
+      o ? me[t] = e : me[t] === e && (me[t] = null), clearTimeout(Je);
+      const s = me.tools ?? me.line;
       s ? Qe.value = s : Je = setTimeout(() => Qe.value = null, 160);
     }
     ot(() => clearTimeout(Je));
-    const Ae = V(null), xt = E({
+    const Be = V(null), Et = E({
       get: () => !!F.value,
       set: (e) => {
-        e || (Ae.value = null);
+        e || (Be.value = null);
       }
     }), F = E(() => {
-      const e = n.edges.find((a) => a.id === Ae.value), t = e && n.nodes.find((a) => a.id === e.source), o = e && n.nodes.find((a) => a.id === e.target);
+      const e = n.edges.find((a) => a.id === Be.value), t = e && n.nodes.find((a) => a.id === e.source), o = e && n.nodes.find((a) => a.id === e.target);
       if (!e || !t || !o) return null;
       const s = ke(e, n.nodes);
       return {
@@ -1188,7 +1200,7 @@ const Ui = ["role", "aria-modal", "aria-label", "tabindex"], Yi = {
     function et(e, t) {
       return (e == null ? void 0 : e.label) ?? (t === "in" ? "Input" : "Output");
     }
-    function nn(e) {
+    function on(e) {
       const t = n.nodes.find((a) => a.id === e.source), o = n.nodes.find((a) => a.id === e.target), s = ke(e, n.nodes);
       return `${et(t && xe(t).find((a) => a.id === s.sourcePort), "out")} → ${et(o && $e(o).find((a) => a.id === s.targetPort), "in")}`;
     }
@@ -1200,69 +1212,69 @@ const Ui = ["role", "aria-modal", "aria-label", "tabindex"], Yi = {
       ] : [];
     });
     function tt() {
-      clearTimeout(Je), pe.line = pe.tools = null, Qe.value = null;
+      clearTimeout(Je), me.line = me.tools = null, Qe.value = null;
     }
-    function Et(e) {
-      tt(), Ae.value = e;
+    function _t(e) {
+      tt(), Be.value = e;
     }
-    function Be(e) {
+    function Ae(e) {
       if (!n.editable || !e.length) return;
-      if (!n.beforeRemove) return on(e);
+      if (!n.beforeRemove) return an(e);
       const t = new Set(e);
-      tt(), yt({ nodes: [], edges: n.edges.filter((o) => t.has(o.id)) }).then((o) => o && on(e));
+      tt(), bt({ nodes: [], edges: n.edges.filter((o) => t.has(o.id)) }).then((o) => o && an(e));
     }
-    function on(e) {
+    function an(e) {
       var a;
       const t = new Set(e), o = n.edges.filter((u) => !t.has(u.id)), s = F.value;
-      d("update:edges", o), Ce({ nodes: n.nodes, edges: n.edges }, { nodes: n.nodes, edges: o }), tt(), s && t.has(s.edge.id) && (Ae.value = ((a = s.between.find((u) => !t.has(u.id))) == null ? void 0 : a.id) ?? null), re(e.length === 1 ? "Connection deleted." : `${e.length} connections deleted.`);
+      d("update:edges", o), Ce({ nodes: n.nodes, edges: n.edges }, { nodes: n.nodes, edges: o }), tt(), s && t.has(s.edge.id) && (Be.value = ((a = s.between.find((u) => !t.has(u.id))) == null ? void 0 : a.id) ?? null), re(e.length === 1 ? "Connection deleted." : `${e.length} connections deleted.`);
     }
-    function an(e) {
+    function sn(e) {
       const t = n.edges.find((o) => o.id === e);
-      !t || !Oe.value || (Ae.value = null, tt(), Pe.value = t, wt(null));
+      !t || !Oe.value || (Be.value = null, tt(), Pe.value = t, kt(null));
     }
-    function sn(e, t) {
+    function ln(e, t) {
       const { sourcePort: o, targetPort: s } = ke(e, n.nodes);
       if (!o || !s) return { reason: "That connection has no ports." };
       const a = n.nodes.some((x) => x.id === t.id) ? n.nodes : [...n.nodes, t], u = n.edges.filter((x) => x.id !== e.id), $ = (x) => {
-        var B;
+        var A;
         try {
-          return ((B = n.connectionRule) == null ? void 0 : B.call(n, x)) ?? null;
+          return ((A = n.connectionRule) == null ? void 0 : A.call(n, x)) ?? null;
         } catch {
           return null;
         }
-      }, w = (x, B) => yn(a, x, B, { allowCycles: n.allowCycles, noun: n.noun }) ?? $(B), P = $e(t).map((x) => ({ source: e.source, sourcePort: o, target: t.id, targetPort: x.id })), I = P.find((x) => !w(u, x));
+      }, w = (x, A) => bn(a, x, A, { allowCycles: n.allowCycles, noun: n.noun }) ?? $(A), P = $e(t).map((x) => ({ source: e.source, sourcePort: o, target: t.id, targetPort: x.id })), I = P.find((x) => !w(u, x));
       if (!I) return { reason: P[0] ? w(u, P[0]) ?? void 0 : `${t.label} has no input.` };
       const L = [...u, { id: at(I), ...I }], W = xe(t).map((x) => ({ source: t.id, sourcePort: x.id, target: e.target, targetPort: s })), H = W.find((x) => !w(L, x));
       return H ? { into: I, out: H } : { into: I, reason: W[0] ? w(L, W[0]) ?? void 0 : `${t.label} has no output.` };
     }
     function Jn(e, t, o) {
-      const s = sn(e, t);
+      const s = ln(e, t);
       if (s.into && s.out) {
         const $ = [...n.edges.filter((P) => P.id !== e.id), { id: at(s.into), ...s.into }, { id: at(s.out), ...s.out }];
         d("update:edges", $);
-        const w = qn(o, e);
-        return re(`${t.label} is now between ${A(e.source)} and ${A(e.target)}.`), { nodes: w, edges: $ };
+        const w = Kn(o, e);
+        return re(`${t.label} is now between ${B(e.source)} and ${B(e.target)}.`), { nodes: w, edges: $ };
       }
-      const a = Jt(kt()), u = n.nodes.map(($) => $.id === t.id ? { ...$, position: a } : $);
+      const a = en($t()), u = n.nodes.map(($) => $.id === t.id ? { ...$, position: a } : $);
       return d("update:nodes", u), re(`${t.label} is at the end of the chain, not connected: ${s.reason ?? "it does not fit between them."}`), { nodes: u, edges: n.edges };
     }
     te(
       () => n.nodes,
       async (e) => {
-        const t = bt, o = t && e.find((P) => !t.known.has(P.id));
+        const t = wt, o = t && e.find((P) => !t.known.has(P.id));
         if (!t || !o) return;
-        bt = null;
-        const s = { nodes: e.filter((P) => P.id !== o.id), edges: n.edges.filter((P) => P.source !== o.id && P.target !== o.id) }, a = await Kn(o.id), u = n.nodes.find((P) => P.id === o.id), $ = a && u && t.edge ? Jn(t.edge, u, a) : { nodes: n.nodes, edges: n.edges };
+        wt = null;
+        const s = { nodes: e.filter((P) => P.id !== o.id), edges: n.edges.filter((P) => P.source !== o.id && P.target !== o.id) }, a = await qn(o.id), u = n.nodes.find((P) => P.id === o.id), $ = a && u && t.edge ? Jn(t.edge, u, a) : { nodes: n.nodes, edges: n.edges };
         if (Ce(s, $), !a || !u) return;
         await ee();
-        const w = f.findNode(o.id);
-        w && tn(w);
+        const w = m.findNode(o.id);
+        w && nn(w);
       }
     );
-    const de = V(null), me = V(null), Ue = E({
+    const de = V(null), pe = V(null), Ue = E({
       get: () => !!de.value,
       set: (e) => {
-        e || (de.value = me.value = null);
+        e || (de.value = pe.value = null);
       }
     });
     function eo(e) {
@@ -1274,10 +1286,10 @@ const Ui = ["role", "aria-modal", "aria-label", "tabindex"], Yi = {
     }
     function to(e) {
       const t = n.nodes.find((o) => o.id === e);
-      !n.editable || !t || (de.value = t, me.value = { ...t, data: eo(t.data) });
+      !n.editable || !t || (de.value = t, pe.value = { ...t, data: eo(t.data) });
     }
     function no() {
-      const e = me.value;
+      const e = pe.value;
       e && (d("update:nodes", n.nodes.map((t) => t.id === e.id ? { ...e, label: e.label.trim() || t.label, position: t.position } : t)), Ue.value = !1);
     }
     function oo() {
@@ -1285,38 +1297,38 @@ const Ui = ["role", "aria-modal", "aria-label", "tabindex"], Yi = {
       const e = (s = de.value) == null ? void 0 : s.id;
       if (!e) return;
       const t = () => {
-        ht(/* @__PURE__ */ new Set([e]), /* @__PURE__ */ new Set()), Ue.value = !1;
+        yt(/* @__PURE__ */ new Set([e]), /* @__PURE__ */ new Set()), Ue.value = !1;
       };
       if (!n.beforeRemove) return t();
       const o = n.nodes.find((a) => a.id === e);
-      yt({ nodes: o ? [o] : [], edges: n.edges.filter((a) => a.source === e || a.target === e) }).then((a) => a && t());
+      bt({ nodes: o ? [o] : [], edges: n.edges.filter((a) => a.source === e || a.target === e) }).then((a) => a && t());
     }
-    function _t(e) {
+    function St(e) {
       if (n.editor === "modal") return to(e);
       const t = n.nodes.find((o) => o.id === e);
       t && d("open", t);
     }
-    function ln(e) {
+    function dn(e) {
       return !!(e != null && e.closest('input, textarea, select, [contenteditable]:not([contenteditable="false"])'));
     }
     function io(e) {
       const t = e.target instanceof Element ? e.target : null, o = e.key.toLowerCase();
-      if (he.value && (e.metaKey || e.ctrlKey) && !e.altKey && (o === "z" || o === "y" && e.ctrlKey) && !ln(t)) {
-        e.preventDefault(), o === "y" || e.shiftKey ? Mt() : Ct();
+      if (he.value && (e.metaKey || e.ctrlKey) && !e.altKey && (o === "z" || o === "y" && e.ctrlKey) && !dn(t)) {
+        e.preventDefault(), o === "y" || e.shiftKey ? Tt() : Mt();
         return;
       }
-      e.key === "Enter" && (t != null && t.classList.contains("vue-flow__node")) && t instanceof HTMLElement && t.dataset.id && _t(t.dataset.id);
+      e.key === "Enter" && (t != null && t.classList.contains("vue-flow__node")) && t instanceof HTMLElement && t.dataset.id && St(t.dataset.id);
       const s = t != null && t.classList.contains("vue-flow__edge") ? t.getAttribute("data-id") : null;
       if (!s) {
-        v.includes(e.key) && n.editable && n.beforeRemove && !ln(t) && (e.preventDefault(), Yn());
+        p.includes(e.key) && n.editable && n.beforeRemove && !dn(t) && (e.preventDefault(), Yn());
         return;
       }
-      e.key === "Enter" ? (e.preventDefault(), Et(s)) : (e.key === "Delete" || e.key === "Backspace") && n.editable && (e.preventDefault(), Be([s]));
+      e.key === "Enter" ? (e.preventDefault(), _t(s)) : (e.key === "Delete" || e.key === "Backspace") && n.editable && (e.preventDefault(), Ae([s]));
     }
-    const he = E(() => !!n.history && n.editable), se = E(() => typeof n.history == "object" ? n.history : null), Ne = V(!1), ue = Lt([]), Ye = Lt([]), St = E(() => {
+    const he = E(() => !!n.history && n.editable), se = E(() => typeof n.history == "object" ? n.history : null), Ne = V(!1), ue = Ot([]), Ye = Ot([]), Pt = E(() => {
       var e, t;
       return he.value && !Ne.value && !((e = se.value) != null && e.busy) && (((t = se.value) == null ? void 0 : t.canUndo) ?? ue.value.length > 0);
-    }), Pt = E(() => {
+    }), Nt = E(() => {
       var e, t;
       return he.value && !Ne.value && !((e = se.value) != null && e.busy) && (((t = se.value) == null ? void 0 : t.canRedo) ?? Ye.value.length > 0);
     });
@@ -1335,14 +1347,14 @@ const Ui = ["role", "aria-modal", "aria-label", "tabindex"], Yi = {
     }
     function Ce(e, t) {
       if (!he.value || se.value) return;
-      const o = Ri(e, t);
+      const o = Ii(e, t);
       if (!o) return;
       const s = ao(o), a = ue.value[ue.value.length - 1];
       if (a && a.key === s && a.from[0] === e.nodes && a.from[1] === e.edges) return;
       const u = { entry: o, key: s, from: [e.nodes, e.edges] };
       ue.value = [...ue.value, u].slice(-100), Ye.value = [];
     }
-    function dn() {
+    function rn() {
       var e, t;
       ue.value = [], Ye.value = [], (t = (e = se.value) == null ? void 0 : e.clear) == null || t.call(e);
     }
@@ -1351,23 +1363,23 @@ const Ui = ["role", "aria-modal", "aria-label", "tabindex"], Yi = {
       (e, t) => {
         if (se.value || !(t != null && t.length) || !e.length) return;
         const o = new Set(t.map((s) => s.id));
-        e.some((s) => o.has(s.id)) || dn();
+        e.some((s) => o.has(s.id)) || rn();
       }
     );
     async function so(e) {
-      for (let t = 0; t < 12 && e.some((o) => !f.findNode(o)); t += 1)
+      for (let t = 0; t < 12 && e.some((o) => !m.findNode(o)); t += 1)
         await (typeof requestAnimationFrame == "function" ? new Promise((o) => requestAnimationFrame(o)) : ee());
     }
-    let Nt = Promise.resolve();
-    function rn(e) {
-      return Nt = Nt.then(() => lo(e)).catch(() => {
-      }), Nt;
+    let Ct = Promise.resolve();
+    function un(e) {
+      return Ct = Ct.then(() => lo(e)).catch(() => {
+      }), Ct;
     }
     async function lo(e) {
       var L, W;
       const t = se.value;
       if (t) {
-        if (!(e === "undo" ? St.value : Pt.value)) return;
+        if (!(e === "undo" ? Pt.value : Nt.value)) return;
         const H = !!((L = Me.value) != null && L.contains(document.activeElement));
         Ne.value = !0;
         try {
@@ -1375,38 +1387,38 @@ const Ui = ["role", "aria-modal", "aria-label", "tabindex"], Yi = {
         } catch {
           re(e === "undo" ? "Could not undo. Try again." : "Could not redo. Try again.");
         } finally {
-          Ne.value = !1, await ee(), H && un();
+          Ne.value = !1, await ee(), H && cn();
         }
         return;
       }
       const o = e === "undo" ? ue : Ye, s = e === "undo" ? Ye : ue, a = o.value[o.value.length - 1];
       if (!he.value || !a) return;
       o.value = o.value.slice(0, -1), s.value = [...s.value, a];
-      const u = !!((W = Me.value) != null && W.contains(document.activeElement)), { entry: $ } = a, w = Ii($, n.nodes, e);
+      const u = !!((W = Me.value) != null && W.contains(document.activeElement)), { entry: $ } = a, w = zi($, n.nodes, e);
       (w.length !== n.nodes.length || w.some((H, x) => H !== n.nodes[x])) && d("update:nodes", w);
       const P = (e === "undo" ? $.removedNodes : $.addedNodes).map(({ node: H }) => H.id);
       P.length && await so(P);
-      const I = zi($, n.edges, w, e);
-      (I.length !== n.edges.length || I.some((H, x) => H !== n.edges[x])) && d("update:edges", I), n.selected && !w.some((H) => H.id === n.selected) && d("update:selected", null), re(e === "undo" ? "Undone." : "Redone."), await ee(), u && un();
+      const I = Li($, n.edges, w, e);
+      (I.length !== n.edges.length || I.some((H, x) => H !== n.edges[x])) && d("update:edges", I), n.selected && !w.some((H) => H.id === n.selected) && d("update:selected", null), re(e === "undo" ? "Undone." : "Redone."), await ee(), u && cn();
     }
-    function un() {
+    function cn() {
       const e = Me.value, t = document.activeElement;
       if (!e || t && e.contains(t) && !(t instanceof HTMLButtonElement && t.disabled)) return;
       (e.querySelector("[data-it-dag-undo]:not(:disabled), [data-it-dag-redo]:not(:disabled)") ?? e).focus({ preventScroll: !0 });
     }
-    function Ct() {
-      return rn("undo");
-    }
     function Mt() {
-      return rn("redo");
+      return un("undo");
+    }
+    function Tt() {
+      return un("redo");
     }
     const le = V(!1), ro = E(() => n.wheel === "pan" || le.value);
-    function Tt(e) {
+    function Dt(e) {
       e.key === "Escape" && !e.defaultPrevented && !document.querySelector(".p-dialog-mask") && (le.value = !1);
     }
     const Me = V(null);
     let nt = [];
-    function Dt(e) {
+    function Rt(e) {
       if (e) {
         nt = [...document.body.children].filter((t) => t instanceof HTMLElement && t !== Me.value && !t.inert);
         for (const t of nt) t.inert = !0;
@@ -1417,55 +1429,55 @@ const Ui = ["role", "aria-modal", "aria-label", "tabindex"], Yi = {
     }
     te(le, async (e) => {
       var t, o;
-      e ? window.addEventListener("keydown", Tt) : window.removeEventListener("keydown", Tt), e || Dt(!1), await ee(), e && Dt(!0), (o = (t = Me.value) == null ? void 0 : t.querySelector("[data-it-dag-expand]")) == null || o.focus(), await _e();
+      e ? window.addEventListener("keydown", Dt) : window.removeEventListener("keydown", Dt), e || Rt(!1), await ee(), e && Rt(!0), (o = (t = Me.value) == null ? void 0 : t.querySelector("[data-it-dag-expand]")) == null || o.focus(), await _e();
     }), ot(() => {
-      window.removeEventListener("keydown", Tt), Dt(!1);
-    }), po(ut, {
+      window.removeEventListener("keydown", Dt), Rt(!1);
+    }), mo(ct, {
       editable: () => n.editable,
       direction: () => n.direction,
       expanded: () => le.value,
       toggleExpanded: () => le.value = !le.value,
-      zoomIn: () => void f.zoomIn({ duration: R ? 0 : 150 }),
-      zoomOut: () => void f.zoomOut({ duration: R ? 0 : 150 }),
+      zoomIn: () => void m.zoomIn({ duration: R ? 0 : 150 }),
+      zoomOut: () => void m.zoomOut({ duration: R ? 0 : 150 }),
       fit: () => void _e(),
       arrange: () => void ze("all", !0),
       hoveredEdge: () => Qe.value,
-      hoverEdge: $t,
-      openConnection: Et,
-      insertOnEdge: an,
-      removeEdge: (e) => Be([e]),
-      view: () => Wt.value,
+      hoverEdge: xt,
+      openConnection: _t,
+      insertOnEdge: sn,
+      removeEdge: (e) => Ae([e]),
+      view: () => jt.value,
       noun: () => n.noun,
       history: () => he.value,
-      canUndo: () => St.value,
-      canRedo: () => Pt.value,
-      undo: () => void Ct(),
-      redo: () => void Mt()
+      canUndo: () => Pt.value,
+      canRedo: () => Nt.value,
+      undo: () => void Mt(),
+      redo: () => void Tt()
     });
-    let Rt = null;
-    function cn(e) {
+    let It = null;
+    function fn(e) {
       if (!Ee || ae.value) {
-        Rt = e;
+        It = e;
         return;
       }
-      const t = f.findNode(e);
-      t && tn(t);
+      const t = m.findNode(e);
+      t && nn(t);
     }
     const uo = E(() => n.emptyTitle ?? `No ${n.noun.other} yet`);
-    return l({ fit: _e, arrange: () => ze("all", !0), revealNode: cn, openNode: _t, undo: Ct, redo: Mt, canUndo: St, canRedo: Pt, clearHistory: dn }), (e, t) => {
+    return l({ fit: _e, arrange: () => ze("all", !0), revealNode: fn, openNode: St, undo: Mt, redo: Tt, canUndo: Pt, canRedo: Nt, clearHistory: rn }), (e, t) => {
       var o, s, a, u, $;
       return b(), _("div", {
         class: "it-dag-host",
         style: rt({ height: typeof i.height == "number" ? `${i.height}px` : i.height })
       }, [
-        (b(), O(mo, {
+        (b(), O(po, {
           to: "body",
           disabled: !le.value
         }, [
           U("div", {
             ref_key: "frame",
             ref: Me,
-            class: Ie(["it-dag", { "it-dag--editable": i.editable, "it-dag--connecting": gt.value, "it-dag--pending": Q.value || ae.value, "it-dag--expanded": le.value }]),
+            class: Ie(["it-dag", { "it-dag--editable": i.editable, "it-dag--connecting": vt.value, "it-dag--pending": Q.value || ae.value, "it-dag--expanded": le.value }]),
             role: le.value ? "dialog" : "region",
             "aria-modal": le.value ? "true" : void 0,
             "aria-label": i.label,
@@ -1474,7 +1486,7 @@ const Ui = ["role", "aria-modal", "aria-label", "tabindex"], Yi = {
             onKeydown: io
           }, [
             D(k(Do), {
-              id: h,
+              id: y,
               class: "it-dag__flow",
               nodes: S.value,
               edges: ie.value,
@@ -1482,10 +1494,10 @@ const Ui = ["role", "aria-modal", "aria-label", "tabindex"], Yi = {
               "nodes-connectable": i.editable,
               "elements-selectable": !0,
               "edges-updatable": !1,
-              "delete-key-code": i.editable && !i.beforeRemove ? v : null,
-              "edge-types": g,
+              "delete-key-code": i.editable && !i.beforeRemove ? p : null,
+              "edge-types": f,
               "connection-mode": k(Ro).Strict,
-              "connection-line-type": i.edgeShape === "bezier" ? k(hn).Bezier : k(hn).SmoothStep,
+              "connection-line-type": i.edgeShape === "bezier" ? k(yn).Bezier : k(yn).SmoothStep,
               "is-valid-connection": Fn,
               "min-zoom": c.value,
               "max-zoom": 2,
@@ -1500,13 +1512,13 @@ const Ui = ["role", "aria-modal", "aria-label", "tabindex"], Yi = {
               onNodesChange: Hn,
               onEdgesChange: Xn,
               onNodesInitialized: On,
-              onConnect: Bn,
-              onConnectStart: An,
+              onConnect: An,
+              onConnectStart: Bn,
               onConnectEnd: Un,
-              onNodeClick: t[1] || (t[1] = ({ node: w }) => _t(w.id)),
-              onEdgeClick: t[2] || (t[2] = ({ edge: w }) => Et(w.id)),
-              onEdgeMouseEnter: t[3] || (t[3] = ({ edge: w }) => $t(w.id, "line", !0)),
-              onEdgeMouseLeave: t[4] || (t[4] = ({ edge: w }) => $t(w.id, "line", !1))
+              onNodeClick: t[1] || (t[1] = ({ node: w }) => St(w.id)),
+              onEdgeClick: t[2] || (t[2] = ({ edge: w }) => _t(w.id)),
+              onEdgeMouseEnter: t[3] || (t[3] = ({ edge: w }) => xt(w.id, "line", !0)),
+              onEdgeMouseLeave: t[4] || (t[4] = ({ edge: w }) => xt(w.id, "line", !1))
             }, {
               "node-it": X(({ data: w, selected: P }) => [
                 Re(e.$slots, "node", {
@@ -1520,9 +1532,9 @@ const Ui = ["role", "aria-modal", "aria-label", "tabindex"], Yi = {
                 ])
               ]),
               default: X(() => [
-                Dn.value ? (b(), _("div", Yi)) : C("", !0),
-                Rn.value ? (b(), _("div", Hi)) : C("", !0),
-                Oe.value ? (b(), O(k(Ot), {
+                Dn.value ? (b(), _("div", Hi)) : C("", !0),
+                Rn.value ? (b(), _("div", Xi)) : C("", !0),
+                Oe.value ? (b(), O(k(Ft), {
                   key: 2,
                   position: "top-left",
                   class: "it-dag__panel"
@@ -1531,10 +1543,10 @@ const Ui = ["role", "aria-modal", "aria-label", "tabindex"], Yi = {
                     D(k(ce), {
                       label: `Add ${i.noun.one}`,
                       size: "small",
-                      onClick: t[0] || (t[0] = (w) => wt())
+                      onClick: t[0] || (t[0] = (w) => kt())
                     }, {
                       icon: X(() => [
-                        D(k(Ut), {
+                        D(k(Yt), {
                           size: 14,
                           "aria-hidden": "true"
                         })
@@ -1544,7 +1556,7 @@ const Ui = ["role", "aria-modal", "aria-label", "tabindex"], Yi = {
                   ]),
                   _: 1
                 })) : C("", !0),
-                e.$slots.actions ? (b(), O(k(Ot), {
+                e.$slots.actions ? (b(), O(k(Ft), {
                   key: 3,
                   position: "top-right",
                   class: "it-dag__panel it-dag__actions"
@@ -1554,19 +1566,19 @@ const Ui = ["role", "aria-modal", "aria-label", "tabindex"], Yi = {
                   ]),
                   _: 3
                 })) : C("", !0),
-                D(k(Ot), {
+                D(k(Ft), {
                   position: "bottom-left",
                   class: "it-dag__panel"
                 }, {
                   default: X(() => [
-                    D(wi)
+                    D(ki)
                   ]),
                   _: 1
                 })
               ]),
               _: 3
             }, 8, ["nodes", "edges", "nodes-draggable", "nodes-connectable", "delete-key-code", "connection-mode", "connection-line-type", "min-zoom", "pan-on-scroll"]),
-            i.nodes.length ? C("", !0) : (b(), _("div", Xi, [
+            i.nodes.length ? C("", !0) : (b(), _("div", Vi, [
               Re(e.$slots, "empty", {}, () => [
                 D(Fo, {
                   title: uo.value,
@@ -1575,18 +1587,18 @@ const Ui = ["role", "aria-modal", "aria-label", "tabindex"], Yi = {
               ])
             ])),
             U("p", {
-              class: Ie(["it-dag__notice", { "it-dag__notice--shown": ((o = se.value) == null ? void 0 : o.busy) || Ne.value || Ke.value }]),
+              class: Ie(["it-dag__notice", { "it-dag__notice--shown": ((o = se.value) == null ? void 0 : o.busy) || Ne.value || qe.value }]),
               role: "status"
-            }, G((s = se.value) != null && s.busy || Ne.value ? "Saving workflow" : Ke.value), 3)
-          ], 42, Ui)
+            }, G((s = se.value) != null && s.busy || Ne.value ? "Saving workflow" : qe.value), 3)
+          ], 42, Yi)
         ], 8, ["disabled"])),
-        Oe.value ? (b(), O(Ti, {
+        Oe.value ? (b(), O(Di, {
           key: 0,
           visible: Le.value,
           "onUpdate:visible": t[5] || (t[5] = (w) => Le.value = w),
           items: i.library,
           description: Vn.value,
-          misfits: Gt.value,
+          misfits: Qt.value,
           noun: i.noun,
           onPick: Wn
         }, null, 8, ["visible", "items", "description", "misfits", "noun"])) : C("", !0),
@@ -1612,20 +1624,20 @@ const Ui = ["role", "aria-modal", "aria-label", "tabindex"], Yi = {
             })
           ]),
           default: X(() => [
-            de.value && me.value ? (b(), _("div", Vi, [
-              D(Ao, { label: "Name" }, {
+            de.value && pe.value ? (b(), _("div", Wi, [
+              D(Bo, { label: "Name" }, {
                 default: X(({ id: w }) => [
                   D(k(yo), {
                     id: w,
-                    modelValue: me.value.label,
-                    "onUpdate:modelValue": t[6] || (t[6] = (P) => me.value.label = P)
+                    modelValue: pe.value.label,
+                    "onUpdate:modelValue": t[6] || (t[6] = (P) => pe.value.label = P)
                   }, null, 8, ["id", "modelValue"])
                 ]),
                 _: 1
               }),
               Re(e.$slots, "editor", {
                 node: de.value,
-                draft: me.value
+                draft: pe.value
               })
             ])) : C("", !0)
           ]),
@@ -1645,8 +1657,8 @@ const Ui = ["role", "aria-modal", "aria-label", "tabindex"], Yi = {
           } : void 0
         ]), 1032, ["visible", "title", "description", "size"])) : C("", !0),
         D(At, {
-          visible: xt.value,
-          "onUpdate:visible": t[13] || (t[13] = (w) => xt.value = w),
+          visible: Et.value,
+          "onUpdate:visible": t[13] || (t[13] = (w) => Et.value = w),
           title: "Connection",
           description: F.value ? `${F.value.source.label} to ${F.value.target.label}` : void 0
         }, it({
@@ -1656,16 +1668,16 @@ const Ui = ["role", "aria-modal", "aria-label", "tabindex"], Yi = {
               label: `Add ${k(He)(i.noun)} here`,
               severity: "secondary",
               outlined: "",
-              onClick: t[11] || (t[11] = (w) => F.value && an(F.value.edge.id))
+              onClick: t[11] || (t[11] = (w) => F.value && sn(F.value.edge.id))
             }, null, 8, ["label"])) : C("", !0),
             D(k(ce), {
               label: "Done",
-              onClick: t[12] || (t[12] = (w) => xt.value = !1)
+              onClick: t[12] || (t[12] = (w) => Et.value = !1)
             })
           ]),
           default: X(() => [
-            F.value ? (b(), _("div", Wi, [
-              D(Bo, {
+            F.value ? (b(), _("div", ji, [
+              D(Ao, {
                 items: Qn.value,
                 layout: "stacked",
                 columns: 2
@@ -1683,9 +1695,9 @@ const Ui = ["role", "aria-modal", "aria-label", "tabindex"], Yi = {
                 meta: String(F.value.between.length)
               }, it({
                 default: X(() => [
-                  (b(!0), _(q, null, ge(F.value.between, (w) => (b(), O(Yo, {
+                  (b(!0), _(K, null, ge(F.value.between, (w) => (b(), O(Yo, {
                     key: w.id,
-                    title: nn(w),
+                    title: on(w),
                     meta: w.id === F.value.edge.id ? "This connection" : void 0
                   }, it({ _: 2 }, [
                     i.editable ? {
@@ -1693,10 +1705,10 @@ const Ui = ["role", "aria-modal", "aria-label", "tabindex"], Yi = {
                       fn: X(() => [
                         D(ne, {
                           icon: k(En),
-                          label: `Delete connection ${nn(w)}`,
+                          label: `Delete connection ${on(w)}`,
                           size: "sm",
                           tone: "danger",
-                          onClick: (P) => Be([w.id])
+                          onClick: (P) => Ae([w.id])
                         }, null, 8, ["icon", "label", "onClick"])
                       ]),
                       key: "0"
@@ -1713,7 +1725,7 @@ const Ui = ["role", "aria-modal", "aria-label", "tabindex"], Yi = {
                       severity: "danger",
                       text: "",
                       size: "small",
-                      onClick: t[9] || (t[9] = (w) => Be(F.value.between.map((P) => P.id)))
+                      onClick: t[9] || (t[9] = (w) => Ae(F.value.between.map((P) => P.id)))
                     }, null, 8, ["label"])
                   ]),
                   key: "0"
@@ -1730,7 +1742,7 @@ const Ui = ["role", "aria-modal", "aria-label", "tabindex"], Yi = {
                 label: "Delete connection",
                 severity: "danger",
                 text: "",
-                onClick: t[10] || (t[10] = (w) => F.value && Be([F.value.edge.id]))
+                onClick: t[10] || (t[10] = (w) => F.value && Ae([F.value.edge.id]))
               })
             ]),
             key: "0"
@@ -1742,13 +1754,13 @@ const Ui = ["role", "aria-modal", "aria-label", "tabindex"], Yi = {
 });
 export {
   oe as IT_DAG_SPACING,
-  oa as ItDagCanvas,
+  ia as ItDagCanvas,
   li as ItDagNode,
   Tn as itDagArrange,
-  yn as itDagConnectionError,
+  bn as itDagConnectionError,
   at as itDagEdgeId,
   $e as itDagInputs,
-  na as itDagLayout,
+  oa as itDagLayout,
   xe as itDagOutputs,
   Wo as itDagReaches
 };