@keycloak/keycloak-admin-ui 26.7.5 → 26.8.1

package/lib/{FlowDetails-CnVZXaRP.js → FlowDetails-CFTkvTDA.js}

@@ -1,5 +1,5 @@
 import { jsx as T, jsxs as te, Fragment as be } from "react/jsx-runtime";
-import { g as At, _ as Sc, T as Js, h as Cc, i as Nc, s as kc, L as _o, C as Mc, u as pt, q as So, b as Rn, M as Jt, j as en, F as Dn, k as tn, N as Lc, B as ge, l as Qe, e as je, m as Ic, v as Tt, n as Oc, I as Ac, P as ea, R as Tc, X as En, K as Jo, o as Rc, p as ei, r as ti, w as Dc, x as Pc, y as $c, z as Fc, D as zc, E as ta, G as Ge, H as Vc, J as Pn, O as Hc, Q as Bc, S as at, U as na, W as oo, Y as qc, Z as Gc, $ as Yc, a0 as jc, A as Wc, a1 as ra, a2 as Xc, a3 as Zc, a4 as Uc, a5 as Kc, a6 as Qc, a7 as Jc, a8 as eu, a9 as ze, a as tu, aa as ni, d as nu, ab as ru, f as ou, ac as iu, V as su, ad as au, ae as lu, af as Un, ag as cu, ah as ri, ai as uu, aj as du, ak as fu, al as hu } from "./index-C-D-m0EP.js";
+import { g as At, _ as Sc, T as Js, h as Cc, i as Nc, s as kc, L as So, C as Mc, u as pt, K as Co, b as Rn, M as Jt, j as en, F as Dn, k as tn, N as Lc, B as ge, l as Qe, e as je, m as Ic, n as Tt, o as Oc, p as Ac, P as ea, R as Tc, q as En, G as ei, I as Rc, r as oo, v as ti, w as Dc, x as Pc, y as $c, z as Fc, D as zc, E as ta, H as Ge, J as Vc, O as Pn, Q as Hc, S as Bc, U as at, W as na, X as io, Y as qc, Z as Gc, $ as Yc, a0 as jc, A as Wc, a1 as ra, a2 as Xc, a3 as Zc, a4 as Uc, a5 as Kc, a6 as Qc, a7 as Jc, a8 as eu, a9 as ze, a as tu, aa as ni, t as nu, ab as ru, f as ou, ac as iu, V as su, ad as au, ae as lu, af as Un, ag as cu, ah as ri, ai as uu, aj as du, ak as fu, al as hu } from "./index-DAVLcnp3.js";
 import * as pu from "react";
 import $, { useEffect as oe, useState as re, useMemo as Ne, forwardRef as oa, useCallback as de, useContext as $n, memo as ae, createContext as ia, useRef as Q } from "react";
 import { useTranslation as _e, Trans as oi } from "react-i18next";
