@stonecrop/node-editor 0.4.35 → 0.4.36

package/dist/node-editor.js

@@ -1,4 +1,4 @@
-import { defineComponent as me, createPropsRestProxy as yr, toRef as be, ref as ge, computed as ne, onMounted as Ue, createElementBlock as he, openBlock as oe, normalizeClass as dt, unref as J, renderSlot as qe, h as pe, getCurrentScope as ii, inject as wt, effectScope as ri, watch as ve, provide as ft, getCurrentInstance as Bt, resolveComponent as li, nextTick as $e, createBlock as Re, Teleport as _r, useSlots as wr, onUnmounted as br, createVNode as Me, withCtx as ht, createElementVNode as _e, useAttrs as Er, Fragment as Te, createCommentVNode as Ne, mergeProps as en, reactive as xr, onScopeDispose as Wt, shallowRef as tn, toValue as ce, onBeforeMount as Sr, renderList as eo, normalizeStyle as He, onBeforeUnmount as to, isMemoSame as Nr, toDisplayString as gt, resolveDynamicComponent as Cr, createTextVNode as ai, isRef as no, toRefs as Mr, customRef as Ir, markRaw as Mt, readonly as kr, useTemplateRef as si, withDirectives as ui, withKeys as ci, vModelText as di, withModifiers as Pr, mergeModels as po, useModel as $r } from "vue";
+import { defineComponent as me, createPropsRestProxy as yr, toRef as be, ref as ge, computed as ne, onMounted as Ue, createElementBlock as he, openBlock as oe, normalizeClass as dt, unref as J, renderSlot as qe, h as pe, getCurrentScope as ii, inject as _t, effectScope as ri, watch as ve, provide as ft, getCurrentInstance as Bt, resolveComponent as li, nextTick as $e, createBlock as Re, Teleport as wr, useSlots as _r, onUnmounted as br, createVNode as Me, withCtx as ht, createElementVNode as we, useAttrs as Er, Fragment as Te, createCommentVNode as Ne, mergeProps as en, reactive as xr, onScopeDispose as Wt, shallowRef as tn, toValue as ce, onBeforeMount as Sr, renderList as eo, normalizeStyle as He, onBeforeUnmount as to, isMemoSame as Nr, toDisplayString as gt, resolveDynamicComponent as Cr, createTextVNode as ai, isRef as no, toRefs as Mr, customRef as Ir, markRaw as Mt, readonly as kr, useTemplateRef as si, withDirectives as ui, withKeys as ci, vModelText as di, withModifiers as Pr, mergeModels as po, useModel as $r } from "vue";
 function hn(e) {
   return ii() ? (Wt(e), !0) : !1;
 }
