@arudovwen/form-builder-react 1.9.8 → 1.9.10

package/dist/{logic-flow-B--jci8l.js → logic-flow-v4466BPC.js}

@@ -1,7 +1,7 @@
 import { jsxs as ce, jsx as D, Fragment as De } from "react/jsx-runtime";
 import ht, { memo as le, useState as xe, useCallback as we, forwardRef as Oo, useRef as ne, useEffect as ie, useContext as gt, createContext as fn, useMemo as be, useLayoutEffect as Aa } from "react";
 import "react-dom";
-import { A as Ia } from "./index-D-zmAziH.js";
+import { A as Ia } from "./index-C09au66N.js";
 function ue(e) {
   if (typeof e == "string" || typeof e == "number") return "" + e;
   let t = "";
@@ -231,11 +231,11 @@ function nc(e, t) {
   var n = t ? ec : ja, r = this._parents, o = this._groups;
   typeof e != "function" && (e = Ja(e));
   for (var i = o.length, s = new Array(i), a = new Array(i), c = new Array(i), l = 0; l < i; ++l) {
-    var d = r[l], u = o[l], f = u.length, g = rc(e.call(d, d && d.__data__, l, r)), h = g.length, y = a[l] = new Array(h), x = s[l] = new Array(h), m = c[l] = new Array(f);
-    n(d, u, y, x, m, g, t);
-    for (var v = 0, p = 0, w, S; v < h; ++v)
+    var d = r[l], u = o[l], f = u.length, g = rc(e.call(d, d && d.__data__, l, r)), h = g.length, y = a[l] = new Array(h), x = s[l] = new Array(h), p = c[l] = new Array(f);
+    n(d, u, y, x, p, g, t);
+    for (var v = 0, m = 0, w, S; v < h; ++v)
       if (w = y[v]) {
-        for (v >= p && (p = v + 1); !(S = x[p]) && ++p < h; ) ;
+        for (v >= m && (m = v + 1); !(S = x[m]) && ++m < h; ) ;
         w._next = S || null;
       }
   }
@@ -730,11 +730,11 @@ function yl() {
 function Qo() {
   var e = gl, t = pl, n = ml, r = yl, o = {}, i = hn("start", "drag", "end"), s = 0, a, c, l, d, u = 0;
   function f(w) {
-    w.on("mousedown.drag", g).filter(r).on("touchstart.drag", x).on("touchmove.drag", m, hl).on("touchend.drag touchcancel.drag", v).style("touch-action", "none").style("-webkit-tap-highlight-color", "rgba(0,0,0,0)");
+    w.on("mousedown.drag", g).filter(r).on("touchstart.drag", x).on("touchmove.drag", p, hl).on("touchend.drag touchcancel.drag", v).style("touch-action", "none").style("-webkit-tap-highlight-color", "rgba(0,0,0,0)");
   }
   function g(w, S) {
     if (!(d || !e.call(this, w, S))) {
-      var _ = p(this, t.call(this, w, S), w, S, "mouse");
+      var _ = m(this, t.call(this, w, S), w, S, "mouse");
       _ && (pe(w.view).on("mousemove.drag", h, _t).on("mouseup.drag", y, _t), Uo(w.view), Cn(w), l = !1, a = w.clientX, c = w.clientY, _("start", w));
     }
   }
@@ -750,29 +750,29 @@ function Qo() {
   }
   function x(w, S) {
     if (e.call(this, w, S)) {
-      var _ = w.changedTouches, E = t.call(this, w, S), $ = _.length, T, B;
-      for (T = 0; T < $; ++T)
-        (B = p(this, E, w, S, _[T].identifier, _[T])) && (Cn(w), B("start", w, _[T]));
+      var _ = w.changedTouches, E = t.call(this, w, S), I = _.length, T, B;
+      for (T = 0; T < I; ++T)
+        (B = m(this, E, w, S, _[T].identifier, _[T])) && (Cn(w), B("start", w, _[T]));
     }
   }
-  function m(w) {
-    var S = w.changedTouches, _ = S.length, E, $;
+  function p(w) {
+    var S = w.changedTouches, _ = S.length, E, I;
     for (E = 0; E < _; ++E)
-      ($ = o[S[E].identifier]) && (rt(w), $("drag", w, S[E]));
+      (I = o[S[E].identifier]) && (rt(w), I("drag", w, S[E]));
   }
   function v(w) {
-    var S = w.changedTouches, _ = S.length, E, $;
+    var S = w.changedTouches, _ = S.length, E, I;
     for (d && clearTimeout(d), d = setTimeout(function() {
       d = null;
     }, 500), E = 0; E < _; ++E)
-      ($ = o[S[E].identifier]) && (Cn(w), $("end", w, S[E]));
+      (I = o[S[E].identifier]) && (Cn(w), I("end", w, S[E]));
   }
-  function p(w, S, _, E, $, T) {
+  function m(w, S, _, E, I, T) {
     var B = i.copy(), k = ve(T || _, S), M, L, b;
     if ((b = n.call(w, new Bn("beforestart", {
       sourceEvent: _,
       target: f,
-      identifier: $,
+      identifier: I,
       active: s,
       x: k[0],
       y: k[1],
@@ -780,27 +780,27 @@ function Qo() {
       dy: 0,
       dispatch: B
     }), E)) != null)
-      return M = b.x - k[0] || 0, L = b.y - k[1] || 0, function A(N, I, P) {
+      return M = b.x - k[0] || 0, L = b.y - k[1] || 0, function A(N, $, P) {
         var C = k, z;
         switch (N) {
           case "start":
-            o[$] = A, z = s++;
+            o[I] = A, z = s++;
             break;
           case "end":
-            delete o[$], --s;
+            delete o[I], --s;
           // falls through
           case "drag":
-            k = ve(P || I, S), z = s;
+            k = ve(P || $, S), z = s;
             break;
         }
         B.call(
           N,
           w,
           new Bn(N, {
-            sourceEvent: I,
+            sourceEvent: $,
             subject: b,
             target: f,
-            identifier: $,
+            identifier: I,
             active: z,
             x: k[0] + M,
             y: k[1] + L,
@@ -1292,27 +1292,27 @@ function Gl(e) {
 }
 const Qt = function e(t, n, r) {
   function o(i, s) {
-    var a = i[0], c = i[1], l = i[2], d = s[0], u = s[1], f = s[2], g = d - a, h = u - c, y = g * g + h * h, x, m;
+    var a = i[0], c = i[1], l = i[2], d = s[0], u = s[1], f = s[2], g = d - a, h = u - c, y = g * g + h * h, x, p;
     if (y < Yl)
-      m = Math.log(f / l) / t, x = function(E) {
+      p = Math.log(f / l) / t, x = function(E) {
         return [
           a + E * g,
           c + E * h,
-          l * Math.exp(t * E * m)
+          l * Math.exp(t * E * p)
         ];
       };
     else {
-      var v = Math.sqrt(y), p = (f * f - l * l + r * y) / (2 * l * n * v), w = (f * f - l * l - r * y) / (2 * f * n * v), S = Math.log(Math.sqrt(p * p + 1) - p), _ = Math.log(Math.sqrt(w * w + 1) - w);
-      m = (_ - S) / t, x = function(E) {
-        var $ = E * m, T = Or(S), B = l / (n * v) * (T * Gl(t * $ + S) - Wl(S));
+      var v = Math.sqrt(y), m = (f * f - l * l + r * y) / (2 * l * n * v), w = (f * f - l * l - r * y) / (2 * f * n * v), S = Math.log(Math.sqrt(m * m + 1) - m), _ = Math.log(Math.sqrt(w * w + 1) - w);
+      p = (_ - S) / t, x = function(E) {
+        var I = E * p, T = Or(S), B = l / (n * v) * (T * Gl(t * I + S) - Wl(S));
         return [
           a + B * g,
           c + B * h,
-          l * T / Or(t * $ + S)
+          l * T / Or(t * I + S)
         ];
       };
     }
-    return x.duration = m * 1e3 * t / Math.SQRT2, x;
+    return x.duration = p * 1e3 * t / Math.SQRT2, x;
   }
   return o.rho = function(i) {
     var s = Math.max(1e-3, +i), a = s * s, c = a * a;
@@ -1990,57 +1990,57 @@ function ld(e, t, n) {
 }
 function fi() {
   var e = id, t = sd, n = ld, r = ad, o = cd, i = [0, 1 / 0], s = [[-1 / 0, -1 / 0], [1 / 0, 1 / 0]], a = 250, c = Qt, l = hn("start", "zoom", "end"), d, u, f, g = 500, h = 150, y = 0, x = 10;
-  function m(b) {
-    b.property("__zoom", Vr).on("wheel.zoom", $, { passive: !1 }).on("mousedown.zoom", T).on("dblclick.zoom", B).filter(o).on("touchstart.zoom", k).on("touchmove.zoom", M).on("touchend.zoom touchcancel.zoom", L).style("-webkit-tap-highlight-color", "rgba(0,0,0,0)");
+  function p(b) {
+    b.property("__zoom", Vr).on("wheel.zoom", I, { passive: !1 }).on("mousedown.zoom", T).on("dblclick.zoom", B).filter(o).on("touchstart.zoom", k).on("touchmove.zoom", M).on("touchend.zoom touchcancel.zoom", L).style("-webkit-tap-highlight-color", "rgba(0,0,0,0)");
   }
-  m.transform = function(b, A, N, I) {
+  p.transform = function(b, A, N, $) {
     var P = b.selection ? b.selection() : b;
-    P.property("__zoom", Vr), b !== P ? S(b, A, N, I) : P.interrupt().each(function() {
-      _(this, arguments).event(I).start().zoom(null, typeof A == "function" ? A.apply(this, arguments) : A).end();
+    P.property("__zoom", Vr), b !== P ? S(b, A, N, $) : P.interrupt().each(function() {
+      _(this, arguments).event($).start().zoom(null, typeof A == "function" ? A.apply(this, arguments) : A).end();
     });
-  }, m.scaleBy = function(b, A, N, I) {
-    m.scaleTo(b, function() {
+  }, p.scaleBy = function(b, A, N, $) {
+    p.scaleTo(b, function() {
       var P = this.__zoom.k, C = typeof A == "function" ? A.apply(this, arguments) : A;
       return P * C;
-    }, N, I);
-  }, m.scaleTo = function(b, A, N, I) {
-    m.transform(b, function() {
+    }, N, $);
+  }, p.scaleTo = function(b, A, N, $) {
+    p.transform(b, function() {
       var P = t.apply(this, arguments), C = this.__zoom, z = N == null ? w(P) : typeof N == "function" ? N.apply(this, arguments) : N, R = C.invert(z), O = typeof A == "function" ? A.apply(this, arguments) : A;
-      return n(p(v(C, O), z, R), P, s);
-    }, N, I);
-  }, m.translateBy = function(b, A, N, I) {
-    m.transform(b, function() {
+      return n(m(v(C, O), z, R), P, s);
+    }, N, $);
+  }, p.translateBy = function(b, A, N, $) {
+    p.transform(b, function() {
       return n(this.__zoom.translate(
         typeof A == "function" ? A.apply(this, arguments) : A,
         typeof N == "function" ? N.apply(this, arguments) : N
       ), t.apply(this, arguments), s);
-    }, null, I);
-  }, m.translateTo = function(b, A, N, I, P) {
-    m.transform(b, function() {
-      var C = t.apply(this, arguments), z = this.__zoom, R = I == null ? w(C) : typeof I == "function" ? I.apply(this, arguments) : I;
+    }, null, $);
+  }, p.translateTo = function(b, A, N, $, P) {
+    p.transform(b, function() {
+      var C = t.apply(this, arguments), z = this.__zoom, R = $ == null ? w(C) : typeof $ == "function" ? $.apply(this, arguments) : $;
       return n(yn.translate(R[0], R[1]).scale(z.k).translate(
         typeof A == "function" ? -A.apply(this, arguments) : -A,
         typeof N == "function" ? -N.apply(this, arguments) : -N
       ), C, s);
-    }, I, P);
+    }, $, P);
   };
   function v(b, A) {
     return A = Math.max(i[0], Math.min(i[1], A)), A === b.k ? b : new Pe(A, b.x, b.y);
   }
-  function p(b, A, N) {
-    var I = A[0] - N[0] * b.k, P = A[1] - N[1] * b.k;
-    return I === b.x && P === b.y ? b : new Pe(b.k, I, P);
+  function m(b, A, N) {
+    var $ = A[0] - N[0] * b.k, P = A[1] - N[1] * b.k;
+    return $ === b.x && P === b.y ? b : new Pe(b.k, $, P);
   }
   function w(b) {
     return [(+b[0][0] + +b[1][0]) / 2, (+b[0][1] + +b[1][1]) / 2];
   }
-  function S(b, A, N, I) {
+  function S(b, A, N, $) {
     b.on("start.zoom", function() {
-      _(this, arguments).event(I).start();
+      _(this, arguments).event($).start();
     }).on("interrupt.zoom end.zoom", function() {
-      _(this, arguments).event(I).end();
+      _(this, arguments).event($).end();
     }).tween("zoom", function() {
-      var P = this, C = arguments, z = _(P, C).event(I), R = t.apply(P, C), O = N == null ? w(R) : typeof N == "function" ? N.apply(P, C) : N, F = Math.max(R[1][0] - R[0][0], R[1][1] - R[0][1]), Y = P.__zoom, K = typeof A == "function" ? A.apply(P, C) : A, Z = c(Y.invert(O).concat(F / Y.k), K.invert(O).concat(F / K.k));
+      var P = this, C = arguments, z = _(P, C).event($), R = t.apply(P, C), O = N == null ? w(R) : typeof N == "function" ? N.apply(P, C) : N, F = Math.max(R[1][0] - R[0][0], R[1][1] - R[0][1]), Y = P.__zoom, K = typeof A == "function" ? A.apply(P, C) : A, Z = c(Y.invert(O).concat(F / Y.k), K.invert(O).concat(F / K.k));
       return function(X) {
         if (X === 1) X = K;
         else {
@@ -2077,7 +2077,7 @@ function fi() {
         this.that,
         new od(b, {
           sourceEvent: this.sourceEvent,
-          target: m,
+          target: p,
           transform: this.that.__zoom,
           dispatch: l
         }),
@@ -2085,45 +2085,45 @@ function fi() {
       );
     }
   };
-  function $(b, ...A) {
+  function I(b, ...A) {
     if (!e.apply(this, arguments)) return;
-    var N = _(this, A).event(b), I = this.__zoom, P = Math.max(i[0], Math.min(i[1], I.k * Math.pow(2, r.apply(this, arguments)))), C = ve(b);
+    var N = _(this, A).event(b), $ = this.__zoom, P = Math.max(i[0], Math.min(i[1], $.k * Math.pow(2, r.apply(this, arguments)))), C = ve(b);
     if (N.wheel)
-      (N.mouse[0][0] !== C[0] || N.mouse[0][1] !== C[1]) && (N.mouse[1] = I.invert(N.mouse[0] = C)), clearTimeout(N.wheel);
+      (N.mouse[0][0] !== C[0] || N.mouse[0][1] !== C[1]) && (N.mouse[1] = $.invert(N.mouse[0] = C)), clearTimeout(N.wheel);
     else {
-      if (I.k === P) return;
-      N.mouse = [C, I.invert(C)], en(this), N.start();
+      if ($.k === P) return;
+      N.mouse = [C, $.invert(C)], en(this), N.start();
     }
-    yt(b), N.wheel = setTimeout(z, h), N.zoom("mouse", n(p(v(I, P), N.mouse[0], N.mouse[1]), N.extent, s));
+    yt(b), N.wheel = setTimeout(z, h), N.zoom("mouse", n(m(v($, P), N.mouse[0], N.mouse[1]), N.extent, s));
     function z() {
       N.wheel = null, N.end();
     }
   }
   function T(b, ...A) {
     if (f || !e.apply(this, arguments)) return;
-    var N = b.currentTarget, I = _(this, A, !0).event(b), P = pe(b.view).on("mousemove.zoom", O, !0).on("mouseup.zoom", F, !0), C = ve(b, N), z = b.clientX, R = b.clientY;
-    Uo(b.view), An(b), I.mouse = [C, this.__zoom.invert(C)], en(this), I.start();
+    var N = b.currentTarget, $ = _(this, A, !0).event(b), P = pe(b.view).on("mousemove.zoom", O, !0).on("mouseup.zoom", F, !0), C = ve(b, N), z = b.clientX, R = b.clientY;
+    Uo(b.view), An(b), $.mouse = [C, this.__zoom.invert(C)], en(this), $.start();
     function O(Y) {
-      if (yt(Y), !I.moved) {
+      if (yt(Y), !$.moved) {
         var K = Y.clientX - z, Z = Y.clientY - R;
-        I.moved = K * K + Z * Z > y;
+        $.moved = K * K + Z * Z > y;
       }
-      I.event(Y).zoom("mouse", n(p(I.that.__zoom, I.mouse[0] = ve(Y, N), I.mouse[1]), I.extent, s));
+      $.event(Y).zoom("mouse", n(m($.that.__zoom, $.mouse[0] = ve(Y, N), $.mouse[1]), $.extent, s));
     }
     function F(Y) {
-      P.on("mousemove.zoom mouseup.zoom", null), Zo(Y.view, I.moved), yt(Y), I.event(Y).end();
+      P.on("mousemove.zoom mouseup.zoom", null), Zo(Y.view, $.moved), yt(Y), $.event(Y).end();
     }
   }
   function B(b, ...A) {
     if (e.apply(this, arguments)) {
-      var N = this.__zoom, I = ve(b.changedTouches ? b.changedTouches[0] : b, this), P = N.invert(I), C = N.k * (b.shiftKey ? 0.5 : 2), z = n(p(v(N, C), I, P), t.apply(this, A), s);
-      yt(b), a > 0 ? pe(this).transition().duration(a).call(S, z, I, b) : pe(this).call(m.transform, z, I, b);
+      var N = this.__zoom, $ = ve(b.changedTouches ? b.changedTouches[0] : b, this), P = N.invert($), C = N.k * (b.shiftKey ? 0.5 : 2), z = n(m(v(N, C), $, P), t.apply(this, A), s);
+      yt(b), a > 0 ? pe(this).transition().duration(a).call(S, z, $, b) : pe(this).call(p.transform, z, $, b);
     }
   }
   function k(b, ...A) {
     if (e.apply(this, arguments)) {
-      var N = b.touches, I = N.length, P = _(this, A, b.changedTouches.length === I).event(b), C, z, R, O;
-      for (An(b), z = 0; z < I; ++z)
+      var N = b.touches, $ = N.length, P = _(this, A, b.changedTouches.length === $).event(b), C, z, R, O;
+      for (An(b), z = 0; z < $; ++z)
         R = N[z], O = ve(R, this), O = [O, this.__zoom.invert(O), R.identifier], P.touch0 ? !P.touch1 && P.touch0[2] !== O[2] && (P.touch1 = O, P.taps = 0) : (P.touch0 = O, C = !0, P.taps = 1 + !!d);
       d && (d = clearTimeout(d)), C && (P.taps < 2 && (u = O[0], d = setTimeout(function() {
         d = null;
@@ -2132,24 +2132,24 @@ function fi() {
   }
   function M(b, ...A) {
     if (this.__zooming) {
-      var N = _(this, A).event(b), I = b.changedTouches, P = I.length, C, z, R, O;
+      var N = _(this, A).event(b), $ = b.changedTouches, P = $.length, C, z, R, O;
       for (yt(b), C = 0; C < P; ++C)
-        z = I[C], R = ve(z, this), N.touch0 && N.touch0[2] === z.identifier ? N.touch0[0] = R : N.touch1 && N.touch1[2] === z.identifier && (N.touch1[0] = R);
+        z = $[C], R = ve(z, this), N.touch0 && N.touch0[2] === z.identifier ? N.touch0[0] = R : N.touch1 && N.touch1[2] === z.identifier && (N.touch1[0] = R);
       if (z = N.that.__zoom, N.touch1) {
         var F = N.touch0[0], Y = N.touch0[1], K = N.touch1[0], Z = N.touch1[1], X = (X = K[0] - F[0]) * X + (X = K[1] - F[1]) * X, H = (H = Z[0] - Y[0]) * H + (H = Z[1] - Y[1]) * H;
         z = v(z, Math.sqrt(X / H)), R = [(F[0] + K[0]) / 2, (F[1] + K[1]) / 2], O = [(Y[0] + Z[0]) / 2, (Y[1] + Z[1]) / 2];
       } else if (N.touch0) R = N.touch0[0], O = N.touch0[1];
       else return;
-      N.zoom("touch", n(p(z, R, O), N.extent, s));
+      N.zoom("touch", n(m(z, R, O), N.extent, s));
     }
   }
   function L(b, ...A) {
     if (this.__zooming) {
-      var N = _(this, A).event(b), I = b.changedTouches, P = I.length, C, z;
+      var N = _(this, A).event(b), $ = b.changedTouches, P = $.length, C, z;
       for (An(b), f && clearTimeout(f), f = setTimeout(function() {
         f = null;
       }, g), C = 0; C < P; ++C)
-        z = I[C], N.touch0 && N.touch0[2] === z.identifier ? delete N.touch0 : N.touch1 && N.touch1[2] === z.identifier && delete N.touch1;
+        z = $[C], N.touch0 && N.touch0[2] === z.identifier ? delete N.touch0 : N.touch1 && N.touch1[2] === z.identifier && delete N.touch1;
       if (N.touch1 && !N.touch0 && (N.touch0 = N.touch1, delete N.touch1), N.touch0) N.touch0[1] = this.__zoom.invert(N.touch0[0]);
       else if (N.end(), N.taps === 2 && (z = ve(z, this), Math.hypot(u[0] - z[0], u[1] - z[1]) < x)) {
         var R = pe(this).on("dblclick.zoom");
@@ -2157,32 +2157,32 @@ function fi() {
       }
     }
   }
-  return m.wheelDelta = function(b) {
-    return arguments.length ? (r = typeof b == "function" ? b : Xt(+b), m) : r;
-  }, m.filter = function(b) {
-    return arguments.length ? (e = typeof b == "function" ? b : Xt(!!b), m) : e;
-  }, m.touchable = function(b) {
-    return arguments.length ? (o = typeof b == "function" ? b : Xt(!!b), m) : o;
-  }, m.extent = function(b) {
-    return arguments.length ? (t = typeof b == "function" ? b : Xt([[+b[0][0], +b[0][1]], [+b[1][0], +b[1][1]]]), m) : t;
-  }, m.scaleExtent = function(b) {
-    return arguments.length ? (i[0] = +b[0], i[1] = +b[1], m) : [i[0], i[1]];
-  }, m.translateExtent = function(b) {
-    return arguments.length ? (s[0][0] = +b[0][0], s[1][0] = +b[1][0], s[0][1] = +b[0][1], s[1][1] = +b[1][1], m) : [[s[0][0], s[0][1]], [s[1][0], s[1][1]]];
-  }, m.constrain = function(b) {
-    return arguments.length ? (n = b, m) : n;
-  }, m.duration = function(b) {
-    return arguments.length ? (a = +b, m) : a;
-  }, m.interpolate = function(b) {
-    return arguments.length ? (c = b, m) : c;
-  }, m.on = function() {
+  return p.wheelDelta = function(b) {
+    return arguments.length ? (r = typeof b == "function" ? b : Xt(+b), p) : r;
+  }, p.filter = function(b) {
+    return arguments.length ? (e = typeof b == "function" ? b : Xt(!!b), p) : e;
+  }, p.touchable = function(b) {
+    return arguments.length ? (o = typeof b == "function" ? b : Xt(!!b), p) : o;
+  }, p.extent = function(b) {
+    return arguments.length ? (t = typeof b == "function" ? b : Xt([[+b[0][0], +b[0][1]], [+b[1][0], +b[1][1]]]), p) : t;
+  }, p.scaleExtent = function(b) {
+    return arguments.length ? (i[0] = +b[0], i[1] = +b[1], p) : [i[0], i[1]];
+  }, p.translateExtent = function(b) {
+    return arguments.length ? (s[0][0] = +b[0][0], s[1][0] = +b[1][0], s[0][1] = +b[0][1], s[1][1] = +b[1][1], p) : [[s[0][0], s[0][1]], [s[1][0], s[1][1]]];
+  }, p.constrain = function(b) {
+    return arguments.length ? (n = b, p) : n;
+  }, p.duration = function(b) {
+    return arguments.length ? (a = +b, p) : a;
+  }, p.interpolate = function(b) {
+    return arguments.length ? (c = b, p) : c;
+  }, p.on = function() {
     var b = l.on.apply(l, arguments);
-    return b === l ? m : b;
-  }, m.clickDistance = function(b) {
-    return arguments.length ? (y = (b = +b) * b, m) : Math.sqrt(y);
-  }, m.tapDistance = function(b) {
-    return arguments.length ? (x = +b, m) : x;
-  }, m;
+    return b === l ? p : b;
+  }, p.clickDistance = function(b) {
+    return arguments.length ? (y = (b = +b) * b, p) : Math.sqrt(y);
+  }, p.tapDistance = function(b) {
+    return arguments.length ? (x = +b, p) : x;
+  }, p;
 }
 const ye = {
   error001: (e = "react") => `Seems like you have not used ${e === "svelte" ? "SvelteFlowProvider" : "ReactFlowProvider"} as an ancestor. Help: https://${e}flow.dev/error#001`,
@@ -2290,13 +2290,13 @@ const yi = (e) => "id" in e && "source" in e && "target" in e, ud = (e) => "id"
     (t.filter === void 0 || t.filter(o)) && (n = xn(n, ln(o)), r = !0);
   }), r ? wn(n) : { x: 0, y: 0, width: 0, height: 0 };
 }, ar = (e, t, [n, r, o] = [0, 0, 1], i = !1, s = !1) => {
-  var f, g, h, y, x, m;
+  var f, g, h, y, x, p;
   const a = (t.x - n) / o, c = (t.y - r) / o, l = t.width / o, d = t.height / o, u = [];
   for (const v of e.values()) {
-    const { measured: p, selectable: w = !0, hidden: S = !1 } = v;
+    const { measured: m, selectable: w = !0, hidden: S = !1 } = v;
     if (s && !w || S)
       continue;
-    const _ = (h = (g = (f = p.width) != null ? f : v.width) != null ? g : v.initialWidth) != null ? h : 0, E = (m = (x = (y = p.height) != null ? y : v.height) != null ? x : v.initialHeight) != null ? m : 0, { x: $, y: T } = v.internals.positionAbsolute, B = vi(a, c, l, d, $, T, _, E), k = _ * E, M = i && B > 0;
+    const _ = (h = (g = (f = m.width) != null ? f : v.width) != null ? g : v.initialWidth) != null ? h : 0, E = (p = (x = (y = m.height) != null ? y : v.height) != null ? x : v.initialHeight) != null ? p : 0, { x: I, y: T } = v.internals.positionAbsolute, B = vi(a, c, l, d, I, T, _, E), k = _ * E, M = i && B > 0;
     (!v.internals.handleBounds || M || B >= k || v.dragging) && u.push(v);
   }
   return u;
@@ -2331,10 +2331,10 @@ function xi({ nodeId: e, nextPosition: t, nodeLookup: n, nodeOrigin: r = [0, 0],
     if (!a)
       i == null || i("005", ye.error005());
     else {
-      const x = a.measured.width, m = a.measured.height;
-      x && m && (u = [
+      const x = a.measured.width, p = a.measured.height;
+      x && p && (u = [
         [c, l],
-        [c + x, l + m]
+        [c + x, l + p]
       ]);
     }
   else a && Ze(s.extent) && (u = [
@@ -2682,21 +2682,21 @@ const qr = {
   [G.Bottom]: { x: 0, y: 1 }
 }, Cd = ({ source: e, sourcePosition: t = G.Bottom, target: n }) => t === G.Left || t === G.Right ? e.x < n.x ? { x: 1, y: 0 } : { x: -1, y: 0 } : e.y < n.y ? { x: 0, y: 1 } : { x: 0, y: -1 }, Ur = (e, t) => Math.sqrt(Math.pow(t.x - e.x, 2) + Math.pow(t.y - e.y, 2));
 function Md({ source: e, sourcePosition: t = G.Bottom, target: n, targetPosition: r = G.Top, center: o, offset: i, stepPosition: s }) {
-  var $, T, B, k;
+  var I, T, B, k;
   const a = qr[t], c = qr[r], l = { x: e.x + a.x * i, y: e.y + a.y * i }, d = { x: n.x + c.x * i, y: n.y + c.y * i }, u = Cd({
     source: l,
     sourcePosition: t,
     target: d
   }), f = u.x !== 0 ? "x" : "y", g = u[f];
   let h = [], y, x;
-  const m = { x: 0, y: 0 }, v = { x: 0, y: 0 }, [, , p, w] = Ii({
+  const p = { x: 0, y: 0 }, v = { x: 0, y: 0 }, [, , m, w] = Ii({
     sourceX: e.x,
     sourceY: e.y,
     targetX: n.x,
     targetY: n.y
   });
   if (a[f] * c[f] === -1) {
-    f === "x" ? (y = ($ = o.x) != null ? $ : l.x + (d.x - l.x) * s, x = (T = o.y) != null ? T : (l.y + d.y) / 2) : (y = (B = o.x) != null ? B : (l.x + d.x) / 2, x = (k = o.y) != null ? k : l.y + (d.y - l.y) * s);
+    f === "x" ? (y = (I = o.x) != null ? I : l.x + (d.x - l.x) * s, x = (T = o.y) != null ? T : (l.y + d.y) / 2) : (y = (B = o.x) != null ? B : (l.x + d.x) / 2, x = (k = o.y) != null ? k : l.y + (d.y - l.y) * s);
     const M = [
       { x: y, y: l.y },
       { x: y, y: d.y }
@@ -2711,17 +2711,17 @@ function Md({ source: e, sourcePosition: t = G.Bottom, target: n, targetPosition
       const P = Math.abs(e[f] - n[f]);
       if (P <= i) {
         const C = Math.min(i - 1, i - P);
-        a[f] === g ? m[f] = (l[f] > e[f] ? -1 : 1) * C : v[f] = (d[f] > n[f] ? -1 : 1) * C;
+        a[f] === g ? p[f] = (l[f] > e[f] ? -1 : 1) * C : v[f] = (d[f] > n[f] ? -1 : 1) * C;
       }
     }
     if (t !== r) {
       const P = f === "x" ? "y" : "x", C = a[f] === c[P], z = l[P] > d[P], R = l[P] < d[P];
       (a[f] === 1 && (!C && z || C && R) || a[f] !== 1 && (!C && R || C && z)) && (h = f === "x" ? M : L);
     }
-    const b = { x: l.x + m.x, y: l.y + m.y }, A = { x: d.x + v.x, y: d.y + v.y }, N = Math.max(Math.abs(b.x - h[0].x), Math.abs(A.x - h[0].x)), I = Math.max(Math.abs(b.y - h[0].y), Math.abs(A.y - h[0].y));
-    N >= I ? (y = (b.x + A.x) / 2, x = h[0].y) : (y = h[0].x, x = (b.y + A.y) / 2);
+    const b = { x: l.x + p.x, y: l.y + p.y }, A = { x: d.x + v.x, y: d.y + v.y }, N = Math.max(Math.abs(b.x - h[0].x), Math.abs(A.x - h[0].x)), $ = Math.max(Math.abs(b.y - h[0].y), Math.abs(A.y - h[0].y));
+    N >= $ ? (y = (b.x + A.x) / 2, x = h[0].y) : (y = h[0].x, x = (b.y + A.y) / 2);
   }
-  const S = { x: l.x + m.x, y: l.y + m.y }, _ = { x: d.x + v.x, y: d.y + v.y };
+  const S = { x: l.x + p.x, y: l.y + p.y }, _ = { x: d.x + v.x, y: d.y + v.y };
   return [[
     e,
     // we only want to add the gapped source/target if they are different from the first/last point to avoid duplicates which can cause issues with the bends
@@ -2729,7 +2729,7 @@ function Md({ source: e, sourcePosition: t = G.Bottom, target: n, targetPosition
     ...h,
     ..._.x !== h[h.length - 1].x || _.y !== h[h.length - 1].y ? [_] : [],
     n
-  ], y, x, p, w];
+  ], y, x, m, w];
 }
 function kd(e, t, n, r) {
   const o = Math.min(Ur(e, t) / 2, Ur(t, n) / 2, r), { x: i, y: s } = t;
@@ -2753,8 +2753,8 @@ function qn({ sourceX: e, sourceY: t, sourcePosition: n = G.Bottom, targetX: r,
     stepPosition: d
   });
   let x = `M${u[0].x} ${u[0].y}`;
-  for (let m = 1; m < u.length - 1; m++)
-    x += kd(u[m - 1], u[m], u[m + 1], s);
+  for (let p = 1; p < u.length - 1; p++)
+    x += kd(u[p - 1], u[p], u[p + 1], s);
   return x += `L${u[u.length - 1].x} ${u[u.length - 1].y}`, [x, f, g, h, y];
 }
 function Zr(e) {
@@ -2892,7 +2892,7 @@ function Zn(e, t, n, r = {}) {
     if (o.checkEquality && g === (h == null ? void 0 : h.internals.userNode))
       t.set(g.id, h);
     else {
-      const y = Tt(g, o.nodeOrigin), x = Ze(g.extent) ? g.extent : o.nodeExtent, m = Ue(y, x, Le(g));
+      const y = Tt(g, o.nodeOrigin), x = Ze(g.extent) ? g.extent : o.nodeExtent, p = Ue(y, x, Le(g));
       h = {
         ...o.defaults,
         ...g,
@@ -2901,7 +2901,7 @@ function Zn(e, t, n, r = {}) {
           height: (u = g.measured) == null ? void 0 : u.height
         },
         internals: {
-          positionAbsolute: m,
+          positionAbsolute: p,
           // if user re-initializes the node or removes `measured` for whatever reason, we reset the handleBounds so that the node gets re-measured
           handleBounds: Dd(g, h),
           z: Ti(g, a, o.zIndexMode),
@@ -2964,13 +2964,13 @@ function pr(e, t, n, r = [0, 0]) {
   }
   return i.size > 0 && i.forEach(({ expandedRect: c, parent: l }, d) => {
     var w, S;
-    const u = l.internals.positionAbsolute, f = Le(l), g = (w = l.origin) != null ? w : r, h = c.x < u.x ? Math.round(Math.abs(u.x - c.x)) : 0, y = c.y < u.y ? Math.round(Math.abs(u.y - c.y)) : 0, x = Math.max(f.width, Math.round(c.width)), m = Math.max(f.height, Math.round(c.height)), v = (x - f.width) * g[0], p = (m - f.height) * g[1];
-    (h > 0 || y > 0 || v || p) && (o.push({
+    const u = l.internals.positionAbsolute, f = Le(l), g = (w = l.origin) != null ? w : r, h = c.x < u.x ? Math.round(Math.abs(u.x - c.x)) : 0, y = c.y < u.y ? Math.round(Math.abs(u.y - c.y)) : 0, x = Math.max(f.width, Math.round(c.width)), p = Math.max(f.height, Math.round(c.height)), v = (x - f.width) * g[0], m = (p - f.height) * g[1];
+    (h > 0 || y > 0 || v || m) && (o.push({
       id: d,
       type: "position",
       position: {
         x: l.position.x - h + v,
-        y: l.position.y - y + p
+        y: l.position.y - y + m
       }
     }), (S = n.get(d)) == null || S.forEach((_) => {
       e.some((E) => E.id === _.id) || o.push({
@@ -2987,7 +2987,7 @@ function pr(e, t, n, r = [0, 0]) {
       setAttributes: !0,
       dimensions: {
         width: x + (h ? g[0] * h - v : 0),
-        height: m + (y ? g[1] * y - p : 0)
+        height: p + (y ? g[1] * y - m : 0)
       }
     });
   }), o;
@@ -3014,9 +3014,9 @@ function zd(e, t, n, r, o, i, s) {
     }
     const y = ur(g.nodeElement), x = h.measured.width !== y.width || h.measured.height !== y.height;
     if (!!(y.width && y.height && (x || !h.internals.handleBounds || g.force))) {
-      const v = g.nodeElement.getBoundingClientRect(), p = Ze(h.extent) ? h.extent : i;
+      const v = g.nodeElement.getBoundingClientRect(), m = Ze(h.extent) ? h.extent : i;
       let { positionAbsolute: w } = h.internals;
-      h.parentId && h.extent === "parent" ? w = wi(w, y, t.get(h.parentId)) : p && (w = Ue(w, p, y));
+      h.parentId && h.extent === "parent" ? w = wi(w, y, t.get(h.parentId)) : m && (w = Ue(w, m, y));
       const S = {
         ...h,
         measured: y,
@@ -3161,13 +3161,13 @@ function Bd({ dragItems: e, snapGrid: t, x: n, y: r }) {
 }
 function Vd({ onNodeMouseDown: e, getStoreItems: t, onDragStart: n, onDrag: r, onDragStop: o }) {
   let i = { x: null, y: null }, s = 0, a = /* @__PURE__ */ new Map(), c = !1, l = { x: 0, y: 0 }, d = null, u = !1, f = null, g = !1, h = !1, y = null;
-  function x({ noDragClassName: v, handleSelector: p, domNode: w, isSelectable: S, nodeId: _, nodeClickDistance: E = 0 }) {
+  function x({ noDragClassName: v, handleSelector: m, domNode: w, isSelectable: S, nodeId: _, nodeClickDistance: E = 0 }) {
     f = pe(w);
-    function $({ x: M, y: L }) {
-      const { nodeLookup: b, nodeExtent: A, snapGrid: N, snapToGrid: I, nodeOrigin: P, onNodeDrag: C, onSelectionDrag: z, onError: R, updateNodePositions: O } = t();
+    function I({ x: M, y: L }) {
+      const { nodeLookup: b, nodeExtent: A, snapGrid: N, snapToGrid: $, nodeOrigin: P, onNodeDrag: C, onSelectionDrag: z, onError: R, updateNodePositions: O } = t();
       i = { x: M, y: L };
       let F = !1;
-      const Y = a.size > 1, K = Y && A ? Kn(Dt(a)) : null, Z = Y && I ? Bd({
+      const Y = a.size > 1, K = Y && A ? Kn(Dt(a)) : null, Z = Y && $ ? Bd({
         dragItems: a,
         snapGrid: N,
         x: M,
@@ -3177,7 +3177,7 @@ function Vd({ onNodeMouseDown: e, getStoreItems: t, onDragStart: n, onDrag: r, o
         if (!b.has(X))
           continue;
         let W = { x: M - H.distance.x, y: L - H.distance.y };
-        I && (W = Z ? {
+        $ && (W = Z ? {
           x: Math.round(W.x + Z.x),
           y: Math.round(W.y + Z.y)
         } : Lt(W, N));
@@ -3217,14 +3217,14 @@ function Vd({ onNodeMouseDown: e, getStoreItems: t, onDragStart: n, onDrag: r, o
         c = !1, cancelAnimationFrame(s);
         return;
       }
-      const [N, I] = cr(l, d, b);
-      (N !== 0 || I !== 0) && (i.x = ((P = i.x) != null ? P : 0) - N / M[2], i.y = ((C = i.y) != null ? C : 0) - I / M[2], await L({ x: N, y: I }) && $(i)), s = requestAnimationFrame(T);
+      const [N, $] = cr(l, d, b);
+      (N !== 0 || $ !== 0) && (i.x = ((P = i.x) != null ? P : 0) - N / M[2], i.y = ((C = i.y) != null ? C : 0) - $ / M[2], await L({ x: N, y: $ }) && I(i)), s = requestAnimationFrame(T);
     }
     function B(M) {
       var Y;
-      const { nodeLookup: L, multiSelectionActive: b, nodesDraggable: A, transform: N, snapGrid: I, snapToGrid: P, selectNodesOnDrag: C, onNodeDragStart: z, onSelectionDragStart: R, unselectNodesAndEdges: O } = t();
+      const { nodeLookup: L, multiSelectionActive: b, nodesDraggable: A, transform: N, snapGrid: $, snapToGrid: P, selectNodesOnDrag: C, onNodeDragStart: z, onSelectionDragStart: R, unselectNodesAndEdges: O } = t();
       u = !0, (!C || !S) && !b && _ && ((Y = L.get(_)) != null && Y.selected || O()), S && C && _ && (e == null || e(_));
-      const F = vt(M.sourceEvent, { transform: N, snapGrid: I, snapToGrid: P, containerBounds: d });
+      const F = vt(M.sourceEvent, { transform: N, snapGrid: $, snapToGrid: P, containerBounds: d });
       if (i = F, a = Rd(L, A, F, _), a.size > 0 && (n || z || !_ && R)) {
         const [K, Z] = In({
           nodeId: _,
@@ -3235,17 +3235,17 @@ function Vd({ onNodeMouseDown: e, getStoreItems: t, onDragStart: n, onDrag: r, o
       }
     }
     const k = Qo().clickDistance(E).on("start", (M) => {
-      const { domNode: L, nodeDragThreshold: b, transform: A, snapGrid: N, snapToGrid: I } = t();
-      d = (L == null ? void 0 : L.getBoundingClientRect()) || null, g = !1, h = !1, y = M.sourceEvent, b === 0 && B(M), i = vt(M.sourceEvent, { transform: A, snapGrid: N, snapToGrid: I, containerBounds: d }), l = Ee(M.sourceEvent, d);
+      const { domNode: L, nodeDragThreshold: b, transform: A, snapGrid: N, snapToGrid: $ } = t();
+      d = (L == null ? void 0 : L.getBoundingClientRect()) || null, g = !1, h = !1, y = M.sourceEvent, b === 0 && B(M), i = vt(M.sourceEvent, { transform: A, snapGrid: N, snapToGrid: $, containerBounds: d }), l = Ee(M.sourceEvent, d);
     }).on("drag", (M) => {
-      const { autoPanOnNodeDrag: L, transform: b, snapGrid: A, snapToGrid: N, nodeDragThreshold: I, nodeLookup: P } = t(), C = vt(M.sourceEvent, { transform: b, snapGrid: A, snapToGrid: N, containerBounds: d });
+      const { autoPanOnNodeDrag: L, transform: b, snapGrid: A, snapToGrid: N, nodeDragThreshold: $, nodeLookup: P } = t(), C = vt(M.sourceEvent, { transform: b, snapGrid: A, snapToGrid: N, containerBounds: d });
       if (y = M.sourceEvent, (M.sourceEvent.type === "touchmove" && M.sourceEvent.touches.length > 1 || // if user deletes a node while dragging, we need to abort the drag to prevent errors
       _ && !P.has(_)) && (g = !0), !g) {
         if (!c && L && u && (c = !0, T()), !u) {
           const z = Ee(M.sourceEvent, d), R = z.x - l.x, O = z.y - l.y;
-          Math.sqrt(R * R + O * O) > I && B(M);
+          Math.sqrt(R * R + O * O) > $ && B(M);
         }
-        (i.x !== C.xSnapped || i.y !== C.ySnapped) && a && u && (l = Ee(M.sourceEvent, d), $(C));
+        (i.x !== C.xSnapped || i.y !== C.ySnapped) && a && u && (l = Ee(M.sourceEvent, d), I(C));
       }
     }).on("end", (M) => {
       if (!u || g) {
@@ -3255,27 +3255,27 @@ function Vd({ onNodeMouseDown: e, getStoreItems: t, onDragStart: n, onDrag: r, o
       if (c = !1, u = !1, cancelAnimationFrame(s), a.size > 0) {
         const { nodeLookup: L, updateNodePositions: b, onNodeDragStop: A, onSelectionDragStop: N } = t();
         if (h && (b(a, !1), h = !1), o || A || !_ && N) {
-          const [I, P] = In({
+          const [$, P] = In({
             nodeId: _,
             dragItems: a,
             nodeLookup: L,
             dragging: !1
           });
-          o == null || o(M.sourceEvent, a, I, P), A == null || A(M.sourceEvent, I, P), _ || N == null || N(M.sourceEvent, P);
+          o == null || o(M.sourceEvent, a, $, P), A == null || A(M.sourceEvent, $, P), _ || N == null || N(M.sourceEvent, P);
         }
       }
     }).filter((M) => {
       const L = M.target;
-      return !M.button && (!v || !eo(L, `.${v}`, w)) && (!p || eo(L, p, w));
+      return !M.button && (!v || !eo(L, `.${v}`, w)) && (!m || eo(L, m, w));
     });
     f.call(k);
   }
-  function m() {
+  function p() {
     f == null || f.on(".drag", null);
   }
   return {
     update: x,
-    destroy: m
+    destroy: p
   };
 }
 function Fd(e, t, n) {
@@ -3299,8 +3299,8 @@ function Yd(e, t, n, r) {
     for (const h of g) {
       if (r.nodeId === h.nodeId && r.type === h.type && r.id === h.id)
         continue;
-      const { x: y, y: x } = Qe(f, h, h.position, !0), m = Math.sqrt(Math.pow(y - e.x, 2) + Math.pow(x - e.y, 2));
-      m > t || (m < i ? (o = [{ ...h, x: y, y: x }], i = m) : m === i && o.push({ ...h, x: y, y: x }));
+      const { x: y, y: x } = Qe(f, h, h.position, !0), p = Math.sqrt(Math.pow(y - e.x, 2) + Math.pow(x - e.y, 2));
+      p > t || (p < i ? (o = [{ ...h, x: y, y: x }], i = p) : p === i && o.push({ ...h, x: y, y: x }));
     }
   }
   if (!o.length)
@@ -3327,15 +3327,15 @@ function Wd(e, t) {
   return t ? n = !0 : e && !t && (n = !1), n;
 }
 const Hi = () => !0;
-function Gd(e, { connectionMode: t, connectionRadius: n, handleId: r, nodeId: o, edgeUpdaterType: i, isTarget: s, domNode: a, nodeLookup: c, lib: l, autoPanOnConnect: d, flowId: u, panBy: f, cancelConnection: g, onConnectStart: h, onConnect: y, onConnectEnd: x, isValidConnection: m = Hi, onReconnectEnd: v, updateConnection: p, getTransform: w, getFromHandle: S, autoPanSpeed: _, dragThreshold: E = 1, handleDomNode: $ }) {
+function Gd(e, { connectionMode: t, connectionRadius: n, handleId: r, nodeId: o, edgeUpdaterType: i, isTarget: s, domNode: a, nodeLookup: c, lib: l, autoPanOnConnect: d, flowId: u, panBy: f, cancelConnection: g, onConnectStart: h, onConnect: y, onConnectEnd: x, isValidConnection: p = Hi, onReconnectEnd: v, updateConnection: m, getTransform: w, getFromHandle: S, autoPanSpeed: _, dragThreshold: E = 1, handleDomNode: I }) {
   const T = Ni(e.target);
   let B = 0, k;
-  const { x: M, y: L } = Ee(e), b = zi(i, $), A = a == null ? void 0 : a.getBoundingClientRect();
+  const { x: M, y: L } = Ee(e), b = zi(i, I), A = a == null ? void 0 : a.getBoundingClientRect();
   let N = !1;
   if (!A || !b)
     return;
-  const I = Oi(o, b, r, c, t);
-  if (!I)
+  const $ = Oi(o, b, r, c, t);
+  if (!$)
     return;
   let P = Ee(e, A), C = !1, z = null, R = !1, O = null;
   function F() {
@@ -3345,10 +3345,10 @@ function Gd(e, { connectionMode: t, connectionRadius: n, handleId: r, nodeId: o,
     f({ x: V, y: J }), B = requestAnimationFrame(F);
   }
   const Y = {
-    ...I,
+    ...$,
     nodeId: o,
     type: b,
-    position: I.position
+    position: $.position
   }, K = c.get(o);
   let X = {
     inProgress: !0,
@@ -3364,7 +3364,7 @@ function Gd(e, { connectionMode: t, connectionRadius: n, handleId: r, nodeId: o,
     pointer: P
   };
   function H() {
-    N = !0, p(X), h == null || h(e, { nodeId: o, handleId: r, handleType: b });
+    N = !0, m(X), h == null || h(e, { nodeId: o, handleId: r, handleType: b });
   }
   E === 0 && H();
   function W(V) {
@@ -3386,7 +3386,7 @@ function Gd(e, { connectionMode: t, connectionRadius: n, handleId: r, nodeId: o,
       fromNodeId: o,
       fromHandleId: r,
       fromType: s ? "target" : "source",
-      isValidConnection: m,
+      isValidConnection: p,
       doc: T,
       lib: l,
       flowId: u,
@@ -3403,7 +3403,7 @@ function Gd(e, { connectionMode: t, connectionRadius: n, handleId: r, nodeId: o,
       toNode: U.toHandle ? c.get(U.toHandle.nodeId) : null,
       pointer: P
     };
-    p(re), X = re;
+    m(re), X = re;
   }
   function Q(V) {
     if (!("touches" in V && V.touches.length > 0)) {
@@ -3421,27 +3421,27 @@ function Gd(e, { connectionMode: t, connectionRadius: n, handleId: r, nodeId: o,
   T.addEventListener("mousemove", W), T.addEventListener("mouseup", Q), T.addEventListener("touchmove", W), T.addEventListener("touchend", Q);
 }
 function Ri(e, { handle: t, connectionMode: n, fromNodeId: r, fromHandleId: o, fromType: i, doc: s, lib: a, flowId: c, isValidConnection: l = Hi, nodeLookup: d }) {
-  const u = i === "target", f = t ? s.querySelector(`.${a}-flow__handle[data-id="${c}-${t == null ? void 0 : t.nodeId}-${t == null ? void 0 : t.id}-${t == null ? void 0 : t.type}"]`) : null, { x: g, y: h } = Ee(e), y = s.elementFromPoint(g, h), x = y != null && y.classList.contains(`${a}-flow__handle`) ? y : f, m = {
+  const u = i === "target", f = t ? s.querySelector(`.${a}-flow__handle[data-id="${c}-${t == null ? void 0 : t.nodeId}-${t == null ? void 0 : t.id}-${t == null ? void 0 : t.type}"]`) : null, { x: g, y: h } = Ee(e), y = s.elementFromPoint(g, h), x = y != null && y.classList.contains(`${a}-flow__handle`) ? y : f, p = {
     handleDomNode: x,
     isValid: !1,
     connection: null,
     toHandle: null
   };
   if (x) {
-    const v = zi(void 0, x), p = x.getAttribute("data-nodeid"), w = x.getAttribute("data-handleid"), S = x.classList.contains("connectable"), _ = x.classList.contains("connectableend");
-    if (!p || !v)
-      return m;
+    const v = zi(void 0, x), m = x.getAttribute("data-nodeid"), w = x.getAttribute("data-handleid"), S = x.classList.contains("connectable"), _ = x.classList.contains("connectableend");
+    if (!m || !v)
+      return p;
     const E = {
-      source: u ? p : r,
+      source: u ? m : r,
       sourceHandle: u ? w : o,
-      target: u ? r : p,
+      target: u ? r : m,
       targetHandle: u ? o : w
     };
-    m.connection = E;
-    const T = S && _ && (n === at.Strict ? u && v === "source" || !u && v === "target" : p !== r || w !== o);
-    m.isValid = T && l(E), m.toHandle = Oi(p, v, w, d, n, !0);
+    p.connection = E;
+    const T = S && _ && (n === at.Strict ? u && v === "source" || !u && v === "target" : m !== r || w !== o);
+    p.isValid = T && l(E), p.toHandle = Oi(m, v, w, d, n, !0);
   }
-  return m;
+  return p;
 }
 const Qn = {
   onPointerDown: Gd,
@@ -3450,30 +3450,30 @@ const Qn = {
 function Kd({ domNode: e, panZoom: t, getTransform: n, getViewScale: r }) {
   const o = pe(e);
   function i({ translateExtent: a, width: c, height: l, zoomStep: d = 1, pannable: u = !0, zoomable: f = !0, inversePan: g = !1 }) {
-    const h = (p) => {
-      if (p.sourceEvent.type !== "wheel" || !t)
+    const h = (m) => {
+      if (m.sourceEvent.type !== "wheel" || !t)
         return;
-      const w = n(), S = p.sourceEvent.ctrlKey && At() ? 10 : 1, _ = -p.sourceEvent.deltaY * (p.sourceEvent.deltaMode === 1 ? 0.05 : p.sourceEvent.deltaMode ? 1 : 2e-3) * d, E = w[2] * Math.pow(2, _ * S);
+      const w = n(), S = m.sourceEvent.ctrlKey && At() ? 10 : 1, _ = -m.sourceEvent.deltaY * (m.sourceEvent.deltaMode === 1 ? 0.05 : m.sourceEvent.deltaMode ? 1 : 2e-3) * d, E = w[2] * Math.pow(2, _ * S);
       t.scaleTo(E);
     };
     let y = [0, 0];
-    const x = (p) => {
+    const x = (m) => {
       var w, S;
-      (p.sourceEvent.type === "mousedown" || p.sourceEvent.type === "touchstart") && (y = [
-        (w = p.sourceEvent.clientX) != null ? w : p.sourceEvent.touches[0].clientX,
-        (S = p.sourceEvent.clientY) != null ? S : p.sourceEvent.touches[0].clientY
+      (m.sourceEvent.type === "mousedown" || m.sourceEvent.type === "touchstart") && (y = [
+        (w = m.sourceEvent.clientX) != null ? w : m.sourceEvent.touches[0].clientX,
+        (S = m.sourceEvent.clientY) != null ? S : m.sourceEvent.touches[0].clientY
       ]);
-    }, m = (p) => {
+    }, p = (m) => {
       var B, k;
       const w = n();
-      if (p.sourceEvent.type !== "mousemove" && p.sourceEvent.type !== "touchmove" || !t)
+      if (m.sourceEvent.type !== "mousemove" && m.sourceEvent.type !== "touchmove" || !t)
         return;
       const S = [
-        (B = p.sourceEvent.clientX) != null ? B : p.sourceEvent.touches[0].clientX,
-        (k = p.sourceEvent.clientY) != null ? k : p.sourceEvent.touches[0].clientY
+        (B = m.sourceEvent.clientX) != null ? B : m.sourceEvent.touches[0].clientX,
+        (k = m.sourceEvent.clientY) != null ? k : m.sourceEvent.touches[0].clientY
       ], _ = [S[0] - y[0], S[1] - y[1]];
       y = S;
-      const E = r() * Math.max(w[2], Math.log(w[2])) * (g ? -1 : 1), $ = {
+      const E = r() * Math.max(w[2], Math.log(w[2])) * (g ? -1 : 1), I = {
         x: w[0] - _[0] * E,
         y: w[1] - _[1] * E
       }, T = [
@@ -3481,11 +3481,11 @@ function Kd({ domNode: e, panZoom: t, getTransform: n, getViewScale: r }) {
         [c, l]
       ];
       t.setViewportConstrained({
-        x: $.x,
-        y: $.y,
+        x: I.x,
+        y: I.y,
         zoom: w[2]
       }, T, a);
-    }, v = fi().on("start", x).on("zoom", u ? m : null).on("zoom.wheel", f ? h : null);
+    }, v = fi().on("start", x).on("zoom", u ? p : null).on("zoom.wheel", f ? h : null);
     o.call(v, {});
   }
   function s() {
@@ -3516,7 +3516,7 @@ function Ud({ zoomPanValues: e, noWheelClassName: t, d3Selection: n, d3Zoom: r,
     d.preventDefault(), d.stopImmediatePropagation();
     const u = n.property("__zoom").k || 1;
     if (d.ctrlKey && s) {
-      const x = ve(d), m = Vi(d), v = u * Math.pow(2, m);
+      const x = ve(d), p = Vi(d), v = u * Math.pow(2, p);
       r.scaleTo(n, v, x, d);
       return;
     }
@@ -3614,8 +3614,8 @@ function tf({ domNode: e, minZoom: t, maxZoom: n, translateExtent: r, viewport:
       u == null || u.interpolate((M == null ? void 0 : M.interpolate) === "linear" ? bt : Qt).transform(Pn(f, M == null ? void 0 : M.duration, M == null ? void 0 : M.ease, () => L(!0)), k);
     }) : !1;
   }
-  function x({ noWheelClassName: k, noPanClassName: M, onPaneContextMenu: L, userSelectionActive: b, panOnScroll: A, panOnDrag: N, panOnScrollMode: I, panOnScrollSpeed: P, preventScrolling: C, zoomOnPinch: z, zoomOnScroll: R, zoomOnDoubleClick: O, zoomActivationKeyPressed: F, lib: Y, onTransformChange: K, connectionInProgress: Z, paneClickDistance: X, selectionOnDrag: H }) {
-    b && !l.isZoomingOrPanning && m();
+  function x({ noWheelClassName: k, noPanClassName: M, onPaneContextMenu: L, userSelectionActive: b, panOnScroll: A, panOnDrag: N, panOnScrollMode: $, panOnScrollSpeed: P, preventScrolling: C, zoomOnPinch: z, zoomOnScroll: R, zoomOnDoubleClick: O, zoomActivationKeyPressed: F, lib: Y, onTransformChange: K, connectionInProgress: Z, paneClickDistance: X, selectionOnDrag: H }) {
+    b && !l.isZoomingOrPanning && p();
     const W = A && !F && !b;
     u.clickDistance(H ? 1 / 0 : !Se(X) || X < 0 ? 0 : X);
     const Q = W ? Ud({
@@ -3623,7 +3623,7 @@ function tf({ domNode: e, minZoom: t, maxZoom: n, translateExtent: r, viewport:
       noWheelClassName: k,
       d3Selection: f,
       d3Zoom: u,
-      panOnScrollMode: I,
+      panOnScrollMode: $,
       panOnScrollSpeed: P,
       zoomOnPinch: z,
       onPanZoomStart: s,
@@ -3673,14 +3673,14 @@ function tf({ domNode: e, minZoom: t, maxZoom: n, translateExtent: r, viewport:
     });
     u.filter(q), O ? f.on("dblclick.zoom", h) : f.on("dblclick.zoom", null);
   }
-  function m() {
+  function p() {
     u.on("zoom", null);
   }
   async function v(k, M, L) {
     const b = $n(k), A = u == null ? void 0 : u.constrain()(b, M, L);
     return A && await y(A), A;
   }
-  async function p(k, M) {
+  async function m(k, M) {
     const L = $n(k);
     return await y(L, M), L;
   }
@@ -3704,7 +3704,7 @@ function tf({ domNode: e, minZoom: t, maxZoom: n, translateExtent: r, viewport:
       u == null || u.interpolate((M == null ? void 0 : M.interpolate) === "linear" ? bt : Qt).scaleBy(Pn(f, M == null ? void 0 : M.duration, M == null ? void 0 : M.ease, () => L(!0)), k);
     }) : !1;
   }
-  function $(k) {
+  function I(k) {
     u == null || u.scaleExtent(k);
   }
   function T(k) {
@@ -3716,13 +3716,13 @@ function tf({ domNode: e, minZoom: t, maxZoom: n, translateExtent: r, viewport:
   }
   return {
     update: x,
-    destroy: m,
-    setViewport: p,
+    destroy: p,
+    setViewport: m,
     setViewportConstrained: v,
     getViewport: S,
     scaleTo: _,
     scaleBy: E,
-    setScaleExtent: $,
+    setScaleExtent: I,
     setTranslateExtent: T,
     syncViewport: w,
     setClickDistance: B
@@ -3759,49 +3759,49 @@ function no(e, t) {
 }
 function rf(e, t, n, r, o, i, s, a) {
   let { affectsX: c, affectsY: l } = t;
-  const { isHorizontal: d, isVertical: u } = t, f = d && u, { xSnapped: g, ySnapped: h } = n, { minWidth: y, maxWidth: x, minHeight: m, maxHeight: v } = r, { x: p, y: w, width: S, height: _, aspectRatio: E } = e;
-  let $ = Math.floor(d ? g - e.pointerX : 0), T = Math.floor(u ? h - e.pointerY : 0);
-  const B = S + (c ? -$ : $), k = _ + (l ? -T : T), M = -i[0] * S, L = -i[1] * _;
-  let b = Wt(B, y, x), A = Wt(k, m, v);
+  const { isHorizontal: d, isVertical: u } = t, f = d && u, { xSnapped: g, ySnapped: h } = n, { minWidth: y, maxWidth: x, minHeight: p, maxHeight: v } = r, { x: m, y: w, width: S, height: _, aspectRatio: E } = e;
+  let I = Math.floor(d ? g - e.pointerX : 0), T = Math.floor(u ? h - e.pointerY : 0);
+  const B = S + (c ? -I : I), k = _ + (l ? -T : T), M = -i[0] * S, L = -i[1] * _;
+  let b = Wt(B, y, x), A = Wt(k, p, v);
   if (s) {
     let P = 0, C = 0;
-    c && $ < 0 ? P = Oe(p + $ + M, s[0][0]) : !c && $ > 0 && (P = ze(p + B + M, s[1][0])), l && T < 0 ? C = Oe(w + T + L, s[0][1]) : !l && T > 0 && (C = ze(w + k + L, s[1][1])), b = Math.max(b, P), A = Math.max(A, C);
+    c && I < 0 ? P = Oe(m + I + M, s[0][0]) : !c && I > 0 && (P = ze(m + B + M, s[1][0])), l && T < 0 ? C = Oe(w + T + L, s[0][1]) : !l && T > 0 && (C = ze(w + k + L, s[1][1])), b = Math.max(b, P), A = Math.max(A, C);
   }
   if (a) {
     let P = 0, C = 0;
-    c && $ > 0 ? P = ze(p + $, a[0][0]) : !c && $ < 0 && (P = Oe(p + B, a[1][0])), l && T > 0 ? C = ze(w + T, a[0][1]) : !l && T < 0 && (C = Oe(w + k, a[1][1])), b = Math.max(b, P), A = Math.max(A, C);
+    c && I > 0 ? P = ze(m + I, a[0][0]) : !c && I < 0 && (P = Oe(m + B, a[1][0])), l && T > 0 ? C = ze(w + T, a[0][1]) : !l && T < 0 && (C = Oe(w + k, a[1][1])), b = Math.max(b, P), A = Math.max(A, C);
   }
   if (o) {
     if (d) {
-      const P = Wt(B / E, m, v) * E;
+      const P = Wt(B / E, p, v) * E;
       if (b = Math.max(b, P), s) {
         let C = 0;
-        !c && !l || c && !l && f ? C = ze(w + L + B / E, s[1][1]) * E : C = Oe(w + L + (c ? $ : -$) / E, s[0][1]) * E, b = Math.max(b, C);
+        !c && !l || c && !l && f ? C = ze(w + L + B / E, s[1][1]) * E : C = Oe(w + L + (c ? I : -I) / E, s[0][1]) * E, b = Math.max(b, C);
       }
       if (a) {
         let C = 0;
-        !c && !l || c && !l && f ? C = Oe(w + B / E, a[1][1]) * E : C = ze(w + (c ? $ : -$) / E, a[0][1]) * E, b = Math.max(b, C);
+        !c && !l || c && !l && f ? C = Oe(w + B / E, a[1][1]) * E : C = ze(w + (c ? I : -I) / E, a[0][1]) * E, b = Math.max(b, C);
       }
     }
     if (u) {
       const P = Wt(k * E, y, x) / E;
       if (A = Math.max(A, P), s) {
         let C = 0;
-        !c && !l || l && !c && f ? C = ze(p + k * E + M, s[1][0]) / E : C = Oe(p + (l ? T : -T) * E + M, s[0][0]) / E, A = Math.max(A, C);
+        !c && !l || l && !c && f ? C = ze(m + k * E + M, s[1][0]) / E : C = Oe(m + (l ? T : -T) * E + M, s[0][0]) / E, A = Math.max(A, C);
       }
       if (a) {
         let C = 0;
-        !c && !l || l && !c && f ? C = Oe(p + k * E, a[1][0]) / E : C = ze(p + (l ? T : -T) * E, a[0][0]) / E, A = Math.max(A, C);
+        !c && !l || l && !c && f ? C = Oe(m + k * E, a[1][0]) / E : C = ze(m + (l ? T : -T) * E, a[0][0]) / E, A = Math.max(A, C);
       }
     }
   }
-  T = T + (T < 0 ? A : -A), $ = $ + ($ < 0 ? b : -b), o && (f ? B > k * E ? T = (no(c, l) ? -$ : $) / E : $ = (no(c, l) ? -T : T) * E : d ? (T = $ / E, l = c) : ($ = T * E, c = l));
-  const N = c ? p + $ : p, I = l ? w + T : w;
+  T = T + (T < 0 ? A : -A), I = I + (I < 0 ? b : -b), o && (f ? B > k * E ? T = (no(c, l) ? -I : I) / E : I = (no(c, l) ? -T : T) * E : d ? (T = I / E, l = c) : (I = T * E, c = l));
+  const N = c ? m + I : m, $ = l ? w + T : w;
   return {
-    width: S + (c ? -$ : $),
+    width: S + (c ? -I : I),
     height: _ + (l ? -T : T),
-    x: i[0] * $ * (c ? -1 : 1) + N,
-    y: i[1] * T * (l ? -1 : 1) + I
+    x: i[0] * I * (c ? -1 : 1) + N,
+    y: i[1] * T * (l ? -1 : 1) + $
   };
 }
 const Fi = { width: 0, height: 0, x: 0, y: 0 }, of = {
@@ -3832,53 +3832,53 @@ function af({ domNode: e, nodeId: t, getStoreItems: n, onChange: r, onEnd: o })
     keepAspectRatio: !1
   };
   function a({ controlPosition: l, boundaries: d, keepAspectRatio: u, resizeDirection: f, onResizeStart: g, onResize: h, onResizeEnd: y, shouldResize: x }) {
-    let m = { ...Fi }, v = { ...of };
+    let p = { ...Fi }, v = { ...of };
     s = {
       boundaries: d,
       resizeDirection: f,
       keepAspectRatio: u,
       controlDirection: to(l)
     };
-    let p, w = null, S = [], _, E, $, T = !1;
+    let m, w = null, S = [], _, E, I, T = !1;
     const B = Qo().on("start", (k) => {
       var z, R, O, F, Y, K;
-      const { nodeLookup: M, transform: L, snapGrid: b, snapToGrid: A, nodeOrigin: N, paneDomNode: I } = n();
-      if (p = M.get(t), !p)
+      const { nodeLookup: M, transform: L, snapGrid: b, snapToGrid: A, nodeOrigin: N, paneDomNode: $ } = n();
+      if (m = M.get(t), !m)
         return;
-      w = (z = I == null ? void 0 : I.getBoundingClientRect()) != null ? z : null;
+      w = (z = $ == null ? void 0 : $.getBoundingClientRect()) != null ? z : null;
       const { xSnapped: P, ySnapped: C } = vt(k.sourceEvent, {
         transform: L,
         snapGrid: b,
         snapToGrid: A,
         containerBounds: w
       });
-      m = {
-        width: (R = p.measured.width) != null ? R : 0,
-        height: (O = p.measured.height) != null ? O : 0,
-        x: (F = p.position.x) != null ? F : 0,
-        y: (Y = p.position.y) != null ? Y : 0
+      p = {
+        width: (R = m.measured.width) != null ? R : 0,
+        height: (O = m.measured.height) != null ? O : 0,
+        x: (F = m.position.x) != null ? F : 0,
+        y: (Y = m.position.y) != null ? Y : 0
       }, v = {
-        ...m,
+        ...p,
         pointerX: P,
         pointerY: C,
-        aspectRatio: m.width / m.height
-      }, _ = void 0, E = Ze(p.extent) ? p.extent : void 0, p.parentId && (p.extent === "parent" || p.expandParent) && (_ = M.get(p.parentId)), _ && p.extent === "parent" && (E = [
+        aspectRatio: p.width / p.height
+      }, _ = void 0, E = Ze(m.extent) ? m.extent : void 0, m.parentId && (m.extent === "parent" || m.expandParent) && (_ = M.get(m.parentId)), _ && m.extent === "parent" && (E = [
         [0, 0],
         [_.measured.width, _.measured.height]
-      ]), S = [], $ = void 0;
+      ]), S = [], I = void 0;
       for (const [Z, X] of M)
         if (X.parentId === t && (S.push({
           id: Z,
           position: { ...X.position },
           extent: X.extent
         }), X.extent === "parent" || X.expandParent)) {
-          const H = sf(X, p, (K = X.origin) != null ? K : N);
-          $ ? $ = [
-            [Math.min(H[0][0], $[0][0]), Math.min(H[0][1], $[0][1])],
-            [Math.max(H[1][0], $[1][0]), Math.max(H[1][1], $[1][1])]
-          ] : $ = H;
+          const H = sf(X, m, (K = X.origin) != null ? K : N);
+          I ? I = [
+            [Math.min(H[0][0], I[0][0]), Math.min(H[0][1], I[0][1])],
+            [Math.max(H[1][0], I[1][0]), Math.max(H[1][1], I[1][1])]
+          ] : I = H;
         }
-      g == null || g(k, { ...m });
+      g == null || g(k, { ...p });
     }).on("drag", (k) => {
       var j, re, te;
       const { transform: M, snapGrid: L, snapToGrid: b, nodeOrigin: A } = n(), N = vt(k.sourceEvent, {
@@ -3886,37 +3886,37 @@ function af({ domNode: e, nodeId: t, getStoreItems: n, onChange: r, onEnd: o })
         snapGrid: L,
         snapToGrid: b,
         containerBounds: w
-      }), I = [];
-      if (!p)
+      }), $ = [];
+      if (!m)
         return;
-      const { x: P, y: C, width: z, height: R } = m, O = {}, F = (j = p.origin) != null ? j : A, { width: Y, height: K, x: Z, y: X } = rf(v, s.controlDirection, N, s.boundaries, s.keepAspectRatio, F, E, $), H = Y !== z, W = K !== R, Q = Z !== P && H, V = X !== C && W;
+      const { x: P, y: C, width: z, height: R } = p, O = {}, F = (j = m.origin) != null ? j : A, { width: Y, height: K, x: Z, y: X } = rf(v, s.controlDirection, N, s.boundaries, s.keepAspectRatio, F, E, I), H = Y !== z, W = K !== R, Q = Z !== P && H, V = X !== C && W;
       if (!Q && !V && !H && !W)
         return;
-      if ((Q || V || F[0] === 1 || F[1] === 1) && (O.x = Q ? Z : m.x, O.y = V ? X : m.y, m.x = O.x, m.y = O.y, S.length > 0)) {
+      if ((Q || V || F[0] === 1 || F[1] === 1) && (O.x = Q ? Z : p.x, O.y = V ? X : p.y, p.x = O.x, p.y = O.y, S.length > 0)) {
         const oe = Z - P, de = X - C;
         for (const fe of S)
           fe.position = {
             x: fe.position.x - oe + F[0] * (Y - z),
             y: fe.position.y - de + F[1] * (K - R)
-          }, I.push(fe);
+          }, $.push(fe);
       }
-      if ((H || W) && (O.width = H && (!s.resizeDirection || s.resizeDirection === "horizontal") ? Y : m.width, O.height = W && (!s.resizeDirection || s.resizeDirection === "vertical") ? K : m.height, m.width = O.width, m.height = O.height), _ && p.expandParent) {
+      if ((H || W) && (O.width = H && (!s.resizeDirection || s.resizeDirection === "horizontal") ? Y : p.width, O.height = W && (!s.resizeDirection || s.resizeDirection === "vertical") ? K : p.height, p.width = O.width, p.height = O.height), _ && m.expandParent) {
         const oe = F[0] * ((re = O.width) != null ? re : 0);
-        O.x && O.x < oe && (m.x = oe, v.x = v.x - (O.x - oe));
+        O.x && O.x < oe && (p.x = oe, v.x = v.x - (O.x - oe));
         const de = F[1] * ((te = O.height) != null ? te : 0);
-        O.y && O.y < de && (m.y = de, v.y = v.y - (O.y - de));
+        O.y && O.y < de && (p.y = de, v.y = v.y - (O.y - de));
       }
       const J = nf({
-        width: m.width,
+        width: p.width,
         prevWidth: z,
-        height: m.height,
+        height: p.height,
         prevHeight: R,
         affectsX: s.controlDirection.affectsX,
         affectsY: s.controlDirection.affectsY
-      }), U = { ...m, direction: J };
-      (x == null ? void 0 : x(k, U)) !== !1 && (T = !0, h == null || h(k, U), r(O, I));
+      }), U = { ...p, direction: J };
+      (x == null ? void 0 : x(k, U)) !== !1 && (T = !0, h == null || h(k, U), r(O, $));
     }).on("end", (k) => {
-      T && (y == null || y(k, { ...m }), o == null || o({ ...m }), T = !1);
+      T && (y == null || y(k, { ...p }), o == null || o({ ...p }), T = !1);
     });
     i.call(B);
   }
@@ -4012,16 +4012,16 @@ function uf() {
       x = s({
         inst: { value: y, getSnapshot: h }
       });
-      var m = x[0].inst, v = x[1];
+      var p = x[0].inst, v = x[1];
       return c(
         function() {
-          m.value = y, m.getSnapshot = h, n(m) && v({ inst: m });
+          p.value = y, p.getSnapshot = h, n(p) && v({ inst: p });
         },
         [g, y, h]
       ), a(
         function() {
-          return n(m) && v({ inst: m }), g(function() {
-            n(m) && v({ inst: m });
+          return n(p) && v({ inst: p }), g(function() {
+            n(p) && v({ inst: p });
           });
         },
         [g]
@@ -4075,26 +4075,26 @@ function df() {
     } else y = h.current;
     h = a(
       function() {
-        function m(_) {
+        function p(_) {
           if (!v) {
-            if (v = !0, p = _, _ = f(_), g !== void 0 && y.hasValue) {
+            if (v = !0, m = _, _ = f(_), g !== void 0 && y.hasValue) {
               var E = y.value;
               if (g(E, _))
                 return w = E;
             }
             return w = _;
           }
-          if (E = w, r(p, _)) return E;
-          var $ = f(_);
-          return g !== void 0 && g(E, $) ? (p = _, E) : (p = _, w = $);
+          if (E = w, r(m, _)) return E;
+          var I = f(_);
+          return g !== void 0 && g(E, I) ? (m = _, E) : (m = _, w = I);
         }
-        var v = !1, p, w, S = u === void 0 ? null : u;
+        var v = !1, m, w, S = u === void 0 ? null : u;
         return [
           function() {
-            return m(d());
+            return p(d());
           },
           S === null ? void 0 : function() {
-            return m(S());
+            return p(S());
           }
         ];
       },
@@ -4135,27 +4135,27 @@ function ff() {
       } else y = h.current;
       h = a(
         function() {
-          function m(_) {
+          function p(_) {
             if (!v) {
-              if (v = !0, p = _, _ = f(_), g !== void 0 && y.hasValue) {
+              if (v = !0, m = _, _ = f(_), g !== void 0 && y.hasValue) {
                 var E = y.value;
                 if (g(E, _))
                   return w = E;
               }
               return w = _;
             }
-            if (E = w, r(p, _))
+            if (E = w, r(m, _))
               return E;
-            var $ = f(_);
-            return g !== void 0 && g(E, $) ? (p = _, E) : (p = _, w = $);
+            var I = f(_);
+            return g !== void 0 && g(E, I) ? (m = _, E) : (m = _, w = I);
           }
-          var v = !1, p, w, S = u === void 0 ? null : u;
+          var v = !1, m, w, S = u === void 0 ? null : u;
           return [
             function() {
-              return m(d());
+              return p(d());
             },
             S === null ? void 0 : function() {
-              return m(S());
+              return p(S());
             }
           ];
         },
@@ -4436,12 +4436,12 @@ function It(e = null, t = { target: yo, actInsideInputWithModifier: !0 }) {
     const c = (d = t == null ? void 0 : t.target) != null ? d : yo, l = (u = t == null ? void 0 : t.actInsideInputWithModifier) != null ? u : !0;
     if (e !== null) {
       const f = (y) => {
-        var v, p;
+        var v, m;
         if (o.current = y.ctrlKey || y.metaKey || y.shiftKey || y.altKey, (!o.current || o.current && !l) && Ci(y))
           return !1;
-        const m = wo(y.code, a);
-        if (i.current.add(y[m]), xo(s, i.current, !1)) {
-          const w = ((p = (v = y.composedPath) == null ? void 0 : v.call(y)) == null ? void 0 : p[0]) || y.target, S = (w == null ? void 0 : w.nodeName) === "BUTTON" || (w == null ? void 0 : w.nodeName) === "A";
+        const p = wo(y.code, a);
+        if (i.current.add(y[p]), xo(s, i.current, !1)) {
+          const w = ((m = (v = y.composedPath) == null ? void 0 : v.call(y)) == null ? void 0 : m[0]) || y.target, S = (w == null ? void 0 : w.nodeName) === "BUTTON" || (w == null ? void 0 : w.nodeName) === "A";
           t.preventDefault !== !1 && (o.current || !S) && y.preventDefault(), r(!0);
         }
       }, g = (y) => {
@@ -4650,17 +4650,17 @@ function Kf({ children: e }) {
   const t = ae(), n = we((a) => {
     const { nodes: c = [], setNodes: l, hasDefaultNodes: d, onNodesChange: u, nodeLookup: f, fitViewQueued: g, onNodesChangeMiddlewareMap: h } = t.getState();
     let y = c;
-    for (const m of a)
-      y = typeof m == "function" ? m(y) : m;
+    for (const p of a)
+      y = typeof p == "function" ? p(y) : p;
     let x = bo({
       items: y,
       lookup: f
     });
-    for (const m of h.values())
-      x = m(x);
+    for (const p of h.values())
+      x = p(x);
     d && l(y), x.length > 0 ? u == null || u(x) : g && window.requestAnimationFrame(() => {
-      const { fitViewQueued: m, nodes: v, setNodes: p } = t.getState();
-      m && p(v);
+      const { fitViewQueued: p, nodes: v, setNodes: m } = t.getState();
+      p && m(v);
     });
   }, []), r = So(n), o = we((a) => {
     const { edges: c = [], setEdges: l, hasDefaultEdges: d, onEdgesChange: u, edgeLookup: f } = t.getState();
@@ -4688,12 +4688,12 @@ function mr() {
     }, a = (u) => {
       n.edgeQueue.push(u);
     }, c = (u) => {
-      var m, v, p, w;
+      var p, v, m, w;
       const { nodeLookup: f, nodeOrigin: g } = t.getState(), h = _o(u) ? u : f.get(u.id), y = h.parentId ? Ei(h.position, h.measured, h.parentId, f, g) : h.position, x = {
         ...h,
         position: y,
-        width: (v = (m = h.measured) == null ? void 0 : m.width) != null ? v : h.width,
-        height: (w = (p = h.measured) == null ? void 0 : p.height) != null ? w : h.height
+        width: (v = (p = h.measured) == null ? void 0 : p.width) != null ? v : h.width,
+        height: (w = (m = h.measured) == null ? void 0 : m.height) != null ? w : h.height
       };
       return kt(x);
     }, l = (u, f, g = { replace: !1 }) => {
@@ -4738,8 +4738,8 @@ function mr() {
       toObject: () => {
         const { nodes: u = [], edges: f = [], transform: g } = t.getState(), [h, y, x] = g;
         return {
-          nodes: u.map((m) => ({ ...m })),
-          edges: f.map((m) => ({ ...m })),
+          nodes: u.map((p) => ({ ...p })),
+          edges: f.map((p) => ({ ...p })),
           viewport: {
             x: h,
             y,
@@ -4748,22 +4748,22 @@ function mr() {
         };
       },
       deleteElements: async ({ nodes: u = [], edges: f = [] }) => {
-        const { nodes: g, edges: h, onNodesDelete: y, onEdgesDelete: x, triggerNodeChanges: m, triggerEdgeChanges: v, onDelete: p, onBeforeDelete: w } = t.getState(), { nodes: S, edges: _ } = await pd({
+        const { nodes: g, edges: h, onNodesDelete: y, onEdgesDelete: x, triggerNodeChanges: p, triggerEdgeChanges: v, onDelete: m, onBeforeDelete: w } = t.getState(), { nodes: S, edges: _ } = await pd({
           nodesToRemove: u,
           edgesToRemove: f,
           nodes: g,
           edges: h,
           onBeforeDelete: w
-        }), E = _.length > 0, $ = S.length > 0;
+        }), E = _.length > 0, I = S.length > 0;
         if (E) {
           const T = _.map(vo);
           x == null || x(_), v(T);
         }
-        if ($) {
+        if (I) {
           const T = S.map(vo);
-          y == null || y(S), m(T);
+          y == null || y(S), p(T);
         }
-        return ($ || E) && (p == null || p({ nodes: S, edges: _ })), { deletedNodes: S, deletedEdges: _ };
+        return (I || E) && (m == null || m({ nodes: S, edges: _ })), { deletedNodes: S, deletedEdges: _ };
       },
       /**
        * Partial is defined as "the 2 nodes/areas are intersecting partially".
@@ -4772,12 +4772,12 @@ function mr() {
        */
       getIntersectingNodes: (u, f = !0, g) => {
         const h = Yr(u), y = h ? u : c(u), x = g !== void 0;
-        return y ? (g || t.getState().nodes).filter((m) => {
-          const v = t.getState().nodeLookup.get(m.id);
-          if (v && !h && (m.id === u.id || !v.internals.positionAbsolute))
+        return y ? (g || t.getState().nodes).filter((p) => {
+          const v = t.getState().nodeLookup.get(p.id);
+          if (v && !h && (p.id === u.id || !v.internals.positionAbsolute))
             return !1;
-          const p = kt(x ? m : v), w = un(p, y);
-          return f && w > 0 || w >= p.width * p.height || w >= y.width * y.height;
+          const m = kt(x ? p : v), w = un(m, y);
+          return f && w > 0 || w >= m.width * m.height || w >= y.width * y.height;
         }) : [];
       },
       isNodeIntersecting: (u, f, g = !0) => {
@@ -4868,12 +4868,12 @@ const Sn = {
   lib: e.lib,
   connectionInProgress: e.connection.inProgress
 });
-function eh({ onPaneContextMenu: e, zoomOnScroll: t = !0, zoomOnPinch: n = !0, panOnScroll: r = !1, panOnScrollSpeed: o = 0.5, panOnScrollMode: i = Ge.Free, zoomOnDoubleClick: s = !0, panOnDrag: a = !0, defaultViewport: c, translateExtent: l, minZoom: d, maxZoom: u, zoomActivationKeyCode: f, preventScrolling: g = !0, children: h, noWheelClassName: y, noPanClassName: x, onViewportChange: m, isControlledViewport: v, paneClickDistance: p, selectionOnDrag: w }) {
-  const S = ae(), _ = ne(null), { userSelectionActive: E, lib: $, connectionInProgress: T } = ee(jf, se), B = It(f), k = ne();
+function eh({ onPaneContextMenu: e, zoomOnScroll: t = !0, zoomOnPinch: n = !0, panOnScroll: r = !1, panOnScrollSpeed: o = 0.5, panOnScrollMode: i = Ge.Free, zoomOnDoubleClick: s = !0, panOnDrag: a = !0, defaultViewport: c, translateExtent: l, minZoom: d, maxZoom: u, zoomActivationKeyCode: f, preventScrolling: g = !0, children: h, noWheelClassName: y, noPanClassName: x, onViewportChange: p, isControlledViewport: v, paneClickDistance: m, selectionOnDrag: w }) {
+  const S = ae(), _ = ne(null), { userSelectionActive: E, lib: I, connectionInProgress: T } = ee(jf, se), B = It(f), k = ne();
   Jf(_);
   const M = we((L) => {
-    m == null || m({ x: L[0], y: L[1], zoom: L[2] }), v || S.setState({ transform: L });
-  }, [m, v]);
+    p == null || p({ x: L[0], y: L[1], zoom: L[2] }), v || S.setState({ transform: L });
+  }, [p, v]);
   return ie(() => {
     if (_.current) {
       k.current = tf({
@@ -4882,18 +4882,18 @@ function eh({ onPaneContextMenu: e, zoomOnScroll: t = !0, zoomOnPinch: n = !0, p
         maxZoom: u,
         translateExtent: l,
         viewport: c,
-        onDraggingChange: (N) => S.setState((I) => I.paneDragging === N ? I : { paneDragging: N }),
-        onPanZoomStart: (N, I) => {
+        onDraggingChange: (N) => S.setState(($) => $.paneDragging === N ? $ : { paneDragging: N }),
+        onPanZoomStart: (N, $) => {
           const { onViewportChangeStart: P, onMoveStart: C } = S.getState();
-          C == null || C(N, I), P == null || P(I);
+          C == null || C(N, $), P == null || P($);
         },
-        onPanZoom: (N, I) => {
+        onPanZoom: (N, $) => {
           const { onViewportChange: P, onMove: C } = S.getState();
-          C == null || C(N, I), P == null || P(I);
+          C == null || C(N, $), P == null || P($);
         },
-        onPanZoomEnd: (N, I) => {
+        onPanZoomEnd: (N, $) => {
           const { onViewportChangeEnd: P, onMoveEnd: C } = S.getState();
-          C == null || C(N, I), P == null || P(I);
+          C == null || C(N, $), P == null || P($);
         }
       });
       const { x: L, y: b, zoom: A } = k.current.getViewport();
@@ -4922,11 +4922,11 @@ function eh({ onPaneContextMenu: e, zoomOnScroll: t = !0, zoomOnPinch: n = !0, p
       noPanClassName: x,
       userSelectionActive: E,
       noWheelClassName: y,
-      lib: $,
+      lib: I,
       onTransformChange: M,
       connectionInProgress: T,
       selectionOnDrag: w,
-      paneClickDistance: p
+      paneClickDistance: m
     });
   }, [
     e,
@@ -4942,11 +4942,11 @@ function eh({ onPaneContextMenu: e, zoomOnScroll: t = !0, zoomOnPinch: n = !0, p
     x,
     E,
     y,
-    $,
+    I,
     M,
     T,
     w,
-    p
+    m
   ]), D("div", { className: "react-flow__renderer", ref: _, style: Sn, children: h });
 }
 const th = (e) => ({
@@ -4971,13 +4971,13 @@ const zn = (e, t) => (n) => {
   autoPanSpeed: e.autoPanSpeed
 });
 function oh({ isSelecting: e, selectionKeyPressed: t, selectionMode: n = Mt.Full, panOnDrag: r, autoPanOnSelection: o, paneClickDistance: i, selectionOnDrag: s, onSelectionStart: a, onSelectionEnd: c, onPaneClick: l, onPaneContextMenu: d, onPaneScroll: u, onPaneMouseEnter: f, onPaneMouseMove: g, onPaneMouseLeave: h, children: y }) {
-  const x = ne(0), m = ae(), { userSelectionActive: v, elementsSelectable: p, dragging: w, panBy: S, autoPanSpeed: _ } = ee(rh, se), E = p && (e || v), $ = ne(null), T = ne(), B = ne(/* @__PURE__ */ new Set()), k = ne(/* @__PURE__ */ new Set()), M = ne(!1), L = ne(!1), b = ne({ x: 0, y: 0 }), A = ne(!1), N = (H) => {
-    if (L.current || M.current || m.getState().connection.inProgress) {
+  const x = ne(0), p = ae(), { userSelectionActive: v, elementsSelectable: m, dragging: w, panBy: S, autoPanSpeed: _ } = ee(rh, se), E = m && (e || v), I = ne(null), T = ne(), B = ne(/* @__PURE__ */ new Set()), k = ne(/* @__PURE__ */ new Set()), M = ne(!1), L = ne(!1), b = ne({ x: 0, y: 0 }), A = ne(!1), N = (H) => {
+    if (L.current || M.current || p.getState().connection.inProgress) {
       L.current = !1, M.current = !1;
       return;
     }
-    l == null || l(H), m.getState().resetSelectedElements(), m.setState({ nodesSelectionActive: !1 });
-  }, I = (H) => {
+    l == null || l(H), p.getState().resetSelectedElements(), p.setState({ nodesSelectionActive: !1 });
+  }, $ = (H) => {
     if (Array.isArray(r) && (r != null && r.includes(2))) {
       H.preventDefault();
       return;
@@ -4987,15 +4987,15 @@ function oh({ isSelecting: e, selectionKeyPressed: t, selectionMode: n = Mt.Full
     L.current && (H.stopPropagation(), L.current = !1);
   }, z = (H) => {
     var te, oe;
-    const { domNode: W, transform: Q } = m.getState();
+    const { domNode: W, transform: Q } = p.getState();
     if (T.current = W == null ? void 0 : W.getBoundingClientRect(), !T.current)
       return;
-    const V = H.target === $.current;
+    const V = H.target === I.current;
     if (!V && !!H.target.closest(".nokey") || !e || !(s && V || t) || H.button !== 0 || !H.isPrimary)
       return;
     (oe = (te = H.target) == null ? void 0 : te.setPointerCapture) == null || oe.call(te, H.pointerId), L.current = !1;
     const { x: q, y: j } = Ee(H.nativeEvent, T.current), re = Ot({ x: q, y: j }, Q);
-    m.setState({
+    p.setState({
       userSelectionRect: {
         width: 0,
         height: 0,
@@ -5008,10 +5008,10 @@ function oh({ isSelecting: e, selectionKeyPressed: t, selectionMode: n = Mt.Full
   };
   function R(H, W) {
     var Je, Ie;
-    const { userSelectionRect: Q } = m.getState();
+    const { userSelectionRect: Q } = p.getState();
     if (!Q)
       return;
-    const { transform: V, nodeLookup: J, edgeLookup: U, connectionLookup: q, triggerNodeChanges: j, triggerEdgeChanges: re, defaultEdgeOptions: te } = m.getState(), oe = { x: Q.startX, y: Q.startY }, { x: de, y: fe } = ut(oe, V), Ae = {
+    const { transform: V, nodeLookup: J, edgeLookup: U, connectionLookup: q, triggerNodeChanges: j, triggerEdgeChanges: re, defaultEdgeOptions: te } = p.getState(), oe = { x: Q.startX, y: Q.startY }, { x: de, y: fe } = ut(oe, V), Ae = {
       startX: oe.x,
       startY: oe.y,
       x: H < de ? H : de,
@@ -5037,7 +5037,7 @@ function oh({ isSelecting: e, selectionKeyPressed: t, selectionMode: n = Mt.Full
       const he = nt(U, k.current);
       re(he);
     }
-    m.setState({
+    p.setState({
       userSelectionRect: Ae,
       userSelectionActive: !0,
       nodesSelectionActive: !1
@@ -5061,7 +5061,7 @@ function oh({ isSelecting: e, selectionKeyPressed: t, selectionMode: n = Mt.Full
   };
   ie(() => () => F(), []);
   const Y = (H) => {
-    const { userSelectionRect: W, transform: Q, resetSelectedElements: V } = m.getState();
+    const { userSelectionRect: W, transform: Q, resetSelectedElements: V } = p.getState();
     if (!T.current || !W)
       return;
     const { x: J, y: U } = Ee(H.nativeEvent, T.current);
@@ -5077,20 +5077,20 @@ function oh({ isSelecting: e, selectionKeyPressed: t, selectionMode: n = Mt.Full
   }, K = (H) => {
     var W, Q;
     if (!E) {
-      H.target === $.current && m.getState().connection.inProgress && (M.current = !0);
+      H.target === I.current && p.getState().connection.inProgress && (M.current = !0);
       return;
     }
-    H.button === 0 && ((Q = (W = H.target) == null ? void 0 : W.releasePointerCapture) == null || Q.call(W, H.pointerId), !v && H.target === $.current && m.getState().userSelectionRect && (N == null || N(H)), m.setState({
+    H.button === 0 && ((Q = (W = H.target) == null ? void 0 : W.releasePointerCapture) == null || Q.call(W, H.pointerId), !v && H.target === I.current && p.getState().userSelectionRect && (N == null || N(H)), p.setState({
       userSelectionActive: !1,
       userSelectionRect: null
-    }), L.current && (c == null || c(H), m.setState({
+    }), L.current && (c == null || c(H), p.setState({
       nodesSelectionActive: B.current.size > 0
     })), F());
   }, Z = (H) => {
     var W, Q;
     (Q = (W = H.target) == null ? void 0 : W.releasePointerCapture) == null || Q.call(W, H.pointerId), F();
   }, X = r === !0 || Array.isArray(r) && r.includes(0);
-  return ce("div", { className: ue(["react-flow__pane", { draggable: X, dragging: w, selection: e }]), onClick: E ? void 0 : zn(N, $), onContextMenu: zn(I, $), onWheel: zn(P, $), onPointerEnter: E ? void 0 : f, onPointerMove: E ? Y : g, onPointerUp: K, onPointerCancel: E ? Z : void 0, onPointerDownCapture: E ? z : void 0, onClickCapture: E ? C : void 0, onPointerLeave: h, ref: $, style: Sn, children: [y, D(nh, {})] });
+  return ce("div", { className: ue(["react-flow__pane", { draggable: X, dragging: w, selection: e }]), onClick: E ? void 0 : zn(N, I), onContextMenu: zn($, I), onWheel: zn(P, I), onPointerEnter: E ? void 0 : f, onPointerMove: E ? Y : g, onPointerUp: K, onPointerCancel: E ? Z : void 0, onPointerDownCapture: E ? z : void 0, onClickCapture: E ? C : void 0, onPointerLeave: h, ref: I, style: Sn, children: [y, D(nh, {})] });
 }
 function Jn({ id: e, store: t, unselect: n = !1, nodeRef: r }) {
   const { addSelectedNodes: o, unselectNodesAndEdges: i, multiSelectionActive: s, nodeLookup: a, onError: c } = t.getState(), l = a.get(e);
@@ -5142,23 +5142,23 @@ function ts() {
   const e = ae();
   return we((n) => {
     const { nodeExtent: r, snapToGrid: o, snapGrid: i, nodesDraggable: s, onError: a, updateNodePositions: c, nodeLookup: l, nodeOrigin: d } = e.getState(), u = /* @__PURE__ */ new Map(), f = ih(s), g = o ? i[0] : 5, h = o ? i[1] : 5, y = n.direction.x * g * n.factor, x = n.direction.y * h * n.factor;
-    for (const [, m] of l) {
-      if (!f(m))
+    for (const [, p] of l) {
+      if (!f(p))
         continue;
       let v = {
-        x: m.internals.positionAbsolute.x + y,
-        y: m.internals.positionAbsolute.y + x
+        x: p.internals.positionAbsolute.x + y,
+        y: p.internals.positionAbsolute.y + x
       };
       o && (v = Lt(v, i));
-      const { position: p, positionAbsolute: w } = xi({
-        nodeId: m.id,
+      const { position: m, positionAbsolute: w } = xi({
+        nodeId: p.id,
         nextPosition: v,
         nodeLookup: l,
         nodeExtent: r,
         nodeOrigin: d,
         onError: a
       });
-      m.position = p, m.internals.positionAbsolute = w, u.set(m.id, m);
+      p.position = m, p.internals.positionAbsolute = w, u.set(p.id, p);
     }
     c(u);
   }, []);
@@ -5205,26 +5205,26 @@ const uh = {
 };
 function fh({ type: e = "source", position: t = G.Top, isValidConnection: n, isConnectable: r = !0, isConnectableStart: o = !0, isConnectableEnd: i = !0, id: s, onConnect: a, children: c, className: l, onMouseDown: d, onTouchStart: u, ...f }, g) {
   var A, N;
-  const h = s || null, y = e === "target", x = ae(), m = ns(), { connectOnClick: v, noPanClassName: p, rfId: w } = lh(), { connectingFrom: S, connectingTo: _, clickConnecting: E, isPossibleEndHandle: $, connectionInProcess: T, clickConnectionInProcess: B, valid: k } = ee(dh(m, h, e), se);
-  m || (N = (A = x.getState()).onError) == null || N.call(A, "010", ye.error010());
-  const M = (I) => {
+  const h = s || null, y = e === "target", x = ae(), p = ns(), { connectOnClick: v, noPanClassName: m, rfId: w } = lh(), { connectingFrom: S, connectingTo: _, clickConnecting: E, isPossibleEndHandle: I, connectionInProcess: T, clickConnectionInProcess: B, valid: k } = ee(dh(p, h, e), se);
+  p || (N = (A = x.getState()).onError) == null || N.call(A, "010", ye.error010());
+  const M = ($) => {
     const { defaultEdgeOptions: P, onConnect: C, hasDefaultEdges: z } = x.getState(), R = {
       ...P,
-      ...I
+      ...$
     };
     if (z) {
       const { edges: O, setEdges: F, onError: Y } = x.getState();
       F(Xf(R, O, { onError: Y }));
     }
     C == null || C(R), a == null || a(R);
-  }, L = (I) => {
-    if (!m)
+  }, L = ($) => {
+    if (!p)
       return;
-    const P = Mi(I.nativeEvent);
-    if (o && (P && I.button === 0 || !P)) {
+    const P = Mi($.nativeEvent);
+    if (o && (P && $.button === 0 || !P)) {
       const C = x.getState();
-      Qn.onPointerDown(I.nativeEvent, {
-        handleDomNode: I.currentTarget,
+      Qn.onPointerDown($.nativeEvent, {
+        handleDomNode: $.currentTarget,
         autoPanOnConnect: C.autoPanOnConnect,
         connectionMode: C.connectionMode,
         connectionRadius: C.connectionRadius,
@@ -5233,7 +5233,7 @@ function fh({ type: e = "source", position: t = G.Top, isValidConnection: n, isC
         lib: C.lib,
         isTarget: y,
         handleId: h,
-        nodeId: m,
+        nodeId: p,
         flowId: C.rfId,
         panBy: C.panBy,
         cancelConnection: C.cancelConnection,
@@ -5254,18 +5254,18 @@ function fh({ type: e = "source", position: t = G.Top, isValidConnection: n, isC
         dragThreshold: C.connectionDragThreshold
       });
     }
-    P ? d == null || d(I) : u == null || u(I);
-  }, b = (I) => {
+    P ? d == null || d($) : u == null || u($);
+  }, b = ($) => {
     const { onClickConnectStart: P, onClickConnectEnd: C, connectionClickStartHandle: z, connectionMode: R, isValidConnection: O, lib: F, rfId: Y, nodeLookup: K, connection: Z } = x.getState();
-    if (!m || !z && !o)
+    if (!p || !z && !o)
       return;
     if (!z) {
-      P == null || P(I.nativeEvent, { nodeId: m, handleId: h, handleType: e }), x.setState({ connectionClickStartHandle: { nodeId: m, type: e, id: h } });
+      P == null || P($.nativeEvent, { nodeId: p, handleId: h, handleType: e }), x.setState({ connectionClickStartHandle: { nodeId: p, type: e, id: h } });
       return;
     }
-    const X = Ni(I.target), H = n || O, { connection: W, isValid: Q } = Qn.isValid(I.nativeEvent, {
+    const X = Ni($.target), H = n || O, { connection: W, isValid: Q } = Qn.isValid($.nativeEvent, {
       handle: {
-        nodeId: m,
+        nodeId: p,
         id: h,
         type: e
       },
@@ -5281,13 +5281,13 @@ function fh({ type: e = "source", position: t = G.Top, isValidConnection: n, isC
     });
     Q && W && M(W);
     const V = structuredClone(Z);
-    delete V.inProgress, V.toPosition = V.toHandle ? V.toHandle.position : null, C == null || C(I, V), x.setState({ connectionClickStartHandle: null });
+    delete V.inProgress, V.toPosition = V.toHandle ? V.toHandle.position : null, C == null || C($, V), x.setState({ connectionClickStartHandle: null });
   };
-  return D("div", { "data-handleid": h, "data-nodeid": m, "data-handlepos": t, "data-id": `${w}-${m}-${h}-${e}`, className: ue([
+  return D("div", { "data-handleid": h, "data-nodeid": p, "data-handlepos": t, "data-id": `${w}-${p}-${h}-${e}`, className: ue([
     "react-flow__handle",
     `react-flow__handle-${t}`,
     "nodrag",
-    p,
+    m,
     l,
     {
       source: !y,
@@ -5303,7 +5303,7 @@ function fh({ type: e = "source", position: t = G.Top, isValidConnection: n, isC
        * shows where you can start a connection from
        * and where you can end it while connecting
        */
-      connectionindicator: r && (!T || $) && (T || B ? i : o)
+      connectionindicator: r && (!T || I) && (T || B ? i : o)
     }
   ]), onMouseDown: L, onTouchStart: L, onClick: v ? b : void 0, ref: g, ...f, children: c });
 }
@@ -5383,9 +5383,9 @@ function wh({ onSelectionContextMenu: e, noPanClassName: t, disableKeyboardA11y:
   } }) });
 }
 const Co = typeof window != "undefined" ? window : void 0, bh = (e) => ({ nodesSelectionActive: e.nodesSelectionActive, userSelectionActive: e.userSelectionActive });
-function os({ children: e, onPaneClick: t, onPaneMouseEnter: n, onPaneMouseMove: r, onPaneMouseLeave: o, onPaneContextMenu: i, onPaneScroll: s, paneClickDistance: a, deleteKeyCode: c, selectionKeyCode: l, selectionOnDrag: d, selectionMode: u, onSelectionStart: f, onSelectionEnd: g, multiSelectionKeyCode: h, panActivationKeyCode: y, zoomActivationKeyCode: x, elementsSelectable: m, zoomOnScroll: v, zoomOnPinch: p, panOnScroll: w, panOnScrollSpeed: S, panOnScrollMode: _, zoomOnDoubleClick: E, panOnDrag: $, autoPanOnSelection: T, defaultViewport: B, translateExtent: k, minZoom: M, maxZoom: L, preventScrolling: b, onSelectionContextMenu: A, noWheelClassName: N, noPanClassName: I, disableKeyboardA11y: P, onViewportChange: C, isControlledViewport: z }) {
-  const { nodesSelectionActive: R, userSelectionActive: O } = ee(bh, se), F = It(l, { target: Co }), Y = It(y, { target: Co }), K = Y || $, Z = Y || w, X = d && K !== !0, H = F || O || X;
-  return Qf({ deleteKeyCode: c, multiSelectionKeyCode: h }), D(eh, { onPaneContextMenu: i, elementsSelectable: m, zoomOnScroll: v, zoomOnPinch: p, panOnScroll: Z, panOnScrollSpeed: S, panOnScrollMode: _, zoomOnDoubleClick: E, panOnDrag: !F && K, defaultViewport: B, translateExtent: k, minZoom: M, maxZoom: L, zoomActivationKeyCode: x, preventScrolling: b, noWheelClassName: N, noPanClassName: I, onViewportChange: C, isControlledViewport: z, paneClickDistance: a, selectionOnDrag: X, children: ce(oh, { onSelectionStart: f, onSelectionEnd: g, onPaneClick: t, onPaneMouseEnter: n, onPaneMouseMove: r, onPaneMouseLeave: o, onPaneContextMenu: i, onPaneScroll: s, panOnDrag: K, autoPanOnSelection: T, isSelecting: !!H, selectionMode: u, selectionKeyPressed: F, paneClickDistance: a, selectionOnDrag: X, children: [e, R && D(wh, { onSelectionContextMenu: A, noPanClassName: I, disableKeyboardA11y: P })] }) });
+function os({ children: e, onPaneClick: t, onPaneMouseEnter: n, onPaneMouseMove: r, onPaneMouseLeave: o, onPaneContextMenu: i, onPaneScroll: s, paneClickDistance: a, deleteKeyCode: c, selectionKeyCode: l, selectionOnDrag: d, selectionMode: u, onSelectionStart: f, onSelectionEnd: g, multiSelectionKeyCode: h, panActivationKeyCode: y, zoomActivationKeyCode: x, elementsSelectable: p, zoomOnScroll: v, zoomOnPinch: m, panOnScroll: w, panOnScrollSpeed: S, panOnScrollMode: _, zoomOnDoubleClick: E, panOnDrag: I, autoPanOnSelection: T, defaultViewport: B, translateExtent: k, minZoom: M, maxZoom: L, preventScrolling: b, onSelectionContextMenu: A, noWheelClassName: N, noPanClassName: $, disableKeyboardA11y: P, onViewportChange: C, isControlledViewport: z }) {
+  const { nodesSelectionActive: R, userSelectionActive: O } = ee(bh, se), F = It(l, { target: Co }), Y = It(y, { target: Co }), K = Y || I, Z = Y || w, X = d && K !== !0, H = F || O || X;
+  return Qf({ deleteKeyCode: c, multiSelectionKeyCode: h }), D(eh, { onPaneContextMenu: i, elementsSelectable: p, zoomOnScroll: v, zoomOnPinch: m, panOnScroll: Z, panOnScrollSpeed: S, panOnScrollMode: _, zoomOnDoubleClick: E, panOnDrag: !F && K, defaultViewport: B, translateExtent: k, minZoom: M, maxZoom: L, zoomActivationKeyCode: x, preventScrolling: b, noWheelClassName: N, noPanClassName: $, onViewportChange: C, isControlledViewport: z, paneClickDistance: a, selectionOnDrag: X, children: ce(oh, { onSelectionStart: f, onSelectionEnd: g, onPaneClick: t, onPaneMouseEnter: n, onPaneMouseMove: r, onPaneMouseLeave: o, onPaneContextMenu: i, onPaneScroll: s, panOnDrag: K, autoPanOnSelection: T, isSelecting: !!H, selectionMode: u, selectionKeyPressed: F, paneClickDistance: a, selectionOnDrag: X, children: [e, R && D(wh, { onSelectionContextMenu: A, noPanClassName: $, disableKeyboardA11y: P })] }) });
 }
 os.displayName = "FlowRenderer";
 const vh = le(os), _h = (e) => (t) => e ? ar(t.nodeLookup, { x: 0, y: 0, width: t.width, height: t.height }, t.transform, !0).map((n) => n.id) : Array.from(t.nodeLookup.keys());
@@ -5422,9 +5422,9 @@ function Ch({ node: e, nodeType: t, hasDimensions: n, resizeObserver: r }) {
     }
   }, [e.id, t, e.sourcePosition, e.targetPosition]), i;
 }
-function Mh({ id: e, onClick: t, onMouseEnter: n, onMouseMove: r, onMouseLeave: o, onContextMenu: i, onDoubleClick: s, nodesDraggable: a, elementsSelectable: c, nodesConnectable: l, nodesFocusable: d, resizeObserver: u, noDragClassName: f, noPanClassName: g, disableKeyboardA11y: h, rfId: y, nodeTypes: x, nodeClickDistance: m, onError: v }) {
+function Mh({ id: e, onClick: t, onMouseEnter: n, onMouseMove: r, onMouseLeave: o, onContextMenu: i, onDoubleClick: s, nodesDraggable: a, elementsSelectable: c, nodesConnectable: l, nodesFocusable: d, resizeObserver: u, noDragClassName: f, noPanClassName: g, disableKeyboardA11y: h, rfId: y, nodeTypes: x, nodeClickDistance: p, onError: v }) {
   var H, W, Q;
-  const { node: p, internals: w, isParent: S } = ee((V) => {
+  const { node: m, internals: w, isParent: S } = ee((V) => {
     const J = V.nodeLookup.get(e), U = V.parentLookup.has(e);
     return {
       node: J,
@@ -5432,22 +5432,22 @@ function Mh({ id: e, onClick: t, onMouseEnter: n, onMouseMove: r, onMouseLeave:
       isParent: U
     };
   }, se);
-  let _ = p.type || "default", E = (x == null ? void 0 : x[_]) || No[_];
+  let _ = m.type || "default", E = (x == null ? void 0 : x[_]) || No[_];
   E === void 0 && (v == null || v("003", ye.error003(_)), _ = "default", E = (x == null ? void 0 : x.default) || No.default);
-  const $ = !!(p.draggable || a && typeof p.draggable == "undefined"), T = !!(p.selectable || c && typeof p.selectable == "undefined"), B = !!(p.connectable || l && typeof p.connectable == "undefined"), k = !!(p.focusable || d && typeof p.focusable == "undefined"), M = ae(), L = Si(p), b = Ch({ node: p, nodeType: _, hasDimensions: L, resizeObserver: u }), A = es({
+  const I = !!(m.draggable || a && typeof m.draggable == "undefined"), T = !!(m.selectable || c && typeof m.selectable == "undefined"), B = !!(m.connectable || l && typeof m.connectable == "undefined"), k = !!(m.focusable || d && typeof m.focusable == "undefined"), M = ae(), L = Si(m), b = Ch({ node: m, nodeType: _, hasDimensions: L, resizeObserver: u }), A = es({
     nodeRef: b,
-    disabled: p.hidden || !$,
+    disabled: m.hidden || !I,
     noDragClassName: f,
-    handleSelector: p.dragHandle,
+    handleSelector: m.dragHandle,
     nodeId: e,
     isSelectable: T,
-    nodeClickDistance: m
+    nodeClickDistance: p
   }), N = ts();
-  if (p.hidden)
+  if (m.hidden)
     return null;
-  const I = Le(p), P = yh(p), C = T || $ || t || n || r || o, z = n ? (V) => n(V, { ...w.userNode }) : void 0, R = r ? (V) => r(V, { ...w.userNode }) : void 0, O = o ? (V) => o(V, { ...w.userNode }) : void 0, F = i ? (V) => i(V, { ...w.userNode }) : void 0, Y = s ? (V) => s(V, { ...w.userNode }) : void 0, K = (V) => {
+  const $ = Le(m), P = yh(m), C = T || I || t || n || r || o, z = n ? (V) => n(V, { ...w.userNode }) : void 0, R = r ? (V) => r(V, { ...w.userNode }) : void 0, O = o ? (V) => o(V, { ...w.userNode }) : void 0, F = i ? (V) => i(V, { ...w.userNode }) : void 0, Y = s ? (V) => s(V, { ...w.userNode }) : void 0, K = (V) => {
     const { selectNodesOnDrag: J, nodeDragThreshold: U } = M.getState();
-    T && (!J || !$ || U > 0) && Jn({
+    T && (!J || !I || U > 0) && Jn({
       id: e,
       store: M,
       nodeRef: b
@@ -5462,7 +5462,7 @@ function Mh({ id: e, onClick: t, onMouseEnter: n, onMouseMove: r, onMouseLeave:
           unselect: J,
           nodeRef: b
         });
-      } else if ($ && p.selected && Object.prototype.hasOwnProperty.call(dn, V.key)) {
+      } else if (I && m.selected && Object.prototype.hasOwnProperty.call(dn, V.key)) {
         V.preventDefault();
         const { ariaLabelConfig: J } = M.getState();
         M.setState({
@@ -5484,7 +5484,7 @@ function Mh({ id: e, onClick: t, onMouseEnter: n, onMouseMove: r, onMouseLeave:
     const { transform: V, width: J, height: U, autoPanOnNodeFocus: q, setCenter: j } = M.getState();
     if (!q)
       return;
-    ar(/* @__PURE__ */ new Map([[e, p]]), { x: 0, y: 0, width: J, height: U }, V, !0).length > 0 || j(p.position.x + I.width / 2, p.position.y + I.height / 2, {
+    ar(/* @__PURE__ */ new Map([[e, m]]), { x: 0, y: 0, width: J, height: U }, V, !0).length > 0 || j(m.position.x + $.width / 2, m.position.y + $.height / 2, {
       zoom: V[2]
     });
   };
@@ -5493,14 +5493,14 @@ function Mh({ id: e, onClick: t, onMouseEnter: n, onMouseMove: r, onMouseLeave:
     `react-flow__node-${_}`,
     {
       // this is overwritable by passing `nopan` as a class name
-      [g]: $
+      [g]: I
     },
-    p.className,
+    m.className,
     {
-      selected: p.selected,
+      selected: m.selected,
       selectable: T,
       parent: S,
-      draggable: $,
+      draggable: I,
       dragging: A
     }
   ]), ref: b, style: {
@@ -5508,9 +5508,9 @@ function Mh({ id: e, onClick: t, onMouseEnter: n, onMouseMove: r, onMouseLeave:
     transform: `translate(${w.positionAbsolute.x}px,${w.positionAbsolute.y}px)`,
     pointerEvents: C ? "all" : "none",
     visibility: L ? "visible" : "hidden",
-    ...p.style,
+    ...m.style,
     ...P
-  }, "data-id": e, "data-testid": `rf__node-${e}`, onMouseEnter: z, onMouseMove: R, onMouseLeave: O, onContextMenu: F, onClick: K, onDoubleClick: Y, onKeyDown: k ? Z : void 0, tabIndex: k ? 0 : void 0, onFocus: k ? X : void 0, role: (H = p.ariaRole) != null ? H : k ? "group" : void 0, "aria-roledescription": "node", "aria-describedby": h ? void 0 : `${Gi}-${y}`, "aria-label": p.ariaLabel, ...p.domAttributes, children: D(sh, { value: e, children: D(E, { id: e, data: p.data, type: _, positionAbsoluteX: w.positionAbsolute.x, positionAbsoluteY: w.positionAbsolute.y, selected: (W = p.selected) != null ? W : !1, selectable: T, draggable: $, deletable: (Q = p.deletable) != null ? Q : !0, isConnectable: B, sourcePosition: p.sourcePosition, targetPosition: p.targetPosition, dragging: A, dragHandle: p.dragHandle, zIndex: w.z, parentId: p.parentId, ...I }) }) });
+  }, "data-id": e, "data-testid": `rf__node-${e}`, onMouseEnter: z, onMouseMove: R, onMouseLeave: O, onContextMenu: F, onClick: K, onDoubleClick: Y, onKeyDown: k ? Z : void 0, tabIndex: k ? 0 : void 0, onFocus: k ? X : void 0, role: (H = m.ariaRole) != null ? H : k ? "group" : void 0, "aria-roledescription": "node", "aria-describedby": h ? void 0 : `${Gi}-${y}`, "aria-label": m.ariaLabel, ...m.domAttributes, children: D(sh, { value: e, children: D(E, { id: e, data: m.data, type: _, positionAbsoluteX: w.positionAbsolute.x, positionAbsoluteY: w.positionAbsolute.y, selected: (W = m.selected) != null ? W : !1, selectable: T, draggable: I, deletable: (Q = m.deletable) != null ? Q : !0, isConnectable: B, sourcePosition: m.sourcePosition, targetPosition: m.targetPosition, dragging: A, dragHandle: m.dragHandle, zIndex: w.z, parentId: m.parentId, ...$ }) }) });
 }
 var kh = le(Mh);
 const Ah = (e) => ({
@@ -5663,8 +5663,8 @@ function cs({ sourceX: e, sourceY: t, sourcePosition: n = G.Bottom, targetX: r,
   ];
 }
 function ls(e) {
-  return le(({ id: t, sourceX: n, sourceY: r, targetX: o, targetY: i, sourcePosition: s, targetPosition: a, label: c, labelStyle: l, labelShowBg: d, labelBgStyle: u, labelBgPadding: f, labelBgBorderRadius: g, style: h, markerEnd: y, markerStart: x, interactionWidth: m }) => {
-    const [v, p, w] = cs({
+  return le(({ id: t, sourceX: n, sourceY: r, targetX: o, targetY: i, sourcePosition: s, targetPosition: a, label: c, labelStyle: l, labelShowBg: d, labelBgStyle: u, labelBgPadding: f, labelBgBorderRadius: g, style: h, markerEnd: y, markerStart: x, interactionWidth: p }) => {
+    const [v, m, w] = cs({
       sourceX: n,
       sourceY: r,
       sourcePosition: s,
@@ -5672,26 +5672,26 @@ function ls(e) {
       targetY: i,
       targetPosition: a
     }), S = e.isInternal ? void 0 : t;
-    return D(En, { id: S, path: v, labelX: p, labelY: w, label: c, labelStyle: l, labelShowBg: d, labelBgStyle: u, labelBgPadding: f, labelBgBorderRadius: g, style: h, markerEnd: y, markerStart: x, interactionWidth: m });
+    return D(En, { id: S, path: v, labelX: m, labelY: w, label: c, labelStyle: l, labelShowBg: d, labelBgStyle: u, labelBgPadding: f, labelBgBorderRadius: g, style: h, markerEnd: y, markerStart: x, interactionWidth: p });
   });
 }
 const Hh = ls({ isInternal: !1 }), us = ls({ isInternal: !0 });
 Hh.displayName = "SimpleBezierEdge";
 us.displayName = "SimpleBezierEdgeInternal";
 function ds(e) {
-  return le(({ id: t, sourceX: n, sourceY: r, targetX: o, targetY: i, label: s, labelStyle: a, labelShowBg: c, labelBgStyle: l, labelBgPadding: d, labelBgBorderRadius: u, style: f, sourcePosition: g = G.Bottom, targetPosition: h = G.Top, markerEnd: y, markerStart: x, pathOptions: m, interactionWidth: v }) => {
-    const [p, w, S] = qn({
+  return le(({ id: t, sourceX: n, sourceY: r, targetX: o, targetY: i, label: s, labelStyle: a, labelShowBg: c, labelBgStyle: l, labelBgPadding: d, labelBgBorderRadius: u, style: f, sourcePosition: g = G.Bottom, targetPosition: h = G.Top, markerEnd: y, markerStart: x, pathOptions: p, interactionWidth: v }) => {
+    const [m, w, S] = qn({
       sourceX: n,
       sourceY: r,
       sourcePosition: g,
       targetX: o,
       targetY: i,
       targetPosition: h,
-      borderRadius: m == null ? void 0 : m.borderRadius,
-      offset: m == null ? void 0 : m.offset,
-      stepPosition: m == null ? void 0 : m.stepPosition
+      borderRadius: p == null ? void 0 : p.borderRadius,
+      offset: p == null ? void 0 : p.offset,
+      stepPosition: p == null ? void 0 : p.stepPosition
     }), _ = e.isInternal ? void 0 : t;
-    return D(En, { id: _, path: p, labelX: w, labelY: S, label: s, labelStyle: a, labelShowBg: c, labelBgStyle: l, labelBgPadding: d, labelBgBorderRadius: u, style: f, markerEnd: y, markerStart: x, interactionWidth: v });
+    return D(En, { id: _, path: m, labelX: w, labelY: S, label: s, labelStyle: a, labelShowBg: c, labelBgStyle: l, labelBgPadding: d, labelBgBorderRadius: u, style: f, markerEnd: y, markerStart: x, interactionWidth: v });
   });
 }
 const fs = ds({ isInternal: !1 }), hs = ds({ isInternal: !0 });
@@ -5712,25 +5712,25 @@ Rh.displayName = "StepEdge";
 ps.displayName = "StepEdgeInternal";
 function ms(e) {
   return le(({ id: t, sourceX: n, sourceY: r, targetX: o, targetY: i, label: s, labelStyle: a, labelShowBg: c, labelBgStyle: l, labelBgPadding: d, labelBgBorderRadius: u, style: f, markerEnd: g, markerStart: h, interactionWidth: y }) => {
-    const [x, m, v] = $i({ sourceX: n, sourceY: r, targetX: o, targetY: i }), p = e.isInternal ? void 0 : t;
-    return D(En, { id: p, path: x, labelX: m, labelY: v, label: s, labelStyle: a, labelShowBg: c, labelBgStyle: l, labelBgPadding: d, labelBgBorderRadius: u, style: f, markerEnd: g, markerStart: h, interactionWidth: y });
+    const [x, p, v] = $i({ sourceX: n, sourceY: r, targetX: o, targetY: i }), m = e.isInternal ? void 0 : t;
+    return D(En, { id: m, path: x, labelX: p, labelY: v, label: s, labelStyle: a, labelShowBg: c, labelBgStyle: l, labelBgPadding: d, labelBgBorderRadius: u, style: f, markerEnd: g, markerStart: h, interactionWidth: y });
   });
 }
 const Bh = ms({ isInternal: !1 }), ys = ms({ isInternal: !0 });
 Bh.displayName = "StraightEdge";
 ys.displayName = "StraightEdgeInternal";
 function xs(e) {
-  return le(({ id: t, sourceX: n, sourceY: r, targetX: o, targetY: i, sourcePosition: s = G.Bottom, targetPosition: a = G.Top, label: c, labelStyle: l, labelShowBg: d, labelBgStyle: u, labelBgPadding: f, labelBgBorderRadius: g, style: h, markerEnd: y, markerStart: x, pathOptions: m, interactionWidth: v }) => {
-    const [p, w, S] = Ai({
+  return le(({ id: t, sourceX: n, sourceY: r, targetX: o, targetY: i, sourcePosition: s = G.Bottom, targetPosition: a = G.Top, label: c, labelStyle: l, labelShowBg: d, labelBgStyle: u, labelBgPadding: f, labelBgBorderRadius: g, style: h, markerEnd: y, markerStart: x, pathOptions: p, interactionWidth: v }) => {
+    const [m, w, S] = Ai({
       sourceX: n,
       sourceY: r,
       sourcePosition: s,
       targetX: o,
       targetY: i,
       targetPosition: a,
-      curvature: m == null ? void 0 : m.curvature
+      curvature: p == null ? void 0 : p.curvature
     }), _ = e.isInternal ? void 0 : t;
-    return D(En, { id: _, path: p, labelX: w, labelY: S, label: c, labelStyle: l, labelShowBg: d, labelBgStyle: u, labelBgPadding: f, labelBgBorderRadius: g, style: h, markerEnd: y, markerStart: x, interactionWidth: v });
+    return D(En, { id: _, path: m, labelX: w, labelY: S, label: c, labelStyle: l, labelShowBg: d, labelBgStyle: u, labelBgPadding: f, labelBgBorderRadius: g, style: h, markerEnd: y, markerStart: x, interactionWidth: v });
   });
 }
 const Vh = xs({ isInternal: !1 }), ws = xs({ isInternal: !0 });
@@ -5758,20 +5758,20 @@ function Yh({ isReconnectable: e, reconnectRadius: t, edge: n, sourceX: r, sourc
   const h = ae(), y = (w, S) => {
     if (w.button !== 0)
       return;
-    const { autoPanOnConnect: _, domNode: E, connectionMode: $, connectionRadius: T, lib: B, onConnectStart: k, cancelConnection: M, nodeLookup: L, rfId: b, panBy: A, updateConnection: N } = h.getState(), I = S.type === "target", P = (R, O) => {
+    const { autoPanOnConnect: _, domNode: E, connectionMode: I, connectionRadius: T, lib: B, onConnectStart: k, cancelConnection: M, nodeLookup: L, rfId: b, panBy: A, updateConnection: N } = h.getState(), $ = S.type === "target", P = (R, O) => {
       f(!1), u == null || u(R, n, S.type, O);
     }, C = (R) => l == null ? void 0 : l(n, R), z = (R, O) => {
       f(!0), d == null || d(w, n, S.type), k == null || k(R, O);
     };
     Qn.onPointerDown(w.nativeEvent, {
       autoPanOnConnect: _,
-      connectionMode: $,
+      connectionMode: I,
       connectionRadius: T,
       domNode: E,
       handleId: S.id,
       nodeId: S.nodeId,
       nodeLookup: L,
-      isTarget: I,
+      isTarget: $,
       edgeUpdaterType: S.type,
       lib: B,
       flowId: b,
@@ -5797,34 +5797,34 @@ function Yh({ isReconnectable: e, reconnectRadius: t, edge: n, sourceX: r, sourc
   }, x = (w) => {
     var S;
     return y(w, { nodeId: n.target, id: (S = n.targetHandle) != null ? S : null, type: "target" });
-  }, m = (w) => {
+  }, p = (w) => {
     var S;
     return y(w, { nodeId: n.source, id: (S = n.sourceHandle) != null ? S : null, type: "source" });
-  }, v = () => g(!0), p = () => g(!1);
-  return ce(De, { children: [(e === !0 || e === "source") && D(Po, { position: a, centerX: r, centerY: o, radius: t, onMouseDown: x, onMouseEnter: v, onMouseOut: p, type: "source" }), (e === !0 || e === "target") && D(Po, { position: c, centerX: i, centerY: s, radius: t, onMouseDown: m, onMouseEnter: v, onMouseOut: p, type: "target" })] });
+  }, v = () => g(!0), m = () => g(!1);
+  return ce(De, { children: [(e === !0 || e === "source") && D(Po, { position: a, centerX: r, centerY: o, radius: t, onMouseDown: x, onMouseEnter: v, onMouseOut: m, type: "source" }), (e === !0 || e === "target") && D(Po, { position: c, centerX: i, centerY: s, radius: t, onMouseDown: p, onMouseEnter: v, onMouseOut: m, type: "target" })] });
 }
-function Wh({ id: e, edgesFocusable: t, edgesReconnectable: n, elementsSelectable: r, onClick: o, onDoubleClick: i, onContextMenu: s, onMouseEnter: a, onMouseMove: c, onMouseLeave: l, reconnectRadius: d, onReconnect: u, onReconnectStart: f, onReconnectEnd: g, rfId: h, edgeTypes: y, noPanClassName: x, onError: m, disableKeyboardA11y: v }) {
+function Wh({ id: e, edgesFocusable: t, edgesReconnectable: n, elementsSelectable: r, onClick: o, onDoubleClick: i, onContextMenu: s, onMouseEnter: a, onMouseMove: c, onMouseLeave: l, reconnectRadius: d, onReconnect: u, onReconnectStart: f, onReconnectEnd: g, rfId: h, edgeTypes: y, noPanClassName: x, onError: p, disableKeyboardA11y: v }) {
   var J, U;
-  let p = ee((q) => q.edgeLookup.get(e));
+  let m = ee((q) => q.edgeLookup.get(e));
   const w = ee((q) => q.defaultEdgeOptions);
-  p = w ? { ...w, ...p } : p;
-  let S = p.type || "default", _ = (y == null ? void 0 : y[S]) || Ao[S];
-  _ === void 0 && (m == null || m("011", ye.error011(S)), S = "default", _ = (y == null ? void 0 : y.default) || Ao.default);
-  const E = !!(p.focusable || t && typeof p.focusable == "undefined"), $ = typeof u != "undefined" && (p.reconnectable || n && typeof p.reconnectable == "undefined"), T = !!(p.selectable || r && typeof p.selectable == "undefined"), B = ne(null), [k, M] = xe(!1), [L, b] = xe(!1), A = ae(), { zIndex: N = p.zIndex, sourceX: I, sourceY: P, targetX: C, targetY: z, sourcePosition: R, targetPosition: O } = ee(we((q) => {
-    const j = q.nodeLookup.get(p.source), re = q.nodeLookup.get(p.target);
+  m = w ? { ...w, ...m } : m;
+  let S = m.type || "default", _ = (y == null ? void 0 : y[S]) || Ao[S];
+  _ === void 0 && (p == null || p("011", ye.error011(S)), S = "default", _ = (y == null ? void 0 : y.default) || Ao.default);
+  const E = !!(m.focusable || t && typeof m.focusable == "undefined"), I = typeof u != "undefined" && (m.reconnectable || n && typeof m.reconnectable == "undefined"), T = !!(m.selectable || r && typeof m.selectable == "undefined"), B = ne(null), [k, M] = xe(!1), [L, b] = xe(!1), A = ae(), { zIndex: N = m.zIndex, sourceX: $, sourceY: P, targetX: C, targetY: z, sourcePosition: R, targetPosition: O } = ee(we((q) => {
+    const j = q.nodeLookup.get(m.source), re = q.nodeLookup.get(m.target);
     if (!j || !re)
       return Io;
     const te = Ad({
       id: e,
       sourceNode: j,
       targetNode: re,
-      sourceHandle: p.sourceHandle || null,
-      targetHandle: p.targetHandle || null,
+      sourceHandle: m.sourceHandle || null,
+      targetHandle: m.targetHandle || null,
       connectionMode: q.connectionMode,
-      onError: m
+      onError: p
     }), oe = vd({
-      selected: p.selected,
-      zIndex: p.zIndex,
+      selected: m.selected,
+      zIndex: m.zIndex,
       sourceNode: j,
       targetNode: re,
       elevateOnSelect: q.elevateEdgesOnSelect,
@@ -5834,43 +5834,43 @@ function Wh({ id: e, edgesFocusable: t, edgesReconnectable: n, elementsSelectabl
       ...te || Io,
       zIndex: oe
     };
-  }, [p.source, p.target, p.sourceHandle, p.targetHandle, p.selected, p.zIndex]), se), F = be(() => p.markerStart ? `url('#${Un(p.markerStart, h)}')` : void 0, [p.markerStart, h]), Y = be(() => p.markerEnd ? `url('#${Un(p.markerEnd, h)}')` : void 0, [p.markerEnd, h]);
-  if (p.hidden || I === null || P === null || C === null || z === null)
+  }, [m.source, m.target, m.sourceHandle, m.targetHandle, m.selected, m.zIndex]), se), F = be(() => m.markerStart ? `url('#${Un(m.markerStart, h)}')` : void 0, [m.markerStart, h]), Y = be(() => m.markerEnd ? `url('#${Un(m.markerEnd, h)}')` : void 0, [m.markerEnd, h]);
+  if (m.hidden || $ === null || P === null || C === null || z === null)
     return null;
   const K = (q) => {
     var oe;
     const { addSelectedEdges: j, unselectNodesAndEdges: re, multiSelectionActive: te } = A.getState();
-    T && (A.setState({ nodesSelectionActive: !1 }), p.selected && te ? (re({ nodes: [], edges: [p] }), (oe = B.current) == null || oe.blur()) : j([e])), o && o(q, p);
+    T && (A.setState({ nodesSelectionActive: !1 }), m.selected && te ? (re({ nodes: [], edges: [m] }), (oe = B.current) == null || oe.blur()) : j([e])), o && o(q, m);
   }, Z = i ? (q) => {
-    i(q, { ...p });
+    i(q, { ...m });
   } : void 0, X = s ? (q) => {
-    s(q, { ...p });
+    s(q, { ...m });
   } : void 0, H = a ? (q) => {
-    a(q, { ...p });
+    a(q, { ...m });
   } : void 0, W = c ? (q) => {
-    c(q, { ...p });
+    c(q, { ...m });
   } : void 0, Q = l ? (q) => {
-    l(q, { ...p });
+    l(q, { ...m });
   } : void 0, V = (q) => {
     var j;
     if (!v && hi.includes(q.key) && T) {
       const { unselectNodesAndEdges: re, addSelectedEdges: te } = A.getState();
-      q.key === "Escape" ? ((j = B.current) == null || j.blur(), re({ edges: [p] })) : te([e]);
+      q.key === "Escape" ? ((j = B.current) == null || j.blur(), re({ edges: [m] })) : te([e]);
     }
   };
   return D("svg", { style: { zIndex: N }, children: ce("g", { className: ue([
     "react-flow__edge",
     `react-flow__edge-${S}`,
-    p.className,
+    m.className,
     x,
     {
-      selected: p.selected,
-      animated: p.animated,
+      selected: m.selected,
+      animated: m.animated,
       inactive: !T && !o,
       updating: k,
       selectable: T
     }
-  ]), onClick: K, onDoubleClick: Z, onContextMenu: X, onMouseEnter: H, onMouseMove: W, onMouseLeave: Q, onKeyDown: E ? V : void 0, tabIndex: E ? 0 : void 0, role: (J = p.ariaRole) != null ? J : E ? "group" : "img", "aria-roledescription": "edge", "data-id": e, "data-testid": `rf__edge-${e}`, "aria-label": p.ariaLabel === null ? void 0 : p.ariaLabel || `Edge from ${p.source} to ${p.target}`, "aria-describedby": E ? `${Ki}-${h}` : void 0, ref: B, ...p.domAttributes, children: [!L && D(_, { id: e, source: p.source, target: p.target, type: p.type, selected: p.selected, animated: p.animated, selectable: T, deletable: (U = p.deletable) != null ? U : !0, label: p.label, labelStyle: p.labelStyle, labelShowBg: p.labelShowBg, labelBgStyle: p.labelBgStyle, labelBgPadding: p.labelBgPadding, labelBgBorderRadius: p.labelBgBorderRadius, sourceX: I, sourceY: P, targetX: C, targetY: z, sourcePosition: R, targetPosition: O, data: p.data, style: p.style, sourceHandleId: p.sourceHandle, targetHandleId: p.targetHandle, markerStart: F, markerEnd: Y, pathOptions: "pathOptions" in p ? p.pathOptions : void 0, interactionWidth: p.interactionWidth }), $ && D(Yh, { edge: p, isReconnectable: $, reconnectRadius: d, onReconnect: u, onReconnectStart: f, onReconnectEnd: g, sourceX: I, sourceY: P, targetX: C, targetY: z, sourcePosition: R, targetPosition: O, setUpdateHover: M, setReconnecting: b })] }) });
+  ]), onClick: K, onDoubleClick: Z, onContextMenu: X, onMouseEnter: H, onMouseMove: W, onMouseLeave: Q, onKeyDown: E ? V : void 0, tabIndex: E ? 0 : void 0, role: (J = m.ariaRole) != null ? J : E ? "group" : "img", "aria-roledescription": "edge", "data-id": e, "data-testid": `rf__edge-${e}`, "aria-label": m.ariaLabel === null ? void 0 : m.ariaLabel || `Edge from ${m.source} to ${m.target}`, "aria-describedby": E ? `${Ki}-${h}` : void 0, ref: B, ...m.domAttributes, children: [!L && D(_, { id: e, source: m.source, target: m.target, type: m.type, selected: m.selected, animated: m.animated, selectable: T, deletable: (U = m.deletable) != null ? U : !0, label: m.label, labelStyle: m.labelStyle, labelShowBg: m.labelShowBg, labelBgStyle: m.labelBgStyle, labelBgPadding: m.labelBgPadding, labelBgBorderRadius: m.labelBgBorderRadius, sourceX: $, sourceY: P, targetX: C, targetY: z, sourcePosition: R, targetPosition: O, data: m.data, style: m.style, sourceHandleId: m.sourceHandle, targetHandleId: m.targetHandle, markerStart: F, markerEnd: Y, pathOptions: "pathOptions" in m ? m.pathOptions : void 0, interactionWidth: m.interactionWidth }), I && D(Yh, { edge: m, isReconnectable: I, reconnectRadius: d, onReconnect: u, onReconnectStart: f, onReconnectEnd: g, sourceX: $, sourceY: P, targetX: C, targetY: z, sourcePosition: R, targetPosition: O, setUpdateHover: M, setReconnecting: b })] }) });
 }
 var Gh = le(Wh);
 const Kh = (e) => ({
@@ -5881,8 +5881,8 @@ const Kh = (e) => ({
   onError: e.onError
 });
 function bs({ defaultMarkerColor: e, onlyRenderVisibleElements: t, rfId: n, edgeTypes: r, noPanClassName: o, onReconnect: i, onEdgeContextMenu: s, onEdgeMouseEnter: a, onEdgeMouseMove: c, onEdgeMouseLeave: l, onEdgeClick: d, reconnectRadius: u, onEdgeDoubleClick: f, onReconnectStart: g, onReconnectEnd: h, disableKeyboardA11y: y }) {
-  const { edgesFocusable: x, edgesReconnectable: m, elementsSelectable: v, onError: p } = ee(Kh, se), w = $h(t);
-  return ce("div", { className: "react-flow__edges", children: [D(Oh, { defaultColor: e, rfId: n }), w.map((S) => D(Gh, { id: S, edgesFocusable: x, edgesReconnectable: m, elementsSelectable: v, noPanClassName: o, onReconnect: i, onContextMenu: s, onMouseEnter: a, onMouseMove: c, onMouseLeave: l, onClick: d, reconnectRadius: u, onDoubleClick: f, onReconnectStart: g, onReconnectEnd: h, rfId: n, onError: p, edgeTypes: r, disableKeyboardA11y: y }, S))] });
+  const { edgesFocusable: x, edgesReconnectable: p, elementsSelectable: v, onError: m } = ee(Kh, se), w = $h(t);
+  return ce("div", { className: "react-flow__edges", children: [D(Oh, { defaultColor: e, rfId: n }), w.map((S) => D(Gh, { id: S, edgesFocusable: x, edgesReconnectable: p, elementsSelectable: v, noPanClassName: o, onReconnect: i, onContextMenu: s, onMouseEnter: a, onMouseMove: c, onMouseLeave: l, onClick: d, reconnectRadius: u, onDoubleClick: f, onReconnectStart: g, onReconnectEnd: h, rfId: n, onError: m, edgeTypes: r, disableKeyboardA11y: y }, S))] });
 }
 bs.displayName = "EdgeRenderer";
 const qh = le(bs), Uh = (e) => `translate(${e.transform[0]}px,${e.transform[1]}px) scale(${e.transform[2]})`;
@@ -5990,16 +5990,16 @@ function sg() {
     }
   }, []);
 }
-function _s({ nodeTypes: e, edgeTypes: t, onInit: n, onNodeClick: r, onEdgeClick: o, onNodeDoubleClick: i, onEdgeDoubleClick: s, onNodeMouseEnter: a, onNodeMouseMove: c, onNodeMouseLeave: l, onNodeContextMenu: d, onSelectionContextMenu: u, onSelectionStart: f, onSelectionEnd: g, connectionLineType: h, connectionLineStyle: y, connectionLineComponent: x, connectionLineContainerStyle: m, selectionKeyCode: v, selectionOnDrag: p, selectionMode: w, multiSelectionKeyCode: S, panActivationKeyCode: _, zoomActivationKeyCode: E, deleteKeyCode: $, onlyRenderVisibleElements: T, elementsSelectable: B, defaultViewport: k, translateExtent: M, minZoom: L, maxZoom: b, preventScrolling: A, defaultMarkerColor: N, zoomOnScroll: I, zoomOnPinch: P, panOnScroll: C, panOnScrollSpeed: z, panOnScrollMode: R, zoomOnDoubleClick: O, panOnDrag: F, autoPanOnSelection: Y, onPaneClick: K, onPaneMouseEnter: Z, onPaneMouseMove: X, onPaneMouseLeave: H, onPaneScroll: W, onPaneContextMenu: Q, paneClickDistance: V, nodeClickDistance: J, onEdgeContextMenu: U, onEdgeMouseEnter: q, onEdgeMouseMove: j, onEdgeMouseLeave: re, reconnectRadius: te, onReconnect: oe, onReconnectStart: de, onReconnectEnd: fe, noDragClassName: Ae, noWheelClassName: pt, noPanClassName: Be, disableKeyboardA11y: Ve, nodeExtent: Je, rfId: Ie, viewport: he, onViewportChange: Fe }) {
-  return To(e), To(t), sg(), Qh(n), jh(he), D(vh, { onPaneClick: K, onPaneMouseEnter: Z, onPaneMouseMove: X, onPaneMouseLeave: H, onPaneContextMenu: Q, onPaneScroll: W, paneClickDistance: V, deleteKeyCode: $, selectionKeyCode: v, selectionOnDrag: p, selectionMode: w, onSelectionStart: f, onSelectionEnd: g, multiSelectionKeyCode: S, panActivationKeyCode: _, zoomActivationKeyCode: E, elementsSelectable: B, zoomOnScroll: I, zoomOnPinch: P, zoomOnDoubleClick: O, panOnScroll: C, panOnScrollSpeed: z, panOnScrollMode: R, panOnDrag: F, autoPanOnSelection: Y, defaultViewport: k, translateExtent: M, minZoom: L, maxZoom: b, onSelectionContextMenu: u, preventScrolling: A, noDragClassName: Ae, noWheelClassName: pt, noPanClassName: Be, disableKeyboardA11y: Ve, onViewportChange: Fe, isControlledViewport: !!he, children: ce(Zh, { children: [D(qh, { edgeTypes: t, onEdgeClick: o, onEdgeDoubleClick: s, onReconnect: oe, onReconnectStart: de, onReconnectEnd: fe, onlyRenderVisibleElements: T, onEdgeContextMenu: U, onEdgeMouseEnter: q, onEdgeMouseMove: j, onEdgeMouseLeave: re, reconnectRadius: te, defaultMarkerColor: N, noPanClassName: Be, disableKeyboardA11y: Ve, rfId: Ie }), D(og, { style: y, type: h, component: x, containerStyle: m }), D("div", { className: "react-flow__edgelabel-renderer" }), D(Ih, { nodeTypes: e, onNodeClick: r, onNodeDoubleClick: i, onNodeMouseEnter: a, onNodeMouseMove: c, onNodeMouseLeave: l, onNodeContextMenu: d, nodeClickDistance: J, onlyRenderVisibleElements: T, noPanClassName: Be, noDragClassName: Ae, disableKeyboardA11y: Ve, nodeExtent: Je, rfId: Ie }), D("div", { className: "react-flow__viewport-portal" })] }) });
+function _s({ nodeTypes: e, edgeTypes: t, onInit: n, onNodeClick: r, onEdgeClick: o, onNodeDoubleClick: i, onEdgeDoubleClick: s, onNodeMouseEnter: a, onNodeMouseMove: c, onNodeMouseLeave: l, onNodeContextMenu: d, onSelectionContextMenu: u, onSelectionStart: f, onSelectionEnd: g, connectionLineType: h, connectionLineStyle: y, connectionLineComponent: x, connectionLineContainerStyle: p, selectionKeyCode: v, selectionOnDrag: m, selectionMode: w, multiSelectionKeyCode: S, panActivationKeyCode: _, zoomActivationKeyCode: E, deleteKeyCode: I, onlyRenderVisibleElements: T, elementsSelectable: B, defaultViewport: k, translateExtent: M, minZoom: L, maxZoom: b, preventScrolling: A, defaultMarkerColor: N, zoomOnScroll: $, zoomOnPinch: P, panOnScroll: C, panOnScrollSpeed: z, panOnScrollMode: R, zoomOnDoubleClick: O, panOnDrag: F, autoPanOnSelection: Y, onPaneClick: K, onPaneMouseEnter: Z, onPaneMouseMove: X, onPaneMouseLeave: H, onPaneScroll: W, onPaneContextMenu: Q, paneClickDistance: V, nodeClickDistance: J, onEdgeContextMenu: U, onEdgeMouseEnter: q, onEdgeMouseMove: j, onEdgeMouseLeave: re, reconnectRadius: te, onReconnect: oe, onReconnectStart: de, onReconnectEnd: fe, noDragClassName: Ae, noWheelClassName: pt, noPanClassName: Be, disableKeyboardA11y: Ve, nodeExtent: Je, rfId: Ie, viewport: he, onViewportChange: Fe }) {
+  return To(e), To(t), sg(), Qh(n), jh(he), D(vh, { onPaneClick: K, onPaneMouseEnter: Z, onPaneMouseMove: X, onPaneMouseLeave: H, onPaneContextMenu: Q, onPaneScroll: W, paneClickDistance: V, deleteKeyCode: I, selectionKeyCode: v, selectionOnDrag: m, selectionMode: w, onSelectionStart: f, onSelectionEnd: g, multiSelectionKeyCode: S, panActivationKeyCode: _, zoomActivationKeyCode: E, elementsSelectable: B, zoomOnScroll: $, zoomOnPinch: P, zoomOnDoubleClick: O, panOnScroll: C, panOnScrollSpeed: z, panOnScrollMode: R, panOnDrag: F, autoPanOnSelection: Y, defaultViewport: k, translateExtent: M, minZoom: L, maxZoom: b, onSelectionContextMenu: u, preventScrolling: A, noDragClassName: Ae, noWheelClassName: pt, noPanClassName: Be, disableKeyboardA11y: Ve, onViewportChange: Fe, isControlledViewport: !!he, children: ce(Zh, { children: [D(qh, { edgeTypes: t, onEdgeClick: o, onEdgeDoubleClick: s, onReconnect: oe, onReconnectStart: de, onReconnectEnd: fe, onlyRenderVisibleElements: T, onEdgeContextMenu: U, onEdgeMouseEnter: q, onEdgeMouseMove: j, onEdgeMouseLeave: re, reconnectRadius: te, defaultMarkerColor: N, noPanClassName: Be, disableKeyboardA11y: Ve, rfId: Ie }), D(og, { style: y, type: h, component: x, containerStyle: p }), D("div", { className: "react-flow__edgelabel-renderer" }), D(Ih, { nodeTypes: e, onNodeClick: r, onNodeDoubleClick: i, onNodeMouseEnter: a, onNodeMouseMove: c, onNodeMouseLeave: l, onNodeContextMenu: d, nodeClickDistance: J, onlyRenderVisibleElements: T, noPanClassName: Be, noDragClassName: Ae, disableKeyboardA11y: Ve, nodeExtent: Je, rfId: Ie }), D("div", { className: "react-flow__viewport-portal" })] }) });
 }
 _s.displayName = "GraphView";
 const ag = le(_s), cg = _i("React Flow", "https://reactflow.dev/"), Do = ({ nodes: e, edges: t, defaultNodes: n, defaultEdges: r, width: o, height: i, fitView: s, fitViewOptions: a, minZoom: c = 0.5, maxZoom: l = 2, nodeOrigin: d, nodeExtent: u, zIndexMode: f = "basic" } = {}) => {
-  var E, $, T;
-  const g = /* @__PURE__ */ new Map(), h = /* @__PURE__ */ new Map(), y = /* @__PURE__ */ new Map(), x = /* @__PURE__ */ new Map(), m = (E = r != null ? r : t) != null ? E : [], v = ($ = n != null ? n : e) != null ? $ : [], p = d != null ? d : [0, 0], w = u != null ? u : Ct;
-  Di(y, x, m);
+  var E, I, T;
+  const g = /* @__PURE__ */ new Map(), h = /* @__PURE__ */ new Map(), y = /* @__PURE__ */ new Map(), x = /* @__PURE__ */ new Map(), p = (E = r != null ? r : t) != null ? E : [], v = (I = n != null ? n : e) != null ? I : [], m = d != null ? d : [0, 0], w = u != null ? u : Ct;
+  Di(y, x, p);
   const { nodesInitialized: S } = Zn(v, g, h, {
-    nodeOrigin: p,
+    nodeOrigin: m,
     nodeExtent: w,
     zIndexMode: f
   });
@@ -6019,7 +6019,7 @@ const ag = le(_s), cg = _i("React Flow", "https://reactflow.dev/"), Do = ({ node
     nodesInitialized: S,
     nodeLookup: g,
     parentLookup: h,
-    edges: m,
+    edges: p,
     edgeLookup: x,
     connectionLookup: y,
     onNodesChange: null,
@@ -6038,7 +6038,7 @@ const ag = le(_s), cg = _i("React Flow", "https://reactflow.dev/"), Do = ({ node
     domNode: null,
     paneDragging: !1,
     noPanClassName: "nopan",
-    nodeOrigin: p,
+    nodeOrigin: m,
     nodeDragThreshold: 1,
     connectionDragThreshold: 1,
     snapGrid: [15, 15],
@@ -6077,15 +6077,15 @@ const ag = le(_s), cg = _i("React Flow", "https://reactflow.dev/"), Do = ({ node
   };
 }, lg = ({ nodes: e, edges: t, defaultNodes: n, defaultEdges: r, width: o, height: i, fitView: s, fitViewOptions: a, minZoom: c, maxZoom: l, nodeOrigin: d, nodeExtent: u, zIndexMode: f }) => vf((g, h) => {
   async function y() {
-    const { nodeLookup: x, panZoom: m, fitViewOptions: v, fitViewResolver: p, width: w, height: S, minZoom: _, maxZoom: E } = h();
-    m && (await gd({
+    const { nodeLookup: x, panZoom: p, fitViewOptions: v, fitViewResolver: m, width: w, height: S, minZoom: _, maxZoom: E } = h();
+    p && (await gd({
       nodes: x,
       width: w,
       height: S,
-      panZoom: m,
+      panZoom: p,
       minZoom: _,
       maxZoom: E
-    }, v), p == null || p.resolve(!0), g({ fitViewResolver: null }));
+    }, v), m == null || m.resolve(!0), g({ fitViewResolver: null }));
   }
   return {
     ...Do({
@@ -6104,33 +6104,33 @@ const ag = le(_s), cg = _i("React Flow", "https://reactflow.dev/"), Do = ({ node
       zIndexMode: f
     }),
     setNodes: (x) => {
-      const { nodeLookup: m, parentLookup: v, nodeOrigin: p, elevateNodesOnSelect: w, fitViewQueued: S, zIndexMode: _, nodesSelectionActive: E } = h(), { nodesInitialized: $, hasSelectedNodes: T } = Zn(x, m, v, {
-        nodeOrigin: p,
+      const { nodeLookup: p, parentLookup: v, nodeOrigin: m, elevateNodesOnSelect: w, fitViewQueued: S, zIndexMode: _, nodesSelectionActive: E } = h(), { nodesInitialized: I, hasSelectedNodes: T } = Zn(x, p, v, {
+        nodeOrigin: m,
         nodeExtent: u,
         elevateNodesOnSelect: w,
         checkEquality: !0,
         zIndexMode: _
       }), B = E && T;
-      S && $ ? (y(), g({
+      S && I ? (y(), g({
         nodes: x,
-        nodesInitialized: $,
+        nodesInitialized: I,
         fitViewQueued: !1,
         fitViewOptions: void 0,
         nodesSelectionActive: B
-      })) : g({ nodes: x, nodesInitialized: $, nodesSelectionActive: B });
+      })) : g({ nodes: x, nodesInitialized: I, nodesSelectionActive: B });
     },
     setEdges: (x) => {
-      const { connectionLookup: m, edgeLookup: v } = h();
-      Di(m, v, x), g({ edges: x });
+      const { connectionLookup: p, edgeLookup: v } = h();
+      Di(p, v, x), g({ edges: x });
     },
-    setDefaultNodesAndEdges: (x, m) => {
+    setDefaultNodesAndEdges: (x, p) => {
       if (x) {
         const { setNodes: v } = h();
         v(x), g({ hasDefaultNodes: !0 });
       }
-      if (m) {
+      if (p) {
         const { setEdges: v } = h();
-        v(m), g({ hasDefaultEdges: !0 });
+        v(p), g({ hasDefaultEdges: !0 });
       }
     },
     /*
@@ -6139,14 +6139,14 @@ const ag = le(_s), cg = _i("React Flow", "https://reactflow.dev/"), Do = ({ node
      * new dimensions and update the nodes.
      */
     updateNodeInternals: (x) => {
-      const { triggerNodeChanges: m, nodeLookup: v, parentLookup: p, domNode: w, nodeOrigin: S, nodeExtent: _, debug: E, fitViewQueued: $, zIndexMode: T } = h(), { changes: B, updatedInternals: k } = zd(x, v, p, w, S, _, T);
-      k && (Td(v, p, { nodeOrigin: S, nodeExtent: _, zIndexMode: T }), $ ? (y(), g({ fitViewQueued: !1, fitViewOptions: void 0 })) : g({}), (B == null ? void 0 : B.length) > 0 && (E && console.log("React Flow: trigger node changes", B), m == null || m(B)));
+      const { triggerNodeChanges: p, nodeLookup: v, parentLookup: m, domNode: w, nodeOrigin: S, nodeExtent: _, debug: E, fitViewQueued: I, zIndexMode: T } = h(), { changes: B, updatedInternals: k } = zd(x, v, m, w, S, _, T);
+      k && (Td(v, m, { nodeOrigin: S, nodeExtent: _, zIndexMode: T }), I ? (y(), g({ fitViewQueued: !1, fitViewOptions: void 0 })) : g({}), (B == null ? void 0 : B.length) > 0 && (E && console.log("React Flow: trigger node changes", B), p == null || p(B)));
     },
-    updateNodePositions: (x, m = !1) => {
+    updateNodePositions: (x, p = !1) => {
       var T, B;
       const v = [];
-      let p = [];
-      const { nodeLookup: w, triggerNodeChanges: S, connection: _, updateConnection: E, onNodesChangeMiddlewareMap: $ } = h();
+      let m = [];
+      const { nodeLookup: w, triggerNodeChanges: S, connection: _, updateConnection: E, onNodesChangeMiddlewareMap: I } = h();
       for (const [k, M] of x) {
         const L = w.get(k), b = !!(L != null && L.expandParent && (L != null && L.parentId) && (M != null && M.position)), A = {
           id: k,
@@ -6155,7 +6155,7 @@ const ag = le(_s), cg = _i("React Flow", "https://reactflow.dev/"), Do = ({ node
             x: Math.max(0, M.position.x),
             y: Math.max(0, M.position.y)
           } : M.position,
-          dragging: m
+          dragging: p
         };
         if (L && _.inProgress && _.fromNode.id === L.id) {
           const N = Qe(L, _.fromHandle, G.Left, !0);
@@ -6169,56 +6169,56 @@ const ag = le(_s), cg = _i("React Flow", "https://reactflow.dev/"), Do = ({ node
             width: (T = M.measured.width) != null ? T : 0,
             height: (B = M.measured.height) != null ? B : 0
           }
-        }), p.push(A);
+        }), m.push(A);
       }
       if (v.length > 0) {
         const { parentLookup: k, nodeOrigin: M } = h(), L = pr(v, w, k, M);
-        p.push(...L);
+        m.push(...L);
       }
-      for (const k of $.values())
-        p = k(p);
-      S(p);
+      for (const k of I.values())
+        m = k(m);
+      S(m);
     },
     triggerNodeChanges: (x) => {
-      const { onNodesChange: m, setNodes: v, nodes: p, hasDefaultNodes: w, debug: S } = h();
+      const { onNodesChange: p, setNodes: v, nodes: m, hasDefaultNodes: w, debug: S } = h();
       if (x != null && x.length) {
         if (w) {
-          const _ = Zi(x, p);
+          const _ = Zi(x, m);
           v(_);
         }
-        S && console.log("React Flow: trigger node changes", x), m == null || m(x);
+        S && console.log("React Flow: trigger node changes", x), p == null || p(x);
       }
     },
     triggerEdgeChanges: (x) => {
-      const { onEdgesChange: m, setEdges: v, edges: p, hasDefaultEdges: w, debug: S } = h();
+      const { onEdgesChange: p, setEdges: v, edges: m, hasDefaultEdges: w, debug: S } = h();
       if (x != null && x.length) {
         if (w) {
-          const _ = Qi(x, p);
+          const _ = Qi(x, m);
           v(_);
         }
-        S && console.log("React Flow: trigger edge changes", x), m == null || m(x);
+        S && console.log("React Flow: trigger edge changes", x), p == null || p(x);
       }
     },
     addSelectedNodes: (x) => {
-      const { multiSelectionActive: m, edgeLookup: v, nodeLookup: p, triggerNodeChanges: w, triggerEdgeChanges: S } = h();
-      if (m) {
+      const { multiSelectionActive: p, edgeLookup: v, nodeLookup: m, triggerNodeChanges: w, triggerEdgeChanges: S } = h();
+      if (p) {
         const _ = x.map((E) => Xe(E, !0));
         w(_);
         return;
       }
-      w(nt(p, /* @__PURE__ */ new Set([...x]), !0)), S(nt(v));
+      w(nt(m, /* @__PURE__ */ new Set([...x]), !0)), S(nt(v));
     },
     addSelectedEdges: (x) => {
-      const { multiSelectionActive: m, edgeLookup: v, nodeLookup: p, triggerNodeChanges: w, triggerEdgeChanges: S } = h();
-      if (m) {
+      const { multiSelectionActive: p, edgeLookup: v, nodeLookup: m, triggerNodeChanges: w, triggerEdgeChanges: S } = h();
+      if (p) {
         const _ = x.map((E) => Xe(E, !0));
         S(_);
         return;
       }
-      S(nt(v, /* @__PURE__ */ new Set([...x]))), w(nt(p, /* @__PURE__ */ new Set(), !0));
+      S(nt(v, /* @__PURE__ */ new Set([...x]))), w(nt(m, /* @__PURE__ */ new Set(), !0));
     },
-    unselectNodesAndEdges: ({ nodes: x, edges: m } = {}) => {
-      const { edges: v, nodes: p, nodeLookup: w, triggerNodeChanges: S, triggerEdgeChanges: _ } = h(), E = x || p, $ = m || v, T = [];
+    unselectNodesAndEdges: ({ nodes: x, edges: p } = {}) => {
+      const { edges: v, nodes: m, nodeLookup: w, triggerNodeChanges: S, triggerEdgeChanges: _ } = h(), E = x || m, I = p || v, T = [];
       for (const k of E) {
         if (!k.selected)
           continue;
@@ -6226,32 +6226,32 @@ const ag = le(_s), cg = _i("React Flow", "https://reactflow.dev/"), Do = ({ node
         M && (M.selected = !1), T.push(Xe(k.id, !1));
       }
       const B = [];
-      for (const k of $)
+      for (const k of I)
         k.selected && B.push(Xe(k.id, !1));
       S(T), _(B);
     },
     setMinZoom: (x) => {
-      const { panZoom: m, maxZoom: v } = h();
-      m == null || m.setScaleExtent([x, v]), g({ minZoom: x });
+      const { panZoom: p, maxZoom: v } = h();
+      p == null || p.setScaleExtent([x, v]), g({ minZoom: x });
     },
     setMaxZoom: (x) => {
-      const { panZoom: m, minZoom: v } = h();
-      m == null || m.setScaleExtent([v, x]), g({ maxZoom: x });
+      const { panZoom: p, minZoom: v } = h();
+      p == null || p.setScaleExtent([v, x]), g({ maxZoom: x });
     },
     setTranslateExtent: (x) => {
-      var m;
-      (m = h().panZoom) == null || m.setTranslateExtent(x), g({ translateExtent: x });
+      var p;
+      (p = h().panZoom) == null || p.setTranslateExtent(x), g({ translateExtent: x });
     },
     resetSelectedElements: () => {
-      const { edges: x, nodes: m, triggerNodeChanges: v, triggerEdgeChanges: p, elementsSelectable: w } = h();
+      const { edges: x, nodes: p, triggerNodeChanges: v, triggerEdgeChanges: m, elementsSelectable: w } = h();
       if (!w)
         return;
-      const S = m.reduce((E, $) => $.selected ? [...E, Xe($.id, !1)] : E, []), _ = x.reduce((E, $) => $.selected ? [...E, Xe($.id, !1)] : E, []);
-      v(S), p(_);
+      const S = p.reduce((E, I) => I.selected ? [...E, Xe(I.id, !1)] : E, []), _ = x.reduce((E, I) => I.selected ? [...E, Xe(I.id, !1)] : E, []);
+      v(S), m(_);
     },
     setNodeExtent: (x) => {
-      const { nodes: m, nodeLookup: v, parentLookup: p, nodeOrigin: w, elevateNodesOnSelect: S, nodeExtent: _, zIndexMode: E } = h();
-      x[0][0] === _[0][0] && x[0][1] === _[0][1] && x[1][0] === _[1][0] && x[1][1] === _[1][1] || (Zn(m, v, p, {
+      const { nodes: p, nodeLookup: v, parentLookup: m, nodeOrigin: w, elevateNodesOnSelect: S, nodeExtent: _, zIndexMode: E } = h();
+      x[0][0] === _[0][0] && x[0][1] === _[0][1] && x[1][0] === _[1][0] && x[1][1] === _[1][1] || (Zn(p, v, m, {
         nodeOrigin: w,
         nodeExtent: x,
         elevateNodesOnSelect: S,
@@ -6260,17 +6260,17 @@ const ag = le(_s), cg = _i("React Flow", "https://reactflow.dev/"), Do = ({ node
       }), g({ nodeExtent: x }));
     },
     panBy: (x) => {
-      const { transform: m, width: v, height: p, panZoom: w, translateExtent: S } = h();
-      return Hd({ delta: x, panZoom: w, transform: m, translateExtent: S, width: v, height: p });
+      const { transform: p, width: v, height: m, panZoom: w, translateExtent: S } = h();
+      return Hd({ delta: x, panZoom: w, transform: p, translateExtent: S, width: v, height: m });
     },
-    setCenter: async (x, m, v) => {
-      const { width: p, height: w, maxZoom: S, panZoom: _ } = h();
+    setCenter: async (x, p, v) => {
+      const { width: m, height: w, maxZoom: S, panZoom: _ } = h();
       if (!_)
         return !1;
       const E = typeof (v == null ? void 0 : v.zoom) != "undefined" ? v.zoom : S;
       return await _.setViewport({
-        x: p / 2 - x * E,
-        y: w / 2 - m * E,
+        x: m / 2 - x * E,
+        y: w / 2 - p * E,
         zoom: E
       }, { duration: v == null ? void 0 : v.duration, ease: v == null ? void 0 : v.ease, interpolate: v == null ? void 0 : v.interpolate }), !0;
     },
@@ -6313,11 +6313,11 @@ const fg = {
   position: "relative",
   zIndex: 0
 };
-function hg({ nodes: e, edges: t, defaultNodes: n, defaultEdges: r, className: o, nodeTypes: i, edgeTypes: s, onNodeClick: a, onEdgeClick: c, onInit: l, onMove: d, onMoveStart: u, onMoveEnd: f, onConnect: g, onConnectStart: h, onConnectEnd: y, onClickConnectStart: x, onClickConnectEnd: m, onNodeMouseEnter: v, onNodeMouseMove: p, onNodeMouseLeave: w, onNodeContextMenu: S, onNodeDoubleClick: _, onNodeDragStart: E, onNodeDrag: $, onNodeDragStop: T, onNodesDelete: B, onEdgesDelete: k, onDelete: M, onSelectionChange: L, onSelectionDragStart: b, onSelectionDrag: A, onSelectionDragStop: N, onSelectionContextMenu: I, onSelectionStart: P, onSelectionEnd: C, onBeforeDelete: z, connectionMode: R, connectionLineType: O = He.Bezier, connectionLineStyle: F, connectionLineComponent: Y, connectionLineContainerStyle: K, deleteKeyCode: Z = "Backspace", selectionKeyCode: X = "Shift", selectionOnDrag: H = !1, selectionMode: W = Mt.Full, panActivationKeyCode: Q = "Space", multiSelectionKeyCode: V = At() ? "Meta" : "Control", zoomActivationKeyCode: J = At() ? "Meta" : "Control", snapToGrid: U, snapGrid: q, onlyRenderVisibleElements: j = !1, selectNodesOnDrag: re, nodesDraggable: te, autoPanOnNodeFocus: oe, nodesConnectable: de, nodesFocusable: fe, nodeOrigin: Ae = qi, edgesFocusable: pt, edgesReconnectable: Be, elementsSelectable: Ve = !0, defaultViewport: Je = Lf, minZoom: Ie = 0.5, maxZoom: he = 2, translateExtent: Fe = Ct, preventScrolling: zt = !0, nodeExtent: je, defaultMarkerColor: Cs = "#b1b1b7", zoomOnScroll: Ms = !0, zoomOnPinch: ks = !0, panOnScroll: As = !1, panOnScrollSpeed: Is = 0.5, panOnScrollMode: $s = Ge.Free, zoomOnDoubleClick: Ps = !0, panOnDrag: Ts = !0, onPaneClick: Ds, onPaneMouseEnter: Ls, onPaneMouseMove: Os, onPaneMouseLeave: zs, onPaneScroll: Hs, onPaneContextMenu: Rs, paneClickDistance: Bs = 1, nodeClickDistance: Vs = 0, children: Fs, onReconnect: Xs, onReconnectStart: Ys, onReconnectEnd: Ws, onEdgeContextMenu: Gs, onEdgeDoubleClick: Ks, onEdgeMouseEnter: qs, onEdgeMouseMove: Us, onEdgeMouseLeave: Zs, reconnectRadius: Qs = 10, onNodesChange: Js, onEdgesChange: js, noDragClassName: ea = "nodrag", noWheelClassName: ta = "nowheel", noPanClassName: xr = "nopan", fitView: wr, fitViewOptions: br, connectOnClick: na, attributionPosition: ra, proOptions: oa, defaultEdgeOptions: ia, elevateNodesOnSelect: sa = !0, elevateEdgesOnSelect: aa = !1, disableKeyboardA11y: vr = !1, autoPanOnConnect: ca, autoPanOnNodeDrag: la, autoPanOnSelection: ua = !0, autoPanSpeed: da, connectionRadius: fa, isValidConnection: ha, onError: ga, style: pa, id: _r, nodeDragThreshold: ma, connectionDragThreshold: ya, viewport: xa, onViewportChange: wa, width: ba, height: va, colorMode: _a = "light", debug: Sa, onScroll: Ht, ariaLabelConfig: Ea, zIndexMode: Sr = "basic", ...Na }, Ca) {
+function hg({ nodes: e, edges: t, defaultNodes: n, defaultEdges: r, className: o, nodeTypes: i, edgeTypes: s, onNodeClick: a, onEdgeClick: c, onInit: l, onMove: d, onMoveStart: u, onMoveEnd: f, onConnect: g, onConnectStart: h, onConnectEnd: y, onClickConnectStart: x, onClickConnectEnd: p, onNodeMouseEnter: v, onNodeMouseMove: m, onNodeMouseLeave: w, onNodeContextMenu: S, onNodeDoubleClick: _, onNodeDragStart: E, onNodeDrag: I, onNodeDragStop: T, onNodesDelete: B, onEdgesDelete: k, onDelete: M, onSelectionChange: L, onSelectionDragStart: b, onSelectionDrag: A, onSelectionDragStop: N, onSelectionContextMenu: $, onSelectionStart: P, onSelectionEnd: C, onBeforeDelete: z, connectionMode: R, connectionLineType: O = He.Bezier, connectionLineStyle: F, connectionLineComponent: Y, connectionLineContainerStyle: K, deleteKeyCode: Z = "Backspace", selectionKeyCode: X = "Shift", selectionOnDrag: H = !1, selectionMode: W = Mt.Full, panActivationKeyCode: Q = "Space", multiSelectionKeyCode: V = At() ? "Meta" : "Control", zoomActivationKeyCode: J = At() ? "Meta" : "Control", snapToGrid: U, snapGrid: q, onlyRenderVisibleElements: j = !1, selectNodesOnDrag: re, nodesDraggable: te, autoPanOnNodeFocus: oe, nodesConnectable: de, nodesFocusable: fe, nodeOrigin: Ae = qi, edgesFocusable: pt, edgesReconnectable: Be, elementsSelectable: Ve = !0, defaultViewport: Je = Lf, minZoom: Ie = 0.5, maxZoom: he = 2, translateExtent: Fe = Ct, preventScrolling: zt = !0, nodeExtent: je, defaultMarkerColor: Cs = "#b1b1b7", zoomOnScroll: Ms = !0, zoomOnPinch: ks = !0, panOnScroll: As = !1, panOnScrollSpeed: Is = 0.5, panOnScrollMode: $s = Ge.Free, zoomOnDoubleClick: Ps = !0, panOnDrag: Ts = !0, onPaneClick: Ds, onPaneMouseEnter: Ls, onPaneMouseMove: Os, onPaneMouseLeave: zs, onPaneScroll: Hs, onPaneContextMenu: Rs, paneClickDistance: Bs = 1, nodeClickDistance: Vs = 0, children: Fs, onReconnect: Xs, onReconnectStart: Ys, onReconnectEnd: Ws, onEdgeContextMenu: Gs, onEdgeDoubleClick: Ks, onEdgeMouseEnter: qs, onEdgeMouseMove: Us, onEdgeMouseLeave: Zs, reconnectRadius: Qs = 10, onNodesChange: Js, onEdgesChange: js, noDragClassName: ea = "nodrag", noWheelClassName: ta = "nowheel", noPanClassName: xr = "nopan", fitView: wr, fitViewOptions: br, connectOnClick: na, attributionPosition: ra, proOptions: oa, defaultEdgeOptions: ia, elevateNodesOnSelect: sa = !0, elevateEdgesOnSelect: aa = !1, disableKeyboardA11y: vr = !1, autoPanOnConnect: ca, autoPanOnNodeDrag: la, autoPanOnSelection: ua = !0, autoPanSpeed: da, connectionRadius: fa, isValidConnection: ha, onError: ga, style: pa, id: _r, nodeDragThreshold: ma, connectionDragThreshold: ya, viewport: xa, onViewportChange: wa, width: ba, height: va, colorMode: _a = "light", debug: Sa, onScroll: Ht, ariaLabelConfig: Ea, zIndexMode: Sr = "basic", ...Na }, Ca) {
   const Nn = _r || "1", Ma = Rf(_a), ka = we((Er) => {
     Er.currentTarget.scrollTo({ top: 0, left: 0, behavior: "instant" }), Ht == null || Ht(Er);
   }, [Ht]);
-  return D("div", { "data-testid": "rf__wrapper", ...Na, onScroll: ka, style: { ...pa, ...fg }, ref: Ca, className: ue(["react-flow", o, Ma]), id: _r, role: "application", children: ce(dg, { nodes: e, edges: t, width: ba, height: va, fitView: wr, fitViewOptions: br, minZoom: Ie, maxZoom: he, nodeOrigin: Ae, nodeExtent: je, zIndexMode: Sr, children: [D(Hf, { nodes: e, edges: t, defaultNodes: n, defaultEdges: r, onConnect: g, onConnectStart: h, onConnectEnd: y, onClickConnectStart: x, onClickConnectEnd: m, nodesDraggable: te, autoPanOnNodeFocus: oe, nodesConnectable: de, nodesFocusable: fe, edgesFocusable: pt, edgesReconnectable: Be, elementsSelectable: Ve, elevateNodesOnSelect: sa, elevateEdgesOnSelect: aa, minZoom: Ie, maxZoom: he, nodeExtent: je, onNodesChange: Js, onEdgesChange: js, snapToGrid: U, snapGrid: q, connectionMode: R, translateExtent: Fe, connectOnClick: na, defaultEdgeOptions: ia, fitView: wr, fitViewOptions: br, onNodesDelete: B, onEdgesDelete: k, onDelete: M, onNodeDragStart: E, onNodeDrag: $, onNodeDragStop: T, onSelectionDrag: A, onSelectionDragStart: b, onSelectionDragStop: N, onMove: d, onMoveStart: u, onMoveEnd: f, noPanClassName: xr, nodeOrigin: Ae, rfId: Nn, autoPanOnConnect: ca, autoPanOnNodeDrag: la, autoPanSpeed: da, onError: ga, connectionRadius: fa, isValidConnection: ha, selectNodesOnDrag: re, nodeDragThreshold: ma, connectionDragThreshold: ya, onBeforeDelete: z, debug: Sa, ariaLabelConfig: Ea, zIndexMode: Sr }), D(ag, { onInit: l, onNodeClick: a, onEdgeClick: c, onNodeMouseEnter: v, onNodeMouseMove: p, onNodeMouseLeave: w, onNodeContextMenu: S, onNodeDoubleClick: _, nodeTypes: i, edgeTypes: s, connectionLineType: O, connectionLineStyle: F, connectionLineComponent: Y, connectionLineContainerStyle: K, selectionKeyCode: X, selectionOnDrag: H, selectionMode: W, deleteKeyCode: Z, multiSelectionKeyCode: V, panActivationKeyCode: Q, zoomActivationKeyCode: J, onlyRenderVisibleElements: j, defaultViewport: Je, translateExtent: Fe, minZoom: Ie, maxZoom: he, preventScrolling: zt, zoomOnScroll: Ms, zoomOnPinch: ks, zoomOnDoubleClick: Ps, panOnScroll: As, panOnScrollSpeed: Is, panOnScrollMode: $s, panOnDrag: Ts, autoPanOnSelection: ua, onPaneClick: Ds, onPaneMouseEnter: Ls, onPaneMouseMove: Os, onPaneMouseLeave: zs, onPaneScroll: Hs, onPaneContextMenu: Rs, paneClickDistance: Bs, nodeClickDistance: Vs, onSelectionContextMenu: I, onSelectionStart: P, onSelectionEnd: C, onReconnect: Xs, onReconnectStart: Ys, onReconnectEnd: Ws, onEdgeContextMenu: Gs, onEdgeDoubleClick: Ks, onEdgeMouseEnter: qs, onEdgeMouseMove: Us, onEdgeMouseLeave: Zs, reconnectRadius: Qs, defaultMarkerColor: Cs, noDragClassName: ea, noWheelClassName: ta, noPanClassName: xr, rfId: Nn, disableKeyboardA11y: vr, nodeExtent: je, viewport: xa, onViewportChange: wa }), D(Df, { onSelectionChange: L }), Fs, D(Af, { proOptions: oa, position: ra }), D(kf, { rfId: Nn, disableKeyboardA11y: vr })] }) });
+  return D("div", { "data-testid": "rf__wrapper", ...Na, onScroll: ka, style: { ...pa, ...fg }, ref: Ca, className: ue(["react-flow", o, Ma]), id: _r, role: "application", children: ce(dg, { nodes: e, edges: t, width: ba, height: va, fitView: wr, fitViewOptions: br, minZoom: Ie, maxZoom: he, nodeOrigin: Ae, nodeExtent: je, zIndexMode: Sr, children: [D(Hf, { nodes: e, edges: t, defaultNodes: n, defaultEdges: r, onConnect: g, onConnectStart: h, onConnectEnd: y, onClickConnectStart: x, onClickConnectEnd: p, nodesDraggable: te, autoPanOnNodeFocus: oe, nodesConnectable: de, nodesFocusable: fe, edgesFocusable: pt, edgesReconnectable: Be, elementsSelectable: Ve, elevateNodesOnSelect: sa, elevateEdgesOnSelect: aa, minZoom: Ie, maxZoom: he, nodeExtent: je, onNodesChange: Js, onEdgesChange: js, snapToGrid: U, snapGrid: q, connectionMode: R, translateExtent: Fe, connectOnClick: na, defaultEdgeOptions: ia, fitView: wr, fitViewOptions: br, onNodesDelete: B, onEdgesDelete: k, onDelete: M, onNodeDragStart: E, onNodeDrag: I, onNodeDragStop: T, onSelectionDrag: A, onSelectionDragStart: b, onSelectionDragStop: N, onMove: d, onMoveStart: u, onMoveEnd: f, noPanClassName: xr, nodeOrigin: Ae, rfId: Nn, autoPanOnConnect: ca, autoPanOnNodeDrag: la, autoPanSpeed: da, onError: ga, connectionRadius: fa, isValidConnection: ha, selectNodesOnDrag: re, nodeDragThreshold: ma, connectionDragThreshold: ya, onBeforeDelete: z, debug: Sa, ariaLabelConfig: Ea, zIndexMode: Sr }), D(ag, { onInit: l, onNodeClick: a, onEdgeClick: c, onNodeMouseEnter: v, onNodeMouseMove: m, onNodeMouseLeave: w, onNodeContextMenu: S, onNodeDoubleClick: _, nodeTypes: i, edgeTypes: s, connectionLineType: O, connectionLineStyle: F, connectionLineComponent: Y, connectionLineContainerStyle: K, selectionKeyCode: X, selectionOnDrag: H, selectionMode: W, deleteKeyCode: Z, multiSelectionKeyCode: V, panActivationKeyCode: Q, zoomActivationKeyCode: J, onlyRenderVisibleElements: j, defaultViewport: Je, translateExtent: Fe, minZoom: Ie, maxZoom: he, preventScrolling: zt, zoomOnScroll: Ms, zoomOnPinch: ks, zoomOnDoubleClick: Ps, panOnScroll: As, panOnScrollSpeed: Is, panOnScrollMode: $s, panOnDrag: Ts, autoPanOnSelection: ua, onPaneClick: Ds, onPaneMouseEnter: Ls, onPaneMouseMove: Os, onPaneMouseLeave: zs, onPaneScroll: Hs, onPaneContextMenu: Rs, paneClickDistance: Bs, nodeClickDistance: Vs, onSelectionContextMenu: $, onSelectionStart: P, onSelectionEnd: C, onReconnect: Xs, onReconnectStart: Ys, onReconnectEnd: Ws, onEdgeContextMenu: Gs, onEdgeDoubleClick: Ks, onEdgeMouseEnter: qs, onEdgeMouseMove: Us, onEdgeMouseLeave: Zs, reconnectRadius: Qs, defaultMarkerColor: Cs, noDragClassName: ea, noWheelClassName: ta, noPanClassName: xr, rfId: Nn, disableKeyboardA11y: vr, nodeExtent: je, viewport: xa, onViewportChange: wa }), D(Df, { onSelectionChange: L }), Fs, D(Af, { proOptions: oa, position: ra }), D(kf, { rfId: Nn, disableKeyboardA11y: vr })] }) });
 }
 var gg = Ji(hg);
 function pg(e) {
@@ -6358,7 +6358,7 @@ function Ss({
   className: l,
   patternClassName: d
 }) {
-  const u = ne(null), { transform: f, patternId: g } = ee(bg, se), h = r || wg[t], y = t === Re.Dots, x = t === Re.Cross, m = Array.isArray(n) ? n : [n, n], v = [m[0] * f[2] || 1, m[1] * f[2] || 1], p = h * f[2], w = Array.isArray(i) ? i : [i, i], S = x ? [p, p] : v, _ = [
+  const u = ne(null), { transform: f, patternId: g } = ee(bg, se), h = r || wg[t], y = t === Re.Dots, x = t === Re.Cross, p = Array.isArray(n) ? n : [n, n], v = [p[0] * f[2] || 1, p[1] * f[2] || 1], m = h * f[2], w = Array.isArray(i) ? i : [i, i], S = x ? [m, m] : v, _ = [
     w[0] * f[2] || 1 + S[0] / 2,
     w[1] * f[2] || 1 + S[1] / 2
   ], E = `${g}${e || ""}`;
@@ -6367,7 +6367,7 @@ function Ss({
     ...Sn,
     "--xy-background-color-props": a,
     "--xy-background-pattern-color-props": s
-  }, ref: u, "data-testid": "rf__background", children: [D("pattern", { id: E, x: f[0] % v[0], y: f[1] % v[1], width: v[0], height: v[1], patternUnits: "userSpaceOnUse", patternTransform: `translate(-${_[0]},-${_[1]})`, children: y ? D(xg, { radius: p / 2, className: d }) : D(yg, { dimensions: S, lineWidth: o, variant: t, className: d }) }), D("rect", { x: "0", y: "0", width: "100%", height: "100%", fill: `url(#${E})` })] });
+  }, ref: u, "data-testid": "rf__background", children: [D("pattern", { id: E, x: f[0] % v[0], y: f[1] % v[1], width: v[0], height: v[1], patternUnits: "userSpaceOnUse", patternTransform: `translate(-${_[0]},-${_[1]})`, children: y ? D(xg, { radius: m / 2, className: d }) : D(yg, { dimensions: S, lineWidth: o, variant: t, className: d }) }), D("rect", { x: "0", y: "0", width: "100%", height: "100%", fill: `url(#${E})` })] });
 }
 Ss.displayName = "Background";
 const vg = le(Ss);
@@ -6396,11 +6396,11 @@ const Mg = (e) => ({
   ariaLabelConfig: e.ariaLabelConfig
 });
 function Es({ style: e, showZoom: t = !0, showFitView: n = !0, showInteractive: r = !0, fitViewOptions: o, onZoomIn: i, onZoomOut: s, onFitView: a, onInteractiveChange: c, className: l, children: d, position: u = "bottom-left", orientation: f = "vertical", "aria-label": g }) {
-  const h = ae(), { isInteractive: y, minZoomReached: x, maxZoomReached: m, ariaLabelConfig: v } = ee(Mg, se), { zoomIn: p, zoomOut: w, fitView: S } = mr(), _ = () => {
-    p(), i == null || i();
+  const h = ae(), { isInteractive: y, minZoomReached: x, maxZoomReached: p, ariaLabelConfig: v } = ee(Mg, se), { zoomIn: m, zoomOut: w, fitView: S } = mr(), _ = () => {
+    m(), i == null || i();
   }, E = () => {
     w(), s == null || s();
-  }, $ = () => {
+  }, I = () => {
     S(o), a == null || a();
   }, T = () => {
     h.setState({
@@ -6409,7 +6409,7 @@ function Es({ style: e, showZoom: t = !0, showFitView: n = !0, showInteractive:
       elementsSelectable: !y
     }), c == null || c(!y);
   };
-  return ce(_n, { className: ue(["react-flow__controls", f === "horizontal" ? "horizontal" : "vertical", l]), position: u, style: e, "data-testid": "rf__controls", "aria-label": g != null ? g : v["controls.ariaLabel"], children: [t && ce(De, { children: [D(Ut, { onClick: _, className: "react-flow__controls-zoomin", title: v["controls.zoomIn.ariaLabel"], "aria-label": v["controls.zoomIn.ariaLabel"], disabled: m, children: D(_g, {}) }), D(Ut, { onClick: E, className: "react-flow__controls-zoomout", title: v["controls.zoomOut.ariaLabel"], "aria-label": v["controls.zoomOut.ariaLabel"], disabled: x, children: D(Sg, {}) })] }), n && D(Ut, { className: "react-flow__controls-fitview", onClick: $, title: v["controls.fitView.ariaLabel"], "aria-label": v["controls.fitView.ariaLabel"], children: D(Eg, {}) }), r && D(Ut, { className: "react-flow__controls-interactive", onClick: T, title: v["controls.interactive.ariaLabel"], "aria-label": v["controls.interactive.ariaLabel"], children: y ? D(Cg, {}) : D(Ng, {}) }), d] });
+  return ce(_n, { className: ue(["react-flow__controls", f === "horizontal" ? "horizontal" : "vertical", l]), position: u, style: e, "data-testid": "rf__controls", "aria-label": g != null ? g : v["controls.ariaLabel"], children: [t && ce(De, { children: [D(Ut, { onClick: _, className: "react-flow__controls-zoomin", title: v["controls.zoomIn.ariaLabel"], "aria-label": v["controls.zoomIn.ariaLabel"], disabled: p, children: D(_g, {}) }), D(Ut, { onClick: E, className: "react-flow__controls-zoomout", title: v["controls.zoomOut.ariaLabel"], "aria-label": v["controls.zoomOut.ariaLabel"], disabled: x, children: D(Sg, {}) })] }), n && D(Ut, { className: "react-flow__controls-fitview", onClick: I, title: v["controls.fitView.ariaLabel"], "aria-label": v["controls.fitView.ariaLabel"], children: D(Eg, {}) }), r && D(Ut, { className: "react-flow__controls-interactive", onClick: T, title: v["controls.interactive.ariaLabel"], "aria-label": v["controls.interactive.ariaLabel"], children: y ? D(Cg, {}) : D(Ng, {}) }), d] });
 }
 Es.displayName = "Controls";
 const kg = le(Es);
@@ -6419,7 +6419,7 @@ function Ag({ id: e, x: t, y: n, width: r, height: o, style: i, color: s, stroke
     fill: x,
     stroke: a,
     strokeWidth: c
-  }, shapeRendering: u, onClick: g ? (m) => g(m, e) : void 0 });
+  }, shapeRendering: u, onClick: g ? (p) => g(p, e) : void 0 });
 }
 const Ig = le(Ag), $g = (e) => e.nodes.map((t) => t.id), Hn = (e) => e instanceof Function ? e : () => e;
 function Pg({
@@ -6452,12 +6452,12 @@ function Tg({ id: e, nodeColorFunc: t, nodeStrokeColorFunc: n, nodeClassNameFunc
     const y = h.nodeLookup.get(e);
     if (!y)
       return { node: void 0, x: 0, y: 0, width: 0, height: 0 };
-    const x = y.internals.userNode, { x: m, y: v } = y.internals.positionAbsolute, { width: p, height: w } = Le(x);
+    const x = y.internals.userNode, { x: p, y: v } = y.internals.positionAbsolute, { width: m, height: w } = Le(x);
     return {
       node: x,
-      x: m,
+      x: p,
       y: v,
-      width: p,
+      width: m,
       height: w
     };
   }, se);
@@ -6505,13 +6505,13 @@ function Ns({
   onNodeClick: h,
   pannable: y = !1,
   zoomable: x = !1,
-  ariaLabel: m,
+  ariaLabel: p,
   inversePan: v,
-  zoomStep: p = 1,
+  zoomStep: m = 1,
   offsetScale: w = 5
 }) {
   var U, q;
-  const S = ae(), _ = ne(null), { boundingRect: E, viewBB: $, rfId: T, panZoom: B, translateExtent: k, flowWidth: M, flowHeight: L, ariaLabelConfig: b } = ee(Rg, se), A = (U = e == null ? void 0 : e.width) != null ? U : Og, N = (q = e == null ? void 0 : e.height) != null ? q : zg, I = E.width / A, P = E.height / N, C = Math.max(I, P), z = C * A, R = C * N, O = w * C, F = E.x - (z - E.width) / 2 - O, Y = E.y - (R - E.height) / 2 - O, K = z + O * 2, Z = R + O * 2, X = `${Bg}-${T}`, H = ne(0), W = ne();
+  const S = ae(), _ = ne(null), { boundingRect: E, viewBB: I, rfId: T, panZoom: B, translateExtent: k, flowWidth: M, flowHeight: L, ariaLabelConfig: b } = ee(Rg, se), A = (U = e == null ? void 0 : e.width) != null ? U : Og, N = (q = e == null ? void 0 : e.height) != null ? q : zg, $ = E.width / A, P = E.height / N, C = Math.max($, P), z = C * A, R = C * N, O = w * C, F = E.x - (z - E.width) / 2 - O, Y = E.y - (R - E.height) / 2 - O, K = z + O * 2, Z = R + O * 2, X = `${Bg}-${T}`, H = ne(0), W = ne();
   H.current = C, ie(() => {
     if (_.current && B)
       return W.current = Kd({
@@ -6531,10 +6531,10 @@ function Ns({
       height: L,
       inversePan: v,
       pannable: y,
-      zoomStep: p,
+      zoomStep: m,
       zoomable: x
     });
-  }, [y, x, v, p, k, M, L]);
+  }, [y, x, v, m, k, M, L]);
   const Q = g ? (j) => {
     var oe;
     const [re, te] = ((oe = W.current) == null ? void 0 : oe.pointer(j)) || [0, 0];
@@ -6542,7 +6542,7 @@ function Ns({
   } : void 0, V = h ? we((j, re) => {
     const te = S.getState().nodeLookup.get(re).internals.userNode;
     h(j, te);
-  }, []) : void 0, J = m != null ? m : b["minimap.ariaLabel"];
+  }, []) : void 0, J = p != null ? p : b["minimap.ariaLabel"];
   return D(_n, { position: f, style: {
     ...e,
     "--xy-minimap-background-color-props": typeof c == "string" ? c : void 0,
@@ -6553,20 +6553,20 @@ function Ns({
     "--xy-minimap-node-stroke-color-props": typeof n == "string" ? n : void 0,
     "--xy-minimap-node-stroke-width-props": typeof s == "number" ? s : void 0
   }, className: ue(["react-flow__minimap", t]), "data-testid": "rf__minimap", children: ce("svg", { width: A, height: N, viewBox: `${F} ${Y} ${K} ${Z}`, className: "react-flow__minimap-svg", role: "img", "aria-labelledby": X, ref: _, onClick: Q, children: [J && D("title", { id: X, children: J }), D(Lg, { onClick: V, nodeColor: r, nodeStrokeColor: n, nodeBorderRadius: i, nodeClassName: o, nodeStrokeWidth: s, nodeComponent: a }), D("path", { className: "react-flow__minimap-mask", d: `M${F - O},${Y - O}h${K + O * 2}v${Z + O * 2}h${-K - O * 2}z
-        M${$.x},${$.y}h${$.width}v${$.height}h${-$.width}z`, fillRule: "evenodd", pointerEvents: "none" })] }) });
+        M${I.x},${I.y}h${I.width}v${I.height}h${-I.width}z`, fillRule: "evenodd", pointerEvents: "none" })] }) });
 }
 Ns.displayName = "MiniMap";
 const Vg = le(Ns), Fg = (e) => (t) => e ? `${Math.max(1 / t.transform[2], 1)}` : void 0, Xg = {
   [dt.Line]: "right",
   [dt.Handle]: "bottom-right"
 };
-function Yg({ nodeId: e, position: t, variant: n = dt.Handle, className: r, style: o = void 0, children: i, color: s, minWidth: a = 10, minHeight: c = 10, maxWidth: l = Number.MAX_VALUE, maxHeight: d = Number.MAX_VALUE, keepAspectRatio: u = !1, resizeDirection: f, autoScale: g = !0, shouldResize: h, onResizeStart: y, onResize: x, onResizeEnd: m }) {
-  const v = ns(), p = typeof e == "string" ? e : v, w = ae(), S = ne(null), _ = n === dt.Handle, E = ee(we(Fg(_ && g), [_, g]), se), $ = ne(null), T = t != null ? t : Xg[n];
+function Yg({ nodeId: e, position: t, variant: n = dt.Handle, className: r, style: o = void 0, children: i, color: s, minWidth: a = 10, minHeight: c = 10, maxWidth: l = Number.MAX_VALUE, maxHeight: d = Number.MAX_VALUE, keepAspectRatio: u = !1, resizeDirection: f, autoScale: g = !0, shouldResize: h, onResizeStart: y, onResize: x, onResizeEnd: p }) {
+  const v = ns(), m = typeof e == "string" ? e : v, w = ae(), S = ne(null), _ = n === dt.Handle, E = ee(we(Fg(_ && g), [_, g]), se), I = ne(null), T = t != null ? t : Xg[n];
   ie(() => {
-    if (!(!S.current || !p))
-      return $.current || ($.current = af({
+    if (!(!S.current || !m))
+      return I.current || (I.current = af({
         domNode: S.current,
-        nodeId: p,
+        nodeId: m,
         getStoreItems: () => {
           const { nodeLookup: k, transform: M, snapGrid: L, snapToGrid: b, nodeOrigin: A, domNode: N } = w.getState();
           return {
@@ -6580,7 +6580,7 @@ function Yg({ nodeId: e, position: t, variant: n = dt.Handle, className: r, styl
         },
         onChange: (k, M) => {
           var z, R, O, F, Y, K, Z;
-          const { triggerNodeChanges: L, nodeLookup: b, parentLookup: A, nodeOrigin: N } = w.getState(), I = [], P = { x: k.x, y: k.y }, C = b.get(p);
+          const { triggerNodeChanges: L, nodeLookup: b, parentLookup: A, nodeOrigin: N } = w.getState(), $ = [], P = { x: k.x, y: k.y }, C = b.get(m);
           if (C && C.expandParent && C.parentId) {
             const X = (z = C.origin) != null ? z : N, H = (O = (R = k.width) != null ? R : C.measured.width) != null ? O : 0, W = (Y = (F = k.height) != null ? F : C.measured.height) != null ? Y : 0, Q = {
               id: C.id,
@@ -6594,19 +6594,19 @@ function Yg({ nodeId: e, position: t, variant: n = dt.Handle, className: r, styl
                 }, { width: H, height: W }, C.parentId, b, X)
               }
             }, V = pr([Q], b, A, N);
-            I.push(...V), P.x = k.x ? Math.max(X[0] * H, k.x) : void 0, P.y = k.y ? Math.max(X[1] * W, k.y) : void 0;
+            $.push(...V), P.x = k.x ? Math.max(X[0] * H, k.x) : void 0, P.y = k.y ? Math.max(X[1] * W, k.y) : void 0;
           }
           if (P.x !== void 0 && P.y !== void 0) {
             const X = {
-              id: p,
+              id: m,
               type: "position",
               position: { ...P }
             };
-            I.push(X);
+            $.push(X);
           }
           if (k.width !== void 0 && k.height !== void 0) {
             const H = {
-              id: p,
+              id: m,
               type: "dimensions",
               resizing: !0,
               setAttributes: f ? f === "horizontal" ? "width" : "height" : !0,
@@ -6615,20 +6615,20 @@ function Yg({ nodeId: e, position: t, variant: n = dt.Handle, className: r, styl
                 height: k.height
               }
             };
-            I.push(H);
+            $.push(H);
           }
           for (const X of M) {
             const H = {
               ...X,
               type: "position"
             };
-            I.push(H);
+            $.push(H);
           }
-          L(I);
+          L($);
         },
         onEnd: ({ width: k, height: M }) => {
           const L = {
-            id: p,
+            id: m,
             type: "dimensions",
             resizing: !1,
             dimensions: {
@@ -6638,7 +6638,7 @@ function Yg({ nodeId: e, position: t, variant: n = dt.Handle, className: r, styl
           };
           w.getState().triggerNodeChanges([L]);
         }
-      })), $.current.update({
+      })), I.current.update({
         controlPosition: T,
         boundaries: {
           minWidth: a,
@@ -6650,11 +6650,11 @@ function Yg({ nodeId: e, position: t, variant: n = dt.Handle, className: r, styl
         resizeDirection: f,
         onResizeStart: y,
         onResize: x,
-        onResizeEnd: m,
+        onResizeEnd: p,
         shouldResize: h
       }), () => {
         var k;
-        (k = $.current) == null || k.destroy();
+        (k = I.current) == null || k.destroy();
       };
   }, [
     T,
@@ -6665,7 +6665,7 @@ function Yg({ nodeId: e, position: t, variant: n = dt.Handle, className: r, styl
     u,
     y,
     x,
-    m,
+    p,
     h
   ]);
   const B = T.split("-");
@@ -6799,44 +6799,45 @@ const Lo = [
 };
 function Jg({ formData: e }) {
   const { nodes: t, edges: n } = be(() => {
+    var f, g;
     const l = [], d = [];
     let u = null;
-    return e == null || e.forEach((f, g) => {
-      var p, w;
-      const h = Lo[g % Lo.length], y = g * 400, x = 0, m = 320, v = 60 + (((p = f == null ? void 0 : f.questionData) == null ? void 0 : p.length) || 0) * 110;
+    return (f = e == null ? void 0 : e.filter((h) => !(h != null && h.isDeleted))) == null || f.forEach((h, y) => {
+      var _;
+      const x = Lo[y % Lo.length], p = ((_ = h == null ? void 0 : h.questionData) == null ? void 0 : _.filter((E) => !(E != null && E.isDeleted))) || [], v = y * 400, m = 0, w = 320, S = 60 + p.length * 110;
       l.push({
-        id: f.id,
+        id: h.id,
         type: "sectionGroup",
-        data: { title: f.title || `Section ${g + 1}` },
-        position: { x: y, y: x },
+        data: { title: h.title || `Section ${y + 1}` },
+        position: { x: v, y: m },
         style: {
-          width: m,
-          height: v,
+          width: w,
+          height: S,
           backgroundColor: "rgba(248, 250, 252, 0.4)",
           border: "2px dashed #cbd5e1",
           borderRadius: "16px"
         }
-      }), (w = f == null ? void 0 : f.questionData) == null || w.forEach((S, _) => {
-        const E = S.id;
+      }), p.forEach((E, I) => {
+        const T = E.id;
         l.push({
-          id: E,
+          id: T,
           type: "customField",
-          parentId: f.id,
+          parentId: h.id,
           extent: "parent",
           targetPosition: G.Top,
           sourcePosition: G.Bottom,
           data: {
-            label: S.inputLabel || S.label,
-            type: S.type,
-            sectionTitle: f.title || "Untitled Section",
-            isHidden: S.isHidden,
-            colorScheme: h
+            label: E.inputLabel || E.label,
+            type: E.type,
+            sectionTitle: h.title || "Untitled Section",
+            isHidden: E.isHidden,
+            colorScheme: x
           },
-          position: { x: 20, y: 40 + _ * 110 }
-        }), u && !S.isHidden && d.push({
-          id: `e-${u}-${E}`,
+          position: { x: 20, y: 40 + I * 110 }
+        }), u && !E.isHidden && d.push({
+          id: `e-${u}-${T}`,
           source: u,
-          target: E,
+          target: T,
           type: "smoothstep",
           animated: !0,
           style: { stroke: "#cbd5e1", strokeWidth: 2 },
@@ -6846,20 +6847,20 @@ function Jg({ formData: e }) {
             height: 20,
             color: "#cbd5e1"
           }
-        }), S.isHidden || (u = E);
+        }), E.isHidden || (u = T);
       });
-    }), e == null || e.forEach((f) => {
-      var g;
-      (g = f == null ? void 0 : f.questionData) == null || g.forEach((h) => {
-        var y;
-        h.isHidden && ((y = h.visibilityDependentFields) == null ? void 0 : y.length) > 0 && h.visibilityDependentFields.forEach((x) => {
+    }), (g = e == null ? void 0 : e.filter((h) => !(h != null && h.isDeleted))) == null || g.forEach((h) => {
+      var y, x;
+      (x = (y = h == null ? void 0 : h.questionData) == null ? void 0 : y.filter((p) => !(p != null && p.isDeleted))) == null || x.forEach((p) => {
+        var v;
+        p.isHidden && ((v = p.visibilityDependentFields) == null ? void 0 : v.length) > 0 && p.visibilityDependentFields.forEach((m) => {
           d.push({
-            id: `e-cond-${x.id}-${h.id}`,
-            source: x.id,
-            target: h.id,
+            id: `e-cond-${m.id}-${p.id}`,
+            source: m.id,
+            target: p.id,
             type: "smoothstep",
             animated: !0,
-            label: `if ${x.operator} '${x.fieldValue}'`,
+            label: `if ${m.operator} '${m.fieldValue}'`,
             labelStyle: { fill: "#f59e0b", fontWeight: 600, fontSize: 12 },
             labelBgStyle: {
               fill: "#fffef2",