@@ -62,9 +62,9 @@ const Lu = "_icon_1gmts_2", Iu = {
   icon: Lu
 }, Ou = () => {
   const { t: e } = _e();
-  return /* @__PURE__ */ T(_o, { icon: /* @__PURE__ */ T(Mc, { className: Iu.icon }), children: e("buildIn") });
+  return /* @__PURE__ */ T(So, { icon: /* @__PURE__ */ T(Mc, { className: Iu.icon }), children: e("buildIn") });
 }, Au = ({ flow: e, toggleDialog: t }) => {
-  const { adminClient: n } = pt(), { t: r } = _e(), { addAlert: o, addError: s } = So(), i = Rn({ mode: "onChange" }), { reset: a, handleSubmit: c } = i;
+  const { adminClient: n } = pt(), { t: r } = _e(), { addAlert: o, addError: s } = Co(), i = Rn({ mode: "onChange" }), { reset: a, handleSubmit: c } = i;
   oe(() => a(e), [e]);
   const d = async (l) => {
     try {
@@ -133,7 +133,7 @@ const Lu = "_icon_1gmts_2", Iu = {
     }
   },
   n.id
-)) }) }), Co = ({ name: e, type: t, onSelect: n }) => {
+)) }) }), No = ({ name: e, type: t, onSelect: n }) => {
   const { adminClient: r } = pt(), { t: o } = _e(), [s, i] = re(), [a, c] = re(), [d, l] = re(10), [u, f] = re(0), [h, g] = re(""), y = Ic();
   Tt(
     async () => {
@@ -214,7 +214,7 @@ const Lu = "_icon_1gmts_2", Iu = {
       )
     }
   );
-}, ii = ["basic-flow", "form-flow"], No = ({
+}, ii = ["basic-flow", "form-flow"], ko = ({
   name: e,
   onConfirm: t,
   onCancel: n
@@ -280,7 +280,7 @@ const Lu = "_icon_1gmts_2", Iu = {
               }
             ),
             /* @__PURE__ */ T(
-              Jo,
+              ei,
               {
                 name: "type",
                 menuAppendTo: "parent",
@@ -293,7 +293,7 @@ const Lu = "_icon_1gmts_2", Iu = {
               }
             ),
             i && i.length > 1 && /* @__PURE__ */ T(
-              Jo,
+              ei,
               {
                 name: "provider",
                 label: o("provider"),
@@ -318,7 +318,7 @@ const Lu = "_icon_1gmts_2", Iu = {
   const { t: r } = _e(), [o, s] = re();
   return /* @__PURE__ */ te(be, { children: [
     o === "addExecution" && /* @__PURE__ */ T(
-      Co,
+      No,
       {
         name: e.alias,
         type: e.providerId === "client-flow" ? "client" : "basic",
@@ -328,7 +328,7 @@ const Lu = "_icon_1gmts_2", Iu = {
       }
     ),
     o === "addSubFlow" && /* @__PURE__ */ T(
-      No,
+      ko,
       {
         name: e.alias,
         onCancel: () => s(void 0),
@@ -344,12 +344,12 @@ const Lu = "_icon_1gmts_2", Iu = {
         instructions: r("emptyExecutionInstructions")
       }
     ),
-    /* @__PURE__ */ T("div", { className: "keycloak__empty-execution-state__block", children: Ru.map((i) => /* @__PURE__ */ te(ei, { className: "keycloak__empty-execution-state__help", children: [
+    /* @__PURE__ */ T("div", { className: "keycloak__empty-execution-state__block", children: Ru.map((i) => /* @__PURE__ */ te(oo, { className: "keycloak__empty-execution-state__help", children: [
       /* @__PURE__ */ te(ti, { flex: { default: "flex_1" }, children: [
         /* @__PURE__ */ T(Dc, { headingLevel: "h2", size: Pc.md, children: r(`${i}Title`) }),
         /* @__PURE__ */ T("p", { children: r(i) })
       ] }),
-      /* @__PURE__ */ T(ei, { alignSelf: { default: "alignSelfCenter" }, children: /* @__PURE__ */ T(ti, { children: /* @__PURE__ */ T(
+      /* @__PURE__ */ T(oo, { alignSelf: { default: "alignSelfCenter" }, children: /* @__PURE__ */ T(ti, { children: /* @__PURE__ */ T(
         ge,
         {
           "data-testid": i,
@@ -711,10 +711,10 @@ function pi(e, t, n) {
     }
   return n != null && e.push({ name: t, value: n }), e;
 }
-var io = "http://www.w3.org/1999/xhtml";
+var so = "http://www.w3.org/1999/xhtml";
 const gi = {
   svg: "http://www.w3.org/2000/svg",
-  xhtml: io,
+  xhtml: so,
   xlink: "http://www.w3.org/1999/xlink",
   xml: "http://www.w3.org/XML/1998/namespace",
   xmlns: "http://www.w3.org/2000/xmlns/"
@@ -726,7 +726,7 @@ function zn(e) {
 function ed(e) {
   return function() {
     var t = this.ownerDocument, n = this.namespaceURI;
-    return n === io && t.documentElement.namespaceURI === io ? t.createElement(e) : t.createElementNS(n, e);
+    return n === so && t.documentElement.namespaceURI === so ? t.createElement(e) : t.createElementNS(n, e);
   };
 }
 function td(e) {
@@ -740,13 +740,13 @@ function ua(e) {
 }
 function nd() {
 }
-function ko(e) {
+function Mo(e) {
   return e == null ? nd : function() {
     return this.querySelector(e);
   };
 }
 function rd(e) {
-  typeof e != "function" && (e = ko(e));
+  typeof e != "function" && (e = Mo(e));
   for (var t = this._groups, n = t.length, r = new Array(n), o = 0; o < n; ++o)
     for (var s = t[o], i = s.length, a = r[o] = new Array(i), c, d, l = 0; l < i; ++l)
       (c = s[l]) && (d = e.call(c, c.__data__, l, s)) && ("__data__" in c && (d.__data__ = c.__data__), a[l] = d);
@@ -1033,7 +1033,7 @@ function Ud(e, t) {
 function ma(e) {
   return e.trim().split(/^|\s+/);
 }
-function Mo(e) {
+function Lo(e) {
   return e.classList || new ya(e);
 }
 function ya(e) {
@@ -1053,10 +1053,10 @@ ya.prototype = {
   }
 };
 function wa(e, t) {
-  for (var n = Mo(e), r = -1, o = t.length; ++r < o; ) n.add(t[r]);
+  for (var n = Lo(e), r = -1, o = t.length; ++r < o; ) n.add(t[r]);
 }
 function va(e, t) {
-  for (var n = Mo(e), r = -1, o = t.length; ++r < o; ) n.remove(t[r]);
+  for (var n = Lo(e), r = -1, o = t.length; ++r < o; ) n.remove(t[r]);
 }
 function Kd(e) {
   return function() {
@@ -1076,7 +1076,7 @@ function Jd(e, t) {
 function ef(e, t) {
   var n = ma(e + "");
   if (arguments.length < 2) {
-    for (var r = Mo(this.node()), o = -1, s = n.length; ++o < s; ) if (!r.contains(n[o])) return !1;
+    for (var r = Lo(this.node()), o = -1, s = n.length; ++o < s; ) if (!r.contains(n[o])) return !1;
     return !0;
   }
   return this.each((typeof t == "function" ? Jd : t ? Kd : Qd)(n, t));
@@ -1137,7 +1137,7 @@ function gf() {
   return null;
 }
 function mf(e, t) {
-  var n = typeof e == "function" ? e : ua(e), r = t == null ? gf : typeof t == "function" ? t : ko(t);
+  var n = typeof e == "function" ? e : ua(e), r = t == null ? gf : typeof t == "function" ? t : Mo(t);
   return this.select(function() {
     return this.insertBefore(n.apply(this, arguments), r.apply(this, arguments) || null);
   });
@@ -1322,7 +1322,7 @@ function _a(e, t) {
   }, 0)), "onselectstart" in n ? r.on("selectstart.drag", null) : (n.style.MozUserSelect = n.__noselect, delete n.__noselect);
 }
 const ln = (e) => () => e;
-function so(e, {
+function ao(e, {
   sourceEvent: t,
   subject: n,
   target: r,
@@ -1348,7 +1348,7 @@ function so(e, {
     _: { value: l }
   });
 }
-so.prototype.on = function() {
+ao.prototype.on = function() {
   var e = this._.on.apply(this._, arguments);
   return e === this._ ? this : e;
 };
@@ -1406,7 +1406,7 @@ function zf() {
   }
   function x(b, C, S, R, E, _) {
     var N = s.copy(), M = ke(_ || S, C), O, F, v;
-    if ((v = n.call(b, new so("beforestart", {
+    if ((v = n.call(b, new ao("beforestart", {
       sourceEvent: S,
       target: f,
       identifier: E,
@@ -1433,7 +1433,7 @@ function zf() {
         N.call(
           L,
           b,
-          new so(L, {
+          new ao(L, {
             sourceEvent: z,
             subject: v,
             target: f,
@@ -1464,7 +1464,7 @@ function zf() {
     return arguments.length ? (u = (b = +b) * b, f) : Math.sqrt(u);
   }, f;
 }
-function Lo(e, t, n) {
+function Io(e, t, n) {
   e.prototype = t.prototype = n, n.constructor = e;
 }
 function Sa(e, t) {
@@ -1624,7 +1624,7 @@ var jt = 0.7, Sn = 1 / jt, kt = "\\s*([+-]?\\d+)\\s*", Wt = "\\s*([+-]?(?:\\d*\\
   yellow: 16776960,
   yellowgreen: 10145074
 };
-Lo(rn, Xt, {
+Io(rn, Xt, {
   copy(e) {
     return Object.assign(new this.constructor(), this, e);
   },
@@ -1664,13 +1664,13 @@ function cn(e, t, n, r) {
 function Zf(e) {
   return e instanceof rn || (e = Xt(e)), e ? (e = e.rgb(), new xe(e.r, e.g, e.b, e.opacity)) : new xe();
 }
-function ao(e, t, n, r) {
+function lo(e, t, n, r) {
   return arguments.length === 1 ? Zf(e) : new xe(e, t, n, r ?? 1);
 }
 function xe(e, t, n, r) {
   this.r = +e, this.g = +t, this.b = +n, this.opacity = +r;
 }
-Lo(xe, ao, Sa(rn, {
+Io(xe, lo, Sa(rn, {
   brighter(e) {
     return e = e == null ? Sn : Math.pow(Sn, e), new xe(this.r * e, this.g * e, this.b * e, this.opacity);
   },
@@ -1729,7 +1729,7 @@ function Kf(e, t, n, r) {
 function Me(e, t, n, r) {
   this.h = +e, this.s = +t, this.l = +n, this.opacity = +r;
 }
-Lo(Me, Kf, Sa(rn, {
+Io(Me, Kf, Sa(rn, {
   brighter(e) {
     return e = e == null ? Sn : Math.pow(Sn, e), new Me(this.h, this.s, this.l * e, this.opacity);
   },
@@ -1788,7 +1788,7 @@ function ka(e, t) {
 const Si = (function e(t) {
   var n = eh(t);
   function r(o, s) {
-    var i = n((o = ao(o)).r, (s = ao(s)).r), a = n(o.g, s.g), c = n(o.b, s.b), d = ka(o.opacity, s.opacity);
+    var i = n((o = lo(o)).r, (s = lo(s)).r), a = n(o.g, s.g), c = n(o.b, s.b), d = ka(o.opacity, s.opacity);
     return function(l) {
       return o.r = i(l), o.g = a(l), o.b = c(l), o.opacity = d(l), o + "";
     };
@@ -1800,7 +1800,7 @@ function We(e, t) {
     return e * (1 - n) + t * n;
   };
 }
-var lo = /[-+]?(?:\d+\.?\d*|\.?\d+)(?:[eE][-+]?\d+)?/g, rr = new RegExp(lo.source, "g");
+var co = /[-+]?(?:\d+\.?\d*|\.?\d+)(?:[eE][-+]?\d+)?/g, rr = new RegExp(co.source, "g");
 function th(e) {
   return function() {
     return e;
@@ -1812,15 +1812,15 @@ function nh(e) {
   };
 }
 function rh(e, t) {
-  var n = lo.lastIndex = rr.lastIndex = 0, r, o, s, i = -1, a = [], c = [];
-  for (e = e + "", t = t + ""; (r = lo.exec(e)) && (o = rr.exec(t)); )
+  var n = co.lastIndex = rr.lastIndex = 0, r, o, s, i = -1, a = [], c = [];
+  for (e = e + "", t = t + ""; (r = co.exec(e)) && (o = rr.exec(t)); )
     (s = o.index) > n && (s = t.slice(n, s), a[i] ? a[i] += s : a[++i] = s), (r = r[0]) === (o = o[0]) ? a[i] ? a[i] += o : a[++i] = o : (a[++i] = null, c.push({ i, x: We(r, o) })), n = rr.lastIndex;
   return n < t.length && (s = t.slice(n), a[i] ? a[i] += s : a[++i] = s), a.length < 2 ? c[0] ? nh(c[0].x) : th(t) : (t = c.length, function(d) {
     for (var l = 0, u; l < t; ++l) a[(u = c[l]).i] = u.x(d);
     return a.join("");
   });
 }
-var Ci = 180 / Math.PI, co = {
+var Ci = 180 / Math.PI, uo = {
   translateX: 0,
   translateY: 0,
   rotate: 0,
@@ -1842,10 +1842,10 @@ function Ma(e, t, n, r, o, s) {
 var dn;
 function oh(e) {
   const t = new (typeof DOMMatrix == "function" ? DOMMatrix : WebKitCSSMatrix)(e + "");
-  return t.isIdentity ? co : Ma(t.a, t.b, t.c, t.d, t.e, t.f);
+  return t.isIdentity ? uo : Ma(t.a, t.b, t.c, t.d, t.e, t.f);
 }
 function ih(e) {
-  return e == null || (dn || (dn = document.createElementNS("http://www.w3.org/2000/svg", "g")), dn.setAttribute("transform", e), !(e = dn.transform.baseVal.consolidate())) ? co : (e = e.matrix, Ma(e.a, e.b, e.c, e.d, e.e, e.f));
+  return e == null || (dn || (dn = document.createElementNS("http://www.w3.org/2000/svg", "g")), dn.setAttribute("transform", e), !(e = dn.transform.baseVal.consolidate())) ? uo : (e = e.matrix, Ma(e.a, e.b, e.c, e.d, e.e, e.f));
 }
 function La(e, t, n, r) {
   function o(d) {
@@ -1919,7 +1919,7 @@ const dh = (function e(t, n, r) {
 var It = 0, Bt = 0, $t = 0, Ia = 1e3, Nn, qt, kn = 0, ft = 0, Vn = 0, Zt = typeof performance == "object" && performance.now ? performance : Date, Oa = typeof window == "object" && window.requestAnimationFrame ? window.requestAnimationFrame.bind(window) : function(e) {
   setTimeout(e, 17);
 };
-function Io() {
+function Oo() {
   return ft || (Oa(fh), ft = Zt.now() + Vn);
 }
 function fh() {
@@ -1932,10 +1932,10 @@ Mn.prototype = Aa.prototype = {
   constructor: Mn,
   restart: function(e, t, n) {
     if (typeof e != "function") throw new TypeError("callback is not a function");
-    n = (n == null ? Io() : +n) + (t == null ? 0 : +t), !this._next && qt !== this && (qt ? qt._next = this : Nn = this, qt = this), this._call = e, this._time = n, uo();
+    n = (n == null ? Oo() : +n) + (t == null ? 0 : +t), !this._next && qt !== this && (qt ? qt._next = this : Nn = this, qt = this), this._call = e, this._time = n, fo();
   },
   stop: function() {
-    this._call && (this._call = null, this._time = 1 / 0, uo());
+    this._call && (this._call = null, this._time = 1 / 0, fo());
   }
 };
 function Aa(e, t, n) {
@@ -1943,7 +1943,7 @@ function Aa(e, t, n) {
   return r.restart(e, t, n), r;
 }
 function hh() {
-  Io(), ++It;
+  Oo(), ++It;
   for (var e = Nn, t; e; )
     (t = ft - e._time) >= 0 && e._call.call(void 0, t), e = e._next;
   --It;
@@ -1963,9 +1963,9 @@ function ph() {
 function gh() {
   for (var e, t = Nn, n, r = 1 / 0; t; )
     t._call ? (r > t._time && (r = t._time), e = t, t = t._next) : (n = t._next, t._next = null, t = e ? e._next = n : Nn = n);
-  qt = e, uo(r);
+  qt = e, fo(r);
 }
-function uo(e) {
+function fo(e) {
   if (!It) {
     Bt && (Bt = clearTimeout(Bt));
     var t = e - ft;
@@ -1978,7 +1978,7 @@ function Mi(e, t, n) {
     r.stop(), e(o + t);
   }, t, n), r;
 }
-var mh = Fn("start", "end", "cancel", "interrupt"), yh = [], Ta = 0, Li = 1, fo = 2, vn = 3, Ii = 4, ho = 5, bn = 6;
+var mh = Fn("start", "end", "cancel", "interrupt"), yh = [], Ta = 0, Li = 1, ho = 2, vn = 3, Ii = 4, po = 5, bn = 6;
 function Hn(e, t, n, r, o, s) {
   var i = e.__transition;
   if (!i) e.__transition = {};
@@ -1999,7 +1999,7 @@ function Hn(e, t, n, r, o, s) {
     state: Ta
   });
 }
-function Oo(e, t) {
+function Ao(e, t) {
   var n = Ae(e, t);
   if (n.state > Ta) throw new Error("too late; already scheduled");
   return n;
@@ -2030,16 +2030,16 @@ function wh(e, t, n) {
       }
     if (Mi(function() {
       n.state === vn && (n.state = Ii, n.timer.restart(a, n.delay, n.time), a(d));
-    }), n.state = fo, n.on.call("start", e, e.__data__, n.index, n.group), n.state === fo) {
+    }), n.state = ho, n.on.call("start", e, e.__data__, n.index, n.group), n.state === ho) {
       for (n.state = vn, o = new Array(f = n.tween.length), l = 0, u = -1; l < f; ++l)
         (h = n.tween[l].value.call(e, e.__data__, n.index, n.group)) && (o[++u] = h);
       o.length = u + 1;
     }
   }
   function a(d) {
-    for (var l = d < n.duration ? n.ease.call(null, d / n.duration) : (n.timer.restart(c), n.state = ho, 1), u = -1, f = o.length; ++u < f; )
+    for (var l = d < n.duration ? n.ease.call(null, d / n.duration) : (n.timer.restart(c), n.state = po, 1), u = -1, f = o.length; ++u < f; )
       o[u].call(e, l);
-    n.state === ho && (n.on.call("end", e, e.__data__, n.index, n.group), c());
+    n.state === po && (n.on.call("end", e, e.__data__, n.index, n.group), c());
   }
   function c() {
     n.state = bn, n.timer.stop(), delete r[t];
@@ -2056,7 +2056,7 @@ function xn(e, t) {
         s = !1;
         continue;
       }
-      o = r.state > fo && r.state < ho, r.state = bn, r.timer.stop(), r.on.call(o ? "interrupt" : "cancel", e, e.__data__, r.index, r.group), delete n[i];
+      o = r.state > ho && r.state < po, r.state = bn, r.timer.stop(), r.on.call(o ? "interrupt" : "cancel", e, e.__data__, r.index, r.group), delete n[i];
     }
     s && delete e.__transition;
   }
@@ -2108,7 +2108,7 @@ function Eh(e, t) {
   }
   return this.each((t == null ? bh : xh)(n, e, t));
 }
-function Ao(e, t, n) {
+function To(e, t, n) {
   var r = e._id;
   return e.each(function() {
     var o = Pe(this, r);
@@ -2161,7 +2161,7 @@ function Mh(e, t, n) {
 }
 function Lh(e, t) {
   var n = zn(e), r = n === "transform" ? ah : Ra;
-  return this.attrTween(e, typeof t == "function" ? (n.local ? Mh : kh)(n, r, Ao(this, "attr." + e, t)) : t == null ? (n.local ? Sh : _h)(n) : (n.local ? Nh : Ch)(n, r, t));
+  return this.attrTween(e, typeof t == "function" ? (n.local ? Mh : kh)(n, r, To(this, "attr." + e, t)) : t == null ? (n.local ? Sh : _h)(n) : (n.local ? Nh : Ch)(n, r, t));
 }
 function Ih(e, t) {
   return function(n) {
@@ -2199,12 +2199,12 @@ function Rh(e, t) {
 }
 function Dh(e, t) {
   return function() {
-    Oo(this, e).delay = +t.apply(this, arguments);
+    Ao(this, e).delay = +t.apply(this, arguments);
   };
 }
 function Ph(e, t) {
   return t = +t, function() {
-    Oo(this, e).delay = t;
+    Ao(this, e).delay = t;
   };
 }
 function $h(e) {
@@ -2269,7 +2269,7 @@ function Wh(e) {
   });
 }
 function Xh(e, t, n) {
-  var r, o, s = Wh(t) ? Oo : Pe;
+  var r, o, s = Wh(t) ? Ao : Pe;
   return function() {
     var i = s(this, e), a = i.on;
     a !== r && (o = (r = a).copy()).on(t, n), i.on = o;
@@ -2291,7 +2291,7 @@ function Kh() {
 }
 function Qh(e) {
   var t = this._name, n = this._id;
-  typeof e != "function" && (e = ko(e));
+  typeof e != "function" && (e = Mo(e));
   for (var r = this._groups, o = r.length, s = new Array(o), i = 0; i < o; ++i)
     for (var a = r[i], c = a.length, d = s[i] = new Array(c), l, u, f = 0; f < c; ++f)
       (l = a[f]) && (u = e.call(l, l.__data__, f, a)) && ("__data__" in l && (u.__data__ = l.__data__), d[f] = u, Hn(d[f], t, n, f, d, Ae(l, n)));
@@ -2348,7 +2348,7 @@ function ip(e, t) {
 }
 function sp(e, t, n) {
   var r = (e += "") == "transform" ? sh : Ra;
-  return t == null ? this.styleTween(e, np(e, r)).on("end.style." + e, Da(e)) : typeof t == "function" ? this.styleTween(e, op(e, r, Ao(this, "style." + e, t))).each(ip(this._id, e)) : this.styleTween(e, rp(e, r, t), n).on("end.style." + e, null);
+  return t == null ? this.styleTween(e, np(e, r)).on("end.style." + e, Da(e)) : typeof t == "function" ? this.styleTween(e, op(e, r, To(this, "style." + e, t))).each(ip(this._id, e)) : this.styleTween(e, rp(e, r, t), n).on("end.style." + e, null);
 }
 function ap(e, t, n) {
   return function(r) {
@@ -2382,7 +2382,7 @@ function dp(e) {
   };
 }
 function fp(e) {
-  return this.tween("text", typeof e == "function" ? dp(Ao(this, "text", e)) : up(e == null ? "" : e + ""));
+  return this.tween("text", typeof e == "function" ? dp(To(this, "text", e)) : up(e == null ? "" : e + ""));
 }
 function hp(e) {
   return function(t) {
@@ -2488,7 +2488,7 @@ function xp(e, t) {
 }
 function Ep(e) {
   var t, n;
-  e instanceof qe ? (t = e._id, e = e._name) : (t = Pa(), (n = bp).time = Io(), e = e == null ? null : e + "");
+  e instanceof qe ? (t = e._id, e = e._name) : (t = Pa(), (n = bp).time = Oo(), e = e == null ? null : e + "");
   for (var r = this._groups, o = r.length, s = 0; s < o; ++s)
     for (var i = r[s], a = i.length, c, d = 0; d < a; ++d)
       (c = i[d]) && Hn(c, e, t, d, i, n || xp(c, t));
@@ -2808,13 +2808,13 @@ const pe = () => {
     destroy: e.destroy
   }), [e]);
 }, Ip = (e) => e.userSelectionActive ? "none" : "all";
-function To({ position: e, children: t, className: n, style: r, ...o }) {
+function Ro({ position: e, children: t, className: n, style: r, ...o }) {
   const s = le(Ip), i = `${e}`.split("-");
   return $.createElement("div", { className: me(["react-flow__panel", n, ...i]), style: { ...r, pointerEvents: s }, ...o }, t);
 }
 function Op({ proOptions: e, position: t = "bottom-right" }) {
   return e?.hideAttribution ? null : $.createElement(
-    To,
+    Ro,
     { position: t, className: "react-flow__attribution", "data-message": "Please only hide this attribution when you are subscribed to React Flow Pro: https://reactflow.dev/pro" },
     $.createElement("a", { href: "https://reactflow.dev", target: "_blank", rel: "noopener noreferrer", "aria-label": "React Flow attribution" }, "React Flow")
   );
@@ -2840,10 +2840,10 @@ const Ap = ({ x: e, y: t, label: n, labelStyle: r = {}, labelShowBg: o = !0, lab
   );
 };
 var Tp = ae(Ap);
-const Ro = (e) => ({
+const Do = (e) => ({
   width: e.offsetWidth,
   height: e.offsetHeight
-}), Ot = (e, t = 0, n = 1) => Math.min(Math.max(e, t), n), Do = (e = { x: 0, y: 0 }, t) => ({
+}), Ot = (e, t = 0, n = 1) => Math.min(Math.max(e, t), n), Po = (e = { x: 0, y: 0 }, t) => ({
   x: Ot(e.x, t[0][0], t[1][0]),
   y: Ot(e.y, t[0][1], t[1][1])
 }), Ai = (e, t, n) => e < t ? Ot(Math.abs(e - t), 1, 50) / 50 : e > n ? -Ot(Math.abs(e - n), 1, 50) / 50 : 0, za = (e, t) => {
@@ -2868,13 +2868,13 @@ const Ro = (e) => ({
   ...e.positionAbsolute || { x: 0, y: 0 },
   width: e.width || 0,
   height: e.height || 0
-}), Rp = (e, t) => Ba(Ha(Ut(e), Ut(t))), po = (e, t) => {
+}), Rp = (e, t) => Ba(Ha(Ut(e), Ut(t))), go = (e, t) => {
   const n = Math.max(0, Math.min(e.x + e.width, t.x + t.width) - Math.max(e.x, t.x)), r = Math.max(0, Math.min(e.y + e.height, t.y + t.height) - Math.max(e.y, t.y));
   return Math.ceil(n * r);
 }, Dp = (e) => Ce(e.width) && Ce(e.height) && Ce(e.x) && Ce(e.y), Ce = (e) => !isNaN(e) && isFinite(e), ue = /* @__PURE__ */ Symbol.for("internals"), qa = ["Enter", " ", "Escape"], Ga = (e, t) => {
   process.env.NODE_ENV === "development" && console.warn(`[React Flow]: ${t} Help: https://reactflow.dev/error#${e}`);
 }, Pp = (e) => "nativeEvent" in e;
-function go(e) {
+function mo(e) {
   const n = (Pp(e) ? e.nativeEvent : e).composedPath?.()?.[0] || e.target;
   return ["INPUT", "SELECT", "TEXTAREA"].includes(n?.nodeName) || n?.hasAttribute("contenteditable") || !!n?.closest(".nokey");
 }
@@ -2965,7 +2965,7 @@ function Xa({ sourceX: e, sourceY: t, sourcePosition: n = X.Bottom, targetX: r,
     h
   ];
 }
-const Po = ae(({ sourceX: e, sourceY: t, targetX: n, targetY: r, sourcePosition: o = X.Bottom, targetPosition: s = X.Top, label: i, labelStyle: a, labelShowBg: c, labelBgStyle: d, labelBgPadding: l, labelBgBorderRadius: u, style: f, markerEnd: h, markerStart: g, interactionWidth: y }) => {
+const $o = ae(({ sourceX: e, sourceY: t, targetX: n, targetY: r, sourcePosition: o = X.Bottom, targetPosition: s = X.Top, label: i, labelStyle: a, labelShowBg: c, labelBgStyle: d, labelBgPadding: l, labelBgBorderRadius: u, style: f, markerEnd: h, markerStart: g, interactionWidth: y }) => {
   const [p, m, w] = Xa({
     sourceX: e,
     sourceY: t,
@@ -2976,7 +2976,7 @@ const Po = ae(({ sourceX: e, sourceY: t, targetX: n, targetY: r, sourcePosition:
   });
   return $.createElement(on, { path: p, labelX: m, labelY: w, label: i, labelStyle: a, labelShowBg: c, labelBgStyle: d, labelBgPadding: l, labelBgBorderRadius: u, style: f, markerEnd: h, markerStart: g, interactionWidth: y });
 });
-Po.displayName = "SimpleBezierEdge";
+$o.displayName = "SimpleBezierEdge";
 const Di = {
   [X.Left]: { x: -1, y: 0 },
   [X.Right]: { x: 1, y: 0 },
@@ -3041,7 +3041,7 @@ function Vp(e, t, n, r) {
   const a = e.x < n.x ? 1 : -1, c = e.y < n.y ? -1 : 1;
   return `L ${s},${i + o * c}Q ${s},${i} ${s + o * a},${i}`;
 }
-function mo({ sourceX: e, sourceY: t, sourcePosition: n = X.Bottom, targetX: r, targetY: o, targetPosition: s = X.Top, borderRadius: i = 5, centerX: a, centerY: c, offset: d = 20 }) {
+function yo({ sourceX: e, sourceY: t, sourcePosition: n = X.Bottom, targetX: r, targetY: o, targetPosition: s = X.Top, borderRadius: i = 5, centerX: a, centerY: c, offset: d = 20 }) {
   const [l, u, f, h, g] = zp({
     source: { x: e, y: t },
     sourcePosition: n,
@@ -3056,7 +3056,7 @@ function mo({ sourceX: e, sourceY: t, sourcePosition: n = X.Bottom, targetX: r,
   }, ""), u, f, h, g];
 }
 const qn = ae(({ sourceX: e, sourceY: t, targetX: n, targetY: r, label: o, labelStyle: s, labelShowBg: i, labelBgStyle: a, labelBgPadding: c, labelBgBorderRadius: d, style: l, sourcePosition: u = X.Bottom, targetPosition: f = X.Top, markerEnd: h, markerStart: g, pathOptions: y, interactionWidth: p }) => {
-  const [m, w, x] = mo({
+  const [m, w, x] = yo({
     sourceX: e,
     sourceY: t,
     sourcePosition: u,
@@ -3069,8 +3069,8 @@ const qn = ae(({ sourceX: e, sourceY: t, targetX: n, targetY: r, label: o, label
   return $.createElement(on, { path: m, labelX: w, labelY: x, label: o, labelStyle: s, labelShowBg: i, labelBgStyle: a, labelBgPadding: c, labelBgBorderRadius: d, style: l, markerEnd: h, markerStart: g, interactionWidth: p });
 });
 qn.displayName = "SmoothStepEdge";
-const $o = ae((e) => $.createElement(qn, { ...e, pathOptions: Ne(() => ({ borderRadius: 0, offset: e.pathOptions?.offset }), [e.pathOptions?.offset]) }));
-$o.displayName = "StepEdge";
+const Fo = ae((e) => $.createElement(qn, { ...e, pathOptions: Ne(() => ({ borderRadius: 0, offset: e.pathOptions?.offset }), [e.pathOptions?.offset]) }));
+Fo.displayName = "StepEdge";
 function Hp({ sourceX: e, sourceY: t, targetX: n, targetY: r }) {
   const [o, s, i, a] = ja({
     sourceX: e,
@@ -3080,11 +3080,11 @@ function Hp({ sourceX: e, sourceY: t, targetX: n, targetY: r }) {
   });
   return [`M ${e},${t}L ${n},${r}`, o, s, i, a];
 }
-const Fo = ae(({ sourceX: e, sourceY: t, targetX: n, targetY: r, label: o, labelStyle: s, labelShowBg: i, labelBgStyle: a, labelBgPadding: c, labelBgBorderRadius: d, style: l, markerEnd: u, markerStart: f, interactionWidth: h }) => {
+const zo = ae(({ sourceX: e, sourceY: t, targetX: n, targetY: r, label: o, labelStyle: s, labelShowBg: i, labelBgStyle: a, labelBgPadding: c, labelBgBorderRadius: d, style: l, markerEnd: u, markerStart: f, interactionWidth: h }) => {
   const [g, y, p] = Hp({ sourceX: e, sourceY: t, targetX: n, targetY: r });
   return $.createElement(on, { path: g, labelX: y, labelY: p, label: o, labelStyle: s, labelShowBg: i, labelBgStyle: a, labelBgPadding: c, labelBgBorderRadius: d, style: l, markerEnd: u, markerStart: f, interactionWidth: h });
 });
-Fo.displayName = "StraightEdge";
+zo.displayName = "StraightEdge";
 function hn(e, t) {
   return e >= 0 ? 0.5 * e : t * 25 * Math.sqrt(-e);
 }
@@ -3100,7 +3100,7 @@ function $i({ pos: e, x1: t, y1: n, x2: r, y2: o, c: s }) {
       return [t, n + hn(o - n, s)];
   }
 }
-function zo({ sourceX: e, sourceY: t, sourcePosition: n = X.Bottom, targetX: r, targetY: o, targetPosition: s = X.Top, curvature: i = 0.25 }) {
+function Vo({ sourceX: e, sourceY: t, sourcePosition: n = X.Bottom, targetX: r, targetY: o, targetPosition: s = X.Top, curvature: i = 0.25 }) {
   const [a, c] = $i({
     pos: n,
     x1: e,
@@ -3134,7 +3134,7 @@ function zo({ sourceX: e, sourceY: t, sourcePosition: n = X.Bottom, targetX: r,
   ];
 }
 const On = ae(({ sourceX: e, sourceY: t, targetX: n, targetY: r, sourcePosition: o = X.Bottom, targetPosition: s = X.Top, label: i, labelStyle: a, labelShowBg: c, labelBgStyle: d, labelBgPadding: l, labelBgBorderRadius: u, style: f, markerEnd: h, markerStart: g, pathOptions: y, interactionWidth: p }) => {
-  const [m, w, x] = zo({
+  const [m, w, x] = Vo({
     sourceX: e,
     sourceY: t,
     sourcePosition: o,
@@ -3146,9 +3146,9 @@ const On = ae(({ sourceX: e, sourceY: t, targetX: n, targetY: r, sourcePosition:
   return $.createElement(on, { path: m, labelX: w, labelY: x, label: i, labelStyle: a, labelShowBg: c, labelBgStyle: d, labelBgPadding: l, labelBgBorderRadius: u, style: f, markerEnd: h, markerStart: g, interactionWidth: p });
 });
 On.displayName = "BezierEdge";
-const Vo = ia(null), Bp = Vo.Provider;
-Vo.Consumer;
-const qp = () => $n(Vo), Gp = (e) => "id" in e && "source" in e && "target" in e, Yp = ({ source: e, sourceHandle: t, target: n, targetHandle: r }) => `reactflow__edge-${e}${t || ""}-${n}${r || ""}`, yo = (e, t) => typeof e > "u" ? "" : typeof e == "string" ? e : `${t ? `${t}__` : ""}${Object.keys(e).sort().map((r) => `${r}=${e[r]}`).join("&")}`, jp = (e, t) => t.some((n) => n.source === e.source && n.target === e.target && (n.sourceHandle === e.sourceHandle || !n.sourceHandle && !e.sourceHandle) && (n.targetHandle === e.targetHandle || !n.targetHandle && !e.targetHandle)), Wp = (e, t) => {
+const Ho = ia(null), Bp = Ho.Provider;
+Ho.Consumer;
+const qp = () => $n(Ho), Gp = (e) => "id" in e && "source" in e && "target" in e, Yp = ({ source: e, sourceHandle: t, target: n, targetHandle: r }) => `reactflow__edge-${e}${t || ""}-${n}${r || ""}`, wo = (e, t) => typeof e > "u" ? "" : typeof e == "string" ? e : `${t ? `${t}__` : ""}${Object.keys(e).sort().map((r) => `${r}=${e[r]}`).join("&")}`, jp = (e, t) => t.some((n) => n.source === e.source && n.target === e.target && (n.sourceHandle === e.sourceHandle || !n.sourceHandle && !e.sourceHandle) && (n.targetHandle === e.targetHandle || !n.targetHandle && !e.targetHandle)), Wp = (e, t) => {
   if (!e.source || !e.target)
     return Ga("006", Ie.error006()), t;
   let n;
@@ -3156,7 +3156,7 @@ const qp = () => $n(Vo), Gp = (e) => "id" in e && "source" in e && "target" in e
     ...e,
     id: Yp(e)
   }, jp(n, t) ? t : t.concat(n);
-}, wo = ({ x: e, y: t }, [n, r, o], s, [i, a]) => {
+}, vo = ({ x: e, y: t }, [n, r, o], s, [i, a]) => {
   const c = {
     x: (e - n) / o,
     y: (t - r) / o
@@ -3218,7 +3218,7 @@ const qp = () => $n(Vo), Gp = (e) => "id" in e && "source" in e && "target" in e
       y: y.y,
       width: u || 0,
       height: f || 0
-    }, m = po(c, p), w = typeof u > "u" || typeof f > "u" || u === null || f === null, x = s && m > 0, b = (u || 0) * (f || 0);
+    }, m = go(c, p), w = typeof u > "u" || typeof f > "u" || u === null || f === null, x = s && m > 0, b = (u || 0) * (f || 0);
     (w || x || m >= b || l.dragging) && d.push(l);
   }), d;
 }, Ka = (e, t) => {
@@ -3242,7 +3242,7 @@ function Xp(e, t, n, r, o, s) {
   if (d) {
     const g = d.getAttribute("data-nodeid");
     if (g) {
-      const y = Ho(void 0, d), p = d.getAttribute("data-handleid"), m = s({ nodeId: g, id: p, type: y });
+      const y = Bo(void 0, d), p = d.getAttribute("data-handleid"), m = s({ nodeId: g, id: p, type: y });
       if (m) {
         const w = o.find((x) => x.nodeId === g && x.type === y && x.id === p);
         return {
@@ -3287,7 +3287,7 @@ function el(e, t, n, r, o, s, i) {
     handleDomNode: c
   };
   if (c) {
-    const l = Ho(void 0, c), u = c.getAttribute("data-nodeid"), f = c.getAttribute("data-handleid"), h = c.classList.contains("connectable"), g = c.classList.contains("connectableend"), y = {
+    const l = Bo(void 0, c), u = c.getAttribute("data-nodeid"), f = c.getAttribute("data-handleid"), h = c.classList.contains("connectable"), g = c.classList.contains("connectableend"), y = {
       source: a ? u : n,
       sourceHandle: a ? f : r,
       target: a ? n : u,
@@ -3311,7 +3311,7 @@ function Up({ nodes: e, nodeId: t, handleId: n, handleType: r }) {
     return o;
   }, []);
 }
-function Ho(e, t) {
+function Bo(e, t) {
   return e || (t?.classList.contains("target") ? "target" : t?.classList.contains("source") ? "source" : null);
 }
 function ir(e) {
@@ -3324,7 +3324,7 @@ function Kp(e, t) {
 function tl({ event: e, handleId: t, nodeId: n, onConnect: r, isTarget: o, getState: s, setState: i, isValidConnection: a, edgeUpdaterType: c, onReconnectEnd: d }) {
   const l = Va(e.target), { connectionMode: u, domNode: f, autoPanOnConnect: h, connectionRadius: g, onConnectStart: y, panBy: p, getNodes: m, cancelConnection: w } = s();
   let x = 0, b;
-  const { x: C, y: S } = Ke(e), R = l?.elementFromPoint(C, S), E = Ho(c, R), _ = f?.getBoundingClientRect();
+  const { x: C, y: S } = Ke(e), R = l?.elementFromPoint(C, S), E = Bo(c, R), _ = f?.getBoundingClientRect();
   if (!_ || !E)
     return;
   let N, M = Ke(e, _), O = !1, F = null, v = !1, A = null;
@@ -3356,7 +3356,7 @@ function tl({ event: e, handleId: t, nodeId: n, onConnect: r, isTarget: o, getSt
   function G(H) {
     const { transform: q } = s();
     M = Ke(H, _);
-    const { handle: j, validHandleResult: k } = Xp(H, l, wo(M, q, !1, [1, 1]), g, L, (I) => el(I, u, n, t, o ? "target" : "source", a, l));
+    const { handle: j, validHandleResult: k } = Xp(H, l, vo(M, q, !1, [1, 1]), g, L, (I) => el(I, u, n, t, o ? "target" : "source", a, l));
     if (b = j, O || (z(), O = !0), A = k.handleDomNode, F = k.connection, v = k.isValid, i({
       connectionPosition: b && v ? Za({
         x: b.x,
@@ -3453,7 +3453,7 @@ const rl = ({ data: e, isConnectable: t, targetPosition: n = X.Top, sourcePositi
   $.createElement(Je, { type: "source", position: r, isConnectable: t })
 );
 rl.displayName = "DefaultNode";
-var vo = ae(rl);
+var bo = ae(rl);
 const ol = ({ data: e, isConnectable: t, sourcePosition: n = X.Bottom }) => $.createElement(
   $.Fragment,
   null,
@@ -3470,8 +3470,8 @@ const sl = ({ data: e, isConnectable: t, targetPosition: n = X.Top }) => $.creat
 );
 sl.displayName = "OutputNode";
 var al = ae(sl);
-const Bo = () => null;
-Bo.displayName = "GroupNode";
+const qo = () => null;
+qo.displayName = "GroupNode";
 const eg = (e) => ({
   selectedNodes: e.getNodes().filter((t) => t.selected),
   selectedEdges: e.edges.filter((t) => t.selected).map((t) => ({ ...t }))
@@ -3563,12 +3563,12 @@ var Qt = (e = null, t = { actInsideInputWithModifier: !0 }) => {
     const c = typeof document < "u" ? document : null, d = t?.target || c;
     if (e !== null) {
       const l = (h) => {
-        if (o.current = h.ctrlKey || h.metaKey || h.shiftKey, (!o.current || o.current && !t.actInsideInputWithModifier) && go(h))
+        if (o.current = h.ctrlKey || h.metaKey || h.shiftKey, (!o.current || o.current && !t.actInsideInputWithModifier) && mo(h))
           return !1;
         const y = Bi(h.code, a);
         s.current.add(h[y]), Hi(i, s.current, !1) && (h.preventDefault(), r(!0));
       }, u = (h) => {
-        if ((!o.current || o.current && !t.actInsideInputWithModifier) && go(h))
+        if ((!o.current || o.current && !t.actInsideInputWithModifier) && mo(h))
           return !1;
         const y = Bi(h.code, a);
         Hi(i, s.current, !0) ? (r(!1), s.current.clear()) : s.current.delete(h[y]), h.key === "Meta" && s.current.clear(), o.current = !1;
@@ -3715,7 +3715,7 @@ const Et = () => {
     // @deprecated Use `screenToFlowPosition`.
     project: (o) => {
       const { transform: s, snapToGrid: i, snapGrid: a } = e.getState();
-      return console.warn("[DEPRECATED] `project` is deprecated. Instead use `screenToFlowPosition`. There is no need to subtract the react flow bounds anymore! https://reactflow.dev/api-reference/types/react-flow-instance#screen-to-flow-position"), wo(o, s, i, a);
+      return console.warn("[DEPRECATED] `project` is deprecated. Instead use `screenToFlowPosition`. There is no need to subtract the react flow bounds anymore! https://reactflow.dev/api-reference/types/react-flow-instance#screen-to-flow-position"), vo(o, s, i, a);
     },
     screenToFlowPosition: (o) => {
       const { transform: s, snapToGrid: i, snapGrid: a, domNode: c } = e.getState();
@@ -3725,7 +3725,7 @@ const Et = () => {
         x: o.x - d,
         y: o.y - l
       };
-      return wo(u, s, i, a);
+      return vo(u, s, i, a);
     },
     flowToScreenPosition: (o) => {
       const { transform: s, domNode: i } = e.getState();
@@ -3740,7 +3740,7 @@ const Et = () => {
     viewportInitialized: !0
   } : hg, [t, n]);
 };
-function qo() {
+function Go() {
   const e = gg(), t = pe(), n = de(() => t.getState().getNodes().map((y) => ({ ...y })), []), r = de((y) => t.getState().nodeInternals.get(y), []), o = de(() => {
     const { edges: y = [] } = t.getState();
     return y.map((p) => ({ ...p }));
@@ -3820,14 +3820,14 @@ function qo() {
     return w ? (m || t.getState().getNodes()).filter((C) => {
       if (!b && (C.id === x.id || !C.positionAbsolute))
         return !1;
-      const S = Ti(C), R = po(S, w);
+      const S = Ti(C), R = go(S, w);
       return p && R > 0 || R >= w.width * w.height;
     }) : [];
   }, []), g = de((y, p, m = !0) => {
     const [w] = f(y);
     if (!w)
       return !1;
-    const x = po(w, p);
+    const x = go(w, p);
     return m && x > 0 || x >= w.width * w.height;
   }, []);
   return Ne(() => ({
@@ -3862,7 +3862,7 @@ function qo() {
 }
 const mg = { actInsideInputWithModifier: !1 };
 var yg = ({ deleteKeyCode: e, multiSelectionKeyCode: t }) => {
-  const n = pe(), { deleteElements: r } = qo(), o = Qt(e, mg), s = Qt(t);
+  const n = pe(), { deleteElements: r } = Go(), o = Qt(e, mg), s = Qt(t);
   oe(() => {
     if (o) {
       const { edges: i, getNodes: a } = n.getState(), c = a().filter((l) => l.selected), d = i.filter((l) => l.selected);
@@ -3879,7 +3879,7 @@ function wg(e) {
     const r = () => {
       if (!e.current)
         return;
-      const o = Ro(e.current);
+      const o = Do(e.current);
       (o.height === 0 || o.width === 0) && t.getState().onError?.("004", Ie.error004()), t.setState({ width: o.width || 500, height: o.height || 500 });
     };
     return r(), window.addEventListener("resize", r), e.current && (n = new ResizeObserver(() => r()), n.observe(e.current)), () => {
@@ -3887,7 +3887,7 @@ function wg(e) {
     };
   }, []);
 }
-const Go = {
+const Yo = {
   position: "absolute",
   width: "100%",
   height: "100%",
@@ -4013,7 +4013,7 @@ const Go = {
     u,
     l,
     A
-  ]), $.createElement("div", { className: "react-flow__renderer", ref: _, style: Go }, w);
+  ]), $.createElement("div", { className: "react-flow__renderer", ref: _, style: Yo }, w);
 }, Eg = (e) => ({
   userSelectionActive: e.userSelectionActive,
   userSelectionRect: e.userSelectionRect
@@ -4157,7 +4157,7 @@ const ar = (e, t) => (n) => {
   }, O = w && (e || m);
   return $.createElement(
     "div",
-    { className: me(["react-flow__pane", { dragging: x, selection: e }]), onClick: O ? void 0 : ar(C, f), onContextMenu: ar(S, f), onWheel: ar(R, f), onMouseEnter: O ? void 0 : c, onMouseDown: O ? E : void 0, onMouseMove: O ? _ : d, onMouseUp: O ? N : void 0, onMouseLeave: O ? M : l, ref: f, style: Go },
+    { className: me(["react-flow__pane", { dragging: x, selection: e }]), onClick: O ? void 0 : ar(C, f), onContextMenu: ar(S, f), onWheel: ar(R, f), onMouseEnter: O ? void 0 : c, onMouseDown: O ? E : void 0, onMouseMove: O ? _ : d, onMouseUp: O ? N : void 0, onMouseLeave: O ? M : l, ref: f, style: Yo },
     u,
     $.createElement(_g, null)
   );
@@ -4233,7 +4233,7 @@ function wl(e, t, n, r, o = [0, 0], s) {
     const u = n.get(c);
     d = dt(u, o).positionAbsolute;
   }
-  const l = a && a !== "parent" ? Do(t, a) : t;
+  const l = a && a !== "parent" ? Po(t, a) : t;
   return {
     position: {
       x: l.x - d.x,
@@ -4265,7 +4265,7 @@ const Wi = (e, t, n, r) => {
       position: c.getAttribute("data-handlepos"),
       x: (d.left - i.left - a.x) / n,
       y: (d.top - i.top - a.y) / n,
-      ...Ro(c)
+      ...Do(c)
     };
   });
 };
@@ -4275,7 +4275,7 @@ function Vt(e, t, n) {
     o && n(r, { ...o });
   };
 }
-function bo({ id: e, store: t, unselect: n = !1, nodeRef: r }) {
+function xo({ id: e, store: t, unselect: n = !1, nodeRef: r }) {
   const { addSelectedNodes: o, unselectNodesAndEdges: s, multiSelectionActive: i, nodeInternals: a, onError: c } = t.getState(), d = a.get(e);
   if (!d) {
     c?.("012", Ie.error012(e));
@@ -4347,7 +4347,7 @@ function vl({ nodeRef: e, disabled: t = !1, noDragClassName: n, handleSelector:
         const { nodeInternals: _, multiSelectionActive: N, nodesDraggable: M, unselectNodesAndEdges: O, onNodeDragStart: F, onSelectionDragStart: v } = a.getState();
         m.current = !0;
         const A = o ? F : cr(v);
-        (!i || !s) && !N && o && (_.get(o)?.selected || O()), o && s && i && bo({
+        (!i || !s) && !N && o && (_.get(o)?.selected || O()), o && s && i && xo({
           id: o,
           store: a,
           nodeRef: e
@@ -4437,7 +4437,7 @@ var Ht = (e) => {
   const t = ({ id: n, type: r, data: o, xPos: s, yPos: i, xPosOrigin: a, yPosOrigin: c, selected: d, onClick: l, onMouseEnter: u, onMouseMove: f, onMouseLeave: h, onContextMenu: g, onDoubleClick: y, style: p, className: m, isDraggable: w, isSelectable: x, isConnectable: b, isFocusable: C, selectNodesOnDrag: S, sourcePosition: R, targetPosition: E, hidden: _, resizeObserver: N, dragHandle: M, zIndex: O, isParent: F, noDragClassName: v, noPanClassName: A, initialized: L, disableKeyboardA11y: z, ariaLabel: G, rfId: D, hasHandleBounds: H }) => {
     const q = pe(), j = Q(null), k = Q(null), I = Q(R), P = Q(E), B = Q(r), V = x || w || l || u || f || h, Y = bl(), W = Vt(n, q.getState, u), Z = Vt(n, q.getState, f), ne = Vt(n, q.getState, h), K = Vt(n, q.getState, g), ee = Vt(n, q.getState, y), ce = (ie) => {
       const { nodeDragThreshold: U } = q.getState();
-      if (x && (!S || !w || U > 0) && bo({
+      if (x && (!S || !w || U > 0) && xo({
         id: n,
         store: q,
         nodeRef: j
@@ -4446,10 +4446,10 @@ var Ht = (e) => {
         ve && l(ie, { ...ve });
       }
     }, se = (ie) => {
-      if (!go(ie) && !z)
+      if (!mo(ie) && !z)
         if (qa.includes(ie.key) && x) {
           const U = ie.key === "Escape";
-          bo({
+          xo({
             id: n,
             store: q,
             unselect: U,
@@ -4578,10 +4578,10 @@ function Rg(e) {
 function Dg(e) {
   const t = {
     input: Ht(e.input || il),
-    default: Ht(e.default || vo),
+    default: Ht(e.default || bo),
     output: Ht(e.output || al),
-    group: Ht(e.group || Bo)
-  }, n = {}, r = Object.keys(e).filter((o) => !["input", "default", "output", "group"].includes(o)).reduce((o, s) => (o[s] = Ht(e[s] || vo), o), n);
+    group: Ht(e.group || qo)
+  }, n = {}, r = Object.keys(e).filter((o) => !["input", "default", "output", "group"].includes(o)).reduce((o, s) => (o[s] = Ht(e[s] || bo), o), n);
   return {
     ...t,
     ...r
@@ -4613,10 +4613,10 @@ const Pg = ({ x: e, y: t, width: n, height: r, origin: o }) => !n || !r ? { x: e
   }, []);
   return oe(() => () => {
     c?.current?.disconnect();
-  }, []), $.createElement("div", { className: "react-flow__nodes", style: Go }, a.map((l) => {
+  }, []), $.createElement("div", { className: "react-flow__nodes", style: Yo }, a.map((l) => {
     let u = l.type || "default";
     e.nodeTypes[u] || (i?.("003", Ie.error003(u)), u = "default");
-    const f = e.nodeTypes[u] || e.nodeTypes.default, h = !!(l.draggable || t && typeof l.draggable > "u"), g = !!(l.selectable || o && typeof l.selectable > "u"), y = !!(l.connectable || n && typeof l.connectable > "u"), p = !!(l.focusable || r && typeof l.focusable > "u"), m = e.nodeExtent ? Do(l.positionAbsolute, e.nodeExtent) : l.positionAbsolute, w = m?.x ?? 0, x = m?.y ?? 0, b = Pg({
+    const f = e.nodeTypes[u] || e.nodeTypes.default, h = !!(l.draggable || t && typeof l.draggable > "u"), g = !!(l.selectable || o && typeof l.selectable > "u"), y = !!(l.connectable || n && typeof l.connectable > "u"), p = !!(l.focusable || r && typeof l.focusable > "u"), m = e.nodeExtent ? Po(l.positionAbsolute, e.nodeExtent) : l.positionAbsolute, w = m?.x ?? 0, x = m?.y ?? 0, b = Pg({
       x: w,
       y: x,
       width: l.width ?? 0,
@@ -4631,7 +4631,7 @@ var Fg = ae(El);
 const zg = (e, t, n) => n === X.Left ? e - t : n === X.Right ? e + t : e, Vg = (e, t, n) => n === X.Top ? e - t : n === X.Bottom ? e + t : e, Xi = "react-flow__edgeupdater", Zi = ({ position: e, centerX: t, centerY: n, radius: r = 10, onMouseDown: o, onMouseEnter: s, onMouseOut: i, type: a }) => $.createElement("circle", { onMouseDown: o, onMouseEnter: s, onMouseOut: i, className: me([Xi, `${Xi}-${a}`]), cx: zg(t, r, e), cy: Vg(n, r, e), r, stroke: "transparent", fill: "transparent" }), Hg = () => !0;
 var St = (e) => {
   const t = ({ id: n, className: r, type: o, data: s, onClick: i, onEdgeDoubleClick: a, selected: c, animated: d, label: l, labelStyle: u, labelShowBg: f, labelBgStyle: h, labelBgPadding: g, labelBgBorderRadius: y, style: p, source: m, target: w, sourceX: x, sourceY: b, targetX: C, targetY: S, sourcePosition: R, targetPosition: E, elementsSelectable: _, hidden: N, sourceHandleId: M, targetHandleId: O, onContextMenu: F, onMouseEnter: v, onMouseMove: A, onMouseLeave: L, reconnectRadius: z, onReconnect: G, onReconnectStart: D, onReconnectEnd: H, markerEnd: q, markerStart: j, rfId: k, ariaLabel: I, isFocusable: P, isReconnectable: B, pathOptions: V, interactionWidth: Y, disableKeyboardA11y: W }) => {
-    const Z = Q(null), [ne, K] = re(!1), [ee, ce] = re(!1), se = pe(), ye = Ne(() => `url('#${yo(j, k)}')`, [j, k]), ie = Ne(() => `url('#${yo(q, k)}')`, [q, k]);
+    const Z = Q(null), [ne, K] = re(!1), [ee, ce] = re(!1), se = pe(), ye = Ne(() => `url('#${wo(j, k)}')`, [j, k]), ie = Ne(() => `url('#${wo(q, k)}')`, [q, k]);
     if (N)
       return null;
     const U = (we) => {
@@ -4685,10 +4685,10 @@ var St = (e) => {
 function Bg(e) {
   const t = {
     default: St(e.default || On),
-    straight: St(e.bezier || Fo),
-    step: St(e.step || $o),
+    straight: St(e.bezier || zo),
+    step: St(e.step || Fo),
     smoothstep: St(e.step || qn),
-    simplebezier: St(e.simplebezier || Po)
+    simplebezier: St(e.simplebezier || $o)
   }, n = {}, r = Object.keys(e).filter((o) => !["default", "bezier"].includes(o)).reduce((o, s) => (o[s] = St(e[s] || On), o), n);
   return {
     ...t,
@@ -4825,7 +4825,7 @@ const Kg = ({ id: e, type: t, color: n, width: r = 12.5, height: o = 12.5, marke
   const r = [];
   return n.edges.reduce((o, s) => ([s.markerStart, s.markerEnd].forEach((i) => {
     if (i && typeof i == "object") {
-      const a = yo(i, t);
+      const a = wo(i, t);
       r.includes(a) || (o.push({ id: a, color: i.color || e, ...i }), r.push(a));
     }
   }), o), []).sort((o, s) => o.id.localeCompare(s.id));
@@ -4882,7 +4882,7 @@ function rm({ children: e }) {
   return $.createElement("div", { className: "react-flow__viewport react-flow__container", style: { transform: t } }, e);
 }
 function om(e) {
-  const t = qo(), n = Q(!1);
+  const t = Go(), n = Q(!1);
   oe(() => {
     !n.current && t.viewportInitialized && e && (setTimeout(() => e(t), 1), n.current = !0);
   }, [e, t.viewportInitialized]);
@@ -4917,10 +4917,10 @@ const im = {
     targetY: d,
     targetPosition: x
   };
-  return r === Ze.Bezier ? [b] = zo(C) : r === Ze.Step ? [b] = mo({
+  return r === Ze.Bezier ? [b] = Vo(C) : r === Ze.Step ? [b] = yo({
     ...C,
     borderRadius: 0
-  }) : r === Ze.SmoothStep ? [b] = mo(C) : r === Ze.SimpleBezier ? [b] = Xa(C) : b = `M${p},${m} ${c},${d}`, $.createElement("path", { d: b, fill: "none", className: "react-flow__connection-path", style: n });
+  }) : r === Ze.SmoothStep ? [b] = yo(C) : r === Ze.SimpleBezier ? [b] = Xa(C) : b = `M${p},${m} ${c},${d}`, $.createElement("path", { d: b, fill: "none", className: "react-flow__connection-path", style: n });
 };
 Cl.displayName = "ConnectionLine";
 const sm = (e) => ({
@@ -4973,7 +4973,7 @@ const Nl = ({ nodeTypes: e, edgeTypes: t, onMove: n, onMoveStart: r, onMoveEnd:
 };
 Nl.displayName = "GraphView";
 var lm = ae(Nl);
-const xo = [
+const Eo = [
   [Number.NEGATIVE_INFINITY, Number.NEGATIVE_INFINITY],
   [Number.POSITIVE_INFINITY, Number.POSITIVE_INFINITY]
 ], Ye = {
@@ -4992,8 +4992,8 @@ const xo = [
   d3ZoomHandler: void 0,
   minZoom: 0.5,
   maxZoom: 2,
-  translateExtent: xo,
-  nodeExtent: xo,
+  translateExtent: Eo,
+  nodeExtent: Eo,
   nodesSelectionActive: !1,
   userSelectionActive: !1,
   userSelectionRect: null,
@@ -5064,7 +5064,7 @@ const xo = [
           }
         });
       else if (m) {
-        const w = Ro(p.nodeElement);
+        const w = Do(p.nodeElement);
         w.width && w.height && (m.width !== w.width || m.height !== w.height || p.forceUpdate) && (o.set(m.id, {
           ...m,
           [ue]: {
@@ -5160,7 +5160,7 @@ const xo = [
   setNodeExtent: (n) => {
     const { nodeInternals: r } = t();
     r.forEach((o) => {
-      o.positionAbsolute = Do(o.position, n);
+      o.positionAbsolute = Po(o.position, n);
     }), e({
       nodeExtent: n,
       nodeInternals: new Map(r)
@@ -5194,35 +5194,35 @@ const Ml = ({ children: e }) => $n(Bn) ? $.createElement($.Fragment, null, e) :
 Ml.displayName = "ReactFlowWrapper";
 const um = {
   input: il,
-  default: vo,
+  default: bo,
   output: al,
-  group: Bo
+  group: qo
 }, dm = {
   default: On,
-  straight: Fo,
-  step: $o,
+  straight: zo,
+  step: Fo,
   smoothstep: qn,
-  simplebezier: Po
+  simplebezier: $o
 }, fm = [0, 0], hm = [15, 15], pm = { x: 0, y: 0, zoom: 1 }, gm = {
   width: "100%",
   height: "100%",
   overflow: "hidden",
   position: "relative",
   zIndex: 0
-}, Ll = oa(({ nodes: e, edges: t, defaultNodes: n, defaultEdges: r, className: o, nodeTypes: s = um, edgeTypes: i = dm, onNodeClick: a, onEdgeClick: c, onInit: d, onMove: l, onMoveStart: u, onMoveEnd: f, onConnect: h, onConnectStart: g, onConnectEnd: y, onClickConnectStart: p, onClickConnectEnd: m, onNodeMouseEnter: w, onNodeMouseMove: x, onNodeMouseLeave: b, onNodeContextMenu: C, onNodeDoubleClick: S, onNodeDragStart: R, onNodeDrag: E, onNodeDragStop: _, onNodesDelete: N, onEdgesDelete: M, onSelectionChange: O, onSelectionDragStart: F, onSelectionDrag: v, onSelectionDragStop: A, onSelectionContextMenu: L, onSelectionStart: z, onSelectionEnd: G, connectionMode: D = ht.Strict, connectionLineType: H = Ze.Bezier, connectionLineStyle: q, connectionLineComponent: j, connectionLineContainerStyle: k, deleteKeyCode: I = "Backspace", selectionKeyCode: P = "Shift", selectionOnDrag: B = !1, selectionMode: V = Kt.Full, panActivationKeyCode: Y = "Space", multiSelectionKeyCode: W = Ln() ? "Meta" : "Control", zoomActivationKeyCode: Z = Ln() ? "Meta" : "Control", snapToGrid: ne = !1, snapGrid: K = hm, onlyRenderVisibleElements: ee = !1, selectNodesOnDrag: ce = !0, nodesDraggable: se, nodesConnectable: ye, nodesFocusable: ie, nodeOrigin: U = fm, edgesFocusable: ve, edgesUpdatable: $e, elementsSelectable: Rt, defaultViewport: gt = pm, minZoom: mt = 0.5, maxZoom: Fe = 2, translateExtent: yt = xo, preventScrolling: et = !0, nodeExtent: tt, defaultMarkerColor: wt = "#b1b1b7", zoomOnScroll: vt = !0, zoomOnPinch: Dt = !0, panOnScroll: we = !1, panOnScrollSpeed: Te = 0.5, panOnScrollMode: nt = ct.Free, zoomOnDoubleClick: rt = !0, panOnDrag: bt = !0, onPaneClick: Re, onPaneMouseEnter: ot, onPaneMouseMove: jn, onPaneMouseLeave: Wn, onPaneScroll: Pt, onPaneContextMenu: Xn, children: Zo, onEdgeContextMenu: it, onEdgeDoubleClick: Yl, onEdgeMouseEnter: jl, onEdgeMouseMove: Wl, onEdgeMouseLeave: Xl, onEdgeUpdate: Zl, onEdgeUpdateStart: Ul, onEdgeUpdateEnd: Kl, onReconnect: Ql, onReconnectStart: Jl, onReconnectEnd: ec, reconnectRadius: tc = 10, edgeUpdaterRadius: nc = 10, onNodesChange: rc, onEdgesChange: oc, noDragClassName: ic = "nodrag", noWheelClassName: sc = "nowheel", noPanClassName: Uo = "nopan", fitView: ac = !1, fitViewOptions: lc, connectOnClick: cc = !0, attributionPosition: uc, proOptions: dc, defaultEdgeOptions: fc, elevateNodesOnSelect: hc = !0, elevateEdgesOnSelect: pc = !1, disableKeyboardA11y: Ko = !1, autoPanOnConnect: gc = !0, autoPanOnNodeDrag: mc = !0, connectionRadius: yc = 20, isValidConnection: wc, onError: vc, style: bc, id: Qo, nodeDragThreshold: xc, ...Ec }, _c) => {
-  const Zn = Qo || "1";
+}, Ll = oa(({ nodes: e, edges: t, defaultNodes: n, defaultEdges: r, className: o, nodeTypes: s = um, edgeTypes: i = dm, onNodeClick: a, onEdgeClick: c, onInit: d, onMove: l, onMoveStart: u, onMoveEnd: f, onConnect: h, onConnectStart: g, onConnectEnd: y, onClickConnectStart: p, onClickConnectEnd: m, onNodeMouseEnter: w, onNodeMouseMove: x, onNodeMouseLeave: b, onNodeContextMenu: C, onNodeDoubleClick: S, onNodeDragStart: R, onNodeDrag: E, onNodeDragStop: _, onNodesDelete: N, onEdgesDelete: M, onSelectionChange: O, onSelectionDragStart: F, onSelectionDrag: v, onSelectionDragStop: A, onSelectionContextMenu: L, onSelectionStart: z, onSelectionEnd: G, connectionMode: D = ht.Strict, connectionLineType: H = Ze.Bezier, connectionLineStyle: q, connectionLineComponent: j, connectionLineContainerStyle: k, deleteKeyCode: I = "Backspace", selectionKeyCode: P = "Shift", selectionOnDrag: B = !1, selectionMode: V = Kt.Full, panActivationKeyCode: Y = "Space", multiSelectionKeyCode: W = Ln() ? "Meta" : "Control", zoomActivationKeyCode: Z = Ln() ? "Meta" : "Control", snapToGrid: ne = !1, snapGrid: K = hm, onlyRenderVisibleElements: ee = !1, selectNodesOnDrag: ce = !0, nodesDraggable: se, nodesConnectable: ye, nodesFocusable: ie, nodeOrigin: U = fm, edgesFocusable: ve, edgesUpdatable: $e, elementsSelectable: Rt, defaultViewport: gt = pm, minZoom: mt = 0.5, maxZoom: Fe = 2, translateExtent: yt = Eo, preventScrolling: et = !0, nodeExtent: tt, defaultMarkerColor: wt = "#b1b1b7", zoomOnScroll: vt = !0, zoomOnPinch: Dt = !0, panOnScroll: we = !1, panOnScrollSpeed: Te = 0.5, panOnScrollMode: nt = ct.Free, zoomOnDoubleClick: rt = !0, panOnDrag: bt = !0, onPaneClick: Re, onPaneMouseEnter: ot, onPaneMouseMove: jn, onPaneMouseLeave: Wn, onPaneScroll: Pt, onPaneContextMenu: Xn, children: Uo, onEdgeContextMenu: it, onEdgeDoubleClick: Yl, onEdgeMouseEnter: jl, onEdgeMouseMove: Wl, onEdgeMouseLeave: Xl, onEdgeUpdate: Zl, onEdgeUpdateStart: Ul, onEdgeUpdateEnd: Kl, onReconnect: Ql, onReconnectStart: Jl, onReconnectEnd: ec, reconnectRadius: tc = 10, edgeUpdaterRadius: nc = 10, onNodesChange: rc, onEdgesChange: oc, noDragClassName: ic = "nodrag", noWheelClassName: sc = "nowheel", noPanClassName: Ko = "nopan", fitView: ac = !1, fitViewOptions: lc, connectOnClick: cc = !0, attributionPosition: uc, proOptions: dc, defaultEdgeOptions: fc, elevateNodesOnSelect: hc = !0, elevateEdgesOnSelect: pc = !1, disableKeyboardA11y: Qo = !1, autoPanOnConnect: gc = !0, autoPanOnNodeDrag: mc = !0, connectionRadius: yc = 20, isValidConnection: wc, onError: vc, style: bc, id: Jo, nodeDragThreshold: xc, ...Ec }, _c) => {
+  const Zn = Jo || "1";
   return $.createElement(
     "div",
-    { ...Ec, style: { ...bc, ...gm }, ref: _c, className: me(["react-flow", o]), "data-testid": "rf__wrapper", id: Qo },
+    { ...Ec, style: { ...bc, ...gm }, ref: _c, className: me(["react-flow", o]), "data-testid": "rf__wrapper", id: Jo },
     $.createElement(
       Ml,
       null,
-      $.createElement(lm, { onInit: d, onMove: l, onMoveStart: u, onMoveEnd: f, onNodeClick: a, onEdgeClick: c, onNodeMouseEnter: w, onNodeMouseMove: x, onNodeMouseLeave: b, onNodeContextMenu: C, onNodeDoubleClick: S, nodeTypes: s, edgeTypes: i, connectionLineType: H, connectionLineStyle: q, connectionLineComponent: j, connectionLineContainerStyle: k, selectionKeyCode: P, selectionOnDrag: B, selectionMode: V, deleteKeyCode: I, multiSelectionKeyCode: W, panActivationKeyCode: Y, zoomActivationKeyCode: Z, onlyRenderVisibleElements: ee, selectNodesOnDrag: ce, defaultViewport: gt, translateExtent: yt, minZoom: mt, maxZoom: Fe, preventScrolling: et, zoomOnScroll: vt, zoomOnPinch: Dt, zoomOnDoubleClick: rt, panOnScroll: we, panOnScrollSpeed: Te, panOnScrollMode: nt, panOnDrag: bt, onPaneClick: Re, onPaneMouseEnter: ot, onPaneMouseMove: jn, onPaneMouseLeave: Wn, onPaneScroll: Pt, onPaneContextMenu: Xn, onSelectionContextMenu: L, onSelectionStart: z, onSelectionEnd: G, onEdgeContextMenu: it, onEdgeDoubleClick: Yl, onEdgeMouseEnter: jl, onEdgeMouseMove: Wl, onEdgeMouseLeave: Xl, onReconnect: Ql ?? Zl, onReconnectStart: Jl ?? Ul, onReconnectEnd: ec ?? Kl, reconnectRadius: tc ?? nc, defaultMarkerColor: wt, noDragClassName: ic, noWheelClassName: sc, noPanClassName: Uo, elevateEdgesOnSelect: pc, rfId: Zn, disableKeyboardA11y: Ko, nodeOrigin: U, nodeExtent: tt }),
-      $.createElement(ig, { nodes: e, edges: t, defaultNodes: n, defaultEdges: r, onConnect: h, onConnectStart: g, onConnectEnd: y, onClickConnectStart: p, onClickConnectEnd: m, nodesDraggable: se, nodesConnectable: ye, nodesFocusable: ie, edgesFocusable: ve, edgesUpdatable: $e, elementsSelectable: Rt, elevateNodesOnSelect: hc, minZoom: mt, maxZoom: Fe, nodeExtent: tt, onNodesChange: rc, onEdgesChange: oc, snapToGrid: ne, snapGrid: K, connectionMode: D, translateExtent: yt, connectOnClick: cc, defaultEdgeOptions: fc, fitView: ac, fitViewOptions: lc, onNodesDelete: N, onEdgesDelete: M, onNodeDragStart: R, onNodeDrag: E, onNodeDragStop: _, onSelectionDrag: v, onSelectionDragStart: F, onSelectionDragStop: A, noPanClassName: Uo, nodeOrigin: U, rfId: Zn, autoPanOnConnect: gc, autoPanOnNodeDrag: mc, onError: vc, connectionRadius: yc, isValidConnection: wc, nodeDragThreshold: xc }),
+      $.createElement(lm, { onInit: d, onMove: l, onMoveStart: u, onMoveEnd: f, onNodeClick: a, onEdgeClick: c, onNodeMouseEnter: w, onNodeMouseMove: x, onNodeMouseLeave: b, onNodeContextMenu: C, onNodeDoubleClick: S, nodeTypes: s, edgeTypes: i, connectionLineType: H, connectionLineStyle: q, connectionLineComponent: j, connectionLineContainerStyle: k, selectionKeyCode: P, selectionOnDrag: B, selectionMode: V, deleteKeyCode: I, multiSelectionKeyCode: W, panActivationKeyCode: Y, zoomActivationKeyCode: Z, onlyRenderVisibleElements: ee, selectNodesOnDrag: ce, defaultViewport: gt, translateExtent: yt, minZoom: mt, maxZoom: Fe, preventScrolling: et, zoomOnScroll: vt, zoomOnPinch: Dt, zoomOnDoubleClick: rt, panOnScroll: we, panOnScrollSpeed: Te, panOnScrollMode: nt, panOnDrag: bt, onPaneClick: Re, onPaneMouseEnter: ot, onPaneMouseMove: jn, onPaneMouseLeave: Wn, onPaneScroll: Pt, onPaneContextMenu: Xn, onSelectionContextMenu: L, onSelectionStart: z, onSelectionEnd: G, onEdgeContextMenu: it, onEdgeDoubleClick: Yl, onEdgeMouseEnter: jl, onEdgeMouseMove: Wl, onEdgeMouseLeave: Xl, onReconnect: Ql ?? Zl, onReconnectStart: Jl ?? Ul, onReconnectEnd: ec ?? Kl, reconnectRadius: tc ?? nc, defaultMarkerColor: wt, noDragClassName: ic, noWheelClassName: sc, noPanClassName: Ko, elevateEdgesOnSelect: pc, rfId: Zn, disableKeyboardA11y: Qo, nodeOrigin: U, nodeExtent: tt }),
+      $.createElement(ig, { nodes: e, edges: t, defaultNodes: n, defaultEdges: r, onConnect: h, onConnectStart: g, onConnectEnd: y, onClickConnectStart: p, onClickConnectEnd: m, nodesDraggable: se, nodesConnectable: ye, nodesFocusable: ie, edgesFocusable: ve, edgesUpdatable: $e, elementsSelectable: Rt, elevateNodesOnSelect: hc, minZoom: mt, maxZoom: Fe, nodeExtent: tt, onNodesChange: rc, onEdgesChange: oc, snapToGrid: ne, snapGrid: K, connectionMode: D, translateExtent: yt, connectOnClick: cc, defaultEdgeOptions: fc, fitView: ac, fitViewOptions: lc, onNodesDelete: N, onEdgesDelete: M, onNodeDragStart: R, onNodeDrag: E, onNodeDragStop: _, onSelectionDrag: v, onSelectionDragStart: F, onSelectionDragStop: A, noPanClassName: Ko, nodeOrigin: U, rfId: Zn, autoPanOnConnect: gc, autoPanOnNodeDrag: mc, onError: vc, connectionRadius: yc, isValidConnection: wc, nodeDragThreshold: xc }),
       $.createElement(rg, { onSelectionChange: O }),
-      Zo,
+      Uo,
       $.createElement(Op, { proOptions: dc, position: uc }),
-      $.createElement(ug, { rfId: Zn, disableKeyboardA11y: Ko })
+      $.createElement(ug, { rfId: Zn, disableKeyboardA11y: Qo })
     )
   );
 });
@@ -5330,7 +5330,7 @@ function Al({
     h(P, V);
   } : void 0;
   return $.createElement(
-    To,
+    Ro,
     { position: u, style: e, className: me(["react-flow__minimap", t]), "data-testid": "rf__minimap" },
     $.createElement(
       "svg",
@@ -5386,7 +5386,7 @@ const Tm = (e) => ({
   minZoomReached: e.transform[2] <= e.minZoom,
   maxZoomReached: e.transform[2] >= e.maxZoom
 }), Tl = ({ style: e, showZoom: t = !0, showFitView: n = !0, showInteractive: r = !0, fitViewOptions: o, onZoomIn: s, onZoomOut: i, onFitView: a, onInteractiveChange: c, className: d, children: l, position: u = "bottom-left" }) => {
-  const f = pe(), [h, g] = re(!1), { isInteractive: y, minZoomReached: p, maxZoomReached: m } = le(Tm, he), { zoomIn: w, zoomOut: x, fitView: b } = qo();
+  const f = pe(), [h, g] = re(!1), { isInteractive: y, minZoomReached: p, maxZoomReached: m } = le(Tm, he), { zoomIn: w, zoomOut: x, fitView: b } = Go();
   if (oe(() => {
     g(!0);
   }, []), !h)
@@ -5405,7 +5405,7 @@ const Tm = (e) => ({
     }), c?.(!y);
   };
   return $.createElement(
-    To,
+    Ro,
     { className: me(["react-flow__controls", d]), position: u, style: e, "data-testid": "rf__controls" },
     t && $.createElement(
       $.Fragment,
@@ -5489,7 +5489,7 @@ function Hm(e, t) {
   }, t);
 }
 var dr, ts;
-function Yo() {
+function jo() {
   if (ts) return dr;
   ts = 1;
   var e = "\0", t = "\0", n = "
";
@@ -5920,7 +5920,7 @@ function Bm() {
 var hr, rs;
 function qm() {
   return rs || (rs = 1, hr = {
-    Graph: Yo(),
+    Graph: jo(),
     version: Bm()
   }), hr;
 }
@@ -5928,7 +5928,7 @@ var pr, os;
 function Gm() {
   if (os) return pr;
   os = 1;
-  var e = Yo();
+  var e = jo();
   pr = {
     write: t,
     read: o
@@ -6302,7 +6302,7 @@ var kr, ys;
 function Qm() {
   if (ys) return kr;
   ys = 1;
-  var e = Yo(), t = Dl();
+  var e = jo(), t = Dl();
   kr = n;
   function n(r, o) {
     var s = new e(), i = {}, a = new t(), c;
@@ -7777,8 +7777,8 @@ function S0() {
     version: _0()
   }), ro;
 }
-var jo = S0();
-const Ue = new jo.graphlib.Graph();
+var Wo = S0();
+const Ue = new Wo.graphlib.Graph();
 Ue.setDefaultEdgeLabel(() => ({}));
 const Xs = 130, Zs = 40, C0 = 130, N0 = (e, t = "LR") => {
   const n = t === "LR";
@@ -7788,7 +7788,7 @@ const Xs = 130, Zs = 40, C0 = 130, N0 = (e, t = "LR") => {
       width: Xs,
       height: s?.type === "conditional" ? C0 : Zs
     });
-  }), jo.layout(Ue), e.map((r) => {
+  }), Wo.layout(Ue), e.map((r) => {
     const o = Ue.node(r.id);
     return r.targetPosition = n ? X.Left : X.Top, r.sourcePosition = n ? X.Right : X.Bottom, r.position = {
       x: o.x - Xs / 2,
@@ -7797,7 +7797,7 @@ const Xs = 130, Zs = 40, C0 = 130, N0 = (e, t = "LR") => {
   });
 }, k0 = (e, t = "LR") => (Ue.setGraph({ rankdir: t }), e.forEach((n) => {
   Ue.setEdge(n.source, n.target);
-}), jo.layout(Ue), e), yn = 33, M0 = ({
+}), Wo.layout(Ue), e), yn = 33, M0 = ({
   id: e,
   sourceX: t,
   sourceY: n,
@@ -7812,7 +7812,7 @@ const Xs = 130, Zs = 40, C0 = 130, N0 = (e, t = "LR") => {
   selected: u,
   data: { onEdgeClick: f }
 }) => {
-  const [h, g, y] = zo({
+  const [h, g, y] = Vo({
     sourceX: t,
     sourceY: n,
     sourcePosition: s,
@@ -7914,7 +7914,7 @@ const $0 = (e) => e.requirement === "ALTERNATIVE" || e.requirement === "CONDITIO
       r.stopPropagation(), alert(`hello ${o}`);
     }
   }
-}), Eo = (e, t) => ({
+}), _o = (e, t) => ({
   id: e.id,
   type: t,
   sourcePosition: t === "output" ? void 0 : X.Right,
@@ -7939,7 +7939,7 @@ const $0 = (e) => e.requirement === "ALTERNATIVE" || e.requirement === "CONDITIO
 }), z0 = (e) => {
   if (!e.executionList)
     throw new Error("Execution list is required for subflow");
-  const t = Bl(Wo(e.executionList));
+  const t = Bl(Xo(e.executionList));
   return t.nextLinkFns.push(
     ...e.executionList.filter((n) => Tn(n)).map((n) => (r) => Yn(n.id, r, "false"))
   ), t;
@@ -7957,17 +7957,17 @@ const $0 = (e) => e.requirement === "ALTERNATIVE" || e.requirement === "CONDITIO
   })();
   return {
     startId: n.id,
-    nodes: [Eo(n, r ? "conditional" : void 0)],
+    nodes: [_o(n, r ? "conditional" : void 0)],
     edges: [],
     nextLinkFns: [(s) => Yn(n.id, s, o)]
   };
-}), Wo = (e) => {
+}), Xo = (e) => {
   if (e.length === 0)
     return [];
   const t = H0(e);
   return [
     t,
-    ...Wo(e.slice(t.length))
+    ...Xo(e.slice(t.length))
   ];
 }, Bl = (e) => {
   const t = [], n = [];
@@ -7994,11 +7994,11 @@ function Ks(e) {
   const t = e.filter(
     (s) => s.requirement !== "DISABLED"
   ), n = [
-    [Us(Eo({ id: "start", displayName: "Start" }, "input"))],
-    ...Wo(t),
+    [Us(_o({ id: "start", displayName: "Start" }, "input"))],
+    ...Xo(t),
     [
       Us(
-        Eo({ id: "end", displayName: "End" }, "output"),
+        _o({ id: "end", displayName: "End" }, "output"),
         !1
       )
     ]
@@ -8111,7 +8111,7 @@ const q0 = ({
       }
     ),
     a && a !== "subFlow" && /* @__PURE__ */ T(
-      Co,
+      No,
       {
         name: e.displayName,
         type: a,
@@ -8121,7 +8121,7 @@ const q0 = ({
       }
     ),
     a === "subFlow" && /* @__PURE__ */ T(
-      No,
+      ko,
       {
         name: e.displayName,
         onCancel: () => c(void 0),
@@ -8135,7 +8135,7 @@ const q0 = ({
   const { t: n } = _e(), r = Rn({
     mode: "onChange",
     defaultValues: e
-  }), [o, s] = oo();
+  }), [o, s] = io();
   oe(() => r.reset(e), [e]);
   const i = (a) => {
     t({ ...e, ...a }), s();
@@ -8220,7 +8220,7 @@ const q0 = ({
 }, W0 = ({
   execution: e
 }) => {
-  const { adminClient: t } = pt(), { t: n } = _e(), { addAlert: r, addError: o } = So(), [s, i] = re(!1), [a, c] = re(), [d, l] = re(), u = Rn(), { setValue: f, handleSubmit: h } = u, g = e.authenticationFlow ? [] : [
+  const { adminClient: t } = pt(), { t: n } = _e(), { addAlert: r, addError: o } = Co(), [s, i] = re(!1), [a, c] = re(), [d, l] = re(), u = Rn(), { setValue: f, handleSubmit: h, reset: g } = u, y = e.authenticationFlow ? [] : [
     {
       helpText: n("authenticatorRefConfig.value.help"),
       label: n("authenticatorRefConfig.value.label"),
@@ -8237,53 +8237,53 @@ const q0 = ({
       secret: !1,
       type: "String"
     }
-  ], y = (m) => {
-    Xc(m || {}, f);
+  ], p = (w) => {
+    Xc(w || {}, f);
   };
   Tt(
     async () => {
-      let m;
-      const w = e.configurable ? await t.authenticationManagement.getConfigDescription({
+      let w;
+      const x = e.configurable ? await t.authenticationManagement.getConfigDescription({
         providerId: e.providerId
       }) : {
         name: e.displayName,
         properties: []
       };
-      return e.authenticationConfig && (m = await t.authenticationManagement.getConfig({
+      return e.authenticationConfig && (w = await t.authenticationManagement.getConfig({
         id: e.authenticationConfig
-      })), w.properties = [
-        ...g,
-        ...w.properties
-      ], { configDescription: w, config: m };
+      })), x.properties = [
+        ...y,
+        ...x.properties
+      ], { configDescription: x, config: w };
     },
-    ({ configDescription: m, config: w }) => {
-      l(m), c(w);
+    ({ configDescription: w, config: x }) => {
+      l(w), c(x);
     },
     []
   ), oe(() => {
-    a && y(a);
+    a && p(a);
   }, [a]);
-  const p = async (m) => {
-    const w = Zc(m);
+  const m = async (w) => {
+    const x = Zc(w);
     try {
       if (a) {
-        const x = {
+        const b = {
           id: a.id,
           alias: a.alias,
-          config: w.config
+          config: x.config
         };
-        await t.authenticationManagement.updateConfig(x), c({ ...x });
+        await t.authenticationManagement.updateConfig(b), c({ ...b });
       } else {
-        const x = {
+        const b = {
           id: e.id,
-          alias: w.alias,
-          config: w.config
-        }, { id: b } = await t.authenticationManagement.createConfig(x);
-        c({ ...x.config, id: b, alias: x.alias });
+          alias: x.alias,
+          config: x.config
+        }, { id: C } = await t.authenticationManagement.createConfig(b);
+        c({ ...b.config, id: C, alias: b.alias });
       }
       r(n("configSaveSuccess"), je.success), i(!1);
-    } catch (x) {
-      o("configSaveError", x);
+    } catch (b) {
+      o("configSaveError", b);
     }
   };
   return /* @__PURE__ */ te(be, { children: [
@@ -8303,7 +8303,7 @@ const q0 = ({
         isOpen: s,
         title: n("executionConfig", { name: d.name }),
         onClose: () => i(!1),
-        children: /* @__PURE__ */ te(tn, { id: "execution-config-form", onSubmit: h(p), children: [
+        children: /* @__PURE__ */ te(tn, { id: "execution-config-form", onSubmit: h(m), children: [
           /* @__PURE__ */ te(Dn, { ...u, children: [
             /* @__PURE__ */ T(
               En,
@@ -8323,38 +8323,55 @@ const q0 = ({
               }
             )
           ] }),
-          /* @__PURE__ */ te(Wc, { children: [
-            /* @__PURE__ */ T(ge, { "data-testid": "save", variant: "primary", type: "submit", children: n("save") }),
-            /* @__PURE__ */ T(
-              ge,
-              {
-                "data-testid": "cancel",
-                variant: Qe.link,
-                onClick: () => {
-                  i(!1);
-                },
-                children: n("cancel")
-              }
-            ),
-            a && /* @__PURE__ */ te(
-              ge,
-              {
-                className: "pf-v5-u-ml-4xl",
-                "data-testid": "clear",
-                variant: Qe.link,
-                onClick: async () => {
-                  await t.authenticationManagement.delConfig({
-                    id: a.id
-                  }), c(void 0), i(!1);
-                },
-                children: [
-                  n("clear"),
-                  " ",
-                  /* @__PURE__ */ T(ra, {})
-                ]
-              }
-            )
-          ] })
+          /* @__PURE__ */ T(Wc, { children: /* @__PURE__ */ te(
+            oo,
+            {
+              className: "pf-v5-u-flex-grow-1",
+              justifyContent: { default: "justifyContentSpaceBetween" },
+              children: [
+                /* @__PURE__ */ te("div", { children: [
+                  /* @__PURE__ */ T(
+                    ge,
+                    {
+                      className: "pf-v5-u-mr-md",
+                      "data-testid": "save",
+                      variant: "primary",
+                      type: "submit",
+                      children: n("save")
+                    }
+                  ),
+                  /* @__PURE__ */ T(
+                    ge,
+                    {
+                      "data-testid": "cancel",
+                      variant: Qe.link,
+                      onClick: () => {
+                        i(!1);
+                      },
+                      children: n("cancel")
+                    }
+                  )
+                ] }),
+                a && /* @__PURE__ */ te(
+                  ge,
+                  {
+                    "data-testid": "clear",
+                    variant: Qe.link,
+                    onClick: async () => {
+                      await t.authenticationManagement.delConfig({
+                        id: a.id
+                      }), c(void 0), g(), i(!1);
+                    },
+                    children: [
+                      n("clear"),
+                      " ",
+                      /* @__PURE__ */ T(ra, {})
+                    ]
+                  }
+                )
+              ]
+            }
+          ) })
         ] })
       }
     )
@@ -8426,7 +8443,7 @@ const K0 = ({
 }) => {
   const { t: s } = _e(), { providers: i } = $u(), a = i?.find((c) => c.id === o)?.description || r;
   return /* @__PURE__ */ T("div", { "data-testid": n, children: /* @__PURE__ */ te("span", { "data-id": e, id: `title-id-${e}`, children: [
-    /* @__PURE__ */ T(_o, { icon: /* @__PURE__ */ T(Z0, { type: t }), color: U0(t), children: s(t) }),
+    /* @__PURE__ */ T(So, { icon: /* @__PURE__ */ T(Z0, { type: t }), color: U0(t), children: s(t) }),
     " ",
     n,
     " ",
@@ -8535,7 +8552,7 @@ class Qs extends Gl {
     super(t, n), this.parent = r;
   }
 }
-class Xo {
+class Zo {
   #e;
   expandableList;
   constructor(t) {
@@ -8596,13 +8613,13 @@ class Xo {
     ) : new Qs(this.expandableList.length, a.index) : new Gl(i.index, a.index);
   }
   clone() {
-    const t = new Xo([]);
+    const t = new Zo([]);
     return t.#e = this.#e, t.expandableList = this.expandableList, t;
   }
 }
 const Tn = (e) => e.displayName?.startsWith("Condition ");
 function iy() {
-  const { adminClient: e } = pt(), { t } = _e(), { realm: n } = tu(), { addAlert: r, addError: o } = So(), { id: s, usedBy: i, builtIn: a } = gu(), c = mu(), [d, l] = re(0), u = () => l((/* @__PURE__ */ new Date()).getTime()), [f, h] = re(!0), [g, y] = re(), [p, m] = re(), [w, x] = re(""), [b, C] = re(), [S, R] = re(), [E, _] = re(), [N, M, O] = oo(), [F, v] = re(!1), [A, L] = oo();
+  const { adminClient: e } = pt(), { t } = _e(), { realm: n } = tu(), { addAlert: r, addError: o } = Co(), { id: s, usedBy: i, builtIn: a } = gu(), c = mu(), [d, l] = re(0), u = () => l((/* @__PURE__ */ new Date()).getTime()), [f, h] = re(!0), [g, y] = re(), [p, m] = re(), [w, x] = re(""), [b, C] = re(), [S, R] = re(), [E, _] = re(), [N, M, O] = io(), [F, v] = re(!1), [A, L] = io();
   Tt(
     async () => {
       const Y = (await e.authenticationManagement.getFlows()).find((Z) => Z.id === s);
@@ -8614,7 +8631,7 @@ function iy() {
       return { flow: Y, executions: W };
     },
     ({ flow: V, executions: Y }) => {
-      y(V), m(new Xo(Y));
+      y(V), m(new Zo(Y));
     },
     [d]
   );
@@ -8820,7 +8837,7 @@ function iy() {
       {
         titleKey: g?.alias || "",
         badges: [
-          { text: /* @__PURE__ */ T(_o, { children: t(`used.${i}`) }) },
+          { text: /* @__PURE__ */ T(So, { children: t(`used.${i}`) }) },
           a ? {
             text: /* @__PURE__ */ T(Ou, {}),
             id: "builtIn"
@@ -8923,7 +8940,7 @@ function iy() {
         ),
         g && /* @__PURE__ */ te(be, { children: [
           b && /* @__PURE__ */ T(
-            Co,
+            No,
             {
               name: g.alias,
               type: g.providerId === "client-flow" ? "client" : "basic",
@@ -8933,7 +8950,7 @@ function iy() {
             }
           ),
           S && /* @__PURE__ */ T(
-            No,
+            ko,
             {
               name: g.alias,
               onCancel: () => R(!1),
@@ -8961,4 +8978,4 @@ export {
   iy as default,
   Tn as providerConditionFilter
 };
-//# sourceMappingURL=FlowDetails-CnVZXaRP.js.map
+//# sourceMappingURL=FlowDetails-CFTkvTDA.js.map