@@ -90,11 +90,11 @@ function Hr(e, t = {}) {
 function Vn(e, t = !1) {
   function n(d, { flush: f = "sync", deep: g = !1, timeout: x, throwOnTimeout: E } = {}) {
     let S = null;
-    const M = [new Promise((_) => {
+    const M = [new Promise((w) => {
       S = ve(
         e,
         (N) => {
-          d(N) !== t && (S?.(), _(N));
+          d(N) !== t && (S?.(), w(N));
         },
         {
           flush: f,
@@ -112,7 +112,7 @@ function Vn(e, t = !1) {
       return n((N) => N === d, f);
     const { flush: g = "sync", deep: x = !1, timeout: E, throwOnTimeout: S } = f ?? {};
     let C = null;
-    const _ = [new Promise((N) => {
+    const w = [new Promise((N) => {
       C = ve(
         [e, d],
         ([z, Y]) => {
@@ -125,9 +125,9 @@ function Vn(e, t = !1) {
         }
       );
     })];
-    return E != null && _.push(
+    return E != null && w.push(
       mo(E, S).then(() => Ye(e)).finally(() => (C?.(), Ye(e)))
-    ), Promise.race(_);
+    ), Promise.race(w);
   }
   function i(d) {
     return n((f) => !!f, d);
@@ -239,11 +239,11 @@ function Cn(e, t, n, o = {}) {
   } = o, g = Bt(), x = n || g?.emit || ((i = g?.$emit) == null ? void 0 : i.bind(g)) || ((l = (r = g?.proxy) == null ? void 0 : r.$emit) == null ? void 0 : l.bind(g?.proxy));
   let E = u;
   t || (t = "modelValue"), E = E || `update:${t.toString()}`;
-  const S = (_) => a ? typeof a == "function" ? a(_) : Yr(_) : _, C = () => Dr(e[t]) ? S(e[t]) : d, M = (_) => {
-    f ? f(_) && x(E, _) : x(E, _);
+  const S = (w) => a ? typeof a == "function" ? a(w) : Yr(w) : w, C = () => Dr(e[t]) ? S(e[t]) : d, M = (w) => {
+    f ? f(w) && x(E, w) : x(E, w);
   };
   if (s) {
-    const _ = C(), N = ge(_);
+    const w = C(), N = ge(w);
     let z = !1;
     return ve(
       () => e[t],
@@ -262,8 +262,8 @@ function Cn(e, t, n, o = {}) {
       get() {
         return C();
       },
-      set(_) {
-        M(_);
+      set(w) {
+        M(w);
       }
     });
 }
@@ -302,10 +302,10 @@ Kt.prototype = gn.prototype = {
       throw new Error("invalid callback: " + t);
     for (; ++r < l; )
       if (i = (e = o[r]).type)
-        n[i] = _o(n[i], e.name, t);
+        n[i] = wo(n[i], e.name, t);
       else if (t == null)
         for (i in n)
-          n[i] = _o(n[i], e.name, null);
+          n[i] = wo(n[i], e.name, null);
     return this;
   },
   copy: function() {
@@ -335,7 +335,7 @@ function Ur(e, t) {
     if ((i = e[n]).name === t)
       return i.value;
 }
-function _o(e, t, n) {
+function wo(e, t, n) {
   for (var o = 0, i = e.length; o < i; ++o)
     if (e[o].name === t) {
       e[o] = Gr, e = e.slice(0, o).concat(e.slice(o + 1));
@@ -344,7 +344,7 @@ function _o(e, t, n) {
   return n != null && e.push({ name: t, value: n }), e;
 }
 var Hn = "http://www.w3.org/1999/xhtml";
-const wo = {
+const _o = {
   svg: "http://www.w3.org/2000/svg",
   xhtml: Hn,
   xlink: "http://www.w3.org/1999/xlink",
@@ -353,7 +353,7 @@ const wo = {
 };
 function vn(e) {
   var t = e += "", n = t.indexOf(":");
-  return n >= 0 && (t = e.slice(0, n)) !== "xmlns" && (e = e.slice(n + 1)), wo.hasOwnProperty(t) ? { space: wo[t], local: e } : e;
+  return n >= 0 && (t = e.slice(0, n)) !== "xmlns" && (e = e.slice(n + 1)), _o.hasOwnProperty(t) ? { space: _o[t], local: e } : e;
 }
 function Zr(e) {
   return function() {
@@ -448,11 +448,11 @@ function ul(e) {
       (s = r[u]) && e.call(s, s.__data__, u, r) && a.push(s);
   return new Ie(o, this._parents);
 }
-function _i(e) {
+function wi(e) {
   return new Array(e.length);
 }
 function cl() {
-  return new Ie(this._enter || this._groups.map(_i), this._parents);
+  return new Ie(this._enter || this._groups.map(wi), this._parents);
 }
 function nn(e, t) {
   this.ownerDocument = e.ownerDocument, this.namespaceURI = e.namespaceURI, this._next = null, this._parent = e, this.__data__ = t;
@@ -503,9 +503,9 @@ function vl(e, t) {
   for (var r = i.length, l = new Array(r), a = new Array(r), s = new Array(r), u = 0; u < r; ++u) {
     var c = o[u], d = i[u], f = d.length, g = pl(e.call(c, c && c.__data__, u, o)), x = g.length, E = a[u] = new Array(x), S = l[u] = new Array(x), C = s[u] = new Array(f);
     n(c, d, E, S, C, g, t);
-    for (var M = 0, _ = 0, N, z; M < x; ++M)
+    for (var M = 0, w = 0, N, z; M < x; ++M)
       if (N = E[M]) {
-        for (M >= _ && (_ = M + 1); !(z = S[_]) && ++_ < x; )
+        for (M >= w && (w = M + 1); !(z = S[w]) && ++w < x; )
           ;
         N._next = z || null;
       }
@@ -516,13 +516,13 @@ function pl(e) {
   return typeof e == "object" && "length" in e ? e : Array.from(e);
 }
 function ml() {
-  return new Ie(this._exit || this._groups.map(_i), this._parents);
+  return new Ie(this._exit || this._groups.map(wi), this._parents);
 }
 function yl(e, t, n) {
   var o = this.enter(), i = this, r = this.exit();
   return typeof e == "function" ? (o = e(o), o && (o = o.selection())) : o = o.append(e + ""), t != null && (i = t(i), i && (i = i.selection())), n == null ? r.remove() : n(r), o && i ? o.merge(i).order() : i;
 }
-function _l(e) {
+function wl(e) {
   for (var t = e.selection ? e.selection() : e, n = this._groups, o = t._groups, i = n.length, r = o.length, l = Math.min(i, r), a = new Array(i), s = 0; s < l; ++s)
     for (var u = n[s], c = o[s], d = u.length, f = a[s] = new Array(d), g, x = 0; x < d; ++x)
       (g = u[x] || c[x]) && (f[x] = g);
@@ -530,7 +530,7 @@ function _l(e) {
     a[s] = n[s];
   return new Ie(a, this._parents);
 }
-function wl() {
+function _l() {
   for (var e = this._groups, t = -1, n = e.length; ++t < n; )
     for (var o = e[t], i = o.length - 1, r = o[i], l; --i >= 0; )
       (l = o[i]) && (r && l.compareDocumentPosition(r) ^ 4 && r.parentNode.insertBefore(l, r), r = l);
@@ -622,7 +622,7 @@ function Ol(e, t) {
   }
   return this.each((t == null ? n.local ? Pl : kl : typeof t == "function" ? n.local ? Al : Dl : n.local ? Tl : $l)(n, t));
 }
-function wi(e) {
+function _i(e) {
   return e.ownerDocument && e.ownerDocument.defaultView || e.document && e || e.defaultView;
 }
 function zl(e) {
@@ -645,7 +645,7 @@ function Rl(e, t, n) {
   return arguments.length > 1 ? this.each((t == null ? zl : typeof t == "function" ? Vl : Bl)(e, t, n ?? "")) : vt(this.node(), e);
 }
 function vt(e, t) {
-  return e.style.getPropertyValue(t) || wi(e).getComputedStyle(e, null).getPropertyValue(t);
+  return e.style.getPropertyValue(t) || _i(e).getComputedStyle(e, null).getPropertyValue(t);
 }
 function Hl(e) {
   return function() {
@@ -837,7 +837,7 @@ function ya(e, t, n) {
     this.addEventListener(e.type, r, n), i = { type: e.type, name: e.name, value: t, listener: r, options: n }, o ? o.push(i) : this.__on = [i];
   };
 }
-function _a(e, t, n) {
+function wa(e, t, n) {
   var o = pa(e + ""), i, r = o.length, l;
   if (arguments.length < 2) {
     var a = this.node().__on;
@@ -854,10 +854,10 @@ function _a(e, t, n) {
   return this;
 }
 function Ni(e, t, n) {
-  var o = wi(e), i = o.CustomEvent;
+  var o = _i(e), i = o.CustomEvent;
   typeof i == "function" ? i = new i(t, n) : (i = o.document.createEvent("Event"), n ? (i.initEvent(t, n.bubbles, n.cancelable), i.detail = n.detail) : i.initEvent(t, !1, !1)), e.dispatchEvent(i);
 }
-function wa(e, t) {
+function _a(e, t) {
   return function() {
     return Ni(this, e, t);
   };
@@ -868,7 +868,7 @@ function ba(e, t) {
   };
 }
 function Ea(e, t) {
-  return this.each((typeof t == "function" ? ba : wa)(e, t));
+  return this.each((typeof t == "function" ? ba : _a)(e, t));
 }
 function* xa() {
   for (var e = this._groups, t = 0, n = e.length; t < n; ++t)
@@ -896,9 +896,9 @@ Ie.prototype = Vt.prototype = {
   enter: cl,
   exit: ml,
   join: yl,
-  merge: _l,
+  merge: wl,
   selection: Sa,
-  order: wl,
+  order: _l,
   sort: bl,
   call: xl,
   nodes: Sl,
@@ -919,7 +919,7 @@ Ie.prototype = Vt.prototype = {
   remove: ca,
   clone: ha,
   datum: ga,
-  on: _a,
+  on: wa,
   dispatch: Ea,
   [Symbol.iterator]: xa
 };
@@ -1013,7 +1013,7 @@ function $a() {
   }
   function g(N, z) {
     if (!(c || !e.call(this, N, z))) {
-      var Y = _(this, t.call(this, N, z), N, z, "mouse");
+      var Y = w(this, t.call(this, N, z), N, z, "mouse");
       Y && (ke(N.view).on("mousemove.drag", x, $t).on("mouseup.drag", E, $t), Mi(N.view), Mn(N), u = !1, a = N.clientX, s = N.clientY, Y("start", N));
     }
   }
@@ -1031,7 +1031,7 @@ function $a() {
     if (e.call(this, N, z)) {
       var Y = N.changedTouches, F = t.call(this, N, z), I = Y.length, T, O;
       for (T = 0; T < I; ++T)
-        (O = _(this, F, N, z, Y[T].identifier, Y[T])) && (Mn(N), O("start", N, Y[T]));
+        (O = w(this, F, N, z, Y[T].identifier, Y[T])) && (Mn(N), O("start", N, Y[T]));
     }
   }
   function C(N) {
@@ -1046,8 +1046,8 @@ function $a() {
     }, 500), F = 0; F < Y; ++F)
       (I = i[z[F].identifier]) && (Mn(N), I("end", N, z[F]));
   }
-  function _(N, z, Y, F, I, T) {
-    var O = r.copy(), D = Oe(T || Y, z), w, Z, y;
+  function w(N, z, Y, F, I, T) {
+    var O = r.copy(), D = Oe(T || Y, z), _, Z, y;
     if ((y = n.call(N, new Ln("beforestart", {
       sourceEvent: Y,
       target: f,
@@ -1059,7 +1059,7 @@ function $a() {
       dy: 0,
       dispatch: O
     }), F)) != null)
-      return w = y.x - D[0] || 0, Z = y.y - D[1] || 0, function P(b, $, A) {
+      return _ = y.x - D[0] || 0, Z = y.y - D[1] || 0, function P(b, $, A) {
         var V = D, B;
         switch (b) {
           case "start":
@@ -1080,7 +1080,7 @@ function $a() {
             target: f,
             identifier: I,
             active: B,
-            x: D[0] + w,
+            x: D[0] + _,
             y: D[1] + Z,
             dx: D[0] - V[0],
             dy: D[1] - V[1],
@@ -1430,7 +1430,7 @@ function $i(e, t) {
   var n = t - e;
   return n ? Ga(e, n) : lo(isNaN(e) ? t : e);
 }
-const ln = function e(t) {
+const ln = (function e(t) {
   var n = Ua(t);
   function o(i, r) {
     var l = n((i = Fn(i)).r, (r = Fn(r)).r), a = n(i.g, r.g), s = n(i.b, r.b), u = $i(i.opacity, r.opacity);
@@ -1439,7 +1439,7 @@ const ln = function e(t) {
     };
   }
   return o.gamma = e, o;
-}(1);
+})(1);
 function Za(e, t) {
   t || (t = []);
   var n = e ? Math.min(t.length, e.length) : 0, o = t.slice(), i;
@@ -1579,7 +1579,7 @@ function rs(e) {
 function ls(e) {
   return ((e = Math.exp(2 * e)) - 1) / (e + 1);
 }
-const qt = function e(t, n, o) {
+const qt = (function e(t, n, o) {
   function i(r, l) {
     var a = r[0], s = r[1], u = r[2], c = l[0], d = l[1], f = l[2], g = c - a, x = d - s, E = g * g + x * x, S, C;
     if (E < is)
@@ -1591,7 +1591,7 @@ const qt = function e(t, n, o) {
         ];
       };
     else {
-      var M = Math.sqrt(E), _ = (f * f - u * u + o * E) / (2 * u * n * M), N = (f * f - u * u - o * E) / (2 * f * n * M), z = Math.log(Math.sqrt(_ * _ + 1) - _), Y = Math.log(Math.sqrt(N * N + 1) - N);
+      var M = Math.sqrt(E), w = (f * f - u * u + o * E) / (2 * u * n * M), N = (f * f - u * u - o * E) / (2 * f * n * M), z = Math.log(Math.sqrt(w * w + 1) - w), Y = Math.log(Math.sqrt(N * N + 1) - N);
       C = (Y - z) / t, S = function(F) {
         var I = F * C, T = Po(z), O = u / (n * M) * (T * ls(t * I + z) - rs(z));
         return [
@@ -1607,7 +1607,7 @@ const qt = function e(t, n, o) {
     var l = Math.max(1e-3, +r), a = l * l, s = a * a;
     return e(l, a, s);
   }, i;
-}(Math.SQRT2, 2, 4);
+})(Math.SQRT2, 2, 4);
 var pt = 0, St = 0, Et = 0, Oi = 1e3, an, Nt, sn = 0, rt = 0, pn = 0, At = typeof performance == "object" && performance.now ? performance : Date, zi = typeof window == "object" && window.requestAnimationFrame ? window.requestAnimationFrame.bind(window) : function(e) {
   setTimeout(e, 17);
 };
@@ -1828,12 +1828,12 @@ function ys(e) {
     this.removeAttribute(e);
   };
 }
-function _s(e) {
+function ws(e) {
   return function() {
     this.removeAttributeNS(e.space, e.local);
   };
 }
-function ws(e, t, n) {
+function _s(e, t, n) {
   var o, i = n + "", r;
   return function() {
     var l = this.getAttribute(e);
@@ -1863,7 +1863,7 @@ function xs(e, t, n) {
 }
 function Ss(e, t) {
   var n = vn(e), o = n === "transform" ? os : Ri;
-  return this.attrTween(e, typeof t == "function" ? (n.local ? xs : Es)(n, o, uo(this, "attr." + e, t)) : t == null ? (n.local ? _s : ys)(n) : (n.local ? bs : ws)(n, o, t));
+  return this.attrTween(e, typeof t == "function" ? (n.local ? xs : Es)(n, o, uo(this, "attr." + e, t)) : t == null ? (n.local ? ws : ys)(n) : (n.local ? bs : _s)(n, o, t));
 }
 function Ns(e, t) {
   return function(n) {
@@ -2275,10 +2275,10 @@ function Pn(e) {
 function xt(e) {
   e.preventDefault(), e.stopImmediatePropagation();
 }
-function _u(e) {
+function wu(e) {
   return (!e.ctrlKey || e.type === "wheel") && !e.button;
 }
-function wu() {
+function _u() {
   var e = this;
   return e instanceof SVGElement ? (e = e.ownerSVGElement || e, e.hasAttribute("viewBox") ? (e = e.viewBox.baseVal, [[e.x, e.y], [e.x + e.width, e.y + e.height]]) : [[0, 0], [e.width.baseVal.value, e.height.baseVal.value]]) : [[0, 0], [e.clientWidth, e.clientHeight]];
 }
@@ -2299,9 +2299,9 @@ function xu(e, t, n) {
   );
 }
 function Su() {
-  var e = _u, t = wu, n = xu, o = bu, i = Eu, r = [0, 1 / 0], l = [[-1 / 0, -1 / 0], [1 / 0, 1 / 0]], a = 250, s = qt, u = gn("start", "zoom", "end"), c, d, f, g = 500, x = 150, E = 0, S = 10;
+  var e = wu, t = _u, n = xu, o = bu, i = Eu, r = [0, 1 / 0], l = [[-1 / 0, -1 / 0], [1 / 0, 1 / 0]], a = 250, s = qt, u = gn("start", "zoom", "end"), c, d, f, g = 500, x = 150, E = 0, S = 10;
   function C(y) {
-    y.property("__zoom", Oo).on("wheel.zoom", I, { passive: !1 }).on("mousedown.zoom", T).on("dblclick.zoom", O).filter(i).on("touchstart.zoom", D).on("touchmove.zoom", w).on("touchend.zoom touchcancel.zoom", Z).style("-webkit-tap-highlight-color", "rgba(0,0,0,0)");
+    y.property("__zoom", Oo).on("wheel.zoom", I, { passive: !1 }).on("mousedown.zoom", T).on("dblclick.zoom", O).filter(i).on("touchstart.zoom", D).on("touchmove.zoom", _).on("touchend.zoom touchcancel.zoom", Z).style("-webkit-tap-highlight-color", "rgba(0,0,0,0)");
   }
   C.transform = function(y, P, b, $) {
     var A = y.selection ? y.selection() : y;
@@ -2316,7 +2316,7 @@ function Su() {
   }, C.scaleTo = function(y, P, b, $) {
     C.transform(y, function() {
       var A = t.apply(this, arguments), V = this.__zoom, B = b == null ? N(A) : typeof b == "function" ? b.apply(this, arguments) : b, W = V.invert(B), j = typeof P == "function" ? P.apply(this, arguments) : P;
-      return n(_(M(V, j), B, W), A, l);
+      return n(w(M(V, j), B, W), A, l);
     }, b, $);
   }, C.translateBy = function(y, P, b, $) {
     C.transform(y, function() {
@@ -2337,7 +2337,7 @@ function Su() {
   function M(y, P) {
     return P = Math.max(r[0], Math.min(r[1], P)), P === y.k ? y : new Ge(P, y.x, y.y);
   }
-  function _(y, P, b) {
+  function w(y, P, b) {
     var $ = P[0] - b[0] * y.k, A = P[1] - b[1] * y.k;
     return $ === y.x && A === y.y ? y : new Ge(y.k, $, A);
   }
@@ -2407,7 +2407,7 @@ function Su() {
         return;
       b.mouse = [V, $.invert(V)], jt(this), b.start();
     }
-    xt(y), b.wheel = setTimeout(B, x), b.zoom("mouse", n(_(M($, A), b.mouse[0], b.mouse[1]), b.extent, l));
+    xt(y), b.wheel = setTimeout(B, x), b.zoom("mouse", n(w(M($, A), b.mouse[0], b.mouse[1]), b.extent, l));
     function B() {
       b.wheel = null, b.end();
     }
@@ -2422,7 +2422,7 @@ function Su() {
         var G = H.clientX - B, q = H.clientY - W;
         $.moved = G * G + q * q > E;
       }
-      $.event(H).zoom("mouse", n(_($.that.__zoom, $.mouse[0] = Oe(H, b), $.mouse[1]), $.extent, l));
+      $.event(H).zoom("mouse", n(w($.that.__zoom, $.mouse[0] = Oe(H, b), $.mouse[1]), $.extent, l));
     }
     function re(H) {
       A.on("mousemove.zoom mouseup.zoom", null), Ii(H.view, $.moved), xt(H), $.event(H).end();
@@ -2430,7 +2430,7 @@ function Su() {
   }
   function O(y, ...P) {
     if (e.apply(this, arguments)) {
-      var b = this.__zoom, $ = Oe(y.changedTouches ? y.changedTouches[0] : y, this), A = b.invert($), V = b.k * (y.shiftKey ? 0.5 : 2), B = n(_(M(b, V), $, A), t.apply(this, P), l);
+      var b = this.__zoom, $ = Oe(y.changedTouches ? y.changedTouches[0] : y, this), A = b.invert($), V = b.k * (y.shiftKey ? 0.5 : 2), B = n(w(M(b, V), $, A), t.apply(this, P), l);
       xt(y), a > 0 ? ke(this).transition().duration(a).call(z, B, $, y) : ke(this).call(C.transform, B, $, y);
     }
   }
@@ -2444,7 +2444,7 @@ function Su() {
       }, g)), jt(this), A.start());
     }
   }
-  function w(y, ...P) {
+  function _(y, ...P) {
     if (this.__zooming) {
       var b = Y(this, P).event(y), $ = y.changedTouches, A = $.length, V, B, W, j;
       for (xt(y), V = 0; V < A; ++V)
@@ -2456,7 +2456,7 @@ function Su() {
         W = b.touch0[0], j = b.touch0[1];
       else
         return;
-      b.zoom("touch", n(_(B, W, j), b.extent, l));
+      b.zoom("touch", n(w(B, W, j), b.extent, l));
     }
   }
   function Z(y, ...P) {
@@ -2728,7 +2728,7 @@ function Ot({ x: e, y: t }, { x: n, y: o, zoom: i }, r = !1, l = [1, 1]) {
     x: (e - n) / i,
     y: (t - o) / i
   };
-  return r ? _n(a, l) : a;
+  return r ? wn(a, l) : a;
 }
 function zu(e, t) {
   return {
@@ -3202,7 +3202,7 @@ function Uu(e) {
     height: ((n = e.dimensions) == null ? void 0 : n.height) ?? e.height ?? 0
   };
 }
-function _n(e, t = [1, 1]) {
+function wn(e, t = [1, 1]) {
   return {
     x: t[0] * Math.round(e.x / t[0]),
     y: t[1] * Math.round(e.y / t[1])
@@ -3256,7 +3256,7 @@ function Zo(e, {
   flowId: s,
   isValidConnection: u = Zu
 }, c, d, f) {
-  const g = r === "target", x = t ? l.querySelector(`.${a}-flow__handle[data-id="${s}-${t?.nodeId}-${t?.id}-${t?.type}"]`) : null, { x: E, y: S } = Be(e), C = l.elementFromPoint(E, S), M = C?.classList.contains(`${a}-flow__handle`) ? C : x, _ = {
+  const g = r === "target", x = t ? l.querySelector(`.${a}-flow__handle[data-id="${s}-${t?.nodeId}-${t?.id}-${t?.type}"]`) : null, { x: E, y: S } = Be(e), C = l.elementFromPoint(E, S), M = C?.classList.contains(`${a}-flow__handle`) ? C : x, w = {
     handleDomNode: M,
     isValid: !1,
     connection: null,
@@ -3265,23 +3265,23 @@ function Zo(e, {
   if (M) {
     const N = nr(void 0, M), z = M.getAttribute("data-nodeid"), Y = M.getAttribute("data-handleid"), F = M.classList.contains("connectable"), I = M.classList.contains("connectableend");
     if (!z || !N)
-      return _;
+      return w;
     const T = {
       source: g ? z : o,
       sourceHandle: g ? Y : i,
       target: g ? o : z,
       targetHandle: g ? i : Y
     };
-    _.connection = T;
+    w.connection = T;
     const D = F && I && (n === Je.Strict ? g && N === "source" || !g && N === "target" : z !== o || Y !== i);
-    _.isValid = D && u(T, {
+    w.isValid = D && u(T, {
       nodes: d,
       edges: c,
       sourceNode: f(o),
       targetNode: f(z)
-    }), _.toHandle = t;
+    }), w.toHandle = t;
   }
-  return _;
+  return w;
 }
 function nr(e, t) {
   return e || (t?.classList.contains("target") ? "target" : t?.classList.contains("source") ? "source" : null);
@@ -3308,7 +3308,7 @@ const Jn = {
   [R.Top]: R.Bottom,
   [R.Bottom]: R.Top
 }, ec = ["production", "prod"];
-function wn(e, ...t) {
+function _n(e, ...t) {
   or() && console.warn(`[Vue Flow]: ${e}`, ...t);
 }
 function or() {
@@ -3464,9 +3464,9 @@ function lr(e) {
     selectNodesOnDrag: S,
     removeSelectedElements: C,
     addSelectedNodes: M,
-    updateNodePositions: _,
+    updateNodePositions: w,
     emits: N
-  } = we(), { onStart: z, onDrag: Y, onStop: F, onClick: I, el: T, disabled: O, id: D, selectable: w, dragHandle: Z } = e, y = tn(!1);
+  } = _e(), { onStart: z, onDrag: Y, onStop: F, onClick: I, el: T, disabled: O, id: D, selectable: _, dragHandle: Z } = e, y = tn(!1);
   let P = [], b, $ = null, A = { x: void 0, y: void 0 }, V = { x: 0, y: 0 }, B = null, W = !1, j = 0, re = !1;
   const H = ac(), G = ({ x: Q, y: ie }) => {
     A = { x: Q, y: ie };
@@ -3474,13 +3474,13 @@ function lr(e) {
     if (P = P.map((v) => {
       const h = { x: Q - v.distance.x, y: ie - v.distance.y }, { computedPosition: m } = fo(
         v,
-        n.value ? _n(h, o.value) : h,
+        n.value ? wn(h, o.value) : h,
         N.error,
         l.value,
         v.parentNode ? g(v.parentNode) : void 0
       );
       return le = le || v.position.x !== m.x || v.position.y !== m.y, v.position = m, v;
-    }), !!le && (_(P, !0, !0), y.value = !0, B)) {
+    }), !!le && (w(P, !0, !0), y.value = !0, B)) {
       const [v, h] = Tn({
         id: D,
         dragItems: P,
@@ -3503,7 +3503,7 @@ function lr(e) {
   }, se = (Q, ie) => {
     W = !0;
     const le = g(D);
-    !S.value && !x.value && le && (le.selected || C()), le && ce(w) && S.value && Qn(
+    !S.value && !x.value && le && (le.selected || C()), le && ce(_) && S.value && Qn(
       le,
       x.value,
       M,
@@ -3538,7 +3538,7 @@ function lr(e) {
       p !== 0 && p <= a.value && (I?.(le), ie = !0);
     }
     if (P.length && !ie) {
-      _(P, !1, !1);
+      w(P, !1, !1);
       const [le, v] = Tn({
         id: D,
         dragItems: P,
@@ -3608,10 +3608,10 @@ function lc(e, t) {
   );
 }
 function ac() {
-  const { viewport: e, snapGrid: t, snapToGrid: n, vueFlowRef: o } = we();
+  const { viewport: e, snapGrid: t, snapToGrid: n, vueFlowRef: o } = _e();
   return (i) => {
     var r;
-    const l = ((r = o.value) == null ? void 0 : r.getBoundingClientRect()) ?? { left: 0, top: 0 }, a = Xu(i) ? i.sourceEvent : i, { x: s, y: u } = Be(a, l), c = Ot({ x: s, y: u }, e.value), { x: d, y: f } = n.value ? _n(c, t.value) : c;
+    const l = ((r = o.value) == null ? void 0 : r.getBoundingClientRect()) ?? { left: 0, top: 0 }, a = Xu(i) ? i.sourceEvent : i, { x: s, y: u } = Be(a, l), c = Ot({ x: s, y: u }, e.value), { x: d, y: f } = n.value ? wn(c, t.value) : c;
     return {
       xSnapped: d,
       ySnapped: f,
@@ -3644,7 +3644,7 @@ function ar({
     findNode: S,
     panBy: C,
     startConnection: M,
-    updateConnection: _,
+    updateConnection: w,
     endConnection: N,
     emits: z,
     viewport: Y,
@@ -3652,8 +3652,8 @@ function ar({
     nodes: I,
     isValidConnection: T,
     nodeLookup: O
-  } = we();
-  let D = null, w = !1, Z = null;
+  } = _e();
+  let D = null, _ = !1, Z = null;
   function y(b) {
     var $;
     const A = ce(n) === "target", V = ho(b), B = Bo(b.target);
@@ -3683,19 +3683,19 @@ function ar({
           I.value,
           S
         );
-        Z = ae.handleDomNode, D = ae.connection, w = Qu(!!G, ae.isValid);
+        Z = ae.handleDomNode, D = ae.connection, _ = Qu(!!G, ae.isValid);
         const de = {
           // from stays the same
           ...U,
-          isValid: w,
-          to: ae.toHandle && w ? qn({ x: ae.toHandle.x, y: ae.toHandle.y }, Y.value) : v,
+          isValid: _,
+          to: ae.toHandle && _ ? qn({ x: ae.toHandle.x, y: ae.toHandle.y }, Y.value) : v,
           toHandle: ae.toHandle,
-          toPosition: w && ae.toHandle ? ae.toHandle.position : Jn[p.position],
+          toPosition: _ && ae.toHandle ? ae.toHandle.position : Jn[p.position],
           toNode: ae.toHandle ? O.value.get(ae.toHandle.nodeId) : null
         };
-        if (!(w && G && U?.toHandle && de.toHandle && U.toHandle.type === de.toHandle.type && U.toHandle.nodeId === de.toHandle.nodeId && U.toHandle.id === de.toHandle.id && U.to.x === de.to.x && U.to.y === de.to.y)) {
-          if (_(
-            G && w ? qn(
+        if (!(_ && G && U?.toHandle && de.toHandle && U.toHandle.type === de.toHandle.type && U.toHandle.nodeId === de.toHandle.nodeId && U.toHandle.id === de.toHandle.id && U.to.x === de.to.x && U.to.y === de.to.y)) {
+          if (w(
+            G && _ ? qn(
               {
                 x: G.x,
                 y: G.y
@@ -3703,13 +3703,13 @@ function ar({
               Y.value
             ) : v,
             ae.toHandle,
-            Ju(!!G, w)
-          ), U = de, !G && !w && !Z)
+            Ju(!!G, _)
+          ), U = de, !G && !_ && !Z)
             return Dn(le);
-          D && D.source !== D.target && Z && (Dn(le), le = Z, Z.classList.add("connecting", "vue-flow__handle-connecting"), Z.classList.toggle("valid", !!w), Z.classList.toggle("vue-flow__handle-valid", !!w));
+          D && D.source !== D.target && Z && (Dn(le), le = Z, Z.classList.add("connecting", "vue-flow__handle-connecting"), Z.classList.toggle("valid", !!_), Z.classList.toggle("vue-flow__handle-valid", !!_));
         }
       }, j = function(ee) {
-        (G || Z) && D && w && (r ? r(ee, D) : z.connect(D)), z.connectEnd(ee), i && l?.(ee), Dn(le), cancelAnimationFrame(q), N(ee), h = !1, w = !1, D = null, Z = null, B.removeEventListener("mousemove", W), B.removeEventListener("mouseup", j), B.removeEventListener("touchmove", W), B.removeEventListener("touchend", j);
+        (G || Z) && D && _ && (r ? r(ee, D) : z.connect(D)), z.connectEnd(ee), i && l?.(ee), Dn(le), cancelAnimationFrame(q), N(ee), h = !1, _ = !1, D = null, Z = null, B.removeEventListener("mousemove", W), B.removeEventListener("mouseup", j), B.removeEventListener("touchmove", W), B.removeEventListener("touchend", j);
       };
       const re = S(ce(t));
       let H = ce(o) || T.value || Ut;
@@ -3816,10 +3816,10 @@ function ar({
   };
 }
 function sc() {
-  return wt(ir, "");
+  return _t(ir, "");
 }
 function sr(e) {
-  const t = e ?? sc() ?? "", n = wt(rr, ge(null)), { findNode: o, edges: i, emits: r } = we(), l = o(t);
+  const t = e ?? sc() ?? "", n = _t(rr, ge(null)), { findNode: o, edges: i, emits: r } = _e(), l = o(t);
   return l || r.error(new Se(xe.NODE_NOT_FOUND, t)), {
     id: t,
     nodeEl: n,
@@ -3876,7 +3876,7 @@ function cc(e, t) {
   );
 }
 function ur() {
-  const { getSelectedNodes: e, nodeExtent: t, updateNodePositions: n, findNode: o, snapGrid: i, snapToGrid: r, nodesDraggable: l, emits: a } = we();
+  const { getSelectedNodes: e, nodeExtent: t, updateNodePositions: n, findNode: o, snapGrid: i, snapToGrid: r, nodesDraggable: l, emits: a } = _e();
   return (s, u = !1) => {
     const c = r.value ? i.value[0] : 5, d = r.value ? i.value[1] : 5, f = u ? 4 : 1, g = s.x * c * f, x = s.y * d * f, E = [];
     for (const S of e.value)
@@ -3901,7 +3901,7 @@ function ur() {
 }
 const zn = 0.1, dc = (e) => ((e *= 2) <= 1 ? e * e * e : (e -= 2) * e * e + 2) / 2;
 function Ze() {
-  return wn("Viewport not initialized yet."), Promise.resolve(!1);
+  return _n("Viewport not initialized yet."), Promise.resolve(!1);
 }
 const fc = {
   zoomIn: Ze,
@@ -4039,15 +4039,15 @@ function gc(e, t, n) {
       o.run(() => {
         let E, S, C = !!(n.nodes.value.length || n.edges.value.length);
         E = at([e.modelValue, () => {
-          var M, _;
-          return (_ = (M = e.modelValue) == null ? void 0 : M.value) == null ? void 0 : _.length;
+          var M, w;
+          return (w = (M = e.modelValue) == null ? void 0 : M.value) == null ? void 0 : w.length;
         }], ([M]) => {
           M && Array.isArray(M) && (S?.pause(), n.setElements(M), !S && !C && M.length ? C = !0 : S?.resume());
         }), S = at(
           [n.nodes, n.edges, () => n.edges.value.length, () => n.nodes.value.length],
-          ([M, _]) => {
+          ([M, w]) => {
             var N;
-            (N = e.modelValue) != null && N.value && Array.isArray(e.modelValue.value) && (E?.pause(), e.modelValue.value = [...M, ..._], $e(() => {
+            (N = e.modelValue) != null && N.value && Array.isArray(e.modelValue.value) && (E?.pause(), e.modelValue.value = [...M, ...w], $e(() => {
               E?.resume();
             }));
           },
@@ -4060,15 +4060,15 @@ function gc(e, t, n) {
       o.run(() => {
         let E, S, C = !!n.nodes.value.length;
         E = at([e.nodes, () => {
-          var M, _;
-          return (_ = (M = e.nodes) == null ? void 0 : M.value) == null ? void 0 : _.length;
+          var M, w;
+          return (w = (M = e.nodes) == null ? void 0 : M.value) == null ? void 0 : w.length;
         }], ([M]) => {
           M && Array.isArray(M) && (S?.pause(), n.setNodes(M), !S && !C && M.length ? C = !0 : S?.resume());
         }), S = at(
           [n.nodes, () => n.nodes.value.length],
           ([M]) => {
-            var _;
-            (_ = e.nodes) != null && _.value && Array.isArray(e.nodes.value) && (E?.pause(), e.nodes.value = [...M], $e(() => {
+            var w;
+            (w = e.nodes) != null && w.value && Array.isArray(e.nodes.value) && (E?.pause(), e.nodes.value = [...M], $e(() => {
               E?.resume();
             }));
           },
@@ -4081,15 +4081,15 @@ function gc(e, t, n) {
       o.run(() => {
         let E, S, C = !!n.edges.value.length;
         E = at([e.edges, () => {
-          var M, _;
-          return (_ = (M = e.edges) == null ? void 0 : M.value) == null ? void 0 : _.length;
+          var M, w;
+          return (w = (M = e.edges) == null ? void 0 : M.value) == null ? void 0 : w.length;
         }], ([M]) => {
           M && Array.isArray(M) && (S?.pause(), n.setEdges(M), !S && !C && M.length ? C = !0 : S?.resume());
         }), S = at(
           [n.edges, () => n.edges.value.length],
           ([M]) => {
-            var _;
-            (_ = e.edges) != null && _.value && Array.isArray(e.edges.value) && (E?.pause(), e.edges.value = [...M], $e(() => {
+            var w;
+            (w = e.edges) != null && w.value && Array.isArray(e.edges.value) && (E?.pause(), e.edges.value = [...M], $e(() => {
               E?.resume();
             }));
           },
@@ -4194,12 +4194,12 @@ function gc(e, t, n) {
       for (const S of Object.keys(t)) {
         const C = S;
         if (!E.includes(C)) {
-          const M = be(() => t[C]), _ = n[C];
-          no(_) && o.run(() => {
+          const M = be(() => t[C]), w = n[C];
+          no(w) && o.run(() => {
             ve(
               M,
               (N) => {
-                Ee(N) && (_.value = N);
+                Ee(N) && (w.value = N);
               },
               { immediate: !0 }
             );
@@ -4266,7 +4266,7 @@ function vc() {
     edgeUpdate: L(),
     edgeUpdateEnd: L(),
     updateNodeInternals: L(),
-    error: L((e) => wn(e.message))
+    error: L((e) => _n(e.message))
   };
 }
 function pc(e, t) {
@@ -4481,7 +4481,7 @@ function yc(e, t, n) {
   }, M = (v) => {
     const m = (v || e.edges).map((p) => (p.selected = !1, We(p.id, !1)));
     e.hooks.edgesChange.trigger(m);
-  }, _ = (v) => {
+  }, w = (v) => {
     if (!v || !v.length)
       return g([], !1);
     const h = v.reduce(
@@ -4526,7 +4526,7 @@ function yc(e, t, n) {
       e.edges
     );
     An(e.connectionLookup, n.value, m), e.edges = m;
-  }, w = (v) => {
+  }, _ = (v) => {
     const h = v instanceof Function ? v([...e.nodes, ...e.edges]) : v;
     !e.initialized && !h.length || (O(h.filter(ot)), D(h.filter(Qe)));
   }, Z = (v) => {
@@ -4679,7 +4679,7 @@ function yc(e, t, n) {
     ];
     Ee(h.defaultEdgeOptions) && (e.defaultEdgeOptions = h.defaultEdgeOptions);
     const p = h.modelValue || h.nodes || h.edges ? [] : void 0;
-    p && (h.modelValue && p.push(...h.modelValue), h.nodes && p.push(...h.nodes), h.edges && p.push(...h.edges), w(p));
+    p && (h.modelValue && p.push(...h.modelValue), h.nodes && p.push(...h.nodes), h.edges && p.push(...h.edges), _(p));
     const k = () => {
       Ee(h.maxZoom) && z(h.maxZoom), Ee(h.minZoom) && N(h.minZoom), Ee(h.translateExtent) && Y(h.translateExtent);
     };
@@ -4692,7 +4692,7 @@ function yc(e, t, n) {
   return {
     updateNodePositions: d,
     updateNodeDimensions: f,
-    setElements: w,
+    setElements: _,
     setNodes: O,
     setEdges: D,
     addNodes: Z,
@@ -4715,7 +4715,7 @@ function yc(e, t, n) {
     setTranslateExtent: Y,
     setNodeExtent: F,
     setPaneClickDistance: I,
-    removeSelectedElements: _,
+    removeSelectedElements: w,
     removeSelectedNodes: C,
     removeSelectedEdges: M,
     startConnection: re,
@@ -4806,11 +4806,11 @@ function yc(e, t, n) {
     }
   };
 }
-const _c = ["data-id", "data-handleid", "data-nodeid", "data-handlepos"], wc = {
+const wc = ["data-id", "data-handleid", "data-nodeid", "data-handlepos"], _c = {
   name: "Handle",
   compatConfig: { MODE: 3 }
-}, _t = /* @__PURE__ */ me({
-  ...wc,
+}, wt = /* @__PURE__ */ me({
+  ..._c,
   props: {
     id: { default: null },
     type: {},
@@ -4830,15 +4830,15 @@ const _c = ["data-id", "data-handleid", "data-nodeid", "data-handlepos"], wc = {
       nodesConnectable: c,
       noDragClassName: d,
       noPanClassName: f
-    } = we(), { id: g, node: x, nodeEl: E, connectedEdges: S } = sr(), C = ge(), M = be(() => typeof e.connectableStart < "u" ? e.connectableStart : !0), _ = be(() => typeof e.connectableEnd < "u" ? e.connectableEnd : !0), N = be(
+    } = _e(), { id: g, node: x, nodeEl: E, connectedEdges: S } = sr(), C = ge(), M = be(() => typeof e.connectableStart < "u" ? e.connectableStart : !0), w = be(() => typeof e.connectableEnd < "u" ? e.connectableEnd : !0), N = be(
       () => {
-        var D, w, Z, y, P, b;
-        return ((D = l.value) == null ? void 0 : D.nodeId) === g && ((w = l.value) == null ? void 0 : w.id) === e.id && ((Z = l.value) == null ? void 0 : Z.type) === o.value || ((y = s.value) == null ? void 0 : y.nodeId) === g && ((P = s.value) == null ? void 0 : P.id) === e.id && ((b = s.value) == null ? void 0 : b.type) === o.value;
+        var D, _, Z, y, P, b;
+        return ((D = l.value) == null ? void 0 : D.nodeId) === g && ((_ = l.value) == null ? void 0 : _.id) === e.id && ((Z = l.value) == null ? void 0 : Z.type) === o.value || ((y = s.value) == null ? void 0 : y.nodeId) === g && ((P = s.value) == null ? void 0 : P.id) === e.id && ((b = s.value) == null ? void 0 : b.type) === o.value;
       }
     ), z = be(
       () => {
-        var D, w, Z;
-        return ((D = a.value) == null ? void 0 : D.nodeId) === g && ((w = a.value) == null ? void 0 : w.id) === e.id && ((Z = a.value) == null ? void 0 : Z.type) === o.value;
+        var D, _, Z;
+        return ((D = a.value) == null ? void 0 : D.nodeId) === g && ((_ = a.value) == null ? void 0 : _.id) === e.id && ((Z = a.value) == null ? void 0 : Z.type) === o.value;
       }
     ), { handlePointerDown: Y, handleClick: F } = ar({
       nodeId: g,
@@ -4846,18 +4846,18 @@ const _c = ["data-id", "data-handleid", "data-nodeid", "data-handlepos"], wc = {
       isValidConnection: i,
       type: o
     }), I = ne(() => typeof e.connectable == "string" && e.connectable === "single" ? !S.value.some((D) => {
-      const w = D[`${o.value}Handle`];
-      return D[o.value] !== g ? !1 : w ? w === e.id : !0;
+      const _ = D[`${o.value}Handle`];
+      return D[o.value] !== g ? !1 : _ ? _ === e.id : !0;
     }) : typeof e.connectable == "number" ? S.value.filter((D) => {
-      const w = D[`${o.value}Handle`];
-      return D[o.value] !== g ? !1 : w ? w === e.id : !0;
+      const _ = D[`${o.value}Handle`];
+      return D[o.value] !== g ? !1 : _ ? _ === e.id : !0;
     }).length < e.connectable : typeof e.connectable == "function" ? e.connectable(x, S.value) : Ee(e.connectable) ? e.connectable : c.value);
     Ue(() => {
       var D;
       if (!x.dimensions.width || !x.dimensions.height)
         return;
-      const w = (D = x.handleBounds[o.value]) == null ? void 0 : D.find((V) => V.id === e.id);
-      if (!u.value || w)
+      const _ = (D = x.handleBounds[o.value]) == null ? void 0 : D.find((V) => V.id === e.id);
+      if (!u.value || _)
         return;
       const Z = u.value.querySelector(".vue-flow__transformationpane");
       if (!E.value || !C.value || !Z || !e.id)
@@ -4874,8 +4874,8 @@ const _c = ["data-id", "data-handleid", "data-nodeid", "data-handlepos"], wc = {
       x.handleBounds[o.value] = [...x.handleBounds[o.value] ?? [], A];
     });
     function T(D) {
-      const w = ho(D);
-      I.value && M.value && (w && D.button === 0 || !w) && Y(D);
+      const _ = ho(D);
+      I.value && M.value && (_ && D.button === 0 || !_) && Y(D);
     }
     function O(D) {
       !g || !a.value && !M.value || I.value && F(D);
@@ -4885,7 +4885,7 @@ const _c = ["data-id", "data-handleid", "data-nodeid", "data-handlepos"], wc = {
       handlePointerDown: Y,
       onClick: O,
       onPointerDown: T
-    }), (D, w) => (oe(), he("div", {
+    }), (D, _) => (oe(), he("div", {
       ref_key: "handle",
       ref: C,
       "data-id": `${J(r)}-${J(g)}-${e.id}-${o.value}`,
@@ -4902,8 +4902,8 @@ const _c = ["data-id", "data-handleid", "data-nodeid", "data-handlepos"], wc = {
           connectable: I.value,
           connecting: z.value,
           connectablestart: M.value,
-          connectableend: _.value,
-          connectionindicator: I.value && (M.value && !N.value || _.value && N.value)
+          connectableend: w.value,
+          connectionindicator: I.value && (M.value && !N.value || w.value && N.value)
         }
       ]]),
       onMousedown: T,
@@ -4911,7 +4911,7 @@ const _c = ["data-id", "data-handleid", "data-nodeid", "data-handlepos"], wc = {
       onClick: O
     }, [
       qe(D.$slots, "default", { id: D.id })
-    ], 42, _c));
+    ], 42, wc));
   }
 }), En = function({
   sourcePosition: e = R.Bottom,
@@ -4924,9 +4924,9 @@ const _c = ["data-id", "data-handleid", "data-nodeid", "data-handlepos"], wc = {
 }) {
   const a = l.label ?? n;
   return [
-    pe(_t, { type: "target", position: t, connectable: o, isValidConnection: i }),
+    pe(wt, { type: "target", position: t, connectable: o, isValidConnection: i }),
     typeof a != "string" && a ? pe(a) : pe(Te, [a]),
-    pe(_t, { type: "source", position: e, connectable: o, isValidConnection: r })
+    pe(wt, { type: "source", position: e, connectable: o, isValidConnection: r })
   ];
 };
 En.props = ["sourcePosition", "targetPosition", "label", "isValidTargetPos", "isValidSourcePos", "connectable", "data"];
@@ -4941,7 +4941,7 @@ const bc = En, xn = function({
 }) {
   const r = i.label ?? t;
   return [
-    pe(_t, { type: "target", position: e, connectable: n, isValidConnection: o }),
+    pe(wt, { type: "target", position: e, connectable: n, isValidConnection: o }),
     typeof r != "string" && r ? pe(r) : pe(Te, [r])
   ];
 };
@@ -4958,7 +4958,7 @@ const Ec = xn, Sn = function({
   const r = i.label ?? t;
   return [
     typeof r != "string" && r ? pe(r) : pe(Te, [r]),
-    pe(_t, { type: "source", position: e, connectable: n, isValidConnection: o })
+    pe(wt, { type: "source", position: e, connectable: n, isValidConnection: o })
   ];
 };
 Sn.props = ["sourcePosition", "label", "isValidSourcePos", "connectable", "data"];
@@ -5003,7 +5003,7 @@ const xc = Sn, Sc = ["transform"], Nc = ["width", "height", "x", "y", "rx", "ry"
         rx: r.labelBgBorderRadius,
         ry: r.labelBgBorderRadius
       }, null, 12, Nc)) : Ne("", !0),
-      _e("text", en(r.$attrs, {
+      we("text", en(r.$attrs, {
         ref_key: "el",
         ref: n,
         class: "vue-flow__edge-text",
@@ -5047,7 +5047,7 @@ const xc = Sn, Sc = ["transform"], Nc = ["width", "height", "x", "y", "rx", "ry"
       interactionEl: o,
       labelEl: i
     }), (l, a) => (oe(), he(Te, null, [
-      _e("path", en(J(r), {
+      we("path", en(J(r), {
         id: l.id,
         ref_key: "pathEl",
         ref: n,
@@ -5248,14 +5248,14 @@ function Dc({
     target: u
   }), d = c.x !== 0 ? "x" : "y", f = c[d];
   let g, x, E;
-  const S = { x: 0, y: 0 }, C = { x: 0, y: 0 }, [M, _, N, z] = dr({
+  const S = { x: 0, y: 0 }, C = { x: 0, y: 0 }, [M, w, N, z] = dr({
     sourceX: e.x,
     sourceY: e.y,
     targetX: n.x,
     targetY: n.y
   });
   if (l[d] * a[d] === -1) {
-    x = i.x ?? M, E = i.y ?? _;
+    x = i.x ?? M, E = i.y ?? w;
     const F = [
       { x, y: s.y },
       { x, y: u.y }
@@ -5277,8 +5277,8 @@ function Dc({
       const Z = d === "x" ? "y" : "x", y = l[d] === a[Z], P = s[Z] > u[Z], b = s[Z] < u[Z];
       (l[d] === 1 && (!y && P || y && b) || l[d] !== 1 && (!y && b || y && P)) && (g = d === "x" ? F : I);
     }
-    const T = { x: s.x + S.x, y: s.y + S.y }, O = { x: u.x + C.x, y: u.y + C.y }, D = Math.max(Math.abs(T.x - g[0].x), Math.abs(O.x - g[0].x)), w = Math.max(Math.abs(T.y - g[0].y), Math.abs(O.y - g[0].y));
-    D >= w ? (x = (T.x + O.x) / 2, E = g[0].y) : (x = g[0].x, E = (T.y + O.y) / 2);
+    const T = { x: s.x + S.x, y: s.y + S.y }, O = { x: u.x + C.x, y: u.y + C.y }, D = Math.max(Math.abs(T.x - g[0].x), Math.abs(O.x - g[0].x)), _ = Math.max(Math.abs(T.y - g[0].y), Math.abs(O.y - g[0].y));
+    D >= _ ? (x = (T.x + O.x) / 2, E = g[0].y) : (x = g[0].x, E = (T.y + O.y) / 2);
   }
   return [[
     e,
@@ -5319,9 +5319,9 @@ function jn(e) {
     center: { x: s, y: u },
     offset: c
   });
-  return [d.reduce((C, M, _) => {
+  return [d.reduce((C, M, w) => {
     let N;
-    return _ > 0 && _ < d.length - 1 ? N = Ac(d[_ - 1], M, d[_ + 1], a) : N = `${_ === 0 ? "M" : "L"}${M.x} ${M.y}`, C += N, C;
+    return w > 0 && w < d.length - 1 ? N = Ac(d[w - 1], M, d[w + 1], a) : N = `${w === 0 ? "M" : "L"}${M.x} ${M.y}`, C += N, C;
   }, ""), f, g, x, E];
 }
 function Oc(e) {
@@ -5649,11 +5649,11 @@ class et {
     return `vue-flow-${this.currentId++}`;
   }
 }
-function we(e) {
+function _e(e) {
   const t = et.getInstance(), n = ii(), o = typeof e == "object", i = o ? e : { id: e }, r = i.id, l = r ?? n?.vueFlowId;
   let a;
   if (n) {
-    const s = wt(Qo, null);
+    const s = _t(Qo, null);
     typeof s < "u" && s !== null && (!l || s.id === l) && (a = s);
   }
   if (a || l && (a = t.get(l)), !a || l && a.id !== l) {
@@ -5675,7 +5675,7 @@ function we(e) {
       ), hn(() => {
         if (a) {
           const d = t.get(a.id);
-          d ? d.$destroy() : wn(`No store instance found for id ${a.id} in storage.`);
+          d ? d.$destroy() : _n(`No store instance found for id ${a.id} in storage.`);
         }
       });
     });
@@ -5688,7 +5688,7 @@ function we(e) {
   return a;
 }
 function Wc(e) {
-  const { emits: t, dimensions: n } = we();
+  const { emits: t, dimensions: n } = _e();
   let o;
   Ue(() => {
     const i = e.value, r = () => {
@@ -5726,7 +5726,7 @@ const Kc = {
 }, jc = /* @__PURE__ */ me({
   ...Qc,
   setup(e) {
-    const { emits: t, viewport: n, getSelectedNodes: o, noPanClassName: i, disableKeyboardA11y: r, userSelectionActive: l } = we(), a = ur(), s = ge(null), u = lr({
+    const { emits: t, viewport: n, getSelectedNodes: o, noPanClassName: i, disableKeyboardA11y: r, userSelectionActive: l } = _e(), a = ur(), s = ge(null), u = lr({
       el: s,
       onStart(x) {
         t.selectionDragStart(x);
@@ -5765,7 +5765,7 @@ const Kc = {
       class: dt(["vue-flow__nodesselection vue-flow__container", J(i)]),
       style: He({ transform: `translate(${J(n).x}px,${J(n).y}px) scale(${J(n).zoom})` })
     }, [
-      _e("div", {
+      we("div", {
         ref_key: "el",
         ref: s,
         class: dt([{ dragging: J(u) }, "vue-flow__nodesselection-rect"]),
@@ -5812,11 +5812,11 @@ const td = {
       multiSelectionKeyCode: S,
       multiSelectionActive: C,
       edgeLookup: M,
-      nodeLookup: _,
+      nodeLookup: w,
       connectionLookup: N,
       defaultEdgeOptions: z,
       connectionStartHandle: Y
-    } = we(), F = ge(null), I = ge(/* @__PURE__ */ new Set()), T = ge(/* @__PURE__ */ new Set()), O = ge(), D = be(() => s.value && (e.isSelecting || r.value)), w = be(() => Y.value !== null);
+    } = _e(), F = ge(null), I = ge(/* @__PURE__ */ new Set()), T = ge(/* @__PURE__ */ new Set()), O = ge(), D = be(() => s.value && (e.isSelecting || r.value)), _ = be(() => Y.value !== null);
     let Z = !1, y = !1;
     const P = Pt(E, { actInsideInputWithModifier: !1 }), b = Pt(S);
     ve(P, (H) => {
@@ -5830,7 +5830,7 @@ const td = {
       };
     }
     function A(H) {
-      if (Z || w.value) {
+      if (Z || _.value) {
         Z = !1;
         return;
       }
@@ -5885,7 +5885,7 @@ const td = {
           }
       }
       if (!Jo(Q, I.value)) {
-        const v = Ke(_.value, I.value, !0);
+        const v = Ke(w.value, I.value, !0);
         i.nodesChange(v);
       }
       if (!Jo(ie, T.value)) {
@@ -5925,7 +5925,7 @@ const td = {
 }, id = /* @__PURE__ */ me({
   ...od,
   setup(e) {
-    const { viewport: t, fitViewOnInit: n, fitViewOnInitDone: o } = we(), i = ne(() => n.value ? !o.value : !1), r = ne(() => `translate(${t.value.x}px,${t.value.y}px) scale(${t.value.zoom})`);
+    const { viewport: t, fitViewOnInit: n, fitViewOnInitDone: o } = _e(), i = ne(() => n.value ? !o.value : !1), r = ne(() => `translate(${t.value.x}px,${t.value.y}px) scale(${t.value.zoom})`);
     return (l, a) => (oe(), he("div", {
       class: "vue-flow__transformationpane vue-flow__container",
       style: He({ transform: r.value, opacity: i.value ? 0 : void 0 })
@@ -5958,7 +5958,7 @@ const td = {
       noWheelClassName: S,
       noPanClassName: C,
       emits: M,
-      connectionStartHandle: _,
+      connectionStartHandle: w,
       userSelectionActive: N,
       paneDragging: z,
       d3Zoom: Y,
@@ -5967,9 +5967,9 @@ const td = {
       viewport: T,
       viewportRef: O,
       paneClickDistance: D
-    } = we();
+    } = _e();
     Wc(O);
-    const w = tn(!1), Z = tn(!1);
+    const _ = tn(!1), Z = tn(!1);
     let y = null, P = !1, b = 0, $ = {
       x: 0,
       y: 0,
@@ -5980,7 +5980,7 @@ const td = {
     ), j = be(() => A.value || s.value), re = be(() => V.value || l.value === !0 && W.value !== !0);
     Ue(() => {
       if (!O.value) {
-        wn("Viewport element is missing");
+        _n("Viewport element is missing");
         return;
       }
       const te = O.value, fe = te.getBoundingClientRect(), Q = Su().clickDistance(D.value).scaleExtent([t.value, n.value]).translateExtent(i.value), ie = ke(te).call(Q), le = ie.on("wheel.zoom"), v = mt.translate(o.value.x ?? 0, o.value.y ?? 0).scale(lt(o.value.zoom ?? 1, t.value, n.value)), h = [
@@ -5991,13 +5991,13 @@ const td = {
         var k;
         if (!p.sourceEvent)
           return null;
-        b = p.sourceEvent.button, w.value = !0;
+        b = p.sourceEvent.button, _.value = !0;
         const K = se(p.transform);
         ((k = p.sourceEvent) == null ? void 0 : k.type) === "mousedown" && (z.value = !0), $ = K, M.viewportChangeStart(K), M.moveStart({ event: p, flowTransform: K });
       }), Q.on("end", (p) => {
         if (!p.sourceEvent)
           return null;
-        if (w.value = !1, z.value = !1, H(W.value, b ?? 0) && !P && M.paneContextMenu(p.sourceEvent), P = !1, q($, p.transform)) {
+        if (_.value = !1, z.value = !1, H(W.value, b ?? 0) && !P && M.paneContextMenu(p.sourceEvent), P = !1, q($, p.transform)) {
           const k = se(p.transform);
           $ = k, M.viewportChangeEnd(k), M.moveEnd({ event: p, flowTransform: k });
         }
@@ -6017,7 +6017,7 @@ const td = {
       }), ve(
         [N, W],
         () => {
-          N.value && !w.value ? Q.on("zoom", null) : N.value || Q.on("zoom", (p) => {
+          N.value && !_.value ? Q.on("zoom", null) : N.value || Q.on("zoom", (p) => {
             T.value = { x: p.transform.x, y: p.transform.y, zoom: p.transform.k };
             const k = se(p.transform);
             P = H(W.value, b ?? 0), M.viewportChange(k), M.move({ event: p, flowTransform: k });
@@ -6098,7 +6098,7 @@ const td = {
         "is-selecting": re.value,
         "selection-key-pressed": J(V),
         class: dt({
-          connecting: !!J(_),
+          connecting: !!J(w),
           dragging: J(z),
           draggable: J(d) === !0 || Array.isArray(J(d)) && J(d).includes(0)
         })
@@ -6121,13 +6121,13 @@ const td = {
 }, dd = /* @__PURE__ */ me({
   ...cd,
   setup(e) {
-    const { id: t, disableKeyboardA11y: n, ariaLiveMessage: o } = we();
+    const { id: t, disableKeyboardA11y: n, ariaLiveMessage: o } = _e();
     return (i, r) => (oe(), he(Te, null, [
-      _e("div", {
+      we("div", {
         id: `${J(Fi)}-${J(t)}`,
         style: { display: "none" }
       }, " Press enter or space to select a node. " + gt(J(n) ? "" : "You can then use the arrow keys to move the node around.") + " You can then use the arrow keys to move the node around, press delete to remove it and press escape to cancel. ", 9, ad),
-      _e("div", {
+      we("div", {
         id: `${J(Yi)}-${J(t)}`,
         style: { display: "none" }
       }, " Press enter or space to select an edge. You can then press delete to remove it or press escape to cancel. ", 8, sd),
@@ -6142,7 +6142,7 @@ const td = {
   }
 });
 function fd() {
-  const e = we();
+  const e = _e();
   ve(
     () => e.viewportHelper.value.viewportInitialized,
     (t) => {
@@ -6200,15 +6200,15 @@ const oi = vo, vd = me({
       edgesUpdatable: S,
       edgesFocusable: C,
       hooks: M
-    } = we(), _ = ne(() => c(e.id)), { emit: N, on: z } = lc(_.value, r), Y = wt(bn), F = Bt(), I = ge(!1), T = ge(!1), O = ge(""), D = ge(null), w = ge("source"), Z = ge(null), y = be(
-      () => typeof _.value.selectable > "u" ? E.value : _.value.selectable
-    ), P = be(() => typeof _.value.updatable > "u" ? S.value : _.value.updatable), b = be(() => typeof _.value.focusable > "u" ? C.value : _.value.focusable);
+    } = _e(), w = ne(() => c(e.id)), { emit: N, on: z } = lc(w.value, r), Y = _t(bn), F = Bt(), I = ge(!1), T = ge(!1), O = ge(""), D = ge(null), _ = ge("source"), Z = ge(null), y = be(
+      () => typeof w.value.selectable > "u" ? E.value : w.value.selectable
+    ), P = be(() => typeof w.value.updatable > "u" ? S.value : w.value.updatable), b = be(() => typeof w.value.focusable > "u" ? C.value : w.value.focusable);
     ft(oc, e.id), ft(ic, Z);
-    const $ = ne(() => _.value.class instanceof Function ? _.value.class(_.value) : _.value.class), A = ne(() => _.value.style instanceof Function ? _.value.style(_.value) : _.value.style), V = ne(() => {
-      const h = _.value.type || "default", m = Y?.[`edge-${h}`];
+    const $ = ne(() => w.value.class instanceof Function ? w.value.class(w.value) : w.value.class), A = ne(() => w.value.style instanceof Function ? w.value.style(w.value) : w.value.style), V = ne(() => {
+      const h = w.value.type || "default", m = Y?.[`edge-${h}`];
       if (m)
         return m;
-      let p = _.value.template ?? s.value[h];
+      let p = w.value.template ?? s.value[h];
       if (typeof p == "string" && F) {
         const k = Object.keys(F.appContext.components);
         k && k.includes(h) && (p = li(h, !1));
@@ -6217,29 +6217,29 @@ const oi = vo, vd = me({
     }), { handlePointerDown: B } = ar({
       nodeId: O,
       handleId: D,
-      type: w,
+      type: _,
       isValidConnection: f,
-      edgeUpdaterType: w,
+      edgeUpdaterType: _,
       onEdgeUpdate: re,
       onEdgeUpdateEnd: H
     });
     return () => {
-      const h = d(_.value.source), m = d(_.value.target), p = "pathOptions" in _.value ? _.value.pathOptions : {};
+      const h = d(w.value.source), m = d(w.value.target), p = "pathOptions" in w.value ? w.value.pathOptions : {};
       if (!h && !m)
-        return r.error(new Se(xe.EDGE_SOURCE_TARGET_MISSING, _.value.id, _.value.source, _.value.target)), null;
+        return r.error(new Se(xe.EDGE_SOURCE_TARGET_MISSING, w.value.id, w.value.source, w.value.target)), null;
       if (!h)
-        return r.error(new Se(xe.EDGE_SOURCE_MISSING, _.value.id, _.value.source)), null;
+        return r.error(new Se(xe.EDGE_SOURCE_MISSING, w.value.id, w.value.source)), null;
       if (!m)
-        return r.error(new Se(xe.EDGE_TARGET_MISSING, _.value.id, _.value.target)), null;
-      if (!_.value || _.value.hidden || h.hidden || m.hidden)
+        return r.error(new Se(xe.EDGE_TARGET_MISSING, w.value.id, w.value.target)), null;
+      if (!w.value || w.value.hidden || h.hidden || m.hidden)
         return null;
       let k;
       o.value === Je.Strict ? k = h.handleBounds.source : k = [...h.handleBounds.source || [], ...h.handleBounds.target || []];
-      const K = Xo(k, _.value.sourceHandle);
+      const K = Xo(k, w.value.sourceHandle);
       let X;
       o.value === Je.Strict ? X = m.handleBounds.target : X = [...m.handleBounds.target || [], ...m.handleBounds.source || []];
-      const U = Xo(X, _.value.targetHandle), ee = K?.position || R.Bottom, ae = U?.position || R.Top, { x: de, y: ye } = yt(h, K, ee), { x: Ae, y: bt } = yt(m, U, ae);
-      return _.value.sourceX = de, _.value.sourceY = ye, _.value.targetX = Ae, _.value.targetY = bt, pe(
+      const U = Xo(X, w.value.targetHandle), ee = K?.position || R.Bottom, ae = U?.position || R.Top, { x: de, y: ye } = yt(h, K, ee), { x: Ae, y: bt } = yt(m, U, ae);
+      return w.value.sourceX = de, w.value.sourceY = ye, w.value.targetX = Ae, w.value.targetY = bt, pe(
         "g",
         {
           ref: Z,
@@ -6247,22 +6247,22 @@ const oi = vo, vd = me({
           "data-id": e.id,
           class: [
             "vue-flow__edge",
-            `vue-flow__edge-${V.value === !1 ? "default" : _.value.type || "default"}`,
+            `vue-flow__edge-${V.value === !1 ? "default" : w.value.type || "default"}`,
             a.value,
             $.value,
             {
               updating: I.value,
-              selected: _.value.selected,
-              animated: _.value.animated,
+              selected: w.value.selected,
+              animated: w.value.animated,
               inactive: !y.value && !M.value.edgeClick.hasListeners()
             }
           ],
           tabIndex: b.value ? 0 : void 0,
-          "aria-label": _.value.ariaLabel === null ? void 0 : _.value.ariaLabel ?? `Edge from ${_.value.source} to ${_.value.target}`,
+          "aria-label": w.value.ariaLabel === null ? void 0 : w.value.ariaLabel ?? `Edge from ${w.value.source} to ${w.value.target}`,
           "aria-describedby": b.value ? `${Yi}-${t}` : void 0,
           "aria-roledescription": "edge",
           role: b.value ? "group" : "img",
-          ..._.value.domAttributes,
+          ...w.value.domAttributes,
           onClick: q,
           onContextmenu: se,
           onDblclick: ue,
@@ -6276,32 +6276,32 @@ const oi = vo, vd = me({
             id: e.id,
             sourceNode: h,
             targetNode: m,
-            source: _.value.source,
-            target: _.value.target,
-            type: _.value.type,
+            source: w.value.source,
+            target: w.value.target,
+            type: w.value.type,
             updatable: P.value,
-            selected: _.value.selected,
-            animated: _.value.animated,
-            label: _.value.label,
-            labelStyle: _.value.labelStyle,
-            labelShowBg: _.value.labelShowBg,
-            labelBgStyle: _.value.labelBgStyle,
-            labelBgPadding: _.value.labelBgPadding,
-            labelBgBorderRadius: _.value.labelBgBorderRadius,
-            data: _.value.data,
-            events: { ..._.value.events, ...z },
+            selected: w.value.selected,
+            animated: w.value.animated,
+            label: w.value.label,
+            labelStyle: w.value.labelStyle,
+            labelShowBg: w.value.labelShowBg,
+            labelBgStyle: w.value.labelBgStyle,
+            labelBgPadding: w.value.labelBgPadding,
+            labelBgBorderRadius: w.value.labelBgBorderRadius,
+            data: w.value.data,
+            events: { ...w.value.events, ...z },
             style: A.value,
-            markerStart: `url('#${zt(_.value.markerStart, t)}')`,
-            markerEnd: `url('#${zt(_.value.markerEnd, t)}')`,
+            markerStart: `url('#${zt(w.value.markerStart, t)}')`,
+            markerEnd: `url('#${zt(w.value.markerEnd, t)}')`,
             sourcePosition: ee,
             targetPosition: ae,
             sourceX: de,
             sourceY: ye,
             targetX: Ae,
             targetY: bt,
-            sourceHandleId: _.value.sourceHandle,
-            targetHandleId: _.value.targetHandle,
-            interactionWidth: _.value.interactionWidth,
+            sourceHandleId: w.value.sourceHandle,
+            targetHandleId: w.value.targetHandle,
+            interactionWidth: w.value.interactionWidth,
             ...p
           }),
           [
@@ -6352,33 +6352,33 @@ const oi = vo, vd = me({
       I.value = !1;
     }
     function re(h, m) {
-      N.update({ event: h, edge: _.value, connection: m });
+      N.update({ event: h, edge: w.value, connection: m });
     }
     function H(h) {
-      N.updateEnd({ event: h, edge: _.value }), T.value = !1;
+      N.updateEnd({ event: h, edge: w.value }), T.value = !1;
     }
     function G(h, m) {
-      h.button === 0 && (T.value = !0, O.value = m ? _.value.target : _.value.source, D.value = (m ? _.value.targetHandle : _.value.sourceHandle) ?? null, w.value = m ? "target" : "source", N.updateStart({ event: h, edge: _.value }), B(h));
+      h.button === 0 && (T.value = !0, O.value = m ? w.value.target : w.value.source, D.value = (m ? w.value.targetHandle : w.value.sourceHandle) ?? null, _.value = m ? "target" : "source", N.updateStart({ event: h, edge: w.value }), B(h));
     }
     function q(h) {
       var m;
-      const p = { event: h, edge: _.value };
-      y.value && (l.value = !1, _.value.selected && g.value ? (u([_.value]), (m = Z.value) == null || m.blur()) : n([_.value])), N.click(p);
+      const p = { event: h, edge: w.value };
+      y.value && (l.value = !1, w.value.selected && g.value ? (u([w.value]), (m = Z.value) == null || m.blur()) : n([w.value])), N.click(p);
     }
     function se(h) {
-      N.contextMenu({ event: h, edge: _.value });
+      N.contextMenu({ event: h, edge: w.value });
     }
     function ue(h) {
-      N.doubleClick({ event: h, edge: _.value });
+      N.doubleClick({ event: h, edge: w.value });
     }
     function te(h) {
-      N.mouseEnter({ event: h, edge: _.value });
+      N.mouseEnter({ event: h, edge: w.value });
     }
     function fe(h) {
-      N.mouseMove({ event: h, edge: _.value });
+      N.mouseMove({ event: h, edge: w.value });
     }
     function Q(h) {
-      N.mouseLeave({ event: h, edge: _.value });
+      N.mouseLeave({ event: h, edge: w.value });
     }
     function ie(h) {
       G(h, !0);
@@ -6408,7 +6408,7 @@ const oi = vo, vd = me({
       connectionStatus: u,
       viewport: c,
       findNode: d
-    } = we(), f = (e = wt(bn)) == null ? void 0 : e["connection-line"], g = ne(() => {
+    } = _e(), f = (e = _t(bn)) == null ? void 0 : e["connection-line"], g = ne(() => {
       var M;
       return d((M = o.value) == null ? void 0 : M.nodeId);
     }), x = ne(() => {
@@ -6423,7 +6423,7 @@ const oi = vo, vd = me({
       () => s.value.markerEnd ? `url(#${zt(s.value.markerEnd, t)})` : ""
     );
     return () => {
-      var M, _, N;
+      var M, w, N;
       if (!g.value || !o.value)
         return null;
       const z = o.value.id, Y = o.value.type, F = g.value.handleBounds;
@@ -6434,14 +6434,14 @@ const oi = vo, vd = me({
       }
       if (!I)
         return null;
-      const T = (z ? I.find((A) => A.id === z) : I[0]) ?? null, O = T?.position ?? R.Top, { x: D, y: w } = yt(g.value, T, O);
+      const T = (z ? I.find((A) => A.id === z) : I[0]) ?? null, O = T?.position ?? R.Top, { x: D, y: _ } = yt(g.value, T, O);
       let Z = null;
       x.value && (n.value === Je.Strict ? Z = ((M = x.value.handleBounds[Y === "source" ? "target" : "source"]) == null ? void 0 : M.find(
         (A) => {
           var V;
           return A.id === ((V = i.value) == null ? void 0 : V.id);
         }
-      )) || null : Z = ((_ = [...x.value.handleBounds.source ?? [], ...x.value.handleBounds.target ?? []]) == null ? void 0 : _.find(
+      )) || null : Z = ((w = [...x.value.handleBounds.source ?? [], ...x.value.handleBounds.target ?? []]) == null ? void 0 : w.find(
         (A) => {
           var V;
           return A.id === ((V = i.value) == null ? void 0 : V.id);
@@ -6454,7 +6454,7 @@ const oi = vo, vd = me({
       let b = "";
       const $ = {
         sourceX: D,
-        sourceY: w,
+        sourceY: _,
         sourcePosition: O,
         targetX: E.value.x,
         targetY: E.value.y,
@@ -6463,7 +6463,7 @@ const oi = vo, vd = me({
       return P === je.Bezier ? [b] = go($) : P === je.Step ? [b] = jn({
         ...$,
         borderRadius: 0
-      }) : P === je.SmoothStep ? [b] = jn($) : P === je.SimpleBezier ? [b] = hr($) : b = `M${D},${w} ${E.value.x},${E.value.y}`, pe(
+      }) : P === je.SmoothStep ? [b] = jn($) : P === je.SimpleBezier ? [b] = hr($) : b = `M${D},${_} ${E.value.x},${E.value.y}`, pe(
         "svg",
         { class: "vue-flow__edges vue-flow__connectionline vue-flow__container" },
         pe(
@@ -6471,7 +6471,7 @@ const oi = vo, vd = me({
           { class: "vue-flow__connection" },
           f ? pe(f, {
             sourceX: D,
-            sourceY: w,
+            sourceY: _,
             sourcePosition: O,
             targetX: E.value.x,
             targetY: E.value.y,
@@ -6497,11 +6497,11 @@ const oi = vo, vd = me({
       );
     };
   }
-}), yd = md, _d = ["id", "markerWidth", "markerHeight", "markerUnits", "orient"], wd = {
+}), yd = md, wd = ["id", "markerWidth", "markerHeight", "markerUnits", "orient"], _d = {
   name: "MarkerType",
   compatConfig: { MODE: 3 }
 }, bd = /* @__PURE__ */ me({
-  ...wd,
+  ..._d,
   props: {
     id: {},
     type: {},
@@ -6546,7 +6546,7 @@ const oi = vo, vd = me({
         fill: "none",
         points: "-5,-4 0,0 -5,4"
       }, null, 4)) : Ne("", !0)
-    ], 8, _d));
+    ], 8, wd));
   }
 }), Ed = {
   class: "vue-flow__marker vue-flow__container",
@@ -6557,7 +6557,7 @@ const oi = vo, vd = me({
 }, Sd = /* @__PURE__ */ me({
   ...xd,
   setup(e) {
-    const { id: t, edges: n, connectionLineOptions: o, defaultMarkerColor: i } = we(), r = ne(() => {
+    const { id: t, edges: n, connectionLineOptions: o, defaultMarkerColor: i } = _e(), r = ne(() => {
       const l = /* @__PURE__ */ new Set(), a = [], s = (u) => {
         if (u) {
           const c = zt(u, t);
@@ -6572,7 +6572,7 @@ const oi = vo, vd = me({
       return a.sort((u, c) => u.id.localeCompare(c.id));
     });
     return (l, a) => (oe(), he("svg", Ed, [
-      _e("defs", null, [
+      we("defs", null, [
         (oe(!0), he(Te, null, eo(r.value, (s) => (oe(), Re(bd, {
           id: s.id,
           key: s.id,
@@ -6593,7 +6593,7 @@ const oi = vo, vd = me({
 }, Cd = /* @__PURE__ */ me({
   ...Nd,
   setup(e) {
-    const { findNode: t, getEdges: n, elevateEdgesOnSelect: o } = we();
+    const { findNode: t, getEdges: n, elevateEdgesOnSelect: o } = _e();
     return (i, r) => (oe(), he(Te, null, [
       Me(Sd),
       (oe(!0), he(Te, null, eo(J(n), (l) => (oe(), he("svg", {
@@ -6632,20 +6632,20 @@ const oi = vo, vd = me({
       snapToGrid: S,
       snapGrid: C,
       nodeDragThreshold: M,
-      nodesDraggable: _,
+      nodesDraggable: w,
       elementsSelectable: N,
       nodesConnectable: z,
       nodesFocusable: Y,
       hooks: F
-    } = we(), I = ge(null);
+    } = _e(), I = ge(null);
     ft(rr, I), ft(ir, e.id);
-    const T = wt(bn), O = Bt(), D = ur(), { node: w, parentNode: Z } = sr(e.id), { emit: y, on: P } = cc(w, l), b = be(() => typeof w.draggable > "u" ? _.value : w.draggable), $ = be(() => typeof w.selectable > "u" ? N.value : w.selectable), A = be(() => typeof w.connectable > "u" ? z.value : w.connectable), V = be(() => typeof w.focusable > "u" ? Y.value : w.focusable), B = ne(
+    const T = _t(bn), O = Bt(), D = ur(), { node: _, parentNode: Z } = sr(e.id), { emit: y, on: P } = cc(_, l), b = be(() => typeof _.draggable > "u" ? w.value : _.draggable), $ = be(() => typeof _.selectable > "u" ? N.value : _.selectable), A = be(() => typeof _.connectable > "u" ? z.value : _.connectable), V = be(() => typeof _.focusable > "u" ? Y.value : _.focusable), B = ne(
       () => $.value || b.value || F.value.nodeClick.hasListeners() || F.value.nodeDoubleClick.hasListeners() || F.value.nodeMouseEnter.hasListeners() || F.value.nodeMouseMove.hasListeners() || F.value.nodeMouseLeave.hasListeners()
-    ), W = be(() => !!w.dimensions.width && !!w.dimensions.height), j = ne(() => {
-      const m = w.type || "default", p = T?.[`node-${m}`];
+    ), W = be(() => !!_.dimensions.width && !!_.dimensions.height), j = ne(() => {
+      const m = _.type || "default", p = T?.[`node-${m}`];
       if (p)
         return p;
-      let k = w.template || d.value[m];
+      let k = _.template || d.value[m];
       if (typeof k == "string" && O) {
         const K = Object.keys(O.appContext.components);
         K && K.includes(m) && (k = li(m, !1));
@@ -6656,7 +6656,7 @@ const oi = vo, vd = me({
       el: I,
       disabled: () => !b.value,
       selectable: $,
-      dragHandle: () => w.dragHandle,
+      dragHandle: () => _.dragHandle,
       onStart(m) {
         y.dragStart(m);
       },
@@ -6669,15 +6669,15 @@ const oi = vo, vd = me({
       onClick(m) {
         v(m);
       }
-    }), H = ne(() => w.class instanceof Function ? w.class(w) : w.class), G = ne(() => {
-      const m = (w.style instanceof Function ? w.style(w) : w.style) || {}, p = w.width instanceof Function ? w.width(w) : w.width, k = w.height instanceof Function ? w.height(w) : w.height;
+    }), H = ne(() => _.class instanceof Function ? _.class(_) : _.class), G = ne(() => {
+      const m = (_.style instanceof Function ? _.style(_) : _.style) || {}, p = _.width instanceof Function ? _.width(_) : _.width, k = _.height instanceof Function ? _.height(_) : _.height;
       return !m.width && p && (m.width = typeof p == "string" ? p : `${p}px`), !m.height && k && (m.height = typeof k == "string" ? k : `${k}px`), m;
-    }), q = be(() => Number(w.zIndex ?? G.value.zIndex ?? 0));
+    }), q = be(() => Number(_.zIndex ?? G.value.zIndex ?? 0));
     return c((m) => {
       (m.includes(e.id) || !m.length) && ue();
     }), Ue(() => {
       ve(
-        () => w.hidden,
+        () => _.hidden,
         (m = !1, p, k) => {
           !m && I.value && (e.resizeObserver.observe(I.value), k(() => {
             I.value && e.resizeObserver.unobserve(I.value);
@@ -6685,14 +6685,14 @@ const oi = vo, vd = me({
         },
         { immediate: !0, flush: "post" }
       );
-    }), ve([() => w.type, () => w.sourcePosition, () => w.targetPosition], () => {
+    }), ve([() => _.type, () => _.sourcePosition, () => _.targetPosition], () => {
       $e(() => {
         u([{ id: e.id, nodeElement: I.value, forceUpdate: !0 }]);
       });
     }), ve(
       [
-        () => w.position.x,
-        () => w.position.y,
+        () => _.position.x,
+        () => _.position.y,
         () => {
           var m;
           return (m = Z.value) == null ? void 0 : m.computedPosition.x;
@@ -6706,9 +6706,9 @@ const oi = vo, vd = me({
           return (m = Z.value) == null ? void 0 : m.computedPosition.z;
         },
         q,
-        () => w.selected,
-        () => w.dimensions.height,
-        () => w.dimensions.width,
+        () => _.selected,
+        () => _.dimensions.height,
+        () => _.dimensions.width,
         () => {
           var m;
           return (m = Z.value) == null ? void 0 : m.dimensions.height;
@@ -6722,44 +6722,44 @@ const oi = vo, vd = me({
         const ee = {
           x: m,
           y: p,
-          z: U + (g.value && w.selected ? 1e3 : 0)
+          z: U + (g.value && _.selected ? 1e3 : 0)
         };
-        typeof k < "u" && typeof K < "u" ? w.computedPosition = Vu({ x: k, y: K, z: X }, ee) : w.computedPosition = ee;
+        typeof k < "u" && typeof K < "u" ? _.computedPosition = Vu({ x: k, y: K, z: X }, ee) : _.computedPosition = ee;
       },
       { flush: "post", immediate: !0 }
-    ), ve([() => w.extent, f], ([m, p], [k, K]) => {
+    ), ve([() => _.extent, f], ([m, p], [k, K]) => {
       (m !== k || p !== K) && se();
-    }), w.extent === "parent" || typeof w.extent == "object" && "range" in w.extent && w.extent.range === "parent" ? Rn(() => W).toBe(!0).then(se) : se(), () => w.hidden ? null : pe(
+    }), _.extent === "parent" || typeof _.extent == "object" && "range" in _.extent && _.extent.range === "parent" ? Rn(() => W).toBe(!0).then(se) : se(), () => _.hidden ? null : pe(
       "div",
       {
         ref: I,
-        "data-id": w.id,
+        "data-id": _.id,
         class: [
           "vue-flow__node",
-          `vue-flow__node-${j.value === !1 ? "default" : w.type || "default"}`,
+          `vue-flow__node-${j.value === !1 ? "default" : _.type || "default"}`,
           {
             [n.value]: b.value,
             dragging: re?.value,
             draggable: b.value,
-            selected: w.selected,
+            selected: _.selected,
             selectable: $.value,
-            parent: w.isParent
+            parent: _.isParent
           },
           H.value
         ],
         style: {
           visibility: W.value ? "visible" : "hidden",
-          zIndex: w.computedPosition.z ?? q.value,
-          transform: `translate(${w.computedPosition.x}px,${w.computedPosition.y}px)`,
+          zIndex: _.computedPosition.z ?? q.value,
+          transform: `translate(${_.computedPosition.x}px,${_.computedPosition.y}px)`,
           pointerEvents: B.value ? "all" : "none",
           ...G.value
         },
         tabIndex: V.value ? 0 : void 0,
         role: V.value ? "group" : void 0,
         "aria-describedby": x.value ? void 0 : `${Fi}-${t}`,
-        "aria-label": w.ariaLabel,
+        "aria-label": _.ariaLabel,
         "aria-roledescription": "node",
-        ...w.domAttributes,
+        ..._.domAttributes,
         onMouseenter: te,
         onMousemove: fe,
         onMouseleave: Q,
@@ -6770,74 +6770,74 @@ const oi = vo, vd = me({
       },
       [
         pe(j.value === !1 ? d.value.default : j.value, {
-          id: w.id,
-          type: w.type,
-          data: w.data,
-          events: { ...w.events, ...P },
-          selected: w.selected,
-          resizing: w.resizing,
+          id: _.id,
+          type: _.type,
+          data: _.data,
+          events: { ..._.events, ...P },
+          selected: _.selected,
+          resizing: _.resizing,
           dragging: re.value,
           connectable: A.value,
-          position: w.computedPosition,
-          dimensions: w.dimensions,
-          isValidTargetPos: w.isValidTargetPos,
-          isValidSourcePos: w.isValidSourcePos,
-          parent: w.parentNode,
-          parentNodeId: w.parentNode,
-          zIndex: w.computedPosition.z ?? q.value,
-          targetPosition: w.targetPosition,
-          sourcePosition: w.sourcePosition,
-          label: w.label,
-          dragHandle: w.dragHandle,
+          position: _.computedPosition,
+          dimensions: _.dimensions,
+          isValidTargetPos: _.isValidTargetPos,
+          isValidSourcePos: _.isValidSourcePos,
+          parent: _.parentNode,
+          parentNodeId: _.parentNode,
+          zIndex: _.computedPosition.z ?? q.value,
+          targetPosition: _.targetPosition,
+          sourcePosition: _.sourcePosition,
+          label: _.label,
+          dragHandle: _.dragHandle,
           onUpdateNodeInternals: ue
         })
       ]
     );
     function se() {
-      const m = w.computedPosition, { computedPosition: p, position: k } = fo(
-        w,
-        S.value ? _n(m, C.value) : m,
+      const m = _.computedPosition, { computedPosition: p, position: k } = fo(
+        _,
+        S.value ? wn(m, C.value) : m,
         l.error,
         f.value,
         Z.value
       );
-      (w.computedPosition.x !== p.x || w.computedPosition.y !== p.y) && (w.computedPosition = { ...w.computedPosition, ...p }), (w.position.x !== k.x || w.position.y !== k.y) && (w.position = k);
+      (_.computedPosition.x !== p.x || _.computedPosition.y !== p.y) && (_.computedPosition = { ..._.computedPosition, ...p }), (_.position.x !== k.x || _.position.y !== k.y) && (_.position = k);
     }
     function ue() {
       I.value && u([{ id: e.id, nodeElement: I.value, forceUpdate: !0 }]);
     }
     function te(m) {
-      re?.value || y.mouseEnter({ event: m, node: w });
+      re?.value || y.mouseEnter({ event: m, node: _ });
     }
     function fe(m) {
-      re?.value || y.mouseMove({ event: m, node: w });
+      re?.value || y.mouseMove({ event: m, node: _ });
     }
     function Q(m) {
-      re?.value || y.mouseLeave({ event: m, node: w });
+      re?.value || y.mouseLeave({ event: m, node: _ });
     }
     function ie(m) {
-      return y.contextMenu({ event: m, node: w });
+      return y.contextMenu({ event: m, node: _ });
     }
     function le(m) {
-      return y.doubleClick({ event: m, node: w });
+      return y.doubleClick({ event: m, node: _ });
     }
     function v(m) {
       $.value && (!o.value || !b.value || M.value > 0) && Qn(
-        w,
+        _,
         r.value,
         s,
         a,
         i,
         !1,
         I.value
-      ), y.click({ event: m, node: w });
+      ), y.click({ event: m, node: _ });
     }
     function h(m) {
       if (!(Kn(m) || x.value))
         if (Gi.includes(m.key) && $.value) {
           const p = m.key === "Escape";
           Qn(
-            w,
+            _,
             r.value,
             s,
             a,
@@ -6845,7 +6845,7 @@ const oi = vo, vd = me({
             p,
             I.value
           );
-        } else b.value && w.selected && ct[m.key] && (m.preventDefault(), E.value = `Moved selected node ${m.key.replace("Arrow", "").toLowerCase()}. New position, x: ${~~w.position.x}, y: ${~~w.position.y}`, D(
+        } else b.value && _.selected && ct[m.key] && (m.preventDefault(), E.value = `Moved selected node ${m.key.replace("Arrow", "").toLowerCase()}. New position, x: ${~~_.position.x}, y: ${~~_.position.y}`, D(
           {
             x: ct[m.key].x,
             y: ct[m.key].y
@@ -6863,13 +6863,13 @@ const oi = vo, vd = me({
 }, $d = /* @__PURE__ */ me({
   ...Pd,
   setup(e) {
-    const { viewportRef: t } = we(), n = be(() => {
+    const { viewportRef: t } = _e(), n = be(() => {
       var o;
       return (o = t.value) == null ? void 0 : o.getElementsByClassName("vue-flow__edge-labels")[0];
     });
     return (o, i) => (oe(), he("svg", null, [
       (oe(), he("foreignObject", kd, [
-        (oe(), Re(_r, {
+        (oe(), Re(wr, {
           to: n.value,
           disabled: !n.value
         }, [
@@ -6880,7 +6880,7 @@ const oi = vo, vd = me({
   }
 });
 function Td(e = { includeHiddenNodes: !1 }) {
-  const { nodes: t } = we();
+  const { nodes: t } = _e();
   return ne(() => {
     if (t.value.length === 0)
       return !1;
@@ -6896,7 +6896,7 @@ const Dd = { class: "vue-flow__nodes vue-flow__container" }, Ad = {
 }, Od = /* @__PURE__ */ me({
   ...Ad,
   setup(e) {
-    const { getNodes: t, updateNodeDimensions: n, emits: o } = we(), i = Td(), r = ge();
+    const { getNodes: t, updateNodeDimensions: n, emits: o } = _e(), i = Td(), r = ge();
     return ve(
       i,
       (l) => {
@@ -6933,7 +6933,7 @@ const Dd = { class: "vue-flow__nodes vue-flow__container" }, Ad = {
   }
 });
 function zd() {
-  const { emits: e } = we();
+  const { emits: e } = _e();
   Ue(() => {
     if (or()) {
       const t = document.querySelector(".vue-flow__pane");
@@ -6941,7 +6941,7 @@ function zd() {
     }
   });
 }
-const Bd = /* @__PURE__ */ _e("div", { class: "vue-flow__edge-labels" }, null, -1), Vd = {
+const Bd = /* @__PURE__ */ we("div", { class: "vue-flow__edge-labels" }, null, -1), Vd = {
   name: "VueFlow",
   compatConfig: { MODE: 3 }
 }, Rd = /* @__PURE__ */ me({
@@ -7009,7 +7009,7 @@ const Bd = /* @__PURE__ */ _e("div", { class: "vue-flow__edge-labels" }, null, -
   },
   emits: ["nodesChange", "edgesChange", "nodesInitialized", "paneReady", "init", "updateNodeInternals", "error", "connect", "connectStart", "connectEnd", "clickConnectStart", "clickConnectEnd", "moveStart", "move", "moveEnd", "selectionDragStart", "selectionDrag", "selectionDragStop", "selectionContextMenu", "selectionStart", "selectionEnd", "viewportChangeStart", "viewportChange", "viewportChangeEnd", "paneScroll", "paneClick", "paneContextMenu", "paneMouseEnter", "paneMouseMove", "paneMouseLeave", "edgeUpdate", "edgeContextMenu", "edgeMouseEnter", "edgeMouseMove", "edgeMouseLeave", "edgeDoubleClick", "edgeClick", "edgeUpdateStart", "edgeUpdateEnd", "nodeContextMenu", "nodeMouseEnter", "nodeMouseMove", "nodeMouseLeave", "nodeDoubleClick", "nodeClick", "nodeDragStart", "nodeDrag", "nodeDragStop", "miniMapNodeClick", "miniMapNodeDoubleClick", "miniMapNodeMouseEnter", "miniMapNodeMouseMove", "miniMapNodeMouseLeave", "update:modelValue", "update:nodes", "update:edges"],
   setup(e, { expose: t, emit: n }) {
-    const o = e, i = wr(), r = Cn(o, "modelValue", n), l = Cn(o, "nodes", n), a = Cn(o, "edges", n), s = we(o), u = gc({ modelValue: r, nodes: l, edges: a }, o, s);
+    const o = e, i = _r(), r = Cn(o, "modelValue", n), l = Cn(o, "nodes", n), a = Cn(o, "edges", n), s = _e(o), u = gc({ modelValue: r, nodes: l, edges: a }, o, s);
     return pc(n, s.hooks), fd(), zd(), ft(bn, i), br(() => {
       u();
     }), t(s), (c, d) => (oe(), he("div", {
@@ -7044,7 +7044,7 @@ const Bd = /* @__PURE__ */ _e("div", { class: "vue-flow__edge-labels" }, null, -
     source: {},
     target: {},
     type: {},
-    label: {},
+    label: { type: [String, Object, Function] },
     style: {},
     selected: { type: Boolean },
     sourcePosition: {},
@@ -7082,16 +7082,16 @@ const Bd = /* @__PURE__ */ _e("div", { class: "vue-flow__edge-labels" }, null, -
       l.value = !1, o("change", r.value);
     }, d = ne(() => go(n));
     return (f, g) => (oe(), he(Te, null, [
-      _e("path", {
-        id: f.id,
-        style: He(f.style),
+      we("path", {
+        id: e.id,
+        style: He(e.style),
         class: "vue-flow__edge-path",
         d: d.value[0],
-        "marker-end": f.markerEnd
+        "marker-end": e.markerEnd
       }, null, 12, Hd),
       Me(J($d), null, {
         default: ht(() => [
-          _e("div", {
+          we("div", {
             style: He({
               pointerEvents: "all",
               position: "absolute",
@@ -7100,9 +7100,9 @@ const Bd = /* @__PURE__ */ _e("div", { class: "vue-flow__edge-labels" }, null, -
             class: "nodrag nopan editable-edge-label",
             onClick: g[2] || (g[2] = (x) => s())
           }, [
-            _e("div", Ld, gt(f.label), 1),
+            we("div", Ld, gt(e.label), 1),
             l.value ? (oe(), he("div", Fd, [
-              ui(_e("input", {
+              ui(we("input", {
                 ref: "labelInput",
                 class: "label-input",
                 "onUpdate:modelValue": g[0] || (g[0] = (x) => r.value = x),
@@ -7159,9 +7159,9 @@ const Bd = /* @__PURE__ */ _e("div", { class: "vue-flow__edge-labels" }, null, -
     return (d, f) => (oe(), he("div", {
       onClick: f[2] || (f[2] = (g) => s())
     }, [
-      _e("div", null, gt(d.label), 1),
+      we("div", null, gt(e.label), 1),
       l.value ? (oe(), he("div", Xd, [
-        ui(_e("input", {
+        ui(we("input", {
           ref: "labelInput",
           class: "label-input",
           "onUpdate:modelValue": f[0] || (f[0] = (g) => r.value = g),
@@ -7171,17 +7171,17 @@ const Bd = /* @__PURE__ */ _e("div", { class: "vue-flow__edge-labels" }, null, -
           [di, r.value]
         ])
       ])) : Ne("", !0),
-      d.data.hasInput ? (oe(), Re(J(_t), {
+      e.data.hasInput ? (oe(), Re(J(wt), {
         key: 1,
         id: "a",
         type: "target",
-        position: d.targetPosition
+        position: e.targetPosition
       }, null, 8, ["position"])) : Ne("", !0),
-      d.data.hasOutput ? (oe(), Re(J(_t), {
+      e.data.hasOutput ? (oe(), Re(J(wt), {
         key: 2,
         id: "b",
         type: "source",
-        position: d.sourcePosition
+        position: e.sourcePosition
       }, null, 8, ["position"])) : Ne("", !0)
     ]));
   }
@@ -7212,7 +7212,7 @@ const Bd = /* @__PURE__ */ _e("div", { class: "vue-flow__edge-labels" }, null, -
       set: (I) => {
         n("update:modelValue", JSON.parse(JSON.stringify(I)));
       }
-    }), { onConnect: u, addEdges: c, onEdgeContextMenu: d, onPaneReady: f, removeEdges: g } = we();
+    }), { onConnect: u, addEdges: c, onEdgeContextMenu: d, onPaneReady: f, removeEdges: g } = _e();
     Ue(() => {
       document.removeEventListener("keypress", M), document.addEventListener("keypress", M);
     }), to(() => {
@@ -7239,13 +7239,13 @@ const Bd = /* @__PURE__ */ _e("div", { class: "vue-flow__edge-labels" }, null, -
       window.scrollBy(0, I.deltaY);
     }, M = (I) => {
       o.value && I.ctrlKey == !0 && ((I.key == "+" || I.key == "=") && r.value.zoomIn(), I.key == "-" && r.value.zoomOut());
-    }, _ = async () => {
+    }, w = async () => {
       await r.value.fitView();
     }, N = () => {
       let I = !1, T = { x: Math.random() * 200, y: Math.random() * 200 };
       if (a.value > -1) {
-        const w = i.value[a.value];
-        w.data.hasOutput && (T = { x: w.position.x + 200, y: w.position.y + 50 }, I = !0);
+        const _ = i.value[a.value];
+        _.data.hasOutput && (T = { x: _.position.x + 200, y: _.position.y + 50 }, I = !0);
       }
       const O = i.value.length, D = `node-${O}`;
       if (i.value.push({
@@ -7267,9 +7267,9 @@ const Bd = /* @__PURE__ */ _e("div", { class: "vue-flow__edge-labels" }, null, -
         // position: { x: Math.random() * vueFlowInstance.value.dimensions.width, y: Math.random() * vueFlowInstance.value.dimensions.height }
         position: T
       }), I) {
-        let w = `edge-${O + 1}`;
+        let _ = `edge-${O + 1}`;
         i.value.push({
-          id: w,
+          id: _,
           source: l.value,
           target: D,
           type: "editable",
@@ -7277,7 +7277,7 @@ const Bd = /* @__PURE__ */ _e("div", { class: "vue-flow__edge-labels" }, null, -
           animated: !0,
           events: {
             click: () => {
-              l.value = w;
+              l.value = _;
             }
           }
         });
@@ -7312,38 +7312,38 @@ const Bd = /* @__PURE__ */ _e("div", { class: "vue-flow__edge-labels" }, null, -
     return d(({ event: I, edge: T }) => {
       F(T.id);
     }), (I, T) => (oe(), he("div", {
-      class: dt(["node-editor-wrapper", I.nodeContainerClass]),
+      class: dt(["node-editor-wrapper", e.nodeContainerClass]),
       onMouseover: T[1] || (T[1] = (O) => o.value = !0),
       onMouseleave: T[2] || (T[2] = (O) => o.value = !1)
     }, [
-      _e("div", Zd, [
-        _e("div", Wd, [
-          _e("div", null, [
-            T[3] || (T[3] = _e("b", null, "Selected Node:", -1)),
+      we("div", Zd, [
+        we("div", Wd, [
+          we("div", null, [
+            T[3] || (T[3] = we("b", null, "Selected Node:", -1)),
             ai(" " + gt(l.value ? l.value : "none"), 1)
           ])
         ]),
-        _e("div", Kd, [
-          _e("div", null, [
-            _e("button", {
+        we("div", Kd, [
+          we("div", null, [
+            we("button", {
               class: "button-default",
               onClick: N
             }, "Add Node")
           ]),
-          _e("div", null, [
-            _e("button", {
+          we("div", null, [
+            we("button", {
               class: "button-default",
-              onClick: _
+              onClick: w
             }, "Center")
           ]),
           a.value > -1 ? (oe(), he("div", qd, [
-            _e("button", {
+            we("button", {
               class: "button-default",
               onClick: S
             }, "Shift Input Position")
           ])) : Ne("", !0),
           a.value > -1 ? (oe(), he("div", Jd, [
-            _e("button", {
+            we("button", {
               class: "button-default",
               onClick: E
             }, "Shift Output Position")
@@ -7447,7 +7447,7 @@ const Bd = /* @__PURE__ */ _e("div", { class: "vue-flow__edge-labels" }, null, -
       Me(vr, {
         modelValue: i.value,
         "onUpdate:modelValue": a[0] || (a[0] = (s) => i.value = s),
-        "node-container-class": l.nodeContainerClass
+        "node-container-class": e.nodeContainerClass
       }, null, 8, ["modelValue", "node-container-class"])
     ]));
   }