@weng-lab/visualization 1.0.6 → 1.0.7

package/dist/visualization.es.js

@@ -1,4 +1,4 @@
-import * as ve from "react";
+import * as pe from "react";
 import ke, { useRef as wr, useState as ot, useCallback as Ve, createContext as fU, useMemo as Tt, useLayoutEffect as dU, useEffect as pn, isValidElement as Dl, cloneElement as Ol, Children as hU } from "react";
 import { Stack as Pv, Tooltip as na, IconButton as aa, Box as $m, Typography as za, CircularProgress as vU } from "@mui/material";
 import { PanTool as pU, Edit as gU, ZoomIn as mU, ZoomOut as yU, SettingsBackupRestore as BU, Download as HE, HighlightAlt as wU } from "@mui/icons-material";
@@ -1152,7 +1152,7 @@ function hn(t) {
   return (e === null || e === Object.prototype || Object.getPrototypeOf(e) === null) && !(Symbol.toStringTag in t) && !(Symbol.iterator in t);
 }
 function GE(t) {
-  if (/* @__PURE__ */ ve.isValidElement(t) || Au.isValidElementType(t) || !hn(t))
+  if (/* @__PURE__ */ pe.isValidElement(t) || Au.isValidElementType(t) || !hn(t))
     return t;
   const e = {};
   return Object.keys(t).forEach((r) => {
@@ -1166,7 +1166,7 @@ function cr(t, e, r = {
     ...t
   } : t;
   return hn(t) && hn(e) && Object.keys(e).forEach((a) => {
-    /* @__PURE__ */ ve.isValidElement(e[a]) || Au.isValidElementType(e[a]) ? n[a] = e[a] : hn(e[a]) && // Avoid prototype pollution
+    /* @__PURE__ */ pe.isValidElement(e[a]) || Au.isValidElementType(e[a]) ? n[a] = e[a] : hn(e[a]) && // Avoid prototype pollution
     Object.prototype.hasOwnProperty.call(t, a) && hn(t[a]) ? n[a] = cr(t[a], e[a], r) : r.clone ? n[a] = hn(e[a]) ? GE(e[a]) : e[a] : n[a] = e[a];
   }), n;
 }
@@ -2308,7 +2308,7 @@ function $S(t) {
   return Object.keys(t).length === 0;
 }
 function YS(t = null) {
-  const e = ve.useContext(CU);
+  const e = pe.useContext(CU);
   return !e || $S(e) ? t : e;
 }
 const XS = uc();
@@ -2592,7 +2592,7 @@ function oI({
     props: t
   });
 }
-const Mo = typeof window < "u" ? ve.useLayoutEffect : ve.useEffect;
+const Mo = typeof window < "u" ? pe.useLayoutEffect : pe.useEffect;
 function sI(t, e = Number.MIN_SAFE_INTEGER, r = Number.MAX_SAFE_INTEGER) {
   return Math.max(e, Math.min(t, r));
 }
@@ -2731,9 +2731,9 @@ function dI(t) {
     }
   };
 }
-const hI = /* @__PURE__ */ ve.createContext();
+const hI = /* @__PURE__ */ pe.createContext();
 process.env.NODE_ENV !== "production" && (S.node, S.bool);
