@infotrust/ui 0.0.0-stage → 0.30.0

package/dist/dag.js

@@ -0,0 +1,1754 @@
+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 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 { 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" };
+function He(i) {
+  return `${i.article ?? (/^[aeiou]/i.test(i.one) ? "an" : "a")} ${i.one}`;
+}
+function Ho(i) {
+  return i.charAt(0).toUpperCase() + i.slice(1);
+}
+const Xo = [{ id: "in" }], Vo = [{ id: "out" }];
+function $e(i) {
+  return i.inputs ?? Xo;
+}
+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);
+  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)
+  };
+}
+function at(i) {
+  return `${i.source}.${i.sourcePort}->${i.target}.${i.targetPort}`;
+}
+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) ?? []));
+  }
+  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;
+}
+const ut = 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 = {
+  key: 0,
+  class: "it-dag-node__kind"
+}, Qo = { class: "it-dag-node__label" }, Jo = {
+  key: 1,
+  class: "it-dag-node__foot"
+}, ei = {
+  key: 0,
+  class: "it-dag-node__meta"
+}, ti = {
+  key: 2,
+  class: "it-dag-node__call"
+}, ni = {
+  key: 0,
+  class: "it-text-code"
+}, oi = {
+  key: 3,
+  class: "it-dag-node__body"
+}, ii = {
+  key: 4,
+  class: "it-dag-node__ports",
+  role: "list"
+}, ai = { class: "it-dag-node__port-cell" }, si = { class: "it-dag-node__port-cell it-dag-node__port-cell--out" }, li = /* @__PURE__ */ Xe({
+  __name: "ItDagNode",
+  props: {
+    node: {},
+    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] }))
+    );
+    function S(z, T, M = 0, A = 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
+      };
+      return r ? {
+        is: No,
+        attrs: { ...Q, id: `${z}:${T.id}`, type: z === "in" ? "target" : "source", position: ie, connectable: c.value }
+      } : { 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 }])
+    }, [
+      y.value || m.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", {
+          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),
+        i.node.platform ? (b(), O(Sn, {
+          key: 1,
+          class: "it-dag-node__platform",
+          platform: i.node.platform,
+          size: 20
+        }, null, 8, ["platform"])) : i.node.icon ? (b(), O(fe(i.node.icon), {
+          key: 2,
+          class: "it-dag-node__icon",
+          size: 16,
+          "aria-hidden": "true"
+        })) : C("", !0),
+        U("span", qo, [
+          g.value ? ye((b(), _("span", Go, [
+            be(G(i.node.kind), 1)
+          ])), [
+            [k(we)]
+          ]) : C("", !0),
+          ye((b(), _("span", Qo, [
+            be(G(i.node.label), 1)
+          ])), [
+            [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)
+      ]),
+      i.node.meta || i.node.status ? (b(), _("div", Jo, [
+        i.node.meta ? ye((b(), _("span", ei, [
+          be(G(i.node.meta), 1)
+        ])), [
+          [k(we)]
+        ]) : C("", !0),
+        i.node.status ? (b(), O(Pn, {
+          key: 1,
+          class: "it-dag-node__status",
+          status: i.node.status
+        }, null, 8, ["status"])) : C("", !0)
+      ])) : C("", !0),
+      i.node.call || i.node.badge ? (b(), _("div", ti, [
+        i.node.call ? ye((b(), _("code", ni, [
+          be(G(i.node.call), 1)
+        ])), [
+          [k(we)]
+        ]) : C("", !0),
+        i.node.badge ? (b(), O(zo, {
+          key: 1,
+          class: "it-dag-node__badge",
+          label: i.node.badge.label,
+          tone: i.node.badge.tone
+        }, null, 8, ["label", "tone"])) : C("", !0)
+      ])) : C("", !0),
+      z.$slots.default ? (b(), _("div", oi, [
+        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,
+          class: "it-dag-node__port-row"
+        }, [
+          U("span", ai, [
+            M.in ? (b(), _(q, { 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, [
+                be(G(M.in.label ?? M.in.id), 1)
+              ])), [
+                [k(we)]
+              ])
+            ], 64)) : C("", !0)
+          ]),
+          U("span", si, [
+            M.out ? (b(), _(q, { 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)
+              ])), [
+                [k(we)]
+              ]),
+              (b(), O(fe(S("out", M.out).is), Te({ ref_for: !0 }, S("out", M.out).attrs), null, 16))
+            ], 64)) : C("", !0)
+          ])
+        ]))), 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({
+          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({
+          key: `out-${M.id}`
+        }, { ref_for: !0 }, S("out", M, A, h.value.length).attrs), null, 16))), 128))
+      ], 64)) : C("", !0)
+    ], 2));
+  }
+}), bn = 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;
+    };
+    c(0, 1, l[d]), c(p.length - 1, -1, r[d]);
+  }
+  return [l, ...p, r];
+}
+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);
+  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}`;
+  }
+  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;
+  }
+  return { path: n, labelX: d.x, labelY: d.y };
+}
+const ci = ["d"], fi = ["d"], gi = {
+  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({
+  inheritAttrs: !1,
+  __name: "ItDagEdge",
+  props: {
+    id: {},
+    sourceX: {},
+    sourceY: {},
+    targetX: {},
+    targetY: {},
+    sourcePosition: {},
+    targetPosition: {},
+    data: {}
+  },
+  setup(i) {
+    const l = i, r = dt(ut, null), n = E(() => !!(r != null && r.editable()) && r.hoveredEdge() === l.id), d = E(() => {
+      var ie, Q;
+      const N = {
+        sourceX: l.sourceX,
+        sourceY: l.sourceY,
+        sourcePosition: l.sourcePosition,
+        targetX: l.targetX,
+        targetY: l.targetY,
+        targetPosition: l.targetPosition
+      };
+      if (((ie = l.data) == null ? void 0 : ie.shape) === "bezier") {
+        const [ae, Ee, Ve] = Co(N);
+        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)})`;
+      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(() => {
+      var N;
+      return ((N = l.data) == null ? void 0 : N.tone) === "active";
+    }), h = E(() => {
+      var N;
+      return v.value || ((N = l.data) == null ? void 0 : N.tone) === "success";
+    }), f = V(null), R = V(0), Y = V(null);
+    te(
+      [v, () => 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;
+        Y.value = N ? { x: N.x, y: N.y, width: N.width, height: N.height } : null;
+      },
+      { immediate: !0 }
+    );
+    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 [];
+      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", {
+          key: 0,
+          d: d.value.path,
+          class: "it-dag-edge__glow",
+          fill: "none"
+        }, null, 8, ci)) : C("", !0),
+        U("path", {
+          ref_key: "line",
+          ref: f,
+          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", {
+            key: M,
+            class: "it-dag-edge__pulse",
+            r: "2.5"
+          }, [
+            U("animateMotion", {
+              path: d.value.path,
+              dur: T.dur,
+              begin: T.begin,
+              repeatCount: "indefinite"
+            }, null, 8, vi),
+            U("animate", {
+              attributeName: "opacity",
+              values: "0;1;1;0",
+              keyTimes: "0;0.15;0.85;1",
+              dur: T.dur,
+              begin: T.begin,
+              repeatCount: "indefinite"
+            }, null, 8, pi)
+          ]))), 128))
+        ])) : C("", !0),
+        U("path", {
+          d: d.value.path,
+          class: "vue-flow__edge-interaction",
+          fill: "none",
+          "stroke-opacity": "0",
+          "stroke-width": "16"
+        }, null, 8, mi),
+        n.value || (z = i.data) != null && z.label ? (b(), O(k(To), { key: 2 }, {
+          default: X(() => {
+            var T, M, A, ie;
+            return [
+              n.value ? (b(), _("div", {
+                key: 0,
+                class: "it-dag-edge__tools nodrag nopan",
+                style: rt(p.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),
+                  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",
+                  onClick: S[0] || (S[0] = (Q) => k(r).insertOnEdge(i.id))
+                }, null, 8, ["icon", "label", "tooltip"]),
+                D(ne, {
+                  icon: k(bo),
+                  label: `Connection details ${((M = i.data) == null ? void 0 : M.name) ?? ""}`.trim(),
+                  tooltip: "Connection details",
+                  size: "sm",
+                  onClick: S[1] || (S[1] = (Q) => k(r).openConnection(i.id))
+                }, null, 8, ["icon", "label"]),
+                D(ne, {
+                  icon: k(En),
+                  label: `Delete connection ${((A = i.data) == null ? void 0 : A.name) ?? ""}`.trim(),
+                  tooltip: "Delete connection",
+                  size: "sm",
+                  tone: "danger",
+                  onClick: S[2] || (S[2] = (Q) => k(r).removeEdge(i.id))
+                }, null, 8, ["icon", "label"])
+              ], 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)
+              }, G(i.data.label), 7)) : C("", !0)
+            ];
+          }),
+          _: 1
+        })) : C("", !0)
+      ], 64);
+    };
+  }
+}), bi = {
+  class: "it-dag-controls",
+  role: "group",
+  "aria-label": "Canvas view"
+}, wi = /* @__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, [
+      D(ne, {
+        icon: k(Ut),
+        label: "Zoom in",
+        size: "sm",
+        onClick: m[0] || (m[0] = (p) => 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())
+      }, null, 8, ["icon"]),
+      D(ne, {
+        icon: k(ko),
+        label: "Fit to view",
+        size: "sm",
+        onClick: m[2] || (m[2] = (p) => k(l).fit())
+      }, null, 8, ["icon"]),
+      D(ne, {
+        "data-it-dag-expand": "",
+        icon: k(l).expanded() ? k($o) : k(xo),
+        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())
+      }, null, 8, ["icon", "label", "tooltip"]),
+      k(l).editable() ? (b(), _(q, { key: 0 }, [
+        m[7] || (m[7] = U("span", {
+          class: "it-dag-controls__separator",
+          "aria-hidden": "true"
+        }, null, -1)),
+        D(ne, {
+          icon: k(Eo),
+          label: "Tidy up",
+          tooltip: `Tidy up: arrange every ${k(l).noun().one}`,
+          size: "sm",
+          onClick: m[4] || (m[4] = (p) => k(l).arrange())
+        }, null, 8, ["icon", "tooltip"]),
+        k(l).history() ? (b(), _(q, { key: 0 }, [
+          D(ne, {
+            "data-it-dag-undo": "",
+            icon: k(_o),
+            label: "Undo",
+            tooltip: `Undo (${k(n)})`,
+            size: "sm",
+            disabled: !k(l).canUndo(),
+            onClick: m[5] || (m[5] = (p) => k(l).undo())
+          }, null, 8, ["icon", "tooltip", "disabled"]),
+          D(ne, {
+            "data-it-dag-redo": "",
+            icon: k(So),
+            label: "Redo",
+            tooltip: `Redo (${k(d)})`,
+            size: "sm",
+            disabled: !k(l).canRedo(),
+            onClick: m[6] || (m[6] = (p) => k(l).redo())
+          }, null, 8, ["icon", "tooltip", "disabled"])
+        ], 64)) : C("", !0)
+      ], 64)) : C("", !0)
+    ]));
+  }
+}), ki = { class: "it-dag-library" }, $i = ["aria-label"], xi = {
+  key: 0,
+  class: "it-dag-library__heading"
+}, Ei = {
+  class: "it-dag-library__grid",
+  role: "list"
+}, _i = ["onClick"], Si = { class: "it-dag-library__text" }, Pi = { class: "it-dag-library__label" }, Ni = {
+  key: 0,
+  class: "it-dag-library__description"
+}, Ci = {
+  key: 1,
+  class: "it-dag-library__description"
+}, Mi = {
+  key: 0,
+  class: "it-dag-library__empty"
+}, Ti = /* @__PURE__ */ Xe({
+  __name: "ItDagLibrary",
+  props: {
+    visible: { type: Boolean },
+    items: {},
+    description: {},
+    misfits: {},
+    noun: {}
+  },
+  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);
+          continue;
+        }
+        const R = f.group ?? "";
+        g.set(R, [...g.get(R) ?? [], f]);
+      }
+      return v.length && g.set(m.value, v), [...g].map(([f, R]) => ({ title: f, items: R, misfit: f === m.value && v.length > 0 }));
+    });
+    return te(
+      () => r.visible,
+      (c) => {
+        c && (d.value = "");
+      }
+    ), (c, g) => (b(), O(At, {
+      visible: i.visible,
+      title: `Add ${k(He)(y.value)}`,
+      description: i.description,
+      size: "lg",
+      "onUpdate:visible": g[1] || (g[1] = (v) => n("update:visible", v))
+    }, {
+      default: X(() => [
+        U("div", ki, [
+          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}`
+          }, null, 8, ["modelValue", "label", "placeholder"]),
+          (b(!0), _(q, null, ge(p.value, (v) => (b(), _("section", {
+            key: v.title,
+            class: "it-dag-library__group",
+            "aria-label": v.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
+              }, [
+                U("button", {
+                  type: "button",
+                  class: Ie(["it-dag-library__item", { "it-dag-library__item--misfit": v.misfit }]),
+                  onClick: (f) => n("pick", h)
+                }, [
+                  h.platform ? (b(), O(Sn, {
+                    key: 0,
+                    class: "it-dag-library__icon",
+                    platform: h.platform,
+                    size: 20
+                  }, null, 8, ["platform"])) : h.icon ? (b(), O(fe(h.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)
+                    ])), [
+                      [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, {
+                      key: 2,
+                      class: "it-dag-library__status",
+                      status: h.status
+                    }, null, 8, ["status"])) : C("", !0)
+                  ])
+                ], 10, _i)
+              ]))), 128))
+            ])
+          ], 8, $i))), 128)),
+          p.value.length ? C("", !0) : (b(), _("p", Mi, "No " + G(y.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;
+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 }])
+  };
+}
+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
+  };
+  return !m.addedNodes.length && !m.removedNodes.length && !m.addedEdges.length && !m.removedEdges.length && !y.length ? null : m;
+}
+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);
+  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, 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);
+}
+const oe = { node: 32, layer: 96, lead: 24 };
+let lt = null;
+async function Li() {
+  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.");
+  const r = URL.createObjectURL(new Blob([l.default], { type: "text/javascript" }));
+  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 });
+    });
+    d = new i.default({ workerFactory: () => n }), await c;
+  } catch (c) {
+    throw n == null || n.terminate(), c;
+  } finally {
+    URL.revokeObjectURL(r);
+  }
+  let y = () => {
+  };
+  const m = new Promise((c, g) => y = g);
+  m.catch(() => {
+  }), n.addEventListener("error", (c) => {
+    n.terminate(), lt = null, y(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;
+}
+async function Oi() {
+  const i = await import("elkjs/lib/elk.bundled.js");
+  return new i.default();
+}
+function Cn() {
+  return lt ?? (lt = Li().catch(() => Oi()).catch((i) => {
+    throw lt = null, i;
+  })), lt;
+}
+function Fi() {
+  Cn().catch(() => {
+  });
+}
+const Bt = (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) => {
+    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 [
+    ...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")
+  ];
+}
+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 = {
+    id: "root",
+    layoutOptions: {
+      "elk.algorithm": "layered",
+      "elk.direction": r === "down" ? "DOWN" : "RIGHT",
+      "elk.edgeRouting": "ORTHOGONAL",
+      "elk.spacing.nodeNode": String(oe.node),
+      "elk.layered.spacing.nodeNodeBetweenLayers": String(oe.layer),
+      "elk.layered.spacing.edgeNodeBetweenLayers": String(oe.lead),
+      "elk.layered.spacing.edgeEdgeBetweenLayers": "12",
+      "elk.spacing.edgeNode": String(oe.node / 2),
+      "elk.spacing.edgeEdge": "12",
+      "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)
+    })),
+    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 });
+  }
+  return { positions: p, routes: c };
+}
+function Bi(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 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;
+  }
+  return m;
+}
+async function na(i, l, r = "right") {
+  return (await Tn(i, l, r)).positions;
+}
+const Ui = ["role", "aria-modal", "aria-label", "tabindex"], Yi = {
+  key: 0,
+  class: "it-dag__fade it-dag__fade--start",
+  "aria-hidden": "true"
+}, Hi = {
+  key: 1,
+  class: "it-dag__fade it-dag__fade--end",
+  "aria-hidden": "true"
+}, Xi = {
+  key: 0,
+  class: "it-dag__empty"
+}, Vi = {
+  key: 0,
+  class: "it-dag__editor"
+}, Wi = {
+  key: 0,
+  class: "it-dag__editor"
+}, ji = 4e3, xn = 1.5, Zi = "\0it-dag-preview", oa = /* @__PURE__ */ Xe({
+  __name: "ItDagCanvas",
+  props: {
+    nodes: {},
+    edges: {},
+    label: {},
+    editable: { type: Boolean, default: !1 },
+    direction: { default: "right" },
+    edgeShape: { default: "step" },
+    allowCycles: { type: Boolean, default: !1 },
+    connectionRule: { type: Function, default: void 0 },
+    selected: { default: null },
+    library: { default: void 0 },
+    height: { default: 480 },
+    editorSize: { default: "md" },
+    emptyTitle: { default: void 0 },
+    emptyDescription: { default: "" },
+    noun: { default: () => Yt },
+    beforeRemove: { type: Function, default: void 0 },
+    editor: { default: "modal" },
+    history: { type: [Boolean, Object], default: !1 },
+    fitMinZoom: { default: void 0 },
+    minZoom: { default: void 0 },
+    wheel: { default: "page" }
+  },
+  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));
+    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 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(", ");
+    }
+    const N = { active: "running", success: "taken", danger: "failed", muted: "not taken" }, S = E(
+      () => n.nodes.map((e) => ({
+        id: e.id,
+        type: "it",
+        position: e.position ?? Y.value[e.id] ?? { x: 0, y: 0 },
+        data: e,
+        draggable: n.editable,
+        connectable: n.editable,
+        deletable: n.editable && e.removable !== !1,
+        selectable: !0,
+        ariaLabel: K(e)
+      }))
+    );
+    function z() {
+      for (const e of f.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) => {
+      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)}`;
+        return {
+          ariaLabel: [o, e.label, e.tone && N[e.tone]].filter(Boolean).join(", "),
+          id: e.id,
+          source: e.source,
+          target: e.target,
+          sourceHandle: `out:${t.sourcePort}`,
+          targetHandle: `in:${t.targetPort}`,
+          type: "it",
+          class: `it-dag-edge it-dag-edge--${e.tone ?? "default"}`,
+          data: { label: e.label, tone: e.tone, shape: n.edgeShape, name: o, route: j.value[e.id] },
+          selectable: n.editable,
+          deletable: n.editable,
+          // Focusable on every canvas: Enter opens the connection, read-only or not.
+          // Vue Flow writes `tabIndex`, which an SVG element ignores (its attribute
+          // names are case-sensitive); the lowercase attribute makes the line focusable.
+          focusable: !0,
+          domAttributes: { tabindex: 0 }
+        };
+      })
+    ), Q = E(() => n.nodes.some((e) => !e.position && !Y.value[e.id])), ae = V(n.nodes.length > 0);
+    te(
+      () => n.nodes.length === 0,
+      (e) => {
+        e && (ae.value = !1);
+      }
+    );
+    let Ee = !1;
+    const Ve = E(() => f.getNodes.value.length ? mn(f.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;
+      return t + e.x * o < -1;
+    }), Rn = E(() => {
+      const e = Ve.value, t = f.dimensions.value.width;
+      if (!e || !t) return !1;
+      const { x: o, zoom: s } = f.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;
+    }
+    async function _e() {
+      const e = f.vueFlowRef.value, t = f.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 },
+        { duration: Ee && !R && !ae.value ? 200 : 0 }
+      ), Ee = !0, ft();
+    }
+    function ct(e, t) {
+      var s;
+      const o = (s = f.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) {
+      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);
+      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();
+    async function ze(e = "all", t = !1) {
+      if (!n.nodes.length) return;
+      const o = ++We;
+      e === "unplaced" && (ae.value = !0);
+      try {
+        await Ln(e, o, t);
+      } catch {
+        if (o === We && e !== "routes") {
+          const s = Bi(...Vt()), 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();
+        }
+      } finally {
+        o === We && e !== "routes" && ae.value && await je();
+      }
+    }
+    function Vt() {
+      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);
+        return {
+          id: o.id,
+          width: (s == null ? void 0 : s.width) || y.width,
+          height: (s == null ? void 0 : s.height) || y.height,
+          inputs: a,
+          outputs: u,
+          portOffsets: zn(o, a, u)
+        };
+      }), t = n.edges.flatMap((o) => {
+        const { sourcePort: s, targetPort: a } = ke(o, T.value);
+        return s && a ? [{ id: o.id, source: o.source, target: o.target, sourcePort: s, targetPort: a }] : [];
+      });
+      return [e, t, n.direction];
+    }
+    async function Ln(e, t, o) {
+      const [s, a, u] = Vt(), { 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];
+      }, 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;
+      }, 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 };
+        } 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 });
+      }
+      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);
+    }
+    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");
+    }
+    te(
+      () => n.direction,
+      async () => {
+        await ee(), f.updateNodeInternals(n.nodes.map((e) => e.id)), await ee(), await ze("all");
+      }
+    ), vo(() => {
+      const e = f.vueFlowRef.value;
+      if (!e) return;
+      const { x: t, y: o, zoom: s } = f.viewport.value;
+      e.style.backgroundSize = `${16 * s}px ${16 * s}px`, e.style.backgroundPosition = `${t}px ${o}px`;
+    });
+    const Wt = Lt(null);
+    let Ze;
+    function ft() {
+      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 });
+    }
+    f.onMoveEnd(ft), te(
+      () => [f.viewport.value.x, f.viewport.value.y, f.viewport.value.zoom, f.dimensions.value.width, f.dimensions.value.height],
+      () => {
+        clearTimeout(Ze), Ze = setTimeout(ft, 120);
+      }
+    ), ot(() => clearTimeout(Ze));
+    const gt = V(!1), Ke = V("");
+    let vt, pt = !1, Se = null;
+    function re(e) {
+      Ke.value = e, clearTimeout(vt), vt = setTimeout(() => Ke.value = "", ji);
+    }
+    ot(() => clearTimeout(vt));
+    function jt(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) {
+      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.";
+    }
+    function Fn(e) {
+      const t = e.id;
+      return t && M.value.has(t) ? !0 : (Se = Zt(e), !Se);
+    }
+    function An() {
+      gt.value = !0, pt = !1, Se = null;
+    }
+    function Bn(e) {
+      const t = jt(e);
+      if (!t || Zt(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;
+    }
+    let qe = /* @__PURE__ */ new Set(), Ge = /* @__PURE__ */ new Set(), mt = !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);
+      }));
+    }
+    function ht(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) {
+      if (!n.beforeRemove) return !0;
+      try {
+        return await n.beforeRemove(e) !== !1;
+      } catch {
+        return !1;
+      }
+    }
+    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);
+    }
+    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);
+        else if (u.type === "position" && !u.dragging && n.editable) {
+          const $ = u.position ?? ((s = f.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();
+      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);
+      }
+      if (t.size) {
+        const u = n.nodes.map(($) => t.has($.id) ? { ...$, position: t.get($.id) } : $);
+        d("update:nodes", u), Ce({ nodes: n.nodes, edges: n.edges }, { nodes: u, edges: n.edges });
+      }
+      o !== void 0 && o !== n.selected && d("update:selected", o);
+    }
+    function Xn(e) {
+      if (n.editable) {
+        for (const t of e) t.type === "remove" && Ge.add(t.id);
+        Ge.size && Kt();
+      }
+    }
+    const Le = V(!1);
+    let qt = 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;
+    }
+    const Gt = 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 });
+        (!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;
+    });
+    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));
+    }
+    te(Le, (e) => {
+      e || queueMicrotask(() => Pe.value = null);
+    });
+    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 });
+    }
+    function Qt(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) });
+      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()) });
+    }
+    function kt() {
+      var a;
+      const e = f.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 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 };
+    }
+    async function Kn(e) {
+      for (let t = 0; t < 12; t += 1) {
+        const o = f.findNode(e);
+        if (o != null && o.dimensions.width) return o;
+        await (typeof requestAnimationFrame == "function" ? new Promise((s) => requestAnimationFrame(s)) : ee());
+      }
+      return f.findNode(e);
+    }
+    function qn(e, t) {
+      const o = f.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) => {
+        var H;
+        const W = (H = f.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;
+      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 });
+    }
+    function Gn(e) {
+      const o = f.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);
+      for (let a = 0; a < 40; a += 1) {
+        const u = { x: e.x, y: e.y + a * 32 };
+        if (!s(u)) return u;
+      }
+      return e;
+    }
+    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;
+      s ? Qe.value = s : Je = setTimeout(() => Qe.value = null, 160);
+    }
+    ot(() => clearTimeout(Je));
+    const Ae = V(null), xt = E({
+      get: () => !!F.value,
+      set: (e) => {
+        e || (Ae.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);
+      if (!e || !t || !o) return null;
+      const s = ke(e, n.nodes);
+      return {
+        edge: e,
+        source: t,
+        target: o,
+        sourcePort: xe(t).find((a) => a.id === s.sourcePort),
+        targetPort: $e(o).find((a) => a.id === s.targetPort),
+        between: n.edges.filter((a) => a.source === e.source && a.target === e.target)
+      };
+    });
+    function et(e, t) {
+      return (e == null ? void 0 : e.label) ?? (t === "in" ? "Input" : "Output");
+    }
+    function nn(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")}`;
+    }
+    const Qn = E(() => {
+      const e = F.value;
+      return e ? [
+        { key: "from", label: "From", value: `${e.source.label} · ${et(e.sourcePort, "out")}` },
+        { key: "to", label: "To", value: `${e.target.label} · ${et(e.targetPort, "in")}` }
+      ] : [];
+    });
+    function tt() {
+      clearTimeout(Je), pe.line = pe.tools = null, Qe.value = null;
+    }
+    function Et(e) {
+      tt(), Ae.value = e;
+    }
+    function Be(e) {
+      if (!n.editable || !e.length) return;
+      if (!n.beforeRemove) return on(e);
+      const t = new Set(e);
+      tt(), yt({ nodes: [], edges: n.edges.filter((o) => t.has(o.id)) }).then((o) => o && on(e));
+    }
+    function on(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.`);
+    }
+    function an(e) {
+      const t = n.edges.find((o) => o.id === e);
+      !t || !Oe.value || (Ae.value = null, tt(), Pe.value = t, wt(null));
+    }
+    function sn(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;
+        try {
+          return ((B = n.connectionRule) == null ? void 0 : B.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));
+      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);
+      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 a = Jt(kt()), 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));
+        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 };
+        if (Ce(s, $), !a || !u) return;
+        await ee();
+        const w = f.findNode(o.id);
+        w && tn(w);
+      }
+    );
+    const de = V(null), me = V(null), Ue = E({
+      get: () => !!de.value,
+      set: (e) => {
+        e || (de.value = me.value = null);
+      }
+    });
+    function eo(e) {
+      try {
+        return structuredClone(ho(e));
+      } catch {
+        return e && typeof e == "object" ? { ...e } : e;
+      }
+    }
+    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) });
+    }
+    function no() {
+      const e = me.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() {
+      var s;
+      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;
+      };
+      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());
+    }
+    function _t(e) {
+      if (n.editor === "modal") return to(e);
+      const t = n.nodes.find((o) => o.id === e);
+      t && d("open", t);
+    }
+    function ln(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();
+        return;
+      }
+      e.key === "Enter" && (t != null && t.classList.contains("vue-flow__node")) && t instanceof HTMLElement && t.dataset.id && _t(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());
+        return;
+      }
+      e.key === "Enter" ? (e.preventDefault(), Et(s)) : (e.key === "Delete" || e.key === "Backspace") && n.editable && (e.preventDefault(), Be([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(() => {
+      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(() => {
+      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);
+    });
+    function ao(e) {
+      const t = (o) => o.map((s) => s.id).join(",");
+      return [
+        t(e.addedNodes.map((o) => o.node)),
+        t(e.removedNodes.map((o) => o.node)),
+        t(e.addedEdges.map((o) => o.edge)),
+        t(e.removedEdges.map((o) => o.edge)),
+        e.moved.map((o) => {
+          var s, a;
+          return `${o.id}@${(s = o.to) == null ? void 0 : s.x},${(a = o.to) == null ? void 0 : a.y}`;
+        }).join(",")
+      ].join("|");
+    }
+    function Ce(e, t) {
+      if (!he.value || se.value) return;
+      const o = Ri(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() {
+      var e, t;
+      ue.value = [], Ye.value = [], (t = (e = se.value) == null ? void 0 : e.clear) == null || t.call(e);
+    }
+    te(
+      () => n.nodes,
+      (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();
+      }
+    );
+    async function so(e) {
+      for (let t = 0; t < 12 && e.some((o) => !f.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;
+    }
+    async function lo(e) {
+      var L, W;
+      const t = se.value;
+      if (t) {
+        if (!(e === "undo" ? St.value : Pt.value)) return;
+        const H = !!((L = Me.value) != null && L.contains(document.activeElement));
+        Ne.value = !0;
+        try {
+          await t[e](), re(e === "undo" ? "Undone." : "Redone.");
+        } catch {
+          re(e === "undo" ? "Could not undo. Try again." : "Could not redo. Try again.");
+        } finally {
+          Ne.value = !1, await ee(), H && un();
+        }
+        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);
+      (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();
+    }
+    function un() {
+      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");
+    }
+    const le = V(!1), ro = E(() => n.wheel === "pan" || le.value);
+    function Tt(e) {
+      e.key === "Escape" && !e.defaultPrevented && !document.querySelector(".p-dialog-mask") && (le.value = !1);
+    }
+    const Me = V(null);
+    let nt = [];
+    function Dt(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;
+      } else {
+        for (const t of nt) t.inert = !1;
+        nt = [];
+      }
+    }
+    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();
+    }), ot(() => {
+      window.removeEventListener("keydown", Tt), Dt(!1);
+    }), po(ut, {
+      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 }),
+      fit: () => void _e(),
+      arrange: () => void ze("all", !0),
+      hoveredEdge: () => Qe.value,
+      hoverEdge: $t,
+      openConnection: Et,
+      insertOnEdge: an,
+      removeEdge: (e) => Be([e]),
+      view: () => Wt.value,
+      noun: () => n.noun,
+      history: () => he.value,
+      canUndo: () => St.value,
+      canRedo: () => Pt.value,
+      undo: () => void Ct(),
+      redo: () => void Mt()
+    });
+    let Rt = null;
+    function cn(e) {
+      if (!Ee || ae.value) {
+        Rt = e;
+        return;
+      }
+      const t = f.findNode(e);
+      t && tn(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) => {
+      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, {
+          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 }]),
+            role: le.value ? "dialog" : "region",
+            "aria-modal": le.value ? "true" : void 0,
+            "aria-label": i.label,
+            tabindex: he.value ? -1 : void 0,
+            onDblclick: jn,
+            onKeydown: io
+          }, [
+            D(k(Do), {
+              id: h,
+              class: "it-dag__flow",
+              nodes: S.value,
+              edges: ie.value,
+              "nodes-draggable": i.editable,
+              "nodes-connectable": i.editable,
+              "elements-selectable": !0,
+              "edges-updatable": !1,
+              "delete-key-code": i.editable && !i.beforeRemove ? v : null,
+              "edge-types": g,
+              "connection-mode": k(Ro).Strict,
+              "connection-line-type": i.edgeShape === "bezier" ? k(hn).Bezier : k(hn).SmoothStep,
+              "is-valid-connection": Fn,
+              "min-zoom": c.value,
+              "max-zoom": 2,
+              "zoom-on-scroll": !1,
+              "zoom-on-double-click": !1,
+              "prevent-scrolling": !1,
+              "pan-on-scroll": ro.value,
+              "pan-on-scroll-speed": 1,
+              "snap-to-grid": !0,
+              "snap-grid": [8, 8],
+              "select-nodes-on-drag": !1,
+              onNodesChange: Hn,
+              onEdgesChange: Xn,
+              onNodesInitialized: On,
+              onConnect: Bn,
+              onConnectStart: An,
+              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))
+            }, {
+              "node-it": X(({ data: w, selected: P }) => [
+                Re(e.$slots, "node", {
+                  node: w,
+                  selected: P
+                }, () => [
+                  D(li, {
+                    node: w,
+                    selected: P
+                  }, null, 8, ["node", "selected"])
+                ])
+              ]),
+              default: X(() => [
+                Dn.value ? (b(), _("div", Yi)) : C("", !0),
+                Rn.value ? (b(), _("div", Hi)) : C("", !0),
+                Oe.value ? (b(), O(k(Ot), {
+                  key: 2,
+                  position: "top-left",
+                  class: "it-dag__panel"
+                }, {
+                  default: X(() => [
+                    D(k(ce), {
+                      label: `Add ${i.noun.one}`,
+                      size: "small",
+                      onClick: t[0] || (t[0] = (w) => wt())
+                    }, {
+                      icon: X(() => [
+                        D(k(Ut), {
+                          size: 14,
+                          "aria-hidden": "true"
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["label"])
+                  ]),
+                  _: 1
+                })) : C("", !0),
+                e.$slots.actions ? (b(), O(k(Ot), {
+                  key: 3,
+                  position: "top-right",
+                  class: "it-dag__panel it-dag__actions"
+                }, {
+                  default: X(() => [
+                    Re(e.$slots, "actions")
+                  ]),
+                  _: 3
+                })) : C("", !0),
+                D(k(Ot), {
+                  position: "bottom-left",
+                  class: "it-dag__panel"
+                }, {
+                  default: X(() => [
+                    D(wi)
+                  ]),
+                  _: 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, [
+              Re(e.$slots, "empty", {}, () => [
+                D(Fo, {
+                  title: uo.value,
+                  description: i.emptyDescription || void 0
+                }, null, 8, ["title", "description"])
+              ])
+            ])),
+            U("p", {
+              class: Ie(["it-dag__notice", { "it-dag__notice--shown": ((o = se.value) == null ? void 0 : o.busy) || Ne.value || Ke.value }]),
+              role: "status"
+            }, G((s = se.value) != null && s.busy || Ne.value ? "Saving workflow" : Ke.value), 3)
+          ], 42, Ui)
+        ], 8, ["disabled"])),
+        Oe.value ? (b(), O(Ti, {
+          key: 0,
+          visible: Le.value,
+          "onUpdate:visible": t[5] || (t[5] = (w) => Le.value = w),
+          items: i.library,
+          description: Vn.value,
+          misfits: Gt.value,
+          noun: i.noun,
+          onPick: Wn
+        }, null, 8, ["visible", "items", "description", "misfits", "noun"])) : C("", !0),
+        i.editor === "modal" ? (b(), O(At, {
+          key: 1,
+          visible: Ue.value,
+          "onUpdate:visible": t[8] || (t[8] = (w) => Ue.value = w),
+          title: ((a = de.value) == null ? void 0 : a.editorTitle) ?? `Edit ${i.noun.one}`,
+          description: (u = de.value) == null ? void 0 : u.kind,
+          size: i.editorSize,
+          "initial-focus": "start"
+        }, it({
+          footer: X(() => [
+            D(k(ce), {
+              label: "Cancel",
+              severity: "secondary",
+              outlined: "",
+              onClick: t[7] || (t[7] = (w) => Ue.value = !1)
+            }),
+            D(k(ce), {
+              label: "Save",
+              onClick: no
+            })
+          ]),
+          default: X(() => [
+            de.value && me.value ? (b(), _("div", Vi, [
+              D(Ao, { 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)
+                  }, null, 8, ["id", "modelValue"])
+                ]),
+                _: 1
+              }),
+              Re(e.$slots, "editor", {
+                node: de.value,
+                draft: me.value
+              })
+            ])) : C("", !0)
+          ]),
+          _: 2
+        }, [
+          (($ = de.value) == null ? void 0 : $.removable) !== !1 ? {
+            name: "footer-start",
+            fn: X(() => [
+              D(k(ce), {
+                label: `Delete ${i.noun.one}`,
+                severity: "danger",
+                text: "",
+                onClick: oo
+              }, null, 8, ["label"])
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["visible", "title", "description", "size"])) : C("", !0),
+        D(At, {
+          visible: xt.value,
+          "onUpdate:visible": t[13] || (t[13] = (w) => xt.value = w),
+          title: "Connection",
+          description: F.value ? `${F.value.source.label} to ${F.value.target.label}` : void 0
+        }, it({
+          footer: X(() => [
+            Oe.value ? (b(), O(k(ce), {
+              key: 0,
+              label: `Add ${k(He)(i.noun)} here`,
+              severity: "secondary",
+              outlined: "",
+              onClick: t[11] || (t[11] = (w) => F.value && an(F.value.edge.id))
+            }, null, 8, ["label"])) : C("", !0),
+            D(k(ce), {
+              label: "Done",
+              onClick: t[12] || (t[12] = (w) => xt.value = !1)
+            })
+          ]),
+          default: X(() => [
+            F.value ? (b(), _("div", Wi, [
+              D(Bo, {
+                items: Qn.value,
+                layout: "stacked",
+                columns: 2
+              }, null, 8, ["items"]),
+              Re(e.$slots, "connection", {
+                edge: F.value.edge,
+                source: F.value.source,
+                target: F.value.target,
+                sourcePort: F.value.sourcePort,
+                targetPort: F.value.targetPort
+              }),
+              F.value.between.length > 1 ? (b(), O(Uo, {
+                key: 0,
+                title: `Connections between these ${i.noun.other}`,
+                meta: String(F.value.between.length)
+              }, it({
+                default: X(() => [
+                  (b(!0), _(q, null, ge(F.value.between, (w) => (b(), O(Yo, {
+                    key: w.id,
+                    title: nn(w),
+                    meta: w.id === F.value.edge.id ? "This connection" : void 0
+                  }, it({ _: 2 }, [
+                    i.editable ? {
+                      name: "actions",
+                      fn: X(() => [
+                        D(ne, {
+                          icon: k(En),
+                          label: `Delete connection ${nn(w)}`,
+                          size: "sm",
+                          tone: "danger",
+                          onClick: (P) => Be([w.id])
+                        }, null, 8, ["icon", "label", "onClick"])
+                      ]),
+                      key: "0"
+                    } : void 0
+                  ]), 1032, ["title", "meta"]))), 128))
+                ]),
+                _: 2
+              }, [
+                i.editable ? {
+                  name: "actions",
+                  fn: X(() => [
+                    D(k(ce), {
+                      label: `Delete all ${F.value.between.length}`,
+                      severity: "danger",
+                      text: "",
+                      size: "small",
+                      onClick: t[9] || (t[9] = (w) => Be(F.value.between.map((P) => P.id)))
+                    }, null, 8, ["label"])
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1032, ["title", "meta"])) : C("", !0)
+            ])) : C("", !0)
+          ]),
+          _: 2
+        }, [
+          i.editable ? {
+            name: "footer-start",
+            fn: X(() => [
+              D(k(ce), {
+                label: "Delete connection",
+                severity: "danger",
+                text: "",
+                onClick: t[10] || (t[10] = (w) => F.value && Be([F.value.edge.id]))
+              })
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["visible", "description"])
+      ], 4);
+    };
+  }
+});
+export {
+  oe as IT_DAG_SPACING,
+  oa as ItDagCanvas,
+  li as ItDagNode,
+  Tn as itDagArrange,
+  yn as itDagConnectionError,
+  at as itDagEdgeId,
+  $e as itDagInputs,
+  na as itDagLayout,
+  xe as itDagOutputs,
+  Wo as itDagReaches
+};