-const n1 = () => ve.useContext(hI) ?? !1, vI = /* @__PURE__ */ ve.createContext(void 0);
+const n1 = () => pe.useContext(hI) ?? !1, vI = /* @__PURE__ */ pe.createContext(void 0);
 process.env.NODE_ENV !== "production" && (S.node, S.object);
 function pI(t) {
   const {
@@ -2750,7 +2750,7 @@ function gI({
   props: t,
   name: e
 }) {
-  const r = ve.useContext(vI);
+  const r = pe.useContext(vI);
   return pI({
     props: t,
     name: e,
@@ -2761,13 +2761,13 @@ function gI({
 }
 let my = 0;
 function mI(t) {
-  const [e, r] = ve.useState(t), n = t || e;
-  return ve.useEffect(() => {
+  const [e, r] = pe.useState(t), n = t || e;
+  return pe.useEffect(() => {
     e == null && (my += 1, r(`mui-${my}`));
   }, [e]), n;
 }
 const yI = {
-  ...ve
+  ...pe
 }, yy = yI.useId;
 function a1(t) {
   if (yy !== void 0) {
@@ -2960,8 +2960,8 @@ function QI(t) {
   });
 }
 function UI(t, e) {
-  const r = ve.Children.toArray(t).filter(Boolean);
-  return r.reduce((n, a, A) => (n.push(a), A < r.length - 1 && n.push(/* @__PURE__ */ ve.cloneElement(e, {
+  const r = pe.Children.toArray(t).filter(Boolean);
+  return r.reduce((n, a, A) => (n.push(a), A < r.length - 1 && n.push(/* @__PURE__ */ pe.cloneElement(e, {
     key: `separator-${A}`
   })), n), []);
 }
@@ -3024,7 +3024,7 @@ function DI(t = {}) {
     componentName: n = "MuiStack"
   } = t, a = () => tn({
     root: ["root"]
-  }, (s) => Sr(n, s), {}), A = e(II), i = /* @__PURE__ */ ve.forwardRef(function(s, l) {
+  }, (s) => Sr(n, s), {}), A = e(II), i = /* @__PURE__ */ pe.forwardRef(function(s, l) {
     const u = r(s), c = XE(u), {
       component: f = "div",
       direction: d = "column",
@@ -3899,7 +3899,7 @@ function uD(t = {}, ...e) {
 const u1 = uD(), c1 = "$$material";
 function Ig() {
   const t = jE(u1);
-  return process.env.NODE_ENV !== "production" && ve.useDebugValue(t), t[c1] || t;
+  return process.env.NODE_ENV !== "production" && pe.useDebugValue(t), t[c1] || t;
 }
 function cD(t) {
   return t !== "ownerState" && t !== "theme" && t !== "sx" && t !== "as";
@@ -4054,7 +4054,7 @@ const Jn = 44, Kv = ls`
       animation: `${Vv} 1.4s ease-in-out infinite`
     }
   }]
-}))), Dg = /* @__PURE__ */ ve.forwardRef(function(e, r) {
+}))), Dg = /* @__PURE__ */ pe.forwardRef(function(e, r) {
   const n = nn({
     props: e,
     name: "MuiCircularProgress"
@@ -5649,35 +5649,35 @@ var $O = {
   };
 };
 function E1(t) {
-  var e = t.scaleXMin, r = e === void 0 ? 0 : e, n = t.scaleXMax, a = n === void 0 ? 1 / 0 : n, A = t.scaleYMin, i = A === void 0 ? 0 : A, o = t.scaleYMax, s = o === void 0 ? 1 / 0 : o, l = t.initialTransformMatrix, u = l === void 0 ? $O : l, c = t.wheelDelta, f = c === void 0 ? YO : c, d = t.pinchDelta, h = d === void 0 ? XO : d, v = t.width, p = t.height, g = t.constrain, B = t.children, m = wr(null), y = wr(u), C = ot(u), F = C[0], w = C[1], x = ot(!1), E = x[0], b = x[1], T = ot(void 0), U = T[0], Q = T[1], I = ot(void 0), O = I[0], L = I[1], R = Ve(function(ue, ae) {
-    if (g) return g(ue, ae);
-    var le = ue.scaleX, he = ue.scaleY, fe = le > a || le < r, j = he > s || he < i;
-    return fe || j ? ae : ue;
+  var e = t.scaleXMin, r = e === void 0 ? 0 : e, n = t.scaleXMax, a = n === void 0 ? 1 / 0 : n, A = t.scaleYMin, i = A === void 0 ? 0 : A, o = t.scaleYMax, s = o === void 0 ? 1 / 0 : o, l = t.initialTransformMatrix, u = l === void 0 ? $O : l, c = t.wheelDelta, f = c === void 0 ? YO : c, d = t.pinchDelta, h = d === void 0 ? XO : d, v = t.width, p = t.height, g = t.constrain, B = t.children, m = wr(null), y = wr(u), C = ot(u), F = C[0], w = C[1], x = ot(!1), E = x[0], b = x[1], T = ot(void 0), U = T[0], Q = T[1], I = ot(void 0), O = I[0], L = I[1], R = Ve(function(ue, Ae) {
+    if (g) return g(ue, Ae);
+    var se = ue.scaleX, he = ue.scaleY, fe = se > a || se < r, j = he > s || he < i;
+    return fe || j ? Ae : ue;
   }, [g, r, a, i, s]), P = Ve(function(ue) {
-    w(function(ae) {
-      var le = R(ue, ae);
-      return y.current = le, le;
+    w(function(Ae) {
+      var se = R(ue, Ae);
+      return y.current = se, se;
     });
   }, [R]), N = Ve(function(ue) {
-    var ae = ue.x, le = ue.y;
+    var Ae = ue.x, se = ue.y;
     return C1(F, {
-      x: ae,
-      y: le
+      x: Ae,
+      y: se
     });
   }, [F]), D = Ve(function(ue) {
-    var ae = ue.x, le = ue.y;
+    var Ae = ue.x, se = ue.y;
     return mf(F, {
-      x: ae,
-      y: le
+      x: Ae,
+      y: se
     });
   }, [F]), M = Ve(function() {
     P(u);
   }, [u, P]), _ = Ve(function(ue) {
-    var ae = ue.scaleX, le = ue.scaleY, he = ue.point, fe = le || ae, j = he || {
+    var Ae = ue.scaleX, se = ue.scaleY, he = ue.point, fe = se || Ae, j = he || {
       x: v / 2,
       y: p / 2
-    }, se = mf(y.current, j), ge = Yv(y.current, yf(se.x, se.y), GO(ae, fe), yf(-se.x, -se.y));
-    if (P(ge), E) {
+    }, le = mf(y.current, j), ve = Yv(y.current, yf(le.x, le.y), GO(Ae, fe), yf(-le.x, -le.y));
+    if (P(ve), E) {
       var me = y.current, be = me.translateX, Re = me.translateY;
       L(he), Q({
         translateX: be,
@@ -5685,18 +5685,18 @@ function E1(t) {
       });
     }
   }, [p, v, E, P]), V = Ve(function(ue) {
-    var ae = ue.translateX, le = ue.translateY, he = Yv(F, yf(ae, le));
+    var Ae = ue.translateX, se = ue.translateY, he = Yv(F, yf(Ae, se));
     P(he);
   }, [P, F]), X = Ve(function(ue) {
-    var ae = ue.translateX, le = ue.translateY, he = Xv({}, F, {
-      translateX: ae,
-      translateY: le
+    var Ae = ue.translateX, se = ue.translateY, he = Xv({}, F, {
+      translateX: Ae,
+      translateY: se
     });
     P(he);
   }, [P, F]), k = Ve(function(ue) {
-    var ae = ue.x, le = ue.y, he = mf(F, {
-      x: ae,
-      y: le
+    var Ae = ue.x, se = ue.y, he = mf(F, {
+      x: Ae,
+      y: se
     });
     X({
       translateX: he.x,
@@ -5705,22 +5705,22 @@ function E1(t) {
   }, [X, F]), G = Ve(function() {
     return b1(F);
   }, [F]), q = Ve(function() {
-    var ue = G(), ae = ue.translateX, le = ue.translateY, he = ue.scaleX, fe = ue.scaleY, j = ue.skewX, se = ue.skewY;
-    return "matrix(" + he + ", " + se + ", " + j + ", " + fe + ", " + ae + ", " + le + ")";
+    var ue = G(), Ae = ue.translateX, se = ue.translateY, he = ue.scaleX, fe = ue.scaleY, j = ue.skewX, le = ue.skewY;
+    return "matrix(" + he + ", " + le + ", " + j + ", " + fe + ", " + Ae + ", " + se + ")";
   }, [G]), ee = Ve(function(ue) {
-    var ae = F.translateX, le = F.translateY;
+    var Ae = F.translateX, se = F.translateY;
     L(AA(ue) || void 0), Q({
-      translateX: ae,
-      translateY: le
+      translateX: Ae,
+      translateY: se
     }), b(!0);
-  }, [F]), Z = Ve(function(ue, ae) {
-    var le, he;
+  }, [F]), Z = Ve(function(ue, Ae) {
+    var se, he;
     if (!(!E || !O || !U)) {
-      var fe = AA(ue), j = fe ? -(O.x - fe.x) : -O.x, se = fe ? -(O.y - fe.y) : -O.y, ge = U.translateX + j;
-      ae != null && ae.offsetX && (ge += (le = ae?.offsetX) != null ? le : 0);
-      var me = U.translateY + se;
-      ae != null && ae.offsetY && (me += (he = ae?.offsetY) != null ? he : 0), X({
-        translateX: ge,
+      var fe = AA(ue), j = fe ? -(O.x - fe.x) : -O.x, le = fe ? -(O.y - fe.y) : -O.y, ve = U.translateX + j;
+      Ae != null && Ae.offsetX && (ve += (se = Ae?.offsetX) != null ? se : 0);
+      var me = U.translateY + le;
+      Ae != null && Ae.offsetY && (me += (he = Ae?.offsetY) != null ? he : 0), X({
+        translateX: ve,
         translateY: me
       });
     }
@@ -5728,16 +5728,16 @@ function E1(t) {
     L(void 0), Q(void 0), b(!1);
   }, []), J = Ve(function(ue) {
     ue.preventDefault();
-    var ae = AA(ue) || void 0, le = f(ue), he = le.scaleX, fe = le.scaleY;
+    var Ae = AA(ue) || void 0, se = f(ue), he = se.scaleX, fe = se.scaleY;
     _({
       scaleX: he,
       scaleY: fe,
-      point: ae
+      point: Ae
     });
   }, [_, f]), Y = Ve(function(ue) {
-    var ae = ue.origin, le = ae[0], he = ae[1], fe = ue.memo, j = fe;
+    var Ae = ue.origin, se = Ae[0], he = Ae[1], fe = ue.memo, j = fe;
     if (m.current) {
-      var se, ge = (se = j) != null ? se : m.current.getBoundingClientRect(), me = ge.top, be = ge.left;
+      var le, ve = (le = j) != null ? le : m.current.getBoundingClientRect(), me = ve.top, be = ve.left;
       j || (j = {
         top: me,
         left: be
@@ -5747,44 +5747,44 @@ function E1(t) {
         scaleX: Le,
         scaleY: Se,
         point: {
-          x: le - be,
+          x: se - be,
           y: he - me
         }
       });
     }
     return j;
   }, [_, h]), W = Ve(function() {
-    var ue = F.translateX, ae = F.translateY, le = F.scaleX, he = F.scaleY, fe = F.skewX, j = F.skewY;
-    return "matrix(" + le + ", " + j + ", " + fe + ", " + he + ", " + ue + ", " + ae + ")";
+    var ue = F.translateX, Ae = F.translateY, se = F.scaleX, he = F.scaleY, fe = F.skewX, j = F.skewY;
+    return "matrix(" + se + ", " + j + ", " + fe + ", " + he + ", " + ue + ", " + Ae + ")";
   }, [F]), oe = Ve(function() {
     var ue = {
       x: v / 2,
       y: p / 2
-    }, ae = D(ue);
+    }, Ae = D(ue);
     V({
-      translateX: ae.x - ue.x,
-      translateY: ae.y - ue.y
+      translateX: Ae.x - ue.x,
+      translateY: Ae.y - ue.y
     });
   }, [p, v, D, V]), ie = Ve(function() {
     P(VO());
   }, [P]);
   KO({
-    onDragStart: function(ae) {
-      var le = ae.event;
-      le instanceof KeyboardEvent || ee(le);
+    onDragStart: function(Ae) {
+      var se = Ae.event;
+      se instanceof KeyboardEvent || ee(se);
     },
-    onDrag: function(ae) {
-      var le = ae.event, he = ae.pinching, fe = ae.cancel;
-      he ? (fe(), z()) : le instanceof KeyboardEvent || Z(le);
+    onDrag: function(Ae) {
+      var se = Ae.event, he = Ae.pinching, fe = Ae.cancel;
+      he ? (fe(), z()) : se instanceof KeyboardEvent || Z(se);
     },
     onDragEnd: z,
     onPinch: Y,
-    onWheel: function(ae) {
-      var le = ae.event, he = ae.active, fe = ae.pinching;
+    onWheel: function(Ae) {
+      var se = Ae.event, he = Ae.active, fe = Ae.pinching;
       // Outside of Safari, the wheel event is fired together with the pinch event
       fe || // currently onWheelEnd emits one final wheel event which causes 2x scale
       // updates for the last tick. ensuring that the gesture is active avoids this
-      !he || J(le);
+      !he || J(se);
     }
   }, {
     target: m,
@@ -10509,15 +10509,15 @@ const uP = {
       IB(l.current, j);
     });
   }, [t, t.registerDownload]), pn(() => {
-    const j = s.current, se = (be) => {
+    const j = s.current, le = (be) => {
       be.preventDefault();
-    }, ge = (be) => {
+    }, ve = (be) => {
       be.preventDefault();
     }, me = (be) => {
       be.preventDefault();
     };
-    return j && (j.addEventListener("wheel", se, { passive: !1 }), j.addEventListener("touchstart", me, { passive: !1 }), j.addEventListener("touchmove", ge, { passive: !1 })), () => {
-      j && (j.removeEventListener("wheel", se), j.removeEventListener("touchstart", me), j.removeEventListener("touchmove", ge));
+    return j && (j.addEventListener("wheel", le, { passive: !1 }), j.addEventListener("touchstart", me, { passive: !1 }), j.addEventListener("touchmove", ve, { passive: !1 })), () => {
+      j && (j.removeEventListener("wheel", le), j.removeEventListener("touchstart", me), j.removeEventListener("touchmove", ve));
     };
   }, [s]);
   const L = (j) => {
@@ -10526,18 +10526,18 @@ const uP = {
     m(!B);
   }, P = Tt(() => {
     const j = t.groupPointsAnchor;
-    return j && U ? t.pointData.filter((se) => j in se ? se[j] === U[j] : se.metaData && U.metaData ? se.metaData[j] === U.metaData[j] : !1) : U ? [U] : [];
-  }, [U, t.groupPointsAnchor, t.pointData]), N = (j, se, ge) => {
+    return j && U ? t.pointData.filter((le) => j in le ? le[j] === U[j] : le.metaData && U.metaData ? le.metaData[j] === U.metaData[j] : !1) : U ? [U] : [];
+  }, [U, t.groupPointsAnchor, t.pointData]), N = (j, le, ve) => {
     const me = j.range().map(
       (be) => j.invert(
-        (be - se) / ge
+        (be - le) / ve
       )
     );
     return j.copy().domain(me);
-  }, D = (j, se, ge) => {
+  }, D = (j, le, ve) => {
     const me = j.range().map(
       (be) => j.invert(
-        (be - se) / ge
+        (be - le) / ve
       )
     );
     return j.copy().domain(me);
@@ -10559,40 +10559,40 @@ const uP = {
   }), [t.pointData, T]), V = Ve(
     (j) => {
       if (p === "select" && j?.x !== void 0 && j?.y !== void 0) {
-        const se = j.x - E.left, ge = j.y - E.top;
-        v((me) => [...me, [{ x: se, y: ge }]]);
+        const le = j.x - E.left, ve = j.y - E.top;
+        v((me) => [...me, [{ x: le, y: ve }]]);
       }
     },
     [p, E.left, E.top]
   ), X = Ve(
     (j) => {
       if (p === "select" && j?.x !== void 0 && j?.y !== void 0) {
-        const se = j.x - E.left, ge = j.y - E.top;
+        const le = j.x - E.left, ve = j.y - E.top;
         v((me) => {
-          const be = [...me], Re = { x: se + j.dx, y: ge + j.dy }, Le = be.length - 1;
+          const be = [...me], Re = { x: le + j.dx, y: ve + j.dy }, Le = be.length - 1;
           return be[Le] = [...be[Le] || [], Re], be;
         });
       }
     },
     [p, E.left, E.top]
-  ), k = (j, se) => {
-    let ge = !1;
-    for (let me = 0, be = se.length - 1; me < se.length; be = me++) {
-      const Re = se[me].x, Le = se[me].y, Se = se[be].x, De = se[be].y;
+  ), k = (j, le) => {
+    let ve = !1;
+    for (let me = 0, be = le.length - 1; me < le.length; be = me++) {
+      const Re = le[me].x, Le = le[me].y, Se = le[be].x, De = le[be].y;
       Le > j.y != De > j.y && //does the ray intersect the line segment from the current to the previous vertex?
-      j.x < (Se - Re) * (j.y - Le) / (De - Le) + Re && (ge = !ge);
+      j.x < (Se - Re) * (j.y - Le) / (De - Le) + Re && (ve = !ve);
     }
-    return ge;
+    return ve;
   }, G = Ve(
     (j) => {
       if (p === "select") {
         if (h.length === 0) return;
-        const se = h[h.length - 1], ge = N(M, j.transformMatrix.translateX, j.transformMatrix.scaleX), me = D(_, j.transformMatrix.translateY, j.transformMatrix.scaleY), be = t.pointData.filter((Re) => {
+        const le = h[h.length - 1], ve = N(M, j.transformMatrix.translateX, j.transformMatrix.scaleX), me = D(_, j.transformMatrix.translateY, j.transformMatrix.scaleY), be = t.pointData.filter((Re) => {
           const Le = {
-            x: ge(Re.x),
+            x: ve(Re.x),
             y: me(Re.y)
           };
-          return k(Le, se);
+          return k(Le, le);
         });
         t.onSelectionChange && t.onSelectionChange(be), v([]);
       } else
@@ -10613,17 +10613,17 @@ const uP = {
     onDragMove: X,
     resetOnStart: !0
   }), ie = Ve(
-    (j, se) => {
-      if (J || se.isDragging) {
+    (j, le) => {
+      if (J || le.isDragging) {
         d(!1), c(null);
         return;
       }
       C(j.pageX), w(j.pageY);
-      const ge = AA(j.currentTarget, j);
-      if (!ge) return;
-      const me = ge.x - E.left, be = ge.y - E.top, Re = N(M, se.transformMatrix.translateX, se.transformMatrix.scaleX), Le = D(_, se.transformMatrix.translateY, se.transformMatrix.scaleY), Se = 5, De = t.pointData.find((ye) => {
-        const Ae = Re(ye.x), H = Le(ye.y);
-        return Math.abs(me - Ae) < Se && Math.abs(be - H) < Se;
+      const ve = AA(j.currentTarget, j);
+      if (!ve) return;
+      const me = ve.x - E.left, be = ve.y - E.top, Re = N(M, le.transformMatrix.translateX, le.transformMatrix.scaleX), Le = D(_, le.transformMatrix.translateY, le.transformMatrix.scaleY), Se = 5, De = t.pointData.find((ye) => {
+        const ne = Re(ye.x), H = Le(ye.y);
+        return Math.abs(me - ne) < Se && Math.abs(be - H) < Se;
       });
       De ? (c(De), d(!0)) : (c(null), d(!1));
     },
@@ -10632,26 +10632,26 @@ const uP = {
     d(!1), c(null);
   }, []), ue = () => {
     !t.onPointClicked || !U || U && t.onPointClicked(U);
-  }, ae = Ve((j, se, ge) => {
-    if (ge) {
-      const me = ge.getContext("2d");
+  }, Ae = Ve((j, le, ve) => {
+    if (ve) {
+      const me = ve.getContext("2d");
       if (me) {
         me.setTransform(2, 0, 0, 2, 0, 0), me.clearRect(0, 0, b, T);
-        const be = new Set(P.map((Ae) => `${Ae.x},${Ae.y}`)), Re = t.pointData.filter(
-          (Ae) => !be.has(`${Ae.x},${Ae.y}`)
+        const be = new Set(P.map((ne) => `${ne.x},${ne.y}`)), Re = t.pointData.filter(
+          (ne) => !be.has(`${ne.x},${ne.y}`)
         ), Le = t.pointData.filter(
-          (Ae) => be.has(`${Ae.x},${Ae.y}`)
-        ), Se = [], De = (Ae, H) => {
-          const K = j(Ae.x), te = se(Ae.y), re = j(Ae.x) >= 0 && j(Ae.x) <= b && se(Ae.y) >= 0 && se(Ae.y) <= T, ne = (Ae.r || 3) + (H ? 2 : 0);
-          re && (Se.push(Ae), me.beginPath(), Ae.shape === "circle" ? me.arc(K, te, ne, 0, Math.PI * 2) : Ae.shape === "triangle" && (me.moveTo(K, te - ne), me.lineTo(K - ne, te + ne), me.lineTo(K + ne, te + ne), me.closePath()), me.fillStyle = Ae.color ? Ae.color : "black", me.globalAlpha = Ae.opacity !== void 0 ? Ae.opacity : 1, me.fill(), H && (me.lineWidth = 1, me.strokeStyle = "black", me.stroke()));
+          (ne) => be.has(`${ne.x},${ne.y}`)
+        ), Se = [], De = (ne, H) => {
+          const K = j(ne.x), te = le(ne.y), re = j(ne.x) >= 0 && j(ne.x) <= b && le(ne.y) >= 0 && le(ne.y) <= T, ae = (ne.r || 3) + (H ? 2 : 0);
+          re && (Se.push(ne), me.beginPath(), !ne.shape || ne.shape === "circle" ? me.arc(K, te, ae, 0, Math.PI * 2) : ne.shape === "triangle" && (me.moveTo(K, te - ae), me.lineTo(K - ae, te + ae), me.lineTo(K + ae, te + ae), me.closePath()), me.fillStyle = ne.color ? ne.color : "black", me.globalAlpha = ne.opacity !== void 0 ? ne.opacity : 1, me.fill(), H && (me.lineWidth = 1, me.strokeStyle = "black", me.stroke()));
         };
-        Re.forEach((Ae) => De(Ae, !1)), Le.forEach((Ae) => De(Ae, !0)), ((Ae, H) => Ae.length !== H.length ? !0 : !Ae.every((K, te) => {
+        Re.forEach((ne) => De(ne, !1)), Le.forEach((ne) => De(ne, !0)), ((ne, H) => ne.length !== H.length ? !0 : !ne.every((K, te) => {
           const re = H[te];
           return K.x === re.x && K.y === re.y && K.r === re.r && K.shape === re.shape && K.color === re.color && K.opacity === re.opacity;
         }))(Q, Se) && (t.onDisplayedPointsChange && t.onDisplayedPointsChange(Se), I(Se));
       }
     }
-  }, [b, T, P, t, Q]), le = () => {
+  }, [b, T, P, t, Q]), se = () => {
     IB(l.current);
   }, he = /* @__PURE__ */ $.jsx(
     wa,
@@ -10678,7 +10678,7 @@ const uP = {
     }
   );
   return /* @__PURE__ */ $.jsx("div", { ref: a, style: { width: "100%", height: "100%", position: "relative" }, children: /* @__PURE__ */ $.jsx(e, { width: b, height: T, scaleXMin: 1 / 2, scaleXMax: 10, scaleYMin: 1 / 2, scaleYMax: 10, initialTransformMatrix: uP, children: (j) => {
-    const se = N(M, j.transformMatrix.translateX, j.transformMatrix.scaleX), ge = D(_, j.transformMatrix.translateY, j.transformMatrix.scaleY), me = U && se(U.x) >= 0 && se(U.x) <= b && ge(U.y) >= 0 && ge(U.y) <= T, be = () => {
+    const le = N(M, j.transformMatrix.translateX, j.transformMatrix.scaleX), ve = D(_, j.transformMatrix.translateY, j.transformMatrix.scaleY), me = U && le(U.x) >= 0 && le(U.x) <= b && ve(U.y) >= 0 && ve(U.y) <= T, be = () => {
       j.scale({ scaleX: 1.2, scaleY: 1.2 });
     }, Re = () => {
       j.scale({ scaleX: 0.8, scaleY: 0.8 });
@@ -10712,7 +10712,7 @@ const uP = {
               position: t.controlsPosition,
               highlight: t.controlsHighlight,
               downloadButton: O,
-              downloadPlot: le
+              downloadPlot: se
             }
           )
         }
@@ -10721,7 +10721,7 @@ const uP = {
         aa,
         {
           "aria-label": "download",
-          onClick: () => le(),
+          onClick: () => se(),
           sx: {
             position: "absolute",
             zIndex: 10,
@@ -10738,7 +10738,7 @@ const uP = {
           "canvas",
           {
             ref: (Se) => {
-              Se && ae(se, ge, Se);
+              Se && Ae(le, ve, Se);
             },
             width: b * 2,
             height: T * 2,
@@ -10844,7 +10844,7 @@ const uP = {
                   wp,
                   {
                     numTicks: 4,
-                    scale: ge,
+                    scale: ve,
                     tickLabelProps: () => ({
                       fill: "#1c1917",
                       fontSize: 10,
@@ -10859,7 +10859,7 @@ const uP = {
                   {
                     numTicks: 4,
                     top: T,
-                    scale: se,
+                    scale: le,
                     tickLabelProps: () => ({
                       fill: "#1c1917",
                       fontSize: 11,
@@ -12272,30 +12272,30 @@ var fk = ck(), ws = /* @__PURE__ */ gs(fk), dk = er({
     i = l.collection(i)[0], c.unmergeBy(function(ue) {
       return ue.isLoop();
     });
-    for (var g = c.length, B = function(ae) {
-      var le = h.get(ae.id());
-      return le || (le = {}, h.set(ae.id(), le)), le;
-    }, m = function(ae) {
-      return (Oe(ae) ? l.$(ae) : ae)[0];
-    }, y = function(ae) {
-      return B(m(ae)).dist;
-    }, C = function(ae) {
-      for (var le = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : i, he = m(ae), fe = [], j = he; ; ) {
+    for (var g = c.length, B = function(Ae) {
+      var se = h.get(Ae.id());
+      return se || (se = {}, h.set(Ae.id(), se)), se;
+    }, m = function(Ae) {
+      return (Oe(Ae) ? l.$(Ae) : Ae)[0];
+    }, y = function(Ae) {
+      return B(m(Ae)).dist;
+    }, C = function(Ae) {
+      for (var se = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : i, he = m(Ae), fe = [], j = he; ; ) {
         if (j == null)
           return r.spawn();
-        var se = B(j), ge = se.edge, me = se.pred;
-        if (fe.unshift(j[0]), j.same(le) && fe.length > 0)
+        var le = B(j), ve = le.edge, me = le.pred;
+        if (fe.unshift(j[0]), j.same(se) && fe.length > 0)
           break;
-        ge != null && fe.unshift(ge), j = me;
+        ve != null && fe.unshift(ve), j = me;
       }
       return s.spawn(fe);
     }, F = 0; F < d; F++) {
       var w = f[F], x = B(w);
       w.same(i) ? x.dist = 0 : x.dist = 1 / 0, x.pred = null, x.edge = null;
     }
-    for (var E = !1, b = function(ae, le, he, fe, j, se) {
-      var ge = fe.dist + se;
-      ge < j.dist && !he.same(fe.edge) && (j.dist = ge, j.pred = ae, j.edge = he, E = !0);
+    for (var E = !1, b = function(Ae, se, he, fe, j, le) {
+      var ve = fe.dist + le;
+      ve < j.dist && !he.same(fe.edge) && (j.dist = ve, j.pred = Ae, j.edge = he, E = !0);
     }, T = 1; T < d; T++) {
       E = !1;
       for (var U = 0; U < g; U++) {
@@ -16457,10 +16457,10 @@ var Pr = function(e) {
               break;
           }
         }
-        var Z = function(ue, ae) {
-          return ue = ue - q, ae = ae - ee, {
-            x: ue * k - ae * G + q,
-            y: ue * G + ae * k + ee
+        var Z = function(ue, Ae) {
+          return ue = ue - q, Ae = Ae - ee, {
+            x: ue * k - Ae * G + q,
+            y: ue * G + Ae * k + ee
           };
         }, z = Z(T, Q), J = Z(T, I), Y = Z(U, Q), W = Z(U, I);
         T = Math.min(z.x, J.x, Y.x, W.x), U = Math.max(z.x, J.x, Y.x, W.x), Q = Math.min(z.y, J.y, Y.y, W.y), I = Math.max(z.y, J.y, Y.y, W.y);
@@ -21839,8 +21839,8 @@ function xF(t) {
   this.options = Me({}, H4, N4, t);
 }
 xF.prototype.run = function() {
-  var t = this.options, e = t.cy, r = t.eles, n = r.nodes().filter(function(ae) {
-    return ae.isChildless();
+  var t = this.options, e = t.cy, r = t.eles, n = r.nodes().filter(function(Ae) {
+    return Ae.isChildless();
   }), a = r, A = t.directed, i = t.acyclic || t.maximal || t.maximalAdjustments > 0, o = !!t.boundingBox, s = e.extent(), l = fr(o ? t.boundingBox : {
     x1: s.x1,
     y1: s.y1,
@@ -21863,76 +21863,76 @@ xF.prototype.run = function() {
     var v = r.components();
     u = e.collection();
     for (var p = function() {
-      var le = v[g], he = le.maxDegree(!1), fe = le.filter(function(j) {
+      var se = v[g], he = se.maxDegree(!1), fe = se.filter(function(j) {
         return j.degree(!1) === he;
       });
       u = u.add(fe);
     }, g = 0; g < v.length; g++)
       p();
   }
-  var B = [], m = {}, y = function(le, he) {
+  var B = [], m = {}, y = function(se, he) {
     B[he] == null && (B[he] = []);
     var fe = B[he].length;
-    B[he].push(le), Ib(le, {
+    B[he].push(se), Ib(se, {
       index: fe,
       depth: he
     });
-  }, C = function(le, he) {
-    var fe = MA(le), j = fe.depth, se = fe.index;
-    B[j][se] = null, le.isChildless() && y(le, he);
+  }, C = function(se, he) {
+    var fe = MA(se), j = fe.depth, le = fe.index;
+    B[j][le] = null, se.isChildless() && y(se, he);
   };
   a.bfs({
     roots: u,
     directed: t.directed,
-    visit: function(le, he, fe, j, se) {
-      var ge = le[0], me = ge.id();
-      ge.isChildless() && y(ge, se), m[me] = !0;
+    visit: function(se, he, fe, j, le) {
+      var ve = se[0], me = ve.id();
+      ve.isChildless() && y(ve, le), m[me] = !0;
     }
   });
   for (var F = [], w = 0; w < n.length; w++) {
     var x = n[w];
     m[x.id()] || F.push(x);
   }
-  var E = function(le) {
-    for (var he = B[le], fe = 0; fe < he.length; fe++) {
+  var E = function(se) {
+    for (var he = B[se], fe = 0; fe < he.length; fe++) {
       var j = he[fe];
       if (j == null) {
         he.splice(fe, 1), fe--;
         continue;
       }
       Ib(j, {
-        depth: le,
+        depth: se,
         index: fe
       });
     }
-  }, b = function(le, he) {
-    for (var fe = MA(le), j = le.incomers().filter(function(Se) {
+  }, b = function(se, he) {
+    for (var fe = MA(se), j = se.incomers().filter(function(Se) {
       return Se.isNode() && r.has(Se);
-    }), se = -1, ge = le.id(), me = 0; me < j.length; me++) {
+    }), le = -1, ve = se.id(), me = 0; me < j.length; me++) {
       var be = j[me], Re = MA(be);
-      se = Math.max(se, Re.depth);
+      le = Math.max(le, Re.depth);
     }
-    if (fe.depth <= se) {
-      if (!t.acyclic && he[ge])
+    if (fe.depth <= le) {
+      if (!t.acyclic && he[ve])
         return null;
-      var Le = se + 1;
-      return C(le, Le), he[ge] = Le, !0;
+      var Le = le + 1;
+      return C(se, Le), he[ve] = Le, !0;
     }
     return !1;
   };
   if (A && i) {
-    var T = [], U = {}, Q = function(le) {
-      return T.push(le);
+    var T = [], U = {}, Q = function(se) {
+      return T.push(se);
     }, I = function() {
       return T.shift();
     };
-    for (n.forEach(function(ae) {
-      return T.push(ae);
+    for (n.forEach(function(Ae) {
+      return T.push(Ae);
     }); T.length > 0; ) {
       var O = I(), L = b(O, U);
       if (L)
-        O.outgoers().filter(function(ae) {
-          return ae.isNode() && r.has(ae);
+        O.outgoers().filter(function(Ae) {
+          return Ae.isNode() && r.has(Ae);
         }).forEach(Q);
       else if (L === null) {
         Ze("Detected double maximal shift for node `" + O.id() + "`.  Bailing maximal adjustment due to cycle.  Use `options.maximal: true` only on DAGs.");
@@ -21946,26 +21946,26 @@ xF.prototype.run = function() {
       var N = n[P], D = N.layoutDimensions(t), M = D.w, _ = D.h;
       R = Math.max(R, M, _);
     }
-  var V = {}, X = function(le) {
-    if (V[le.id()])
-      return V[le.id()];
-    for (var he = MA(le).depth, fe = le.neighborhood(), j = 0, se = 0, ge = 0; ge < fe.length; ge++) {
-      var me = fe[ge];
+  var V = {}, X = function(se) {
+    if (V[se.id()])
+      return V[se.id()];
+    for (var he = MA(se).depth, fe = se.neighborhood(), j = 0, le = 0, ve = 0; ve < fe.length; ve++) {
+      var me = fe[ve];
       if (!(me.isEdge() || me.isParent() || !n.has(me))) {
         var be = MA(me);
         if (be != null) {
           var Re = be.index, Le = be.depth;
           if (!(Re == null || Le == null)) {
             var Se = B[Le].length;
-            Le < he && (j += Re / Se, se++);
+            Le < he && (j += Re / Se, le++);
           }
         }
       }
     }
-    return se = Math.max(1, se), j = j / se, se === 0 && (j = 0), V[le.id()] = j, j;
-  }, k = function(le, he) {
-    var fe = X(le), j = X(he), se = fe - j;
-    return se === 0 ? Tx(le.id(), he.id()) : se;
+    return le = Math.max(1, le), j = j / le, le === 0 && (j = 0), V[se.id()] = j, j;
+  }, k = function(se, he) {
+    var fe = X(se), j = X(he), le = fe - j;
+    return le === 0 ? Tx(se.id(), he.id()) : le;
   };
   t.depthSort !== void 0 && (k = t.depthSort);
   for (var G = B.length, q = 0; q < G; q++)
@@ -21973,8 +21973,8 @@ xF.prototype.run = function() {
   for (var ee = [], Z = 0; Z < F.length; Z++)
     ee.push(F[Z]);
   var z = function() {
-    for (var le = 0; le < G; le++)
-      E(le);
+    for (var se = 0; se < G; se++)
+      E(se);
   };
   ee.length && (B.unshift(ee), G = B.length, z());
   for (var J = 0, Y = 0; Y < G; Y++)
@@ -21982,13 +21982,13 @@ xF.prototype.run = function() {
   var W = {
     x: l.x1 + l.w / 2,
     y: l.y1 + l.h / 2
-  }, oe = n.reduce(function(ae, le) {
+  }, oe = n.reduce(function(Ae, se) {
     return function(he) {
       return {
-        w: ae.w === -1 ? he.w : (ae.w + he.w) / 2,
-        h: ae.h === -1 ? he.h : (ae.h + he.h) / 2
+        w: Ae.w === -1 ? he.w : (Ae.w + he.w) / 2,
+        h: Ae.h === -1 ? he.h : (Ae.h + he.h) / 2
       };
-    }(le.boundingBox({
+    }(se.boundingBox({
       includeLabels: t.nodeDimensionsIncludeLabels
     }));
   }, {
@@ -22001,17 +22001,17 @@ xF.prototype.run = function() {
       o ? (l.h - t.padding * 2 - oe.h) / (G - 1) : (l.h - t.padding * 2 - oe.h) / (G + 1)
     ),
     R
-  ), Ue = B.reduce(function(ae, le) {
-    return Math.max(ae, le.length);
-  }, 0), ue = function(le) {
-    var he = MA(le), fe = he.depth, j = he.index;
+  ), Ue = B.reduce(function(Ae, se) {
+    return Math.max(Ae, se.length);
+  }, 0), ue = function(se) {
+    var he = MA(se), fe = he.depth, j = he.index;
     if (t.circle) {
-      var se = Math.min(l.w / 2 / G, l.h / 2 / G);
-      se = Math.max(se, R);
-      var ge = se * fe + se - (G > 0 && B[0].length <= 3 ? se / 2 : 0), me = 2 * Math.PI / B[fe].length * j;
-      return fe === 0 && B[0].length === 1 && (ge = 1), {
-        x: W.x + ge * Math.cos(me),
-        y: W.y + ge * Math.sin(me)
+      var le = Math.min(l.w / 2 / G, l.h / 2 / G);
+      le = Math.max(le, R);
+      var ve = le * fe + le - (G > 0 && B[0].length <= 3 ? le / 2 : 0), me = 2 * Math.PI / B[fe].length * j;
+      return fe === 0 && B[0].length === 1 && (ve = 1), {
+        x: W.x + ve * Math.cos(me),
+        y: W.y + ve * Math.sin(me)
       };
     } else {
       var be = B[fe].length, Re = Math.max(
@@ -23529,17 +23529,17 @@ or.findTaxiPoints = function(t, e) {
     } else {
       var Ue = Math.abs(P) <= c / 2, ue = Math.abs(T) <= h / 2;
       if (Ue) {
-        var ae = (u.y1 + u.y2) / 2, le = u.x1, he = u.x2;
-        r.segpts = [le, ae, he, ae];
+        var Ae = (u.y1 + u.y2) / 2, se = u.x1, he = u.x2;
+        r.segpts = [se, Ae, he, Ae];
       } else if (ue) {
-        var fe = (u.x1 + u.x2) / 2, j = u.y1, se = u.y2;
-        r.segpts = [fe, j, fe, se];
+        var fe = (u.x1 + u.x2) / 2, j = u.y1, le = u.y2;
+        r.segpts = [fe, j, fe, le];
       } else
         r.segpts = [u.x2, u.y1];
     }
   else if (L) {
-    var ge = u.y1 + M + (p ? f / 2 * N : 0), me = u.x1, be = u.x2;
-    r.segpts = [me, ge, be, ge];
+    var ve = u.y1 + M + (p ? f / 2 * N : 0), me = u.x1, be = u.x2;
+    r.segpts = [me, ve, be, ve];
   } else {
     var Re = u.x1 + M + (p ? c / 2 * N : 0), Le = u.y1, Se = u.y2;
     r.segpts = [Re, Le, Re, Se];
@@ -23692,8 +23692,8 @@ or.findEdgeControlPoints = function(t) {
         });
         tm(Q.eles), O.forEach(function(ye) {
           return Q.eles.push(ye);
-        }), Q.eles.sort(function(ye, Ae) {
-          return ye.poolIndex() - Ae.poolIndex();
+        }), Q.eles.sort(function(ye, ne) {
+          return ye.poolIndex() - ne.poolIndex();
         });
       }
       var L = Q.eles[0], R = L.source(), P = L.target();
@@ -23716,21 +23716,21 @@ or.findEdgeControlPoints = function(t) {
         var W = Q.eles[Y], oe = W[0]._private.rscratch, ie = W.pstyle("curve-style").value, Ue = ie === "unbundled-bezier" || la(ie, "segments") || la(ie, "taxi"), ue = !R.same(W.source());
         if (!Q.calculatedIntersection && R !== P && (Q.hasBezier || Q.hasUnbundled)) {
           Q.calculatedIntersection = !0;
-          var ae = G.intersectLine(D.x, D.y, _, V, M.x, M.y, 0, ee, J), le = Q.srcIntn = ae, he = q.intersectLine(M.x, M.y, X, k, D.x, D.y, 0, Z, z), fe = Q.tgtIntn = he, j = Q.intersectionPts = {
-            x1: ae[0],
+          var Ae = G.intersectLine(D.x, D.y, _, V, M.x, M.y, 0, ee, J), se = Q.srcIntn = Ae, he = q.intersectLine(M.x, M.y, X, k, D.x, D.y, 0, Z, z), fe = Q.tgtIntn = he, j = Q.intersectionPts = {
+            x1: Ae[0],
             x2: he[0],
-            y1: ae[1],
+            y1: Ae[1],
             y2: he[1]
-          }, se = Q.posPts = {
+          }, le = Q.posPts = {
             x1: D.x,
             x2: M.x,
             y1: D.y,
             y2: M.y
-          }, ge = he[1] - ae[1], me = he[0] - ae[0], be = Math.sqrt(me * me + ge * ge);
-          we(be) && be >= c_ || (be = Math.sqrt(Math.max(me * me, es) + Math.max(ge * ge, es)));
+          }, ve = he[1] - Ae[1], me = he[0] - Ae[0], be = Math.sqrt(me * me + ve * ve);
+          we(be) && be >= c_ || (be = Math.sqrt(Math.max(me * me, es) + Math.max(ve * ve, es)));
           var Re = Q.vector = {
             x: me,
-            y: ge
+            y: ve
           }, Le = Q.vectorNorm = {
             x: Re.x / be,
             y: Re.y / be
@@ -23738,7 +23738,7 @@ or.findEdgeControlPoints = function(t) {
             x: -Le.y,
             y: Le.x
           };
-          Q.nodesOverlap = !we(be) || q.checkPoint(ae[0], ae[1], 0, X, k, M.x, M.y, Z, z) || G.checkPoint(he[0], he[1], 0, _, V, D.x, D.y, ee, J), Q.vectorNormInverse = Se, I = {
+          Q.nodesOverlap = !we(be) || q.checkPoint(Ae[0], Ae[1], 0, X, k, M.x, M.y, Z, z) || G.checkPoint(he[0], he[1], 0, _, V, D.x, D.y, ee, J), Q.vectorNormInverse = Se, I = {
             nodesOverlap: Q.nodesOverlap,
             dirCounts: Q.dirCounts,
             calculatedIntersection: !0,
@@ -23754,14 +23754,14 @@ or.findEdgeControlPoints = function(t) {
             tgtW: _,
             tgtH: V,
             srcIntn: fe,
-            tgtIntn: le,
+            tgtIntn: se,
             srcShape: q,
             tgtShape: G,
             posPts: {
-              x1: se.x2,
-              y1: se.y2,
-              x2: se.x1,
-              y2: se.y1
+              x1: le.x2,
+              y1: le.y2,
+              x2: le.x1,
+              y2: le.y1
             },
             intersectionPts: {
               x1: j.x2,
@@ -23862,9 +23862,9 @@ Es.findEndpoints = function(t) {
     Ue === "left" ? J -= W : Ue === "right" && (J += W);
     var ue = Wo(D[0], D[1], [J - W, Y - oe, J + W, Y - oe, J + W, Y + oe, J - W, Y + oe], u.x, u.y);
     if (ue.length > 0) {
-      var ae = l, le = Va(ae, ni(i)), he = Va(ae, ni(ue)), fe = le;
-      if (he < le && (i = ue, fe = he), ue.length > 2) {
-        var j = Va(ae, {
+      var Ae = l, se = Va(Ae, ni(i)), he = Va(Ae, ni(ue)), fe = se;
+      if (he < se && (i = ue, fe = he), ue.length > 2) {
+        var j = Va(Ae, {
           x: ue[2],
           y: ue[3]
         });
@@ -23872,27 +23872,27 @@ Es.findEndpoints = function(t) {
       }
     }
   }
-  var se = Ws(i, P, A.arrowShapes[c].spacing(t) + d), ge = Ws(i, P, A.arrowShapes[c].gap(t) + d);
-  if (B.endX = ge[0], B.endY = ge[1], B.arrowEndX = se[0], B.arrowEndY = se[1], Q === "inside-to-node")
+  var le = Ws(i, P, A.arrowShapes[c].spacing(t) + d), ve = Ws(i, P, A.arrowShapes[c].gap(t) + d);
+  if (B.endX = ve[0], B.endY = ve[1], B.arrowEndX = le[0], B.arrowEndY = le[1], Q === "inside-to-node")
     i = [l.x, l.y];
   else if (U.units)
     i = this.manualEndptToPx(o, U);
   else if (Q === "outside-to-line")
     i = B.srcIntn;
   else if (Q === "outside-to-node" || Q === "outside-to-node-or-label" ? M = N : (Q === "outside-to-line" || Q === "outside-to-line-or-label") && (M = [u.x, u.y]), i = A.nodeShapes[this.getNodeShape(o)].intersectLine(l.x, l.y, o.outerWidth(), o.outerHeight(), M[0], M[1], 0, I, v), Q === "outside-to-node-or-label" || Q === "outside-to-line-or-label") {
-    var me = o._private.rscratch, be = me.labelWidth, Re = me.labelHeight, Le = me.labelX, Se = me.labelY, De = be / 2, ye = Re / 2, Ae = o.pstyle("text-valign").value;
-    Ae === "top" ? Se -= ye : Ae === "bottom" && (Se += ye);
+    var me = o._private.rscratch, be = me.labelWidth, Re = me.labelHeight, Le = me.labelX, Se = me.labelY, De = be / 2, ye = Re / 2, ne = o.pstyle("text-valign").value;
+    ne === "top" ? Se -= ye : ne === "bottom" && (Se += ye);
     var H = o.pstyle("text-halign").value;
     H === "left" ? Le -= De : H === "right" && (Le += De);
     var K = Wo(M[0], M[1], [Le - De, Se - ye, Le + De, Se - ye, Le + De, Se + ye, Le - De, Se + ye], l.x, l.y);
     if (K.length > 0) {
-      var te = u, re = Va(te, ni(i)), ne = Va(te, ni(K)), pe = re;
-      if (ne < re && (i = [K[0], K[1]], pe = ne), K.length > 2) {
+      var te = u, re = Va(te, ni(i)), ae = Va(te, ni(K)), ge = re;
+      if (ae < re && (i = [K[0], K[1]], ge = ae), K.length > 2) {
         var de = Va(te, {
           x: K[2],
           y: K[3]
         });
-        de < pe && (i = [K[2], K[3]]);
+        de < ge && (i = [K[2], K[3]]);
       }
     }
   }
@@ -24417,11 +24417,11 @@ Pi.load = function() {
       return K;
   }, a = function(H, K, te, re) {
     H == null && (H = t.cy);
-    for (var ne = 0; ne < K.length; ne++) {
-      var pe = K[ne];
+    for (var ae = 0; ae < K.length; ae++) {
+      var ge = K[ae];
       H.emit({
         originalEvent: te,
-        type: pe,
+        type: ge,
         position: re
       });
     }
@@ -24478,22 +24478,22 @@ Pi.load = function() {
     if (!(K.inDragLayer == null && K.addToList == null) && H.cy().hasCompoundNodes()) {
       var te = H.ancestors().orphans();
       if (!te.same(H)) {
-        var re = te.descendants().spawnSelf().merge(te).unmerge(H).unmerge(H.descendants()), ne = re.connectedEdges();
-        K.inDragLayer && (ne.forEach(l), re.forEach(l)), K.addToList && re.forEach(function(pe) {
-          d(pe, K);
+        var re = te.descendants().spawnSelf().merge(te).unmerge(H).unmerge(H.descendants()), ae = re.connectedEdges();
+        K.inDragLayer && (ae.forEach(l), re.forEach(l)), K.addToList && re.forEach(function(ge) {
+          d(ge, K);
         });
       }
     }
   }, m = function() {
     document.activeElement != null && document.activeElement.blur != null && document.activeElement.blur();
   }, y = typeof MutationObserver < "u", C = typeof ResizeObserver < "u";
-  y ? (t.removeObserver = new MutationObserver(function(Ae) {
-    for (var H = 0; H < Ae.length; H++) {
-      var K = Ae[H], te = K.removedNodes;
+  y ? (t.removeObserver = new MutationObserver(function(ne) {
+    for (var H = 0; H < ne.length; H++) {
+      var K = ne[H], te = K.removedNodes;
       if (te)
         for (var re = 0; re < te.length; re++) {
-          var ne = te[re];
-          if (ne === t.container) {
+          var ae = te[re];
+          if (ae === t.container) {
             t.destroy();
             break;
           }
@@ -24501,7 +24501,7 @@ Pi.load = function() {
     }
   }), t.container.parentNode && t.removeObserver.observe(t.container.parentNode, {
     childList: !0
-  })) : t.registerBinding(t.container, "DOMNodeRemoved", function(Ae) {
+  })) : t.registerBinding(t.container, "DOMNodeRemoved", function(ne) {
     t.destroy();
   });
   var F = Bs(function() {
@@ -24516,17 +24516,17 @@ Pi.load = function() {
   }, x = function() {
     t.invalidateContainerClientCoordsCache();
   };
-  w(t.container, function(Ae) {
-    t.registerBinding(Ae, "transitionend", x), t.registerBinding(Ae, "animationend", x), t.registerBinding(Ae, "scroll", x);
-  }), t.registerBinding(t.container, "contextmenu", function(Ae) {
-    Ae.preventDefault();
+  w(t.container, function(ne) {
+    t.registerBinding(ne, "transitionend", x), t.registerBinding(ne, "animationend", x), t.registerBinding(ne, "scroll", x);
+  }), t.registerBinding(t.container, "contextmenu", function(ne) {
+    ne.preventDefault();
   });
   var E = function() {
     return t.selection[4] !== 0;
   }, b = function(H) {
-    for (var K = t.findContainerClientCoords(), te = K[0], re = K[1], ne = K[2], pe = K[3], de = H.touches ? H.touches : [H], Ce = !1, Ee = 0; Ee < de.length; Ee++) {
+    for (var K = t.findContainerClientCoords(), te = K[0], re = K[1], ae = K[2], ge = K[3], de = H.touches ? H.touches : [H], Ce = !1, Ee = 0; Ee < de.length; Ee++) {
       var Ie = de[Ee];
-      if (te <= Ie.clientX && Ie.clientX <= te + ne && re <= Ie.clientY && Ie.clientY <= re + pe) {
+      if (te <= Ie.clientX && Ie.clientX <= te + ae && re <= Ie.clientY && Ie.clientY <= re + ge) {
         Ce = !0;
         break;
       }
@@ -24545,7 +24545,7 @@ Pi.load = function() {
   t.registerBinding(t.container, "mousedown", function(H) {
     if (b(H) && !(t.hoverData.which === 1 && H.which !== 1)) {
       H.preventDefault(), m(), t.hoverData.capture = !0, t.hoverData.which = H.which;
-      var K = t.cy, te = [H.clientX, H.clientY], re = t.projectIntoViewport(te[0], te[1]), ne = t.selection, pe = t.findNearestElements(re[0], re[1], !0, !1), de = pe[0], Ce = t.dragData.possibleDragElements;
+      var K = t.cy, te = [H.clientX, H.clientY], re = t.projectIntoViewport(te[0], te[1]), ae = t.selection, ge = t.findNearestElements(re[0], re[1], !0, !1), de = ge[0], Ce = t.dragData.possibleDragElements;
       t.hoverData.mdownPos = re, t.hoverData.mdownGPos = te;
       var Ee = function(Be) {
         return {
@@ -24597,28 +24597,28 @@ Pi.load = function() {
             }
             t.redrawHint("eles", !0), t.redrawHint("drag", !0);
           }
-          t.hoverData.down = de, t.hoverData.downs = pe, t.hoverData.downTime = (/* @__PURE__ */ new Date()).getTime();
+          t.hoverData.down = de, t.hoverData.downs = ge, t.hoverData.downTime = (/* @__PURE__ */ new Date()).getTime();
         }
         a(de, ["mousedown", "tapstart", "vmousedown"], H, {
           x: re[0],
           y: re[1]
-        }), de == null ? (ne[4] = 1, t.data.bgActivePosistion = {
+        }), de == null ? (ae[4] = 1, t.data.bgActivePosistion = {
           x: re[0],
           y: re[1]
-        }, t.redrawHint("select", !0), t.redraw()) : de.pannable() && (ne[4] = 1), Ie();
+        }, t.redrawHint("select", !0), t.redraw()) : de.pannable() && (ae[4] = 1), Ie();
       }
-      ne[0] = ne[2] = re[0], ne[1] = ne[3] = re[1];
+      ae[0] = ae[2] = re[0], ae[1] = ae[3] = re[1];
     }
   }, !1);
   var T = n(t.container);
   t.registerBinding([e, T], "mousemove", function(H) {
     var K = t.hoverData.capture;
     if (!(!K && !b(H))) {
-      var te = !1, re = t.cy, ne = re.zoom(), pe = [H.clientX, H.clientY], de = t.projectIntoViewport(pe[0], pe[1]), Ce = t.hoverData.mdownPos, Ee = t.hoverData.mdownGPos, Ie = t.selection, Pe = null;
+      var te = !1, re = t.cy, ae = re.zoom(), ge = [H.clientX, H.clientY], de = t.projectIntoViewport(ge[0], ge[1]), Ce = t.hoverData.mdownPos, Ee = t.hoverData.mdownGPos, Ie = t.selection, Pe = null;
       !t.hoverData.draggingEles && !t.hoverData.dragging && !t.hoverData.selecting && (Pe = t.findNearestElement(de[0], de[1], !0, !1));
       var He = t.hoverData.last, Te = t.hoverData.down, Ne = [de[0] - Ie[2], de[1] - Ie[3]], Be = t.dragData.possibleDragElements, Xe;
       if (Ee) {
-        var at = pe[0] - Ee[0], sr = at * at, Ut = pe[1] - Ee[1], _t = Ut * Ut, Lt = sr + _t;
+        var at = ge[0] - Ee[0], sr = at * at, Ut = ge[1] - Ee[1], _t = Ut * Ut, Lt = sr + _t;
         t.hoverData.isOverThresholdDrag = Xe = Lt >= t.desktopTapThreshold2;
       }
       var zt = A(H);
@@ -24654,13 +24654,13 @@ Pi.load = function() {
           if (t.hoverData.justStartedPan) {
             var Ds = t.hoverData.mdownPos;
             EA = {
-              x: (de[0] - Ds[0]) * ne,
-              y: (de[1] - Ds[1]) * ne
+              x: (de[0] - Ds[0]) * ae,
+              y: (de[1] - Ds[1]) * ae
             }, t.hoverData.justStartedPan = !1;
           } else
             EA = {
-              x: Ne[0] * ne,
-              y: Ne[1] * ne
+              x: Ne[0] * ae,
+              y: Ne[1] * ae
             };
           re.panBy(EA), re.emit(St("dragpan")), t.hoverData.dragged = !0;
         }
@@ -24715,7 +24715,7 @@ Pi.load = function() {
       var K = t.hoverData.capture;
       if (K) {
         t.hoverData.capture = !1;
-        var te = t.cy, re = t.projectIntoViewport(H.clientX, H.clientY), ne = t.selection, pe = t.findNearestElement(re[0], re[1], !0, !1), de = t.dragData.possibleDragElements, Ce = t.hoverData.down, Ee = A(H);
+        var te = t.cy, re = t.projectIntoViewport(H.clientX, H.clientY), ae = t.selection, ge = t.findNearestElement(re[0], re[1], !0, !1), de = t.dragData.possibleDragElements, Ce = t.hoverData.down, Ee = A(H);
         t.data.bgActivePosistion && (t.redrawHint("select", !0), t.redraw()), t.hoverData.tapholdCancelled = !0, t.data.bgActivePosistion = void 0, Ce && Ce.unactivate();
         var Ie = function(at) {
           return {
@@ -24735,7 +24735,7 @@ Pi.load = function() {
           }
           t.hoverData.cxtDragged = !1, t.hoverData.which = null;
         } else if (t.hoverData.which === 1) {
-          if (a(pe, ["mouseup", "tapend", "vmouseup"], H, {
+          if (a(ge, ["mouseup", "tapend", "vmouseup"], H, {
             x: re[0],
             y: re[1]
           }), !t.dragData.didDrag && // didn't move a node around
@@ -24752,21 +24752,21 @@ Pi.load = function() {
               x: re[0],
               y: re[1]
             });
-          }, te.multiClickDebounceTime()), I = H.timeStamp)), Ce == null && !t.dragData.didDrag && !t.hoverData.selecting && !t.hoverData.dragged && !A(H) && (te.$(r).unselect(["tapunselect"]), de.length > 0 && t.redrawHint("eles", !0), t.dragData.possibleDragElements = de = te.collection()), pe == Ce && !t.dragData.didDrag && !t.hoverData.selecting && pe != null && pe._private.selectable && (t.hoverData.dragging || (te.selectionType() === "additive" || Ee ? pe.selected() ? pe.unselect(["tapunselect"]) : pe.select(["tapselect"]) : Ee || (te.$(r).unmerge(pe).unselect(["tapunselect"]), pe.select(["tapselect"]))), t.redrawHint("eles", !0)), t.hoverData.selecting) {
-            var Te = te.collection(t.getAllInBox(ne[0], ne[1], ne[2], ne[3]));
+          }, te.multiClickDebounceTime()), I = H.timeStamp)), Ce == null && !t.dragData.didDrag && !t.hoverData.selecting && !t.hoverData.dragged && !A(H) && (te.$(r).unselect(["tapunselect"]), de.length > 0 && t.redrawHint("eles", !0), t.dragData.possibleDragElements = de = te.collection()), ge == Ce && !t.dragData.didDrag && !t.hoverData.selecting && ge != null && ge._private.selectable && (t.hoverData.dragging || (te.selectionType() === "additive" || Ee ? ge.selected() ? ge.unselect(["tapunselect"]) : ge.select(["tapselect"]) : Ee || (te.$(r).unmerge(ge).unselect(["tapunselect"]), ge.select(["tapselect"]))), t.redrawHint("eles", !0)), t.hoverData.selecting) {
+            var Te = te.collection(t.getAllInBox(ae[0], ae[1], ae[2], ae[3]));
             t.redrawHint("select", !0), Te.length > 0 && t.redrawHint("eles", !0), te.emit(Ie("boxend"));
             var Ne = function(at) {
               return at.selectable() && !at.selected();
             };
             te.selectionType() === "additive" || Ee || te.$(r).unmerge(Te).unselect(), Te.emit(Ie("box")).stdFilter(Ne).select().emit(Ie("boxselect")), t.redraw();
           }
-          if (t.hoverData.dragging && (t.hoverData.dragging = !1, t.redrawHint("select", !0), t.redrawHint("eles", !0), t.redraw()), !ne[4]) {
+          if (t.hoverData.dragging && (t.hoverData.dragging = !1, t.redrawHint("select", !0), t.redrawHint("eles", !0), t.redraw()), !ae[4]) {
             t.redrawHint("drag", !0), t.redrawHint("eles", !0);
             var Be = Ce && Ce.grabbed();
             g(de), Be && (Ce.emit(Ie("freeon")), de.emit(Ie("free")), t.dragData.didDrag && (Ce.emit(Ie("dragfreeon")), de.emit(Ie("dragfree"))));
           }
         }
-        ne[4] = 0, t.hoverData.down = null, t.hoverData.cxtStarted = !1, t.hoverData.draggingEles = !1, t.hoverData.selecting = !1, t.hoverData.isOverThresholdDrag = !1, t.dragData.didDrag = !1, t.hoverData.dragged = !1, t.hoverData.dragDelta = [], t.hoverData.mdownPos = null, t.hoverData.mdownGPos = null, t.hoverData.which = null;
+        ae[4] = 0, t.hoverData.down = null, t.hoverData.cxtStarted = !1, t.hoverData.draggingEles = !1, t.hoverData.selecting = !1, t.hoverData.isOverThresholdDrag = !1, t.dragData.didDrag = !1, t.hoverData.dragged = !1, t.hoverData.dragDelta = [], t.hoverData.mdownPos = null, t.hoverData.mdownGPos = null, t.hoverData.which = null;
       }
     }
   }, !1);
@@ -24786,12 +24786,12 @@ Pi.load = function() {
       if (O.length >= L) {
         var re = O;
         if (R = N(re, 5), !R) {
-          var ne = Math.abs(re[0]);
-          R = D(re) && ne > 5;
+          var ae = Math.abs(re[0]);
+          R = D(re) && ae > 5;
         }
         if (R)
-          for (var pe = 0; pe < re.length; pe++)
-            P = Math.min(Math.abs(re[pe]), P);
+          for (var ge = 0; ge < re.length; ge++)
+            P = Math.min(Math.abs(re[ge]), P);
       } else
         O.push(te), K = !0;
     else R && (P = Math.min(Math.abs(te), P));
@@ -24833,8 +24833,8 @@ Pi.load = function() {
     }, 250);
   }, !0), t.registerBinding(t.container, "gesturestart", function(H) {
     t.gestureStartZoom = t.cy.zoom(), t.hasTouchStarted || H.preventDefault();
-  }, !0), t.registerBinding(t.container, "gesturechange", function(Ae) {
-    t.hasTouchStarted || M(Ae);
+  }, !0), t.registerBinding(t.container, "gesturechange", function(ne) {
+    t.hasTouchStarted || M(ne);
   }, !0), t.registerBinding(t.container, "mouseout", function(H) {
     var K = t.projectIntoViewport(H.clientX, H.clientY);
     t.cy.emit({
@@ -24866,18 +24866,18 @@ Pi.load = function() {
       m(), t.touchData.capture = !0, t.data.bgActivePosistion = void 0;
       var K = t.cy, te = t.touchData.now, re = t.touchData.earlier;
       if (H.touches[0]) {
-        var ne = t.projectIntoViewport(H.touches[0].clientX, H.touches[0].clientY);
-        te[0] = ne[0], te[1] = ne[1];
+        var ae = t.projectIntoViewport(H.touches[0].clientX, H.touches[0].clientY);
+        te[0] = ae[0], te[1] = ae[1];
       }
       if (H.touches[1]) {
-        var ne = t.projectIntoViewport(H.touches[1].clientX, H.touches[1].clientY);
-        te[2] = ne[0], te[3] = ne[1];
+        var ae = t.projectIntoViewport(H.touches[1].clientX, H.touches[1].clientY);
+        te[2] = ae[0], te[3] = ae[1];
       }
       if (H.touches[2]) {
-        var ne = t.projectIntoViewport(H.touches[2].clientX, H.touches[2].clientY);
-        te[4] = ne[0], te[5] = ne[1];
+        var ae = t.projectIntoViewport(H.touches[2].clientX, H.touches[2].clientY);
+        te[4] = ae[0], te[5] = ae[1];
       }
-      var pe = function(zt) {
+      var ge = function(zt) {
         return {
           originalEvent: H,
           type: zt,
@@ -24896,7 +24896,7 @@ Pi.load = function() {
         var Ie = 200, Pe = Ie * Ie;
         if (q < Pe && !H.touches[2]) {
           var He = t.findNearestElement(te[0], te[1], !0, !0), Te = t.findNearestElement(te[2], te[3], !0, !0);
-          He && He.isNode() ? (He.activate().emit(pe("cxttapstart")), t.touchData.start = He) : Te && Te.isNode() ? (Te.activate().emit(pe("cxttapstart")), t.touchData.start = Te) : K.emit(pe("cxttapstart")), t.touchData.start && (t.touchData.start._private.grabbed = !1), t.touchData.cxt = !0, t.touchData.cxtDragged = !1, t.data.bgActivePosistion = void 0, t.redraw();
+          He && He.isNode() ? (He.activate().emit(ge("cxttapstart")), t.touchData.start = He) : Te && Te.isNode() ? (Te.activate().emit(ge("cxttapstart")), t.touchData.start = Te) : K.emit(ge("cxttapstart")), t.touchData.start && (t.touchData.start._private.grabbed = !1), t.touchData.cxt = !0, t.touchData.cxtDragged = !1, t.data.bgActivePosistion = void 0, t.redraw();
           return;
         }
       }
@@ -24913,16 +24913,16 @@ Pi.load = function() {
               addToList: Xe
             })) : p(Be, {
               addToList: Xe
-            }), c(Be), Be.emit(pe("grabon")), at ? at.forEach(function(Lt) {
-              Lt.emit(pe("grab"));
-            }) : Be.emit(pe("grab"));
+            }), c(Be), Be.emit(ge("grabon")), at ? at.forEach(function(Lt) {
+              Lt.emit(ge("grab"));
+            }) : Be.emit(ge("grab"));
           }
           a(Be, ["touchstart", "tapstart", "vmousedown"], H, {
             x: te[0],
             y: te[1]
           }), Be == null && (t.data.bgActivePosistion = {
-            x: ne[0],
-            y: ne[1]
+            x: ae[0],
+            y: ae[1]
           }, t.redrawHint("select", !0), t.redraw()), t.touchData.singleTouchMoved = !1, t.touchData.singleTouchStartTime = +/* @__PURE__ */ new Date(), clearTimeout(t.touchData.tapholdTimeout), t.touchData.tapholdTimeout = setTimeout(function() {
             t.touchData.singleTouchMoved === !1 && !t.pinching && !t.touchData.selecting && a(t.touchData.start, ["taphold"], H, {
               x: te[0],
@@ -24939,36 +24939,36 @@ Pi.load = function() {
       }
     }
   }, !1);
-  var ae;
-  t.registerBinding(e, "touchmove", ae = function(H) {
+  var Ae;
+  t.registerBinding(e, "touchmove", Ae = function(H) {
     var K = t.touchData.capture;
     if (!(!K && !b(H))) {
-      var te = t.selection, re = t.cy, ne = t.touchData.now, pe = t.touchData.earlier, de = re.zoom();
+      var te = t.selection, re = t.cy, ae = t.touchData.now, ge = t.touchData.earlier, de = re.zoom();
       if (H.touches[0]) {
         var Ce = t.projectIntoViewport(H.touches[0].clientX, H.touches[0].clientY);
-        ne[0] = Ce[0], ne[1] = Ce[1];
+        ae[0] = Ce[0], ae[1] = Ce[1];
       }
       if (H.touches[1]) {
         var Ce = t.projectIntoViewport(H.touches[1].clientX, H.touches[1].clientY);
-        ne[2] = Ce[0], ne[3] = Ce[1];
+        ae[2] = Ce[0], ae[3] = Ce[1];
       }
       if (H.touches[2]) {
         var Ce = t.projectIntoViewport(H.touches[2].clientX, H.touches[2].clientY);
-        ne[4] = Ce[0], ne[5] = Ce[1];
+        ae[4] = Ce[0], ae[5] = Ce[1];
       }
       var Ee = function(cU) {
         return {
           originalEvent: H,
           type: cU,
           position: {
-            x: ne[0],
-            y: ne[1]
+            x: ae[0],
+            y: ae[1]
           }
         };
       }, Ie = t.touchData.startGPosition, Pe;
       if (K && H.touches[0] && Ie) {
-        for (var He = [], Te = 0; Te < ne.length; Te++)
-          He[Te] = ne[Te] - pe[Te];
+        for (var He = [], Te = 0; Te < ae.length; Te++)
+          He[Te] = ae[Te] - ge[Te];
         var Ne = H.touches[0].clientX - Ie[0], Be = Ne * Ne, Xe = H.touches[0].clientY - Ie[1], at = Xe * Xe, sr = Be + at;
         Pe = sr >= t.touchTapThreshold2;
       }
@@ -24984,10 +24984,10 @@ Pi.load = function() {
       if (K && t.touchData.cxt) {
         var Pa = Ee("cxtdrag");
         t.data.bgActivePosistion = void 0, t.redrawHint("select", !0), t.touchData.start ? t.touchData.start.emit(Pa) : re.emit(Pa), t.touchData.start && (t.touchData.start._private.grabbed = !1), t.touchData.cxtDragged = !0;
-        var hr = t.findNearestElement(ne[0], ne[1], !0, !0);
+        var hr = t.findNearestElement(ae[0], ae[1], !0, !0);
         (!t.touchData.cxtOver || hr !== t.touchData.cxtOver) && (t.touchData.cxtOver && t.touchData.cxtOver.emit(Ee("cxtdragout")), t.touchData.cxtOver = hr, hr && hr.emit(Ee("cxtdragover")));
       } else if (K && H.touches[2] && re.boxSelectionEnabled())
-        H.preventDefault(), t.data.bgActivePosistion = void 0, this.lastThreeTouch = +/* @__PURE__ */ new Date(), t.touchData.selecting || re.emit(Ee("boxstart")), t.touchData.selecting = !0, t.touchData.didSelect = !0, te[4] = 1, !te || te.length === 0 || te[0] === void 0 ? (te[0] = (ne[0] + ne[2] + ne[4]) / 3, te[1] = (ne[1] + ne[3] + ne[5]) / 3, te[2] = (ne[0] + ne[2] + ne[4]) / 3 + 1, te[3] = (ne[1] + ne[3] + ne[5]) / 3 + 1) : (te[2] = (ne[0] + ne[2] + ne[4]) / 3, te[3] = (ne[1] + ne[3] + ne[5]) / 3), t.redrawHint("select", !0), t.redraw();
+        H.preventDefault(), t.data.bgActivePosistion = void 0, this.lastThreeTouch = +/* @__PURE__ */ new Date(), t.touchData.selecting || re.emit(Ee("boxstart")), t.touchData.selecting = !0, t.touchData.didSelect = !0, te[4] = 1, !te || te.length === 0 || te[0] === void 0 ? (te[0] = (ae[0] + ae[2] + ae[4]) / 3, te[1] = (ae[1] + ae[3] + ae[5]) / 3, te[2] = (ae[0] + ae[2] + ae[4]) / 3 + 1, te[3] = (ae[1] + ae[3] + ae[5]) / 3 + 1) : (te[2] = (ae[0] + ae[2] + ae[4]) / 3, te[3] = (ae[1] + ae[3] + ae[5]) / 3), t.redrawHint("select", !0), t.redraw();
       else if (K && H.touches[1] && !t.touchData.didSelect && re.zoomingEnabled() && re.panningEnabled() && re.userZoomingEnabled() && re.userPanningEnabled()) {
         H.preventDefault(), t.data.bgActivePosistion = void 0, t.redrawHint("select", !0);
         var rr = t.dragData.touchDragEles;
@@ -25016,19 +25016,19 @@ Pi.load = function() {
         }
         if (H.touches[0]) {
           var Ce = t.projectIntoViewport(H.touches[0].clientX, H.touches[0].clientY);
-          ne[0] = Ce[0], ne[1] = Ce[1];
+          ae[0] = Ce[0], ae[1] = Ce[1];
         }
         if (H.touches[1]) {
           var Ce = t.projectIntoViewport(H.touches[1].clientX, H.touches[1].clientY);
-          ne[2] = Ce[0], ne[3] = Ce[1];
+          ae[2] = Ce[0], ae[3] = Ce[1];
         }
         if (H.touches[2]) {
           var Ce = t.projectIntoViewport(H.touches[2].clientX, H.touches[2].clientY);
-          ne[4] = Ce[0], ne[5] = Ce[1];
+          ae[4] = Ce[0], ae[5] = Ce[1];
         }
       } else if (H.touches[0] && !t.touchData.didSelect) {
         var Xr = t.touchData.start, nf = t.touchData.last, hr;
-        if (!t.hoverData.draggingEles && !t.swipePanning && (hr = t.findNearestElement(ne[0], ne[1], !0, !0)), K && Xr != null && H.preventDefault(), K && Xr != null && t.nodeIsDraggable(Xr))
+        if (!t.hoverData.draggingEles && !t.swipePanning && (hr = t.findNearestElement(ae[0], ae[1], !0, !0)), K && Xr != null && H.preventDefault(), K && Xr != null && t.nodeIsDraggable(Xr))
           if (Pe) {
             var rr = t.dragData.touchDragEles, Gm = !t.dragData.didDrag;
             Gm && v(rr, {
@@ -25043,17 +25043,17 @@ Pi.load = function() {
               var zr = t.touchData.dragDelta;
               zr && we(zr[0]) && we(zr[1]) && (Ki.x += zr[0], Ki.y += zr[1]);
             }
-            t.hoverData.draggingEles = !0, rr.silentShift(Ki).emit(Ee("position")).emit(Ee("drag")), t.redrawHint("drag", !0), t.touchData.startPosition[0] == pe[0] && t.touchData.startPosition[1] == pe[1] && t.redrawHint("eles", !0), t.redraw();
+            t.hoverData.draggingEles = !0, rr.silentShift(Ki).emit(Ee("position")).emit(Ee("drag")), t.redrawHint("drag", !0), t.touchData.startPosition[0] == ge[0] && t.touchData.startPosition[1] == ge[1] && t.redrawHint("eles", !0), t.redraw();
           } else {
             var zr = t.touchData.dragDelta = t.touchData.dragDelta || [];
             zr.length === 0 ? (zr.push(He[0]), zr.push(He[1])) : (zr[0] += He[0], zr[1] += He[1]);
           }
         if (a(Xr || hr, ["touchmove", "tapdrag", "vmousemove"], H, {
-          x: ne[0],
-          y: ne[1]
+          x: ae[0],
+          y: ae[1]
         }), (!Xr || !Xr.grabbed()) && hr != nf && (nf && nf.emit(Ee("tapdragout")), hr && hr.emit(Ee("tapdragover"))), t.touchData.last = hr, K)
-          for (var vr = 0; vr < ne.length; vr++)
-            ne[vr] && t.touchData.startPosition[vr] && Pe && (t.touchData.singleTouchMoved = !0);
+          for (var vr = 0; vr < ae.length; vr++)
+            ae[vr] && t.touchData.startPosition[vr] && Pe && (t.touchData.singleTouchMoved = !0);
         if (K && (Xr == null || Xr.pannable()) && re.panningEnabled() && re.userPanningEnabled()) {
           var uU = i(Xr, t.touchData.starts);
           uU && (H.preventDefault(), t.data.bgActivePosistion || (t.data.bgActivePosistion = ni(t.touchData.startPosition)), t.swipePanning ? (re.panBy({
@@ -25064,20 +25064,20 @@ Pi.load = function() {
             y: Xe * de
           }), re.emit(Ee("dragpan")), Xr && (Xr.unactivate(), t.redrawHint("select", !0), t.touchData.start = null)));
           var Ce = t.projectIntoViewport(H.touches[0].clientX, H.touches[0].clientY);
-          ne[0] = Ce[0], ne[1] = Ce[1];
+          ae[0] = Ce[0], ae[1] = Ce[1];
         }
       }
-      for (var Te = 0; Te < ne.length; Te++)
-        pe[Te] = ne[Te];
+      for (var Te = 0; Te < ae.length; Te++)
+        ge[Te] = ae[Te];
       K && H.touches.length > 0 && !t.hoverData.draggingEles && !t.swipePanning && t.data.bgActivePosistion != null && (t.data.bgActivePosistion = void 0, t.redrawHint("select", !0), t.redraw());
     }
   }, !1);
-  var le;
-  t.registerBinding(e, "touchcancel", le = function(H) {
+  var se;
+  t.registerBinding(e, "touchcancel", se = function(H) {
     var K = t.touchData.start;
     t.touchData.capture = !1, K && K.unactivate();
   });
-  var he, fe, j, se;
+  var he, fe, j, le;
   if (t.registerBinding(e, "touchend", he = function(H) {
     var K = t.touchData.start, te = t.touchData.capture;
     if (te)
@@ -25086,7 +25086,7 @@ Pi.load = function() {
       return;
     var re = t.selection;
     t.swipePanning = !1, t.hoverData.draggingEles = !1;
-    var ne = t.cy, pe = ne.zoom(), de = t.touchData.now, Ce = t.touchData.earlier;
+    var ae = t.cy, ge = ae.zoom(), de = t.touchData.now, Ce = t.touchData.earlier;
     if (H.touches[0]) {
       var Ee = t.projectIntoViewport(H.touches[0].clientX, H.touches[0].clientY);
       de[0] = Ee[0], de[1] = Ee[1];
@@ -25112,17 +25112,17 @@ Pi.load = function() {
     K && K.unactivate();
     var Pe;
     if (t.touchData.cxt) {
-      if (Pe = Ie("cxttapend"), K ? K.emit(Pe) : ne.emit(Pe), !t.touchData.cxtDragged) {
+      if (Pe = Ie("cxttapend"), K ? K.emit(Pe) : ae.emit(Pe), !t.touchData.cxtDragged) {
         var He = Ie("cxttap");
-        K ? K.emit(He) : ne.emit(He);
+        K ? K.emit(He) : ae.emit(He);
       }
       t.touchData.start && (t.touchData.start._private.grabbed = !1), t.touchData.cxt = !1, t.touchData.start = null, t.redraw();
       return;
     }
-    if (!H.touches[2] && ne.boxSelectionEnabled() && t.touchData.selecting) {
+    if (!H.touches[2] && ae.boxSelectionEnabled() && t.touchData.selecting) {
       t.touchData.selecting = !1;
-      var Te = ne.collection(t.getAllInBox(re[0], re[1], re[2], re[3]));
-      re[0] = void 0, re[1] = void 0, re[2] = void 0, re[3] = void 0, re[4] = 0, t.redrawHint("select", !0), ne.emit(Ie("boxend"));
+      var Te = ae.collection(t.getAllInBox(re[0], re[1], re[2], re[3]));
+      re[0] = void 0, re[1] = void 0, re[2] = void 0, re[3] = void 0, re[4] = 0, t.redrawHint("select", !0), ae.emit(Ie("boxend"));
       var Ne = function(Un) {
         return Un.selectable() && !Un.selected();
       };
@@ -25148,11 +25148,11 @@ Pi.load = function() {
               y: de[1]
             });
           }
-          var sr = t.touchData.startPosition[0] - de[0], Ut = sr * sr, _t = t.touchData.startPosition[1] - de[1], Lt = _t * _t, zt = Ut + Lt, qn = zt * pe * pe;
-          t.touchData.singleTouchMoved || (K || ne.$(":selected").unselect(["tapunselect"]), a(K, ["tap", "vclick"], H, {
+          var sr = t.touchData.startPosition[0] - de[0], Ut = sr * sr, _t = t.touchData.startPosition[1] - de[1], Lt = _t * _t, zt = Ut + Lt, qn = zt * ge * ge;
+          t.touchData.singleTouchMoved || (K || ae.$(":selected").unselect(["tapunselect"]), a(K, ["tap", "vclick"], H, {
             x: de[0],
             y: de[1]
-          }), fe = !1, H.timeStamp - se <= ne.multiClickDebounceTime() ? (j && clearTimeout(j), fe = !0, se = null, a(K, ["dbltap", "vdblclick"], H, {
+          }), fe = !1, H.timeStamp - le <= ae.multiClickDebounceTime() ? (j && clearTimeout(j), fe = !0, le = null, a(K, ["dbltap", "vdblclick"], H, {
             x: de[0],
             y: de[1]
           })) : (j = setTimeout(function() {
@@ -25160,7 +25160,7 @@ Pi.load = function() {
               x: de[0],
               y: de[1]
             });
-          }, ne.multiClickDebounceTime()), se = H.timeStamp)), K != null && !t.dragData.didDrag && K._private.selectable && qn < t.touchTapThreshold2 && !t.pinching && (ne.selectionType() === "single" ? (ne.$(r).unmerge(K).unselect(["tapunselect"]), K.select(["tapselect"])) : K.selected() ? K.unselect(["tapunselect"]) : K.select(["tapselect"]), t.redrawHint("eles", !0)), t.touchData.singleTouchMoved = !0;
+          }, ae.multiClickDebounceTime()), le = H.timeStamp)), K != null && !t.dragData.didDrag && K._private.selectable && qn < t.touchTapThreshold2 && !t.pinching && (ae.selectionType() === "single" ? (ae.$(r).unmerge(K).unselect(["tapunselect"]), K.select(["tapselect"])) : K.selected() ? K.unselect(["tapunselect"]) : K.select(["tapselect"]), t.redrawHint("eles", !0)), t.touchData.singleTouchMoved = !0;
         }
       }
     }
@@ -25168,7 +25168,7 @@ Pi.load = function() {
       Ce[St] = de[St];
     t.dragData.didDrag = !1, H.touches.length === 0 && (t.touchData.dragDelta = [], t.touchData.startPosition = [null, null, null, null, null, null], t.touchData.startGPosition = null, t.touchData.didSelect = !1), H.touches.length < 2 && (H.touches.length === 1 && (t.touchData.startGPosition = [H.touches[0].clientX, H.touches[0].clientY]), t.pinching = !1, t.redrawHint("eles", !0), t.redraw());
   }, !1), typeof TouchEvent > "u") {
-    var ge = [], me = function(H) {
+    var ve = [], me = function(H) {
       return {
         clientX: H.clientX,
         clientY: H.clientY,
@@ -25188,35 +25188,35 @@ Pi.load = function() {
         touch: me(H)
       };
     }, Re = function(H) {
-      ge.push(be(H));
+      ve.push(be(H));
     }, Le = function(H) {
-      for (var K = 0; K < ge.length; K++) {
-        var te = ge[K];
+      for (var K = 0; K < ve.length; K++) {
+        var te = ve[K];
         if (te.event.pointerId === H.pointerId) {
-          ge.splice(K, 1);
+          ve.splice(K, 1);
           return;
         }
       }
     }, Se = function(H) {
-      var K = ge.filter(function(te) {
+      var K = ve.filter(function(te) {
         return te.event.pointerId === H.pointerId;
       })[0];
       K.event = H, K.touch = me(H);
     }, De = function(H) {
-      H.touches = ge.map(function(K) {
+      H.touches = ve.map(function(K) {
         return K.touch;
       });
     }, ye = function(H) {
       return H.pointerType === "mouse" || H.pointerType === 4;
     };
-    t.registerBinding(t.container, "pointerdown", function(Ae) {
-      ye(Ae) || (Ae.preventDefault(), Re(Ae), De(Ae), ue(Ae));
-    }), t.registerBinding(t.container, "pointerup", function(Ae) {
-      ye(Ae) || (Le(Ae), De(Ae), he(Ae));
-    }), t.registerBinding(t.container, "pointercancel", function(Ae) {
-      ye(Ae) || (Le(Ae), De(Ae), le(Ae));
-    }), t.registerBinding(t.container, "pointermove", function(Ae) {
-      ye(Ae) || (Ae.preventDefault(), Se(Ae), De(Ae), ae(Ae));
+    t.registerBinding(t.container, "pointerdown", function(ne) {
+      ye(ne) || (ne.preventDefault(), Re(ne), De(ne), ue(ne));
+    }), t.registerBinding(t.container, "pointerup", function(ne) {
+      ye(ne) || (Le(ne), De(ne), he(ne));
+    }), t.registerBinding(t.container, "pointercancel", function(ne) {
+      ye(ne) || (Le(ne), De(ne), se(ne));
+    }), t.registerBinding(t.container, "pointermove", function(ne) {
+      ye(ne) || (ne.preventDefault(), Se(ne), De(ne), Ae(ne));
     });
   }
 };
@@ -26693,10 +26693,10 @@ La.drawNode = function(t, e, r) {
     }, z = function() {
       var ye = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : k;
       i.colorStrokeStyle(t, V[0], V[1], V[2], ye);
-    }, J = function(ye, Ae, H, K) {
-      var te = i.nodePathCache = i.nodePathCache || [], re = Mx(H === "polygon" ? H + "," + K.join(",") : H, "" + Ae, "" + ye, "" + q), ne = te[re], pe, de = !1;
-      return ne != null ? (pe = ne, de = !0, u.pathCache = pe) : (pe = new Path2D(), te[re] = u.pathCache = pe), {
-        path: pe,
+    }, J = function(ye, ne, H, K) {
+      var te = i.nodePathCache = i.nodePathCache || [], re = Mx(H === "polygon" ? H + "," + K.join(",") : H, "" + ne, "" + ye, "" + q), ae = te[re], ge, de = !1;
+      return ae != null ? (ge = ae, de = !0, u.pathCache = ge) : (ge = new Path2D(), te[re] = u.pathCache = ge), {
+        path: ge,
         cacheHit: de
       };
     }, Y = e.pstyle("shape").strValue, W = e.pstyle("shape-polygon-points").pfValue;
@@ -26715,9 +26715,9 @@ La.drawNode = function(t, e, r) {
       }
       d ? t.fill(h) : t.fill();
     }, Ue = function() {
-      for (var ye = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : f, Ae = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, H = l.backgrounding, K = 0, te = 0; te < C.length; te++) {
+      for (var ye = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : f, ne = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, H = l.backgrounding, K = 0, te = 0; te < C.length; te++) {
         var re = e.cy().style().getIndexedStyle(e, "background-image-containment", "value", te);
-        if (Ae && re === "over" || !Ae && re === "inside") {
+        if (ne && re === "over" || !ne && re === "inside") {
           K++;
           continue;
         }
@@ -26725,14 +26725,14 @@ La.drawNode = function(t, e, r) {
       }
       l.backgrounding = K !== F, H !== l.backgrounding && e.updateStyle(!1);
     }, ue = function() {
-      var ye = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1, Ae = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : f;
-      i.hasPie(e) && (i.drawPie(t, e, Ae), ye && (d || i.nodeShapes[i.getNodeShape(e)].draw(t, c.x, c.y, o, s, q, u)));
-    }, ae = function() {
-      var ye = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1, Ae = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : f;
-      i.hasStripe(e) && (t.save(), d ? t.clip(u.pathCache) : (i.nodeShapes[i.getNodeShape(e)].draw(t, c.x, c.y, o, s, q, u), t.clip()), i.drawStripe(t, e, Ae), t.restore(), ye && (d || i.nodeShapes[i.getNodeShape(e)].draw(t, c.x, c.y, o, s, q, u)));
-    }, le = function() {
-      var ye = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : f, Ae = (T > 0 ? T : -T) * ye, H = T > 0 ? 0 : 255;
-      T !== 0 && (i.colorFillStyle(t, H, H, H, Ae), d ? t.fill(h) : t.fill());
+      var ye = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1, ne = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : f;
+      i.hasPie(e) && (i.drawPie(t, e, ne), ye && (d || i.nodeShapes[i.getNodeShape(e)].draw(t, c.x, c.y, o, s, q, u)));
+    }, Ae = function() {
+      var ye = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1, ne = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : f;
+      i.hasStripe(e) && (t.save(), d ? t.clip(u.pathCache) : (i.nodeShapes[i.getNodeShape(e)].draw(t, c.x, c.y, o, s, q, u), t.clip()), i.drawStripe(t, e, ne), t.restore(), ye && (d || i.nodeShapes[i.getNodeShape(e)].draw(t, c.x, c.y, o, s, q, u)));
+    }, se = function() {
+      var ye = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : f, ne = (T > 0 ? T : -T) * ye, H = T > 0 ? 0 : 255;
+      T !== 0 && (i.colorFillStyle(t, H, H, H, ne), d ? t.fill(h) : t.fill());
     }, he = function() {
       if (U > 0) {
         if (t.lineWidth = U, t.lineCap = R, t.lineJoin = L, t.setLineDash)
@@ -26760,8 +26760,8 @@ La.drawNode = function(t, e, r) {
           d ? t.stroke(h) : t.stroke();
         if (O === "double") {
           t.lineWidth = U / 3;
-          var Ae = t.globalCompositeOperation;
-          t.globalCompositeOperation = "destination-out", d ? t.stroke(h) : t.stroke(), t.globalCompositeOperation = Ae;
+          var ne = t.globalCompositeOperation;
+          t.globalCompositeOperation = "destination-out", d ? t.stroke(h) : t.stroke(), t.globalCompositeOperation = ne;
         }
         t.setLineDash && t.setLineDash([]);
       }
@@ -26785,41 +26785,41 @@ La.drawNode = function(t, e, r) {
           x: 0,
           y: 0
         });
-        var Ae = i.getNodeShape(e), H = U;
+        var ne = i.getNodeShape(e), H = U;
         P === "inside" && (H = 0), P === "outside" && (H *= 2);
-        var K = (o + H + (_ + G)) / o, te = (s + H + (_ + G)) / s, re = o * K, ne = s * te, pe = i.nodeShapes[Ae].points, de;
+        var K = (o + H + (_ + G)) / o, te = (s + H + (_ + G)) / s, re = o * K, ae = s * te, ge = i.nodeShapes[ne].points, de;
         if (d) {
-          var Ce = J(re, ne, Ae, pe);
+          var Ce = J(re, ae, ne, ge);
           de = Ce.path;
         }
-        if (Ae === "ellipse")
-          i.drawEllipsePath(de || t, ye.x, ye.y, re, ne);
-        else if (["round-diamond", "round-heptagon", "round-hexagon", "round-octagon", "round-pentagon", "round-polygon", "round-triangle", "round-tag"].includes(Ae)) {
+        if (ne === "ellipse")
+          i.drawEllipsePath(de || t, ye.x, ye.y, re, ae);
+        else if (["round-diamond", "round-heptagon", "round-hexagon", "round-octagon", "round-pentagon", "round-polygon", "round-triangle", "round-tag"].includes(ne)) {
           var Ee = 0, Ie = 0, Pe = 0;
-          Ae === "round-diamond" ? Ee = (H + G + _) * 1.4 : Ae === "round-heptagon" ? (Ee = (H + G + _) * 1.075, Pe = -(H / 2 + G + _) / 35) : Ae === "round-hexagon" ? Ee = (H + G + _) * 1.12 : Ae === "round-pentagon" ? (Ee = (H + G + _) * 1.13, Pe = -(H / 2 + G + _) / 15) : Ae === "round-tag" ? (Ee = (H + G + _) * 1.12, Ie = (H / 2 + _ + G) * 0.07) : Ae === "round-triangle" && (Ee = (H + G + _) * (Math.PI / 2), Pe = -(H + G / 2 + _) / Math.PI), Ee !== 0 && (K = (o + Ee) / o, re = o * K, ["round-hexagon", "round-tag"].includes(Ae) || (te = (s + Ee) / s, ne = s * te)), q = q === "auto" ? Gx(re, ne) : q;
-          for (var He = re / 2, Te = ne / 2, Ne = q + (H + _ + G) / 2, Be = new Array(pe.length / 2), Xe = new Array(pe.length / 2), at = 0; at < pe.length / 2; at++)
+          ne === "round-diamond" ? Ee = (H + G + _) * 1.4 : ne === "round-heptagon" ? (Ee = (H + G + _) * 1.075, Pe = -(H / 2 + G + _) / 35) : ne === "round-hexagon" ? Ee = (H + G + _) * 1.12 : ne === "round-pentagon" ? (Ee = (H + G + _) * 1.13, Pe = -(H / 2 + G + _) / 15) : ne === "round-tag" ? (Ee = (H + G + _) * 1.12, Ie = (H / 2 + _ + G) * 0.07) : ne === "round-triangle" && (Ee = (H + G + _) * (Math.PI / 2), Pe = -(H + G / 2 + _) / Math.PI), Ee !== 0 && (K = (o + Ee) / o, re = o * K, ["round-hexagon", "round-tag"].includes(ne) || (te = (s + Ee) / s, ae = s * te)), q = q === "auto" ? Gx(re, ae) : q;
+          for (var He = re / 2, Te = ae / 2, Ne = q + (H + _ + G) / 2, Be = new Array(ge.length / 2), Xe = new Array(ge.length / 2), at = 0; at < ge.length / 2; at++)
             Be[at] = {
-              x: ye.x + Ie + He * pe[at * 2],
-              y: ye.y + Pe + Te * pe[at * 2 + 1]
+              x: ye.x + Ie + He * ge[at * 2],
+              y: ye.y + Pe + Te * ge[at * 2 + 1]
             };
           var sr, Ut, _t, Lt, zt = Be.length;
           for (Ut = Be[zt - 1], sr = 0; sr < zt; sr++)
             _t = Be[sr % zt], Lt = Be[(sr + 1) % zt], Xe[sr] = pm(Ut, _t, Lt, Ne), Ut = _t, _t = Lt;
-          i.drawRoundPolygonPath(de || t, ye.x + Ie, ye.y + Pe, o * K, s * te, pe, Xe);
-        } else if (["roundrectangle", "round-rectangle"].includes(Ae))
-          q = q === "auto" ? Ea(re, ne) : q, i.drawRoundRectanglePath(de || t, ye.x, ye.y, re, ne, q + (H + _ + G) / 2);
-        else if (["cutrectangle", "cut-rectangle"].includes(Ae))
-          q = q === "auto" ? Am() : q, i.drawCutRectanglePath(de || t, ye.x, ye.y, re, ne, null, q + (H + _ + G) / 4);
-        else if (["bottomroundrectangle", "bottom-round-rectangle"].includes(Ae))
-          q = q === "auto" ? Ea(re, ne) : q, i.drawBottomRoundRectanglePath(de || t, ye.x, ye.y, re, ne, q + (H + _ + G) / 2);
-        else if (Ae === "barrel")
-          i.drawBarrelPath(de || t, ye.x, ye.y, re, ne);
-        else if (Ae.startsWith("polygon") || ["rhomboid", "right-rhomboid", "round-tag", "tag", "vee"].includes(Ae)) {
+          i.drawRoundPolygonPath(de || t, ye.x + Ie, ye.y + Pe, o * K, s * te, ge, Xe);
+        } else if (["roundrectangle", "round-rectangle"].includes(ne))
+          q = q === "auto" ? Ea(re, ae) : q, i.drawRoundRectanglePath(de || t, ye.x, ye.y, re, ae, q + (H + _ + G) / 2);
+        else if (["cutrectangle", "cut-rectangle"].includes(ne))
+          q = q === "auto" ? Am() : q, i.drawCutRectanglePath(de || t, ye.x, ye.y, re, ae, null, q + (H + _ + G) / 4);
+        else if (["bottomroundrectangle", "bottom-round-rectangle"].includes(ne))
+          q = q === "auto" ? Ea(re, ae) : q, i.drawBottomRoundRectanglePath(de || t, ye.x, ye.y, re, ae, q + (H + _ + G) / 2);
+        else if (ne === "barrel")
+          i.drawBarrelPath(de || t, ye.x, ye.y, re, ae);
+        else if (ne.startsWith("polygon") || ["rhomboid", "right-rhomboid", "round-tag", "tag", "vee"].includes(ne)) {
           var qn = (H + _ + G) / o;
-          pe = xu(Fu(pe, qn)), i.drawPolygonPath(de || t, ye.x, ye.y, o, s, pe);
+          ge = xu(Fu(ge, qn)), i.drawPolygonPath(de || t, ye.x, ye.y, o, s, ge);
         } else {
           var St = (H + _ + G) / o;
-          pe = xu(Fu(pe, -St)), i.drawPolygonPath(de || t, ye.x, ye.y, o, s, pe);
+          ge = xu(Fu(ge, -St)), i.drawPolygonPath(de || t, ye.x, ye.y, o, s, ge);
         }
         if (d ? t.stroke(de) : t.stroke(), X === "double") {
           t.lineWidth = H / 3;
@@ -26830,16 +26830,16 @@ La.drawNode = function(t, e, r) {
       }
     }, j = function() {
       a && i.drawNodeOverlay(t, e, c, o, s);
-    }, se = function() {
+    }, le = function() {
       a && i.drawNodeUnderlay(t, e, c, o, s);
-    }, ge = function() {
+    }, ve = function() {
       i.drawElementText(t, e, null, n);
     }, me = e.pstyle("ghost").value === "yes";
     if (me) {
       var be = e.pstyle("ghost-offset-x").pfValue, Re = e.pstyle("ghost-offset-y").pfValue, Le = e.pstyle("ghost-opacity").value, Se = Le * f;
-      t.translate(be, Re), z(), fe(), ee(Le * Q), ie(), Ue(Se, !0), Z(Le * M), he(), ue(T !== 0 || U !== 0), ae(T !== 0 || U !== 0), Ue(Se, !1), le(Se), t.translate(-be, -Re);
+      t.translate(be, Re), z(), fe(), ee(Le * Q), ie(), Ue(Se, !0), Z(Le * M), he(), ue(T !== 0 || U !== 0), Ae(T !== 0 || U !== 0), Ue(Se, !1), se(Se), t.translate(-be, -Re);
     }
-    d && t.translate(-c.x, -c.y), se(), d && t.translate(c.x, c.y), z(), fe(), ee(), ie(), Ue(f, !0), Z(), he(), ue(T !== 0 || U !== 0), ae(T !== 0 || U !== 0), Ue(f, !1), le(), d && t.translate(-c.x, -c.y), ge(), j(), r && t.translate(g.x1, g.y1);
+    d && t.translate(-c.x, -c.y), le(), d && t.translate(c.x, c.y), z(), fe(), ee(), ie(), Ue(f, !0), Z(), he(), ue(T !== 0 || U !== 0), Ae(T !== 0 || U !== 0), Ue(f, !1), se(), d && t.translate(-c.x, -c.y), ve(), j(), r && t.translate(g.x1, g.y1);
   }
 };
 var jF = function(e) {
@@ -37724,7 +37724,7 @@ function BX(t) {
       F[y] = Ue, U[y] = Ue - R;
     }
     if (o) {
-      var ue, ae = y === "x" ? br : Cr, le = y === "x" ? Gr : $r, he = F[C], fe = C === "y" ? "height" : "width", j = he + p[ae], se = he - p[le], ge = [br, Cr].indexOf(g) !== -1, me = (ue = T?.[C]) != null ? ue : 0, be = ge ? j : he - w[fe] - x[fe] - me + b.altAxis, Re = ge ? he + w[fe] + x[fe] - me - b.altAxis : se, Le = d && ge ? GY(be, he, Re) : Io(d ? be : j, he, d ? Re : se);
+      var ue, Ae = y === "x" ? br : Cr, se = y === "x" ? Gr : $r, he = F[C], fe = C === "y" ? "height" : "width", j = he + p[Ae], le = he - p[se], ve = [br, Cr].indexOf(g) !== -1, me = (ue = T?.[C]) != null ? ue : 0, be = ve ? j : he - w[fe] - x[fe] - me + b.altAxis, Re = ve ? he + w[fe] + x[fe] - me - b.altAxis : le, Le = d && ve ? GY(be, he, Re) : Io(d ? be : j, he, d ? Re : le);
       F[C] = Le, U[C] = Le - he;
     }
     e.modifiersData[n] = U;
@@ -38319,9 +38319,9 @@ function Az(t, e) {
     show: Se,
     hide: De,
     hideWithInteractivity: ye,
-    enable: ge,
+    enable: ve,
     disable: me,
-    unmount: Ae,
+    unmount: ne,
     destroy: H
   };
   if (!r.render)
@@ -38364,24 +38364,24 @@ function Az(t, e) {
     K === void 0 && (K = !1), F.style.pointerEvents = y.props.interactive && !K ? "" : "none", F.style.zIndex = "" + y.props.zIndex;
   }
   function P(K, te, re) {
-    if (re === void 0 && (re = !0), x.forEach(function(pe) {
-      pe[K] && pe[K].apply(pe, te);
+    if (re === void 0 && (re = !0), x.forEach(function(ge) {
+      ge[K] && ge[K].apply(ge, te);
     }), re) {
-      var ne;
-      (ne = y.props)[K].apply(ne, te);
+      var ae;
+      (ae = y.props)[K].apply(ae, te);
     }
   }
   function N() {
     var K = y.props.aria;
     if (K.content) {
-      var te = "aria-" + K.content, re = F.id, ne = qA(y.props.triggerTarget || t);
-      ne.forEach(function(pe) {
-        var de = pe.getAttribute(te);
+      var te = "aria-" + K.content, re = F.id, ae = qA(y.props.triggerTarget || t);
+      ae.forEach(function(ge) {
+        var de = ge.getAttribute(te);
         if (y.state.isVisible)
-          pe.setAttribute(te, de ? de + " " + re : re);
+          ge.setAttribute(te, de ? de + " " + re : re);
         else {
           var Ce = de && de.replace(re, "").trim();
-          Ce ? pe.setAttribute(te, Ce) : pe.removeAttribute(te);
+          Ce ? ge.setAttribute(te, Ce) : ge.removeAttribute(te);
         }
       });
     }
@@ -38440,19 +38440,19 @@ function Az(t, e) {
   }
   function Z(K, te) {
     var re = O().box;
-    function ne(pe) {
-      pe.target === re && (Ov(re, "remove", ne), te());
+    function ae(ge) {
+      ge.target === re && (Ov(re, "remove", ae), te());
     }
     if (K === 0)
       return te();
-    Ov(re, "remove", c), Ov(re, "add", ne), c = ne;
+    Ov(re, "remove", c), Ov(re, "add", ae), c = ae;
   }
   function z(K, te, re) {
     re === void 0 && (re = !1);
-    var ne = qA(y.props.triggerTarget || t);
-    ne.forEach(function(pe) {
-      pe.addEventListener(K, te, re), d.push({
-        node: pe,
+    var ae = qA(y.props.triggerTarget || t);
+    ae.forEach(function(ge) {
+      ge.addEventListener(K, te, re), d.push({
+        node: ge,
         eventType: K,
         handler: te,
         options: re
@@ -38481,31 +38481,31 @@ function Az(t, e) {
   }
   function Y() {
     d.forEach(function(K) {
-      var te = K.node, re = K.eventType, ne = K.handler, pe = K.options;
-      te.removeEventListener(re, ne, pe);
+      var te = K.node, re = K.eventType, ae = K.handler, ge = K.options;
+      te.removeEventListener(re, ae, ge);
     }), d = [];
   }
   function W(K) {
     var te, re = !1;
     if (!(!y.state.isEnabled || ue(K) || o)) {
-      var ne = ((te = u) == null ? void 0 : te.type) === "focus";
-      u = K, v = K.currentTarget, D(), !y.state.isVisible && NX(K) && Ul.forEach(function(pe) {
-        return pe(K);
-      }), K.type === "click" && (y.props.trigger.indexOf("mouseenter") < 0 || i) && y.props.hideOnClick !== !1 && y.state.isVisible ? re = !0 : j(K), K.type === "click" && (i = !re), re && !ne && se(K);
+      var ae = ((te = u) == null ? void 0 : te.type) === "focus";
+      u = K, v = K.currentTarget, D(), !y.state.isVisible && NX(K) && Ul.forEach(function(ge) {
+        return ge(K);
+      }), K.type === "click" && (y.props.trigger.indexOf("mouseenter") < 0 || i) && y.props.hideOnClick !== !1 && y.state.isVisible ? re = !0 : j(K), K.type === "click" && (i = !re), re && !ae && le(K);
     }
   }
   function oe(K) {
     var te = K.target, re = Q().contains(te) || F.contains(te);
     if (!(K.type === "mousemove" && re)) {
-      var ne = fe().concat(F).map(function(pe) {
-        var de, Ce = pe._tippy, Ee = (de = Ce.popperInstance) == null ? void 0 : de.state;
+      var ae = fe().concat(F).map(function(ge) {
+        var de, Ce = ge._tippy, Ee = (de = Ce.popperInstance) == null ? void 0 : de.state;
         return Ee ? {
-          popperRect: pe.getBoundingClientRect(),
+          popperRect: ge.getBoundingClientRect(),
           popperState: Ee,
           props: r
         } : null;
       }).filter(Boolean);
-      GX(ne, K) && (M(), se(K));
+      GX(ae, K) && (M(), le(K));
     }
   }
   function ie(K) {
@@ -38515,20 +38515,20 @@ function Az(t, e) {
         y.hideWithInteractivity(K);
         return;
       }
-      se(K);
+      le(K);
     }
   }
   function Ue(K) {
-    y.props.trigger.indexOf("focusin") < 0 && K.target !== Q() || y.props.interactive && K.relatedTarget && F.contains(K.relatedTarget) || se(K);
+    y.props.trigger.indexOf("focusin") < 0 && K.target !== Q() || y.props.interactive && K.relatedTarget && F.contains(K.relatedTarget) || le(K);
   }
   function ue(K) {
     return dn.isTouch ? T() !== K.type.indexOf("touch") >= 0 : !1;
   }
-  function ae() {
-    le();
-    var K = y.props, te = K.popperOptions, re = K.placement, ne = K.offset, pe = K.getReferenceClientRect, de = K.moveTransition, Ce = U() ? pg(F).arrow : null, Ee = pe ? {
-      getBoundingClientRect: pe,
-      contextElement: pe.contextElement || Q()
+  function Ae() {
+    se();
+    var K = y.props, te = K.popperOptions, re = K.placement, ae = K.offset, ge = K.getReferenceClientRect, de = K.moveTransition, Ce = U() ? pg(F).arrow : null, Ee = ge ? {
+      getBoundingClientRect: ge,
+      contextElement: ge.contextElement || Q()
     } : t, Ie = {
       name: "$$tippy",
       enabled: !0,
@@ -38546,7 +38546,7 @@ function Az(t, e) {
     }, Pe = [{
       name: "offset",
       options: {
-        offset: ne
+        offset: ae
       }
     }, {
       name: "preventOverflow",
@@ -38581,12 +38581,12 @@ function Az(t, e) {
       modifiers: Pe
     }));
   }
-  function le() {
+  function se() {
     y.popperInstance && (y.popperInstance.destroy(), y.popperInstance = null);
   }
   function he() {
     var K = y.props.appendTo, te, re = Q();
-    y.props.interactive && K === QQ || K === "parent" ? te = re.parentNode : te = UQ(K, [re]), te.contains(F) || te.appendChild(F), y.state.isMounted = !0, ae(), process.env.NODE_ENV !== "production" && Mn(y.props.interactive && K === Fr.appendTo && re.nextElementSibling !== F, ["Interactive tippy element may not be accessible via keyboard", "navigation because it is not directly after the reference element", "in the DOM source order.", `
+    y.props.interactive && K === QQ || K === "parent" ? te = re.parentNode : te = UQ(K, [re]), te.contains(F) || te.appendChild(F), y.state.isMounted = !0, Ae(), process.env.NODE_ENV !== "production" && Mn(y.props.interactive && K === Fr.appendTo && re.nextElementSibling !== F, ["Interactive tippy element may not be accessible via keyboard", "navigation because it is not directly after the reference element", "in the DOM source order.", `
 
 `, "Using a wrapper <div> or <span> tag around the reference element", "solves this by creating a new parentNode context.", `
 
@@ -38599,12 +38599,12 @@ function Az(t, e) {
   }
   function j(K) {
     y.clearDelayTimeouts(), K && P("onTrigger", [y, K]), k();
-    var te = L(!0), re = b(), ne = re[0], pe = re[1];
-    dn.isTouch && ne === "hold" && pe && (te = pe), te ? n = setTimeout(function() {
+    var te = L(!0), re = b(), ae = re[0], ge = re[1];
+    dn.isTouch && ae === "hold" && ge && (te = ge), te ? n = setTimeout(function() {
       y.show();
     }, te) : y.show();
   }
-  function se(K) {
+  function le(K) {
     if (y.clearDelayTimeouts(), P("onUntrigger", [y, K]), !y.state.isVisible) {
       G();
       return;
@@ -38618,7 +38618,7 @@ function Az(t, e) {
       });
     }
   }
-  function ge() {
+  function ve() {
     y.state.isEnabled = !0;
   }
   function me() {
@@ -38633,10 +38633,10 @@ function Az(t, e) {
       var te = y.props, re = xE(t, Object.assign({}, te, BE(K), {
         ignoreAttributes: !0
       }));
-      y.props = re, J(), te.interactiveDebounce !== re.interactiveDebounce && (M(), h = mE(oe, re.interactiveDebounce)), te.triggerTarget && !re.triggerTarget ? qA(te.triggerTarget).forEach(function(ne) {
-        ne.removeAttribute("aria-expanded");
-      }) : re.triggerTarget && t.removeAttribute("aria-expanded"), D(), R(), w && w(te, re), y.popperInstance && (ae(), fe().forEach(function(ne) {
-        requestAnimationFrame(ne._tippy.popperInstance.forceUpdate);
+      y.props = re, J(), te.interactiveDebounce !== re.interactiveDebounce && (M(), h = mE(oe, re.interactiveDebounce)), te.triggerTarget && !re.triggerTarget ? qA(te.triggerTarget).forEach(function(ae) {
+        ae.removeAttribute("aria-expanded");
+      }) : re.triggerTarget && t.removeAttribute("aria-expanded"), D(), R(), w && w(te, re), y.popperInstance && (Ae(), fe().forEach(function(ae) {
+        requestAnimationFrame(ae._tippy.popperInstance.forceUpdate);
       })), P("onAfterUpdate", [y, K]);
     }
   }
@@ -38647,8 +38647,8 @@ function Az(t, e) {
   }
   function Se() {
     process.env.NODE_ENV !== "production" && Mn(y.state.isDestroyed, YA("show"));
-    var K = y.state.isVisible, te = y.state.isDestroyed, re = !y.state.isEnabled, ne = dn.isTouch && !y.props.touch, pe = Iv(y.props.duration, 0, Fr.duration);
-    if (!(K || te || re || ne) && !Q().hasAttribute("disabled") && (P("onShow", [y], !1), y.props.onShow(y) !== !1)) {
+    var K = y.state.isVisible, te = y.state.isDestroyed, re = !y.state.isEnabled, ae = dn.isTouch && !y.props.touch, ge = Iv(y.props.duration, 0, Fr.duration);
+    if (!(K || te || re || ae) && !Q().hasAttribute("disabled") && (P("onShow", [y], !1), y.props.onShow(y) !== !1)) {
       if (y.state.isVisible = !0, U() && (F.style.visibility = "visible"), R(), k(), y.state.isMounted || (F.style.transition = "none"), U()) {
         var de = O(), Ce = de.box, Ee = de.content;
         Dv([Ce, Ee], 0);
@@ -38658,9 +38658,9 @@ function Az(t, e) {
         if (!(!y.state.isVisible || l)) {
           if (l = !0, F.offsetHeight, F.style.transition = y.props.moveTransition, U() && y.props.animation) {
             var He = O(), Te = He.box, Ne = He.content;
-            Dv([Te, Ne], pe), wE([Te, Ne], "visible");
+            Dv([Te, Ne], ge), wE([Te, Ne], "visible");
           }
-          N(), D(), yE(Lv, y), (Pe = y.popperInstance) == null || Pe.forceUpdate(), P("onMount", [y]), y.props.animation && U() && ee(pe, function() {
+          N(), D(), yE(Lv, y), (Pe = y.popperInstance) == null || Pe.forceUpdate(), P("onMount", [y]), y.props.animation && U() && ee(ge, function() {
             y.state.isShown = !0, P("onShown", [y]);
           });
         }
@@ -38669,20 +38669,20 @@ function Az(t, e) {
   }
   function De() {
     process.env.NODE_ENV !== "production" && Mn(y.state.isDestroyed, YA("hide"));
-    var K = !y.state.isVisible, te = y.state.isDestroyed, re = !y.state.isEnabled, ne = Iv(y.props.duration, 1, Fr.duration);
+    var K = !y.state.isVisible, te = y.state.isDestroyed, re = !y.state.isEnabled, ae = Iv(y.props.duration, 1, Fr.duration);
     if (!(K || te || re) && (P("onHide", [y], !1), y.props.onHide(y) !== !1)) {
       if (y.state.isVisible = !1, y.state.isShown = !1, l = !1, i = !1, U() && (F.style.visibility = "hidden"), M(), G(), R(!0), U()) {
-        var pe = O(), de = pe.box, Ce = pe.content;
-        y.props.animation && (Dv([de, Ce], ne), wE([de, Ce], "hidden"));
+        var ge = O(), de = ge.box, Ce = ge.content;
+        y.props.animation && (Dv([de, Ce], ae), wE([de, Ce], "hidden"));
       }
-      N(), D(), y.props.animation ? U() && q(ne, y.unmount) : y.unmount();
+      N(), D(), y.props.animation ? U() && q(ae, y.unmount) : y.unmount();
     }
   }
   function ye(K) {
     process.env.NODE_ENV !== "production" && Mn(y.state.isDestroyed, YA("hideWithInteractivity")), I().addEventListener("mousemove", h), yE(Ul, h), h(K);
   }
-  function Ae() {
-    process.env.NODE_ENV !== "production" && Mn(y.state.isDestroyed, YA("unmount")), y.state.isVisible && y.hide(), y.state.isMounted && (le(), fe().forEach(function(K) {
+  function ne() {
+    process.env.NODE_ENV !== "production" && Mn(y.state.isDestroyed, YA("unmount")), y.state.isVisible && y.hide(), y.state.isMounted && (se(), fe().forEach(function(K) {
       K._tippy.unmount();
     }), F.parentNode && F.parentNode.removeChild(F), Lv = Lv.filter(function(K) {
       return K !== y;
@@ -38845,7 +38845,7 @@ const oz = (t) => {
       }
     }
   ]
-}))), Xu = /* @__PURE__ */ ve.forwardRef(function(e, r) {
+}))), Xu = /* @__PURE__ */ pe.forwardRef(function(e, r) {
   const n = nn({
     props: e,
     name: "MuiSvgIcon"
@@ -38860,7 +38860,7 @@ const oz = (t) => {
     titleAccess: c,
     viewBox: f = "0 0 24 24",
     ...d
-  } = n, h = /* @__PURE__ */ ve.isValidElement(a) && a.type === "svg", v = {
+  } = n, h = /* @__PURE__ */ pe.isValidElement(a) && a.type === "svg", v = {
     ...n,
     color: i,
     component: o,
@@ -38971,7 +38971,7 @@ function An(t, e) {
       children: t
     });
   }
-  return process.env.NODE_ENV !== "production" && (r.displayName = `${e}Icon`), r.muiName = Xu.muiName, /* @__PURE__ */ ve.memo(/* @__PURE__ */ ve.forwardRef(r));
+  return process.env.NODE_ENV !== "production" && (r.displayName = `${e}Icon`), r.muiName = Xu.muiName, /* @__PURE__ */ pe.memo(/* @__PURE__ */ pe.forwardRef(r));
 }
 function QE(t) {
   return t && t.ownerDocument || document;
@@ -38987,36 +38987,36 @@ function RQ(t) {
     state: a = "value"
   } = t, {
     current: A
-  } = ve.useRef(e !== void 0), [i, o] = ve.useState(r), s = A ? e : i;
+  } = pe.useRef(e !== void 0), [i, o] = pe.useState(r), s = A ? e : i;
   if (process.env.NODE_ENV !== "production") {
-    ve.useEffect(() => {
+    pe.useEffect(() => {
       A !== (e !== void 0) && console.error([`MUI: A component is changing the ${A ? "" : "un"}controlled ${a} state of ${n} to be ${A ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${n} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
 `));
     }, [a, n, e]);
     const {
       current: u
-    } = ve.useRef(r);
-    ve.useEffect(() => {
+    } = pe.useRef(r);
+    pe.useEffect(() => {
       !A && !Object.is(u, r) && console.error([`MUI: A component is changing the default ${a} state of an uncontrolled ${n} after being initialized. To suppress this warning opt to use a controlled ${n}.`].join(`
 `));
     }, [JSON.stringify(r)]);
   }
-  const l = ve.useCallback((u) => {
+  const l = pe.useCallback((u) => {
     A || o(u);
   }, []);
   return [s, l];
 }
 function gi(t) {
-  const e = ve.useRef(t);
+  const e = pe.useRef(t);
   return Mo(() => {
     e.current = t;
-  }), ve.useRef((...r) => (
+  }), pe.useRef((...r) => (
     // @ts-expect-error hide `this`
     (0, e.current)(...r)
   )).current;
 }
 function Yn(...t) {
-  const e = ve.useRef(void 0), r = ve.useCallback((n) => {
+  const e = pe.useRef(void 0), r = pe.useCallback((n) => {
     const a = t.map((A) => {
       if (A == null)
         return null;
@@ -39034,7 +39034,7 @@ function Yn(...t) {
       a.forEach((A) => A?.());
     };
   }, t);
-  return ve.useMemo(() => t.every((n) => n == null) ? null : (n) => {
+  return pe.useMemo(() => t.every((n) => n == null) ? null : (n) => {
     e.current && (e.current(), e.current = void 0), n != null && (e.current = r(n));
   }, t);
 }
@@ -39126,7 +39126,7 @@ function zu(t) {
 }
 const SE = {};
 function PQ(t, e) {
-  const r = ve.useRef(SE);
+  const r = pe.useRef(SE);
   return r.current === SE && (r.current = t(e)), r;
 }
 class Wu {
@@ -39139,8 +39139,8 @@ class Wu {
     return new Wu();
   }
   static use() {
-    const e = PQ(Wu.create).current, [r, n] = ve.useState(!1);
-    return e.shouldMount = r, e.setShouldMount = n, ve.useEffect(e.mountEffect, [r]), e;
+    const e = PQ(Wu.create).current, [r, n] = pe.useState(!1);
+    return e.shouldMount = r, e.setShouldMount = n, pe.useEffect(e.mountEffect, [r]), e;
   }
   constructor() {
     this.ref = {
@@ -39724,7 +39724,7 @@ Rm.propTypes = process.env.NODE_ENV !== "production" ? {
 Rm.defaultProps = Cz;
 const Ez = [];
 function xz(t) {
-  ve.useEffect(t, Ez);
+  pe.useEffect(t, Ez);
 }
 class ef {
   static create() {
@@ -39759,13 +39759,13 @@ function NQ(t) {
     in: o,
     onExited: s,
     timeout: l
-  } = t, [u, c] = ve.useState(!1), f = ft(e, r.ripple, r.rippleVisible, n && r.ripplePulsate), d = {
+  } = t, [u, c] = pe.useState(!1), f = ft(e, r.ripple, r.rippleVisible, n && r.ripplePulsate), d = {
     width: i,
     height: i,
     top: -(i / 2) + A,
     left: -(i / 2) + a
   }, h = ft(r.child, u && r.childLeaving, n && r.childPulsate);
-  return !o && !u && c(!0), ve.useEffect(() => {
+  return !o && !u && c(!0), pe.useEffect(() => {
     if (!o && s != null) {
       const v = setTimeout(s, l);
       return () => {
@@ -39912,7 +39912,7 @@ const Lr = rn("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsa
     animation-iteration-count: infinite;
     animation-delay: 200ms;
   }
-`, _Q = /* @__PURE__ */ ve.forwardRef(function(e, r) {
+`, _Q = /* @__PURE__ */ pe.forwardRef(function(e, r) {
   const n = nn({
     props: e,
     name: "MuiTouchRipple"
@@ -39921,11 +39921,11 @@ const Lr = rn("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsa
     classes: A = {},
     className: i,
     ...o
-  } = n, [s, l] = ve.useState([]), u = ve.useRef(0), c = ve.useRef(null);
-  ve.useEffect(() => {
+  } = n, [s, l] = pe.useState([]), u = pe.useRef(0), c = pe.useRef(null);
+  pe.useEffect(() => {
     c.current && (c.current(), c.current = null);
   }, [s]);
-  const f = ve.useRef(!1), d = oi(), h = ve.useRef(null), v = ve.useRef(null), p = ve.useCallback((y) => {
+  const f = pe.useRef(!1), d = oi(), h = pe.useRef(null), v = pe.useRef(null), p = pe.useCallback((y) => {
     const {
       pulsate: C,
       rippleX: F,
@@ -39948,7 +39948,7 @@ const Lr = rn("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsa
       rippleY: w,
       rippleSize: x
     }, u.current)]), u.current += 1, c.current = E;
-  }, [A]), g = ve.useCallback((y = {}, C = {}, F = () => {
+  }, [A]), g = pe.useCallback((y = {}, C = {}, F = () => {
   }) => {
     const {
       pulsate: w = !1,
@@ -40000,11 +40000,11 @@ const Lr = rn("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsa
       rippleSize: I,
       cb: F
     });
-  }, [a, p, d]), B = ve.useCallback(() => {
+  }, [a, p, d]), B = pe.useCallback(() => {
     g({}, {
       pulsate: !0
     });
-  }, [g]), m = ve.useCallback((y, C) => {
+  }, [g]), m = pe.useCallback((y, C) => {
     if (d.clear(), y?.type === "touchend" && h.current) {
       h.current(), h.current = null, d.start(0, () => {
         m(y, C);
@@ -40013,7 +40013,7 @@ const Lr = rn("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsa
     }
     h.current = null, l((F) => F.length > 0 ? F.slice(1) : F), c.current = C;
   }, [d]);
-  return ve.useImperativeHandle(r, () => ({
+  return pe.useImperativeHandle(r, () => ({
     pulsate: B,
     start: g,
     stop: m
@@ -40098,7 +40098,7 @@ const Oz = rn("MuiButtonBase", ["root", "disabled", "focusVisible"]), Lz = (t) =
   "@media print": {
     colorAdjust: "exact"
   }
-}), Pm = /* @__PURE__ */ ve.forwardRef(function(e, r) {
+}), Pm = /* @__PURE__ */ pe.forwardRef(function(e, r) {
   const n = nn({
     props: e,
     name: "MuiButtonBase"
@@ -40133,14 +40133,14 @@ const Oz = rn("MuiButtonBase", ["root", "disabled", "focusVisible"]), Lz = (t) =
     touchRippleRef: O,
     type: L,
     ...R
-  } = n, P = ve.useRef(null), N = hz(), D = Yn(N.ref, O), [M, _] = ve.useState(!1);
-  l && M && _(!1), ve.useImperativeHandle(a, () => ({
+  } = n, P = pe.useRef(null), N = hz(), D = Yn(N.ref, O), [M, _] = pe.useState(!1);
+  l && M && _(!1), pe.useImperativeHandle(a, () => ({
     focusVisible: () => {
       _(!0), P.current.focus();
     }
   }), []);
   const V = N.shouldMount && !u && !l;
-  ve.useEffect(() => {
+  pe.useEffect(() => {
     M && f && !u && N.pulsate();
   }, [u, f, M, N]);
   const X = Ln(N, "start", w, c), k = Ln(N, "stop", g, c), G = Ln(N, "stop", B, c), q = Ln(N, "stop", E, c), ee = Ln(N, "stop", (j) => {
@@ -40163,9 +40163,9 @@ const Oz = rn("MuiButtonBase", ["root", "disabled", "focusVisible"]), Lz = (t) =
   });
   let ue = s;
   ue === "button" && (R.href || R.to) && (ue = h);
-  const ae = {};
-  ue === "button" ? (ae.type = L === void 0 ? "button" : L, ae.disabled = l) : (!R.href && !R.to && (ae.role = "button"), l && (ae["aria-disabled"] = l));
-  const le = Yn(r, P), he = {
+  const Ae = {};
+  ue === "button" ? (Ae.type = L === void 0 ? "button" : L, Ae.disabled = l) : (!R.href && !R.to && (Ae.role = "button"), l && (Ae["aria-disabled"] = l));
+  const se = Yn(r, P), he = {
     ...n,
     centerRipple: A,
     component: s,
@@ -40193,10 +40193,10 @@ const Oz = rn("MuiButtonBase", ["root", "disabled", "focusVisible"]), Lz = (t) =
     onTouchEnd: z,
     onTouchMove: J,
     onTouchStart: Z,
-    ref: le,
+    ref: se,
     tabIndex: l ? -1 : Q,
     type: L,
-    ...ae,
+    ...Ae,
     ...R,
     children: [i, V ? /* @__PURE__ */ $.jsx(_Q, {
       ref: D,
@@ -40369,9 +40369,9 @@ process.env.NODE_ENV !== "production" && (Pm.propTypes = {
 function Rz(t) {
   return Sr("MuiButton", t);
 }
-const _a = rn("MuiButton", ["root", "text", "textInherit", "textPrimary", "textSecondary", "textSuccess", "textError", "textInfo", "textWarning", "outlined", "outlinedInherit", "outlinedPrimary", "outlinedSecondary", "outlinedSuccess", "outlinedError", "outlinedInfo", "outlinedWarning", "contained", "containedInherit", "containedPrimary", "containedSecondary", "containedSuccess", "containedError", "containedInfo", "containedWarning", "disableElevation", "focusVisible", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorSuccess", "colorError", "colorInfo", "colorWarning", "textSizeSmall", "textSizeMedium", "textSizeLarge", "outlinedSizeSmall", "outlinedSizeMedium", "outlinedSizeLarge", "containedSizeSmall", "containedSizeMedium", "containedSizeLarge", "sizeMedium", "sizeSmall", "sizeLarge", "fullWidth", "startIcon", "endIcon", "icon", "iconSizeSmall", "iconSizeMedium", "iconSizeLarge", "loading", "loadingWrapper", "loadingIconPlaceholder", "loadingIndicator", "loadingPositionCenter", "loadingPositionStart", "loadingPositionEnd"]), KQ = /* @__PURE__ */ ve.createContext({});
+const _a = rn("MuiButton", ["root", "text", "textInherit", "textPrimary", "textSecondary", "textSuccess", "textError", "textInfo", "textWarning", "outlined", "outlinedInherit", "outlinedPrimary", "outlinedSecondary", "outlinedSuccess", "outlinedError", "outlinedInfo", "outlinedWarning", "contained", "containedInherit", "containedPrimary", "containedSecondary", "containedSuccess", "containedError", "containedInfo", "containedWarning", "disableElevation", "focusVisible", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorSuccess", "colorError", "colorInfo", "colorWarning", "textSizeSmall", "textSizeMedium", "textSizeLarge", "outlinedSizeSmall", "outlinedSizeMedium", "outlinedSizeLarge", "containedSizeSmall", "containedSizeMedium", "containedSizeLarge", "sizeMedium", "sizeSmall", "sizeLarge", "fullWidth", "startIcon", "endIcon", "icon", "iconSizeSmall", "iconSizeMedium", "iconSizeLarge", "loading", "loadingWrapper", "loadingIconPlaceholder", "loadingIndicator", "loadingPositionCenter", "loadingPositionStart", "loadingPositionEnd"]), KQ = /* @__PURE__ */ pe.createContext({});
 process.env.NODE_ENV !== "production" && (KQ.displayName = "ButtonGroupContext");
-const VQ = /* @__PURE__ */ ve.createContext(void 0);
+const VQ = /* @__PURE__ */ pe.createContext(void 0);
 process.env.NODE_ENV !== "production" && (VQ.displayName = "ButtonGroupButtonContext");
 const Pz = (t) => {
   const {
@@ -40813,8 +40813,8 @@ const Pz = (t) => {
   display: "inline-block",
   width: "1em",
   height: "1em"
-}), ZA = /* @__PURE__ */ ve.forwardRef(function(e, r) {
-  const n = ve.useContext(KQ), a = ve.useContext(VQ), A = Lo(n, e), i = nn({
+}), ZA = /* @__PURE__ */ pe.forwardRef(function(e, r) {
+  const n = pe.useContext(KQ), a = pe.useContext(VQ), A = Lo(n, e), i = nn({
     props: A,
     name: "MuiButton"
   }), {
@@ -41014,10 +41014,10 @@ process.env.NODE_ENV !== "production" && (ZA.propTypes = {
    */
   variant: S.oneOfType([S.oneOf(["contained", "outlined", "text"]), S.string])
 });
-const $Q = /* @__PURE__ */ ve.createContext(void 0);
+const $Q = /* @__PURE__ */ pe.createContext(void 0);
 process.env.NODE_ENV !== "production" && ($Q.displayName = "FormControlContext");
 function Kz() {
-  return ve.useContext($Q);
+  return pe.useContext($Q);
 }
 function Vz(t) {
   return Sr("PrivateSwitchBase", t);
@@ -41202,7 +41202,7 @@ const Yz = (t) => {
   margin: 0,
   padding: 0,
   zIndex: 1
-}), WQ = /* @__PURE__ */ ve.forwardRef(function(e, r) {
+}), WQ = /* @__PURE__ */ pe.forwardRef(function(e, r) {
   const {
     autoFocus: n,
     checked: a,
@@ -41521,7 +41521,7 @@ const Mv = rn("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "c
       }
     }
   }]
-}))), tW = /* @__PURE__ */ $.jsx(jz, {}), rW = /* @__PURE__ */ $.jsx(Wz, {}), nW = /* @__PURE__ */ $.jsx(qz, {}), au = /* @__PURE__ */ ve.forwardRef(function(e, r) {
+}))), tW = /* @__PURE__ */ $.jsx(jz, {}), rW = /* @__PURE__ */ $.jsx(Wz, {}), nW = /* @__PURE__ */ $.jsx(qz, {}), au = /* @__PURE__ */ pe.forwardRef(function(e, r) {
   const n = nn({
     props: e,
     name: "MuiCheckbox"
@@ -41557,10 +41557,10 @@ const Mv = rn("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "c
     ownerState: B,
     additionalProps: {
       type: "checkbox",
-      icon: /* @__PURE__ */ ve.cloneElement(p, {
+      icon: /* @__PURE__ */ pe.cloneElement(p, {
         fontSize: p.props.fontSize ?? u
       }),
-      checkedIcon: /* @__PURE__ */ ve.cloneElement(g, {
+      checkedIcon: /* @__PURE__ */ pe.cloneElement(g, {
         fontSize: g.props.fontSize ?? u
       }),
       disableRipple: c,
@@ -41999,7 +41999,7 @@ const iW = {
   body1: "p",
   body2: "p",
   inherit: "p"
-}, ei = /* @__PURE__ */ ve.forwardRef(function(e, r) {
+}, ei = /* @__PURE__ */ pe.forwardRef(function(e, r) {
   const {
     color: n,
     ...a
@@ -42157,7 +42157,7 @@ function jQ(t, e, r, n, a) {
 const km = Ii(S.element, jQ);
 km.isRequired = Ii(S.element.isRequired, jQ);
 function Hm(t) {
-  return parseInt(ve.version, 10) >= 19 ? t?.props?.ref || null : t?.ref || null;
+  return parseInt(pe.version, 10) >= 19 ? t?.props?.ref || null : t?.ref || null;
 }
 const fW = (t) => t.scrollTop;
 function ME(t, e) {
@@ -42184,7 +42184,7 @@ const dW = {
     opacity: 1,
     transform: "none"
   }
-}, Rv = typeof navigator < "u" && /^((?!chrome|android).)*(safari|mobile)/i.test(navigator.userAgent) && /(os |version\/)15(.|_)4/i.test(navigator.userAgent), qu = /* @__PURE__ */ ve.forwardRef(function(e, r) {
+}, Rv = typeof navigator < "u" && /^((?!chrome|android).)*(safari|mobile)/i.test(navigator.userAgent) && /(os |version\/)15(.|_)4/i.test(navigator.userAgent), qu = /* @__PURE__ */ pe.forwardRef(function(e, r) {
   const {
     addEndListener: n,
     appear: a = !0,
@@ -42202,7 +42202,7 @@ const dW = {
     // eslint-disable-next-line react/prop-types
     TransitionComponent: p = jn,
     ...g
-  } = e, B = oi(), m = ve.useRef(), y = Ig(), C = ve.useRef(null), F = Yn(C, Hm(A), r), w = (O) => (L) => {
+  } = e, B = oi(), m = pe.useRef(), y = Ig(), C = pe.useRef(null), F = Yn(C, Hm(A), r), w = (O) => (L) => {
     if (O) {
       const R = C.current;
       L === void 0 ? O(R) : O(R, L);
@@ -42269,7 +42269,7 @@ const dW = {
     children: (O, {
       ownerState: L,
       ...R
-    }) => /* @__PURE__ */ ve.cloneElement(A, {
+    }) => /* @__PURE__ */ pe.cloneElement(A, {
       style: {
         opacity: 0,
         transform: wg(0.75),
@@ -42386,12 +42386,12 @@ function hW(t) {
 function vW(t) {
   return typeof t == "function" ? t() : t;
 }
-const Ju = /* @__PURE__ */ ve.forwardRef(function(e, r) {
+const Ju = /* @__PURE__ */ pe.forwardRef(function(e, r) {
   const {
     children: n,
     container: a,
     disablePortal: A = !1
-  } = e, [i, o] = ve.useState(null), s = Yn(/* @__PURE__ */ ve.isValidElement(n) ? Hm(n) : null, r);
+  } = e, [i, o] = pe.useState(null), s = Yn(/* @__PURE__ */ pe.isValidElement(n) ? Hm(n) : null, r);
   if (Mo(() => {
     A || o(vW(a) || document.body);
   }, [a, A]), Mo(() => {
@@ -42400,11 +42400,11 @@ const Ju = /* @__PURE__ */ ve.forwardRef(function(e, r) {
         UE(r, null);
       };
   }, [r, i, A]), A) {
-    if (/* @__PURE__ */ ve.isValidElement(n)) {
+    if (/* @__PURE__ */ pe.isValidElement(n)) {
       const l = {
         ref: s
       };
-      return /* @__PURE__ */ ve.cloneElement(n, l);
+      return /* @__PURE__ */ pe.cloneElement(n, l);
     }
     return n;
   }
@@ -42473,7 +42473,7 @@ const yW = (t) => {
   return tn({
     root: ["root"]
   }, pW, e);
-}, BW = {}, wW = /* @__PURE__ */ ve.forwardRef(function(e, r) {
+}, BW = {}, wW = /* @__PURE__ */ pe.forwardRef(function(e, r) {
   const {
     anchorEl: n,
     children: a,
@@ -42491,14 +42491,14 @@ const yW = (t) => {
     ownerState: v,
     // prevent from spreading to DOM, it can come from the parent component e.g. Select.
     ...p
-  } = e, g = ve.useRef(null), B = Yn(g, r), m = ve.useRef(null), y = Yn(m, c), C = ve.useRef(y);
+  } = e, g = pe.useRef(null), B = Yn(g, r), m = pe.useRef(null), y = Yn(m, c), C = pe.useRef(y);
   Mo(() => {
     C.current = y;
-  }, [y]), ve.useImperativeHandle(c, () => m.current, []);
-  const F = gW(l, A), [w, x] = ve.useState(F), [E, b] = ve.useState(Zu(n));
-  ve.useEffect(() => {
+  }, [y]), pe.useImperativeHandle(c, () => m.current, []);
+  const F = gW(l, A), [w, x] = pe.useState(F), [E, b] = pe.useState(Zu(n));
+  pe.useEffect(() => {
     m.current && m.current.forceUpdate();
-  }), ve.useEffect(() => {
+  }), pe.useEffect(() => {
     n && b(Zu(n));
   }, [n]), Mo(() => {
     if (!E || !s)
@@ -42560,7 +42560,7 @@ const yW = (t) => {
     ...I,
     children: typeof a == "function" ? a(T) : a
   });
-}), qQ = /* @__PURE__ */ ve.forwardRef(function(e, r) {
+}), qQ = /* @__PURE__ */ pe.forwardRef(function(e, r) {
   const {
     anchorEl: n,
     children: a,
@@ -42578,7 +42578,7 @@ const yW = (t) => {
     slotProps: p = {},
     slots: g = {},
     ...B
-  } = e, [m, y] = ve.useState(!0), C = () => {
+  } = e, [m, y] = pe.useState(!0), C = () => {
     y(!1);
   }, F = () => {
     y(!0);
@@ -42751,7 +42751,7 @@ process.env.NODE_ENV !== "production" && (qQ.propTypes = {
 const bW = Ct(qQ, {
   name: "MuiPopper",
   slot: "Root"
-})({}), Nm = /* @__PURE__ */ ve.forwardRef(function(e, r) {
+})({}), Nm = /* @__PURE__ */ pe.forwardRef(function(e, r) {
   const n = n1(), a = nn({
     props: e,
     name: "MuiPopper"
@@ -43204,7 +43204,7 @@ function Il(t, e) {
     e && e(r, ...n), t(r, ...n);
   };
 }
-const si = /* @__PURE__ */ ve.forwardRef(function(e, r) {
+const si = /* @__PURE__ */ pe.forwardRef(function(e, r) {
   const n = nn({
     props: e,
     name: "MuiTooltip"
@@ -43238,9 +43238,9 @@ const si = /* @__PURE__ */ ve.forwardRef(function(e, r) {
     TransitionComponent: I,
     TransitionProps: O,
     ...L
-  } = n, R = /* @__PURE__ */ ve.isValidElement(A) ? A : /* @__PURE__ */ $.jsx("span", {
+  } = n, R = /* @__PURE__ */ pe.isValidElement(A) ? A : /* @__PURE__ */ $.jsx("span", {
     children: A
-  }), P = Ig(), N = n1(), [D, M] = ve.useState(), [_, V] = ve.useState(null), X = ve.useRef(!1), k = f || g, G = oi(), q = oi(), ee = oi(), Z = oi(), [z, J] = RQ({
+  }), P = Ig(), N = n1(), [D, M] = pe.useState(), [_, V] = pe.useState(null), X = pe.useRef(!1), k = f || g, G = oi(), q = oi(), ee = oi(), Z = oi(), [z, J] = RQ({
     controlled: w,
     default: !1,
     name: "Tooltip",
@@ -43250,16 +43250,16 @@ const si = /* @__PURE__ */ ve.forwardRef(function(e, r) {
   if (process.env.NODE_ENV !== "production") {
     const {
       current: Be
-    } = ve.useRef(w !== void 0);
-    ve.useEffect(() => {
+    } = pe.useRef(w !== void 0);
+    pe.useEffect(() => {
       D && D.disabled && !Be && Q !== "" && D.tagName.toLowerCase() === "button" && console.warn(["MUI: You are providing a disabled `button` child to the Tooltip component.", "A disabled element does not fire events.", "Tooltip needs to listen to the child element's events to display the title.", "", "Add a simple wrapper element, such as a `span`."].join(`
 `));
     }, [Q, D, Be]);
   }
-  const W = a1(B), oe = ve.useRef(), ie = gi(() => {
+  const W = a1(B), oe = pe.useRef(), ie = gi(() => {
     oe.current !== void 0 && (document.body.style.WebkitUserSelect = oe.current, oe.current = void 0), Z.clear();
   });
-  ve.useEffect(() => ie, [ie]);
+  pe.useEffect(() => ie, [ie]);
   const Ue = (Be) => {
     RE.clear(), Sl = !0, J(!0), F && !Y && F(Be);
   }, ue = gi(
@@ -43273,32 +43273,32 @@ const si = /* @__PURE__ */ ve.forwardRef(function(e, r) {
         X.current = !1;
       });
     }
-  ), ae = (Be) => {
+  ), Ae = (Be) => {
     X.current && Be.type !== "touchstart" || (D && D.removeAttribute("title"), q.clear(), ee.clear(), h || Sl && v ? q.start(Sl ? v : h, () => {
       Ue(Be);
     }) : Ue(Be));
-  }, le = (Be) => {
+  }, se = (Be) => {
     q.clear(), ee.start(m, () => {
       ue(Be);
     });
-  }, [, he] = ve.useState(!1), fe = (Be) => {
-    zu(Be.target) || (he(!1), le(Be));
+  }, [, he] = pe.useState(!1), fe = (Be) => {
+    zu(Be.target) || (he(!1), se(Be));
   }, j = (Be) => {
-    D || M(Be.currentTarget), zu(Be.target) && (he(!0), ae(Be));
-  }, se = (Be) => {
+    D || M(Be.currentTarget), zu(Be.target) && (he(!0), Ae(Be));
+  }, le = (Be) => {
     X.current = !0;
     const Xe = R.props;
     Xe.onTouchStart && Xe.onTouchStart(Be);
-  }, ge = (Be) => {
-    se(Be), ee.clear(), G.clear(), ie(), oe.current = document.body.style.WebkitUserSelect, document.body.style.WebkitUserSelect = "none", Z.start(p, () => {
-      document.body.style.WebkitUserSelect = oe.current, ae(Be);
+  }, ve = (Be) => {
+    le(Be), ee.clear(), G.clear(), ie(), oe.current = document.body.style.WebkitUserSelect, document.body.style.WebkitUserSelect = "none", Z.start(p, () => {
+      document.body.style.WebkitUserSelect = oe.current, Ae(Be);
     });
   }, me = (Be) => {
     R.props.onTouchEnd && R.props.onTouchEnd(Be), ie(), ee.start(y, () => {
       ue(Be);
     });
   };
-  ve.useEffect(() => {
+  pe.useEffect(() => {
     if (!Y)
       return;
     function Be(Xe) {
@@ -43310,7 +43310,7 @@ const si = /* @__PURE__ */ ve.forwardRef(function(e, r) {
   }, [ue, Y]);
   const be = Yn(Hm(R), M, r);
   !Q && Q !== 0 && (Y = !1);
-  const Re = ve.useRef(), Le = (Be) => {
+  const Re = pe.useRef(), Le = (Be) => {
     const Xe = R.props;
     Xe.onMouseMove && Xe.onMouseMove(Be), ao = {
       x: Be.clientX,
@@ -43323,18 +43323,18 @@ const si = /* @__PURE__ */ ve.forwardRef(function(e, r) {
     ...L,
     ...R.props,
     className: ft(L.className, R.props.className),
-    onTouchStart: se,
+    onTouchStart: le,
     ref: be,
     ...g ? {
       onMouseMove: Le
     } : {}
   };
-  process.env.NODE_ENV !== "production" && (ye["data-mui-internal-clone-element"] = !0, ve.useEffect(() => {
+  process.env.NODE_ENV !== "production" && (ye["data-mui-internal-clone-element"] = !0, pe.useEffect(() => {
     D && !D.getAttribute("data-mui-internal-clone-element") && console.error(["MUI: The `children` component of the Tooltip is not forwarding its props correctly.", "Please make sure that props are spread on the same element that the ref is applied to."].join(`
 `));
   }, [D]));
-  const Ae = {};
-  d || (ye.onTouchStart = ge, ye.onTouchEnd = me), c || (ye.onMouseOver = Il(ae, ye.onMouseOver), ye.onMouseLeave = Il(le, ye.onMouseLeave), k || (Ae.onMouseOver = ae, Ae.onMouseLeave = le)), u || (ye.onFocus = Il(j, ye.onFocus), ye.onBlur = Il(fe, ye.onBlur), k || (Ae.onFocus = j, Ae.onBlur = fe)), process.env.NODE_ENV !== "production" && R.props.title && console.error(["MUI: You have provided a `title` prop to the child of <Tooltip />.", `Remove this title prop \`${R.props.title}\` or the Tooltip component.`].join(`
+  const ne = {};
+  d || (ye.onTouchStart = ve, ye.onTouchEnd = me), c || (ye.onMouseOver = Il(Ae, ye.onMouseOver), ye.onMouseLeave = Il(se, ye.onMouseLeave), k || (ne.onMouseOver = Ae, ne.onMouseLeave = se)), u || (ye.onFocus = Il(j, ye.onFocus), ye.onBlur = Il(fe, ye.onBlur), k || (ne.onFocus = j, ne.onBlur = fe)), process.env.NODE_ENV !== "production" && R.props.title && console.error(["MUI: You have provided a `title` prop to the child of <Tooltip />.", `Remove this title prop \`${R.props.title}\` or the Tooltip component.`].join(`
 `));
   const H = {
     ...n,
@@ -43344,7 +43344,7 @@ const si = /* @__PURE__ */ ve.forwardRef(function(e, r) {
     placement: x,
     PopperComponentProp: E,
     touch: X.current
-  }, K = typeof T.popper == "function" ? T.popper(H) : T.popper, te = ve.useMemo(() => {
+  }, K = typeof T.popper == "function" ? T.popper(H) : T.popper, te = pe.useMemo(() => {
     let Be = [{
       name: "arrow",
       enabled: !!_,
@@ -43358,7 +43358,7 @@ const si = /* @__PURE__ */ ve.forwardRef(function(e, r) {
       ...K?.popperOptions,
       modifiers: Be
     };
-  }, [_, b.popperOptions, K?.popperOptions]), re = xW(H), ne = typeof T.transition == "function" ? T.transition(H) : T.transition, pe = {
+  }, [_, b.popperOptions, K?.popperOptions]), re = xW(H), ae = typeof T.transition == "function" ? T.transition(H) : T.transition, ge = {
     slots: {
       popper: o.Popper,
       transition: o.Transition ?? I,
@@ -43376,32 +43376,32 @@ const si = /* @__PURE__ */ ve.forwardRef(function(e, r) {
       tooltip: T.tooltip ?? s.tooltip,
       transition: {
         ...O,
-        ...ne ?? s.transition
+        ...ae ?? s.transition
       }
     }
   }, [de, Ce] = nA("popper", {
     elementType: FW,
-    externalForwardedProps: pe,
+    externalForwardedProps: ge,
     ownerState: H,
     className: ft(re.popper, b?.className)
   }), [Ee, Ie] = nA("transition", {
     elementType: qu,
-    externalForwardedProps: pe,
+    externalForwardedProps: ge,
     ownerState: H
   }), [Pe, He] = nA("tooltip", {
     elementType: TW,
     className: re.tooltip,
-    externalForwardedProps: pe,
+    externalForwardedProps: ge,
     ownerState: H
   }), [Te, Ne] = nA("arrow", {
     elementType: QW,
     className: re.arrow,
-    externalForwardedProps: pe,
+    externalForwardedProps: ge,
     ownerState: H,
     ref: V
   });
-  return /* @__PURE__ */ $.jsxs(ve.Fragment, {
-    children: [/* @__PURE__ */ ve.cloneElement(R, ye), /* @__PURE__ */ $.jsx(de, {
+  return /* @__PURE__ */ $.jsxs(pe.Fragment, {
+    children: [/* @__PURE__ */ pe.cloneElement(R, ye), /* @__PURE__ */ $.jsx(de, {
       as: E ?? Nm,
       placement: x,
       anchorEl: g ? {
@@ -43418,7 +43418,7 @@ const si = /* @__PURE__ */ ve.forwardRef(function(e, r) {
       open: D ? Y : !1,
       id: W,
       transition: !0,
-      ...Ae,
+      ...ne,
       ...Ce,
       popperOptions: te,
       children: ({
@@ -43945,7 +43945,7 @@ const NW = (t) => {
       backgroundImage: "var(--Paper-overlay)"
     }
   }]
-}))), eU = /* @__PURE__ */ ve.forwardRef(function(e, r) {
+}))), eU = /* @__PURE__ */ pe.forwardRef(function(e, r) {
   const n = nn({
     props: e,
     name: "MuiPaper"
@@ -44289,8 +44289,8 @@ const VW = (t, { name: e = "img", extension: r = "jpg" } = {}) => {
     for (let fe = 0; fe < m.length; fe++)
       oe.push([]);
     E.forEach((fe) => {
-      const j = W.indexOf(fe.from), se = W.indexOf(fe.to);
-      j !== -1 && se !== -1 && oe[j].push(se);
+      const j = W.indexOf(fe.from), le = W.indexOf(fe.to);
+      j !== -1 && le !== -1 && oe[j].push(le);
     });
     const ie = Vn({
       container: document.getElementById(X),
@@ -44315,8 +44315,8 @@ const VW = (t, { name: e = "img", extension: r = "jpg" } = {}) => {
     });
     g.current = ie, ie.ready(() => {
       ie.nodes().forEach((fe) => {
-        const se = [30, 70, 110][Math.floor(Math.random() * 3)];
-        fe.css("width", se), fe.css("height", se);
+        const le = [30, 70, 110][Math.floor(Math.random() * 3)];
+        fe.css("width", le), fe.css("height", le);
       }), ie.layout({
         name: "cose-bilkent",
         animate: "end",
@@ -44329,9 +44329,9 @@ const VW = (t, { name: e = "img", extension: r = "jpg" } = {}) => {
   <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/>
 </svg>
 `)}`;
-    for (var ae = 0; ae < m.length; ae++)
-      Q[q[ae]] !== !1 && (t?.centered && m[ae].id === t.centered.id ? ie.add({
-        data: { id: Z(ae) },
+    for (var Ae = 0; Ae < m.length; Ae++)
+      Q[q[Ae]] !== !1 && (t?.centered && m[Ae].id === t.centered.id ? ie.add({
+        data: { id: Z(Ae) },
         // create name
         position: {
           // random position
@@ -44340,8 +44340,8 @@ const VW = (t, { name: e = "img", extension: r = "jpg" } = {}) => {
         },
         style: {
           // find color based on CRE
-          "background-color": o ? o(m[ae]) : "grey",
-          label: T ? m[ae].id : "",
+          "background-color": o ? o(m[Ae]) : "grey",
+          label: T ? m[Ae].id : "",
           fontSize: "12px",
           borderWidth: "2px",
           borderColor: "black",
@@ -44351,7 +44351,7 @@ const VW = (t, { name: e = "img", extension: r = "jpg" } = {}) => {
           backgroundImage: `url(${ue})`
         }
       }) : ie.add({
-        data: { id: Z(ae) },
+        data: { id: Z(Ae) },
         // create name
         position: {
           // random position
@@ -44360,42 +44360,42 @@ const VW = (t, { name: e = "img", extension: r = "jpg" } = {}) => {
         },
         style: {
           // find color based on CRE
-          "background-color": o ? o(m[ae]) : "grey",
-          label: T ? i ? i(m[ae]) : m[ae].id : "",
+          "background-color": o ? o(m[Ae]) : "grey",
+          label: T ? i ? i(m[Ae]) : m[Ae].id : "",
           fontSize: "12px",
           fontFamily: f
         }
       }));
-    let le = 0;
+    let se = 0;
     for (var he = 0; he < m.length; he++)
       if (Q[q[he]] !== !1) {
         let fe = oe[he].length;
         for (let j = 0; j < fe; j++) {
-          const se = E[le]?.category;
-          if (Q[q[oe[he][j]]] !== !1 && (!se || Q[w[le]] !== !1)) {
-            let ge = t.edge.every((me) => me.category);
+          const le = E[se]?.category;
+          if (Q[q[oe[he][j]]] !== !1 && (!le || Q[w[se]] !== !1)) {
+            let ve = t.edge.every((me) => me.category);
             ie.add({
               data: {
-                id: "edge " + le,
+                id: "edge " + se,
                 source: Z(he),
                 target: Z(oe[he][j]),
-                category: ge ? E[le].category : "Edge"
+                category: ve ? E[se].category : "Edge"
               },
               style: {
-                "line-color": o ? o(E[le]) : "grey",
+                "line-color": o ? o(E[se]) : "grey",
                 "target-arrow-shape": v ? "triangle" : null,
-                "target-arrow-color": o ? o(E[le]) : "grey",
-                width: A(C[le])
+                "target-arrow-color": o ? o(E[se]) : "grey",
+                width: A(C[se])
               }
             });
           }
-          le++;
+          se++;
         }
       }
     return ie.nodes().forEach((fe, j) => {
-      const se = fe.popperRef(), ge = document.createElement("div");
-      t?.centered && W[j].toString() === t.centered.id ? ge.innerHTML = `ID: ${W[j]}<br>Type: ${s ? s(m[j]) : m[j].category}<br>Centered Node` : ge.innerHTML = `ID: ${W[j]}<br>Type: ${s ? s(m[j]) : m[j].category}`, ge.style.fontSize = "12px", ge.style.fontFamily = f;
-      const me = Eg(se, ge, {});
+      const le = fe.popperRef(), ve = document.createElement("div");
+      t?.centered && W[j].toString() === t.centered.id ? ve.innerHTML = `ID: ${W[j]}<br>Type: ${s ? s(m[j]) : m[j].category}<br>Centered Node` : ve.innerHTML = `ID: ${W[j]}<br>Type: ${s ? s(m[j]) : m[j].category}`, ve.style.fontSize = "12px", ve.style.fontFamily = f;
+      const me = Eg(le, ve, {});
       fe.on("mouseover", () => {
         me.show(), document.body.style.cursor = "pointer";
       }), fe.on("click", () => {
@@ -44413,7 +44413,7 @@ const VW = (t, { name: e = "img", extension: r = "jpg" } = {}) => {
         me.hide(), document.body.style.cursor = "default";
       });
     }), ie.edges().forEach((fe) => {
-      const j = fe.popperRef(), se = document.createElement("div");
+      const j = fe.popperRef(), le = document.createElement("div");
       if (t.edge.every((me) => me.category)) {
         let me = "";
         E.forEach((be) => {
@@ -44424,14 +44424,14 @@ const VW = (t, { name: e = "img", extension: r = "jpg" } = {}) => {
             me = be.category;
             return;
           }
-        }), me.length === 0 ? se.innerHTML = "Edge" : se.innerHTML = `Edge Type: ${me}`;
+        }), me.length === 0 ? le.innerHTML = "Edge" : le.innerHTML = `Edge Type: ${me}`;
       } else
-        se.innerHTML = "Edge";
-      se.style.fontSize = "12px", se.style.fontFamily = f;
-      const ge = Eg(j, se, {});
+        le.innerHTML = "Edge";
+      le.style.fontSize = "12px", le.style.fontFamily = f;
+      const ve = Eg(j, le, {});
       fe.on("click", () => {
-        h && h(), ge.hide(), document.body.style.cursor = "default";
-      }), fe.on("mouseover", () => ge.show()), fe.on("mouseout", () => ge.hide());
+        h && h(), ve.hide(), document.body.style.cursor = "default";
+      }), fe.on("mouseover", () => ve.show()), fe.on("mouseout", () => ve.hide());
     }), J(), () => {
       ie.destroy();
     };
@@ -44773,7 +44773,7 @@ const qW = ({ crossProps: t, left: e, top: r, median: n, firstQuartile: a, third
                   fill: k.color ?? t.violinColor ?? "black",
                   opacity: k.opacity ?? t.opacity ?? 1,
                   pointerEvents: "all",
-                  onMouseMove: (ae) => R(ae, oe, k),
+                  onMouseMove: (Ae) => R(Ae, oe, k),
                   onClick: () => N(k)
                 },
                 `${e}-point-${G}`
@@ -45014,52 +45014,66 @@ const qW = ({ crossProps: t, left: e, top: r, median: n, firstQuartile: a, third
   width: n,
   legendValues: a,
   spaceForCategory: A,
-  axisCenter: i
+  axisCenter: i,
+  loading: o
 }) => {
-  const s = wr(null), l = tU(t, 12, "Times"), u = a.map((h) => e(h) * 2 + 12), c = u.reduce((h, v) => h + v, 0) + 30 * (a.length - 1), f = 10, d = l + f * 2 + c;
-  return console.log(i), /* @__PURE__ */ $.jsx("div", { style: { marginBottom: 10 }, children: /* @__PURE__ */ $.jsxs("svg", { height: r + 4, width: n + l + 4, id: "legend", transform: `translate(${A / 1.2 + i - n / 2}, 0)`, children: [
-    /* @__PURE__ */ $.jsx("rect", { height: r, width: n + l, stroke: "black", fill: "none", transform: "translate(2, 2)" }),
-    /* @__PURE__ */ $.jsx("g", { transform: `translate(${n / 2 - d / 2 + 2}, ${r / 2 + 2})`, children: /* @__PURE__ */ $.jsx(
+  const l = wr(null), u = tU(t, 12, "Times"), c = a.map((v) => e(v) * 2 + 12), f = c.reduce((v, p) => v + p, 0) + 30 * (a.length - 1), d = 10, h = u + d * 2 + f;
+  return /* @__PURE__ */ $.jsx("div", { style: { marginBottom: 10, opacity: o ? 0.3 : 1 }, children: /* @__PURE__ */ $.jsxs("svg", { height: r + 4, width: n + u + 4, id: "legend", transform: `translate(${A / 1.2 + i - n / 2}, 0)`, children: [
+    /* @__PURE__ */ $.jsx("rect", { height: r, width: n + u, stroke: "black", fill: "none", transform: "translate(2, 2)" }),
+    o ? /* @__PURE__ */ $.jsx(
       "text",
       {
-        ref: s,
-        x: 0,
-        y: 3,
-        textAnchor: "start",
-        fill: "black",
+        x: (n + u) / 2,
+        y: r / 2,
+        textAnchor: "middle",
+        dominantBaseline: "middle",
         fontSize: 12,
-        children: t
+        fill: "black",
+        children: "Loading..."
       }
-    ) }),
-    /* @__PURE__ */ $.jsxs("g", { transform: `translate(${n / 2 - d / 2 + l + f + 2}, ${r / 2 + 2})`, children: [
-      /* @__PURE__ */ $.jsx(
-        "line",
+    ) : /* @__PURE__ */ $.jsxs($.Fragment, { children: [
+      /* @__PURE__ */ $.jsx("g", { transform: `translate(${n / 2 - h / 2 + 2}, ${r / 2 + 2})`, children: /* @__PURE__ */ $.jsx(
+        "text",
         {
-          x1: 0,
-          y1: -r / 2,
-          x2: 0,
-          y2: r / 2,
-          stroke: "black",
-          strokeWidth: 1
+          ref: l,
+          x: 0,
+          y: 3,
+          textAnchor: "start",
+          fill: "black",
+          fontSize: 12,
+          children: t
         }
-      ),
-      /* @__PURE__ */ $.jsx("g", { transform: `translate(${f + l / 2}, 0)`, children: a.map((h, v) => {
-        const p = e(h), g = u.slice(0, v).reduce((B, m) => B + m, 0) + v * 30;
-        return /* @__PURE__ */ $.jsxs("g", { transform: `translate(${g}, 0)`, children: [
-          /* @__PURE__ */ $.jsx("circle", { r: p, cx: 0, cy: 0, fill: "black" }),
-          /* @__PURE__ */ $.jsx(
-            "text",
-            {
-              x: p + 12,
-              y: 3,
-              textAnchor: "start",
-              fill: "black",
-              fontSize: 10,
-              children: h
-            }
-          )
-        ] }, `legend${v}`);
-      }) })
+      ) }),
+      /* @__PURE__ */ $.jsxs("g", { transform: `translate(${n / 2 - h / 2 + u + d + 2}, ${r / 2 + 2})`, children: [
+        /* @__PURE__ */ $.jsx(
+          "line",
+          {
+            x1: 0,
+            y1: -r / 2,
+            x2: 0,
+            y2: r / 2,
+            stroke: "black",
+            strokeWidth: 1
+          }
+        ),
+        /* @__PURE__ */ $.jsx("g", { transform: `translate(${d + u / 2}, 0)`, children: a.map((v, p) => {
+          const g = e(v), B = c.slice(0, p).reduce((m, y) => m + y, 0) + p * 30;
+          return /* @__PURE__ */ $.jsxs("g", { transform: `translate(${B}, 0)`, children: [
+            /* @__PURE__ */ $.jsx("circle", { r: g, cx: 0, cy: 0, fill: "black" }),
+            /* @__PURE__ */ $.jsx(
+              "text",
+              {
+                x: g + 12,
+                y: 3,
+                textAnchor: "start",
+                fill: "black",
+                fontSize: 10,
+                children: v
+              }
+            )
+          ] }, `legend${p}`);
+        }) })
+      ] })
     ] })
   ] }) });
 }, kE = "Roboto,Helvetica,Arial,sans-serif", tU = (t, e, r) => {
@@ -45117,8 +45131,8 @@ const qW = ({ crossProps: t, left: e, top: r, median: n, firstQuartile: a, third
     domain: [
       // If cutting off negative values, the lower bound is max(negativeCutoff, minValue).
       i ? Math.min(0, Math.max(q, ee)) : Math.min(0, q - 0.07 * (0 - q)),
-      // Make some room past the last tick (7% of the range of the data)
-      Math.max(0, G) + 0.07 * G
+      // Make some room past the last tick (7% of the range of the data) if the data isnt all negative
+      Math.max(G, 0) + (G > 0 ? 0.07 * G : 0)
     ],
     // always include 0 as anchor if values do not cross 0
     range: [0, Math.max(I - X - f, 0)]
@@ -45127,11 +45141,11 @@ const qW = ({ crossProps: t, left: e, top: r, median: n, firstQuartile: a, third
     if (!I)
       return;
     let ie = 0, Ue = null;
-    Z.forEach((ue, ae) => {
-      const le = document.getElementById(`label-${ae}-${p}`);
-      if (le) {
-        const he = le.getBBox().width, fe = W(ue.value), se = X + fe + k + he - I;
-        ie = Math.max(se, ie), se < 0 && (Ue === null ? Ue = Math.abs(se) : Ue = Math.min(Math.abs(se), Ue));
+    Z.forEach((ue, Ae) => {
+      const se = document.getElementById(`label-${Ae}-${p}`);
+      if (se) {
+        const he = se.getBBox().width, fe = W(0), j = W(ue.value), ve = X + Math.max(fe, j) + k + he - I;
+        ie = Math.max(ve, ie), ve < 0 && (Ue === null ? Ue = Math.abs(ve) : Ue = Math.min(Math.abs(ve), Ue));
       }
     }), ie > 0 ? (v(!1), d((ue) => ue + 25)) : Ue && Ue > 30 ? (v(!1), d((ue) => ue - 25)) : v(!0);
   }, [t, W, f, h, e, I, r, p]);
@@ -45149,7 +45163,8 @@ const qW = ({ crossProps: t, left: e, top: r, median: n, firstQuartile: a, third
           width: 300,
           legendValues: c,
           spaceForCategory: X,
-          axisCenter: oe
+          axisCenter: oe,
+          loading: !h || I < 0
         }
       ),
       t.length === 0 ? /* @__PURE__ */ $.jsx("p", { children: "No Data To Display" }) : /* @__PURE__ */ $.jsx(
@@ -45172,12 +45187,12 @@ const qW = ({ crossProps: t, left: e, top: r, median: n, firstQuartile: a, third
                 numTicks: I < 700 ? 4 : void 0,
                 tickFormat: (ie, Ue) => {
                   const ue = typeof ie == "number" ? ie : ie.valueOf();
-                  return Ue === 0 && ue < 0 && i && t.some((ae) => ae.value <= ee) ? "Low Signal" : ue.toString();
+                  return Ue === 0 && ue < 0 && i && t.some((Ae) => Ae.value <= ee) ? "Low Signal" : ue.toString();
                 }
               }
             ),
             Z.map((ie, Ue) => {
-              const ue = ie.id === y?.id, ae = i ? Math.max(ie.value, ee) : ie.value, le = Y(ie.id), he = ie.id.split("-")[0] === "spacer" ? s : o, fe = ae > 0 ? W(0) : W(ae), j = le ?? 0, se = Math.abs(W(ae) - W(0)), ge = ie.id.split("-")[0] === "spacer" ? s : o, me = -k, be = (le ?? 0) + he / 2, Re = fe + se + k + (ie.lollipopValue && ie.value >= 0 ? N(ie.lollipopValue) : 0), Le = j + ge / 2;
+              const ue = ie.id === y?.id, Ae = i ? Math.max(ie.value, ee) : ie.value, se = Y(ie.id), he = ie.id.split("-")[0] === "spacer" ? s : o, fe = Ae > 0 ? W(0) : W(Ae), j = se ?? 0, le = Math.abs(W(Ae) - W(0)), ve = ie.id.split("-")[0] === "spacer" ? s : o, me = -k, be = (se ?? 0) + he / 2, Re = fe + le + k + (ie.lollipopValue && ie.value >= 0 ? N(ie.lollipopValue) : 0), Le = j + ve / 2;
               return /* @__PURE__ */ $.jsxs(
                 gn,
                 {
@@ -45205,10 +45220,10 @@ const qW = ({ crossProps: t, left: e, top: r, median: n, firstQuartile: a, third
                         {
                           x: fe,
                           y: j,
-                          width: se,
-                          height: ge,
+                          width: le,
+                          height: ve,
                           fill: ie.color || "black",
-                          opacity: i && ae === ee ? 0.4 : 1,
+                          opacity: i && Ae === ee ? 0.4 : 1,
                           rx: 3,
                           stroke: ue ? "black" : "none"
                         },
@@ -45219,8 +45234,8 @@ const qW = ({ crossProps: t, left: e, top: r, median: n, firstQuartile: a, third
                           y0,
                           {
                             r: N(ie.lollipopValue) * 1.5,
-                            cx: ie.value < 0 ? fe : fe + se,
-                            cy: j + ge / 2,
+                            cx: ie.value < 0 ? fe : fe + le,
+                            cy: j + ve / 2,
                             fill: ie.color,
                             stroke: ue ? "black" : "none"
                           }
@@ -45229,8 +45244,8 @@ const qW = ({ crossProps: t, left: e, top: r, median: n, firstQuartile: a, third
                           y0,
                           {
                             r: N(ie.lollipopValue),
-                            cx: ie.value < 0 ? fe : fe + se,
-                            cy: j + ge / 2,
+                            cx: ie.value < 0 ? fe : fe + le,
+                            cy: j + ve / 2,
                             fill: "black"
                           }
                         )