@squeed/flow-sdk 0.1.7 → 0.1.10

package/dist/index.js

@@ -1,4 +1,4 @@
-import { jsx as be, jsxs as Ar, Fragment as Ji } from "react/jsx-runtime";
+import { jsx as be, jsxs as Sr, Fragment as Ji } from "react/jsx-runtime";
 import { useColorModeValue as lt, Box as cr, Tooltip as en, Flex as nt, Icon as zr, HStack as pm, IconButton as vn, Text as Nn, Input as uq, Divider as lq } from "@chakra-ui/react";
 import lo, { createContext as fq, useContext as cq, useRef as _r, useState as $r, useMemo as Vt, memo as Nm, useCallback as pn, useEffect as Ir, createElement as dq } from "react";
 import { PiPlusBold as Y1, PiMinusBold as Z1, PiGear as vq, PiNotepad as hq, PiArrowUpLight as gq, PiArrowDownLight as pq, PiArrowArcRightLight as yq, PiArrowArcLeftLight as mq, PiLineVerticalBold as bq, PiPushPinFill as wq, PiPushPin as xq, PiLineVerticalThin as ai, PiHandGrabbing as Eq, PiPencilSimpleLine as Cq, PiCaretRight as _q, PiCaretLeft as Sq, PiCaretUp as Tq } from "react-icons/pi";
@@ -155,7 +155,7 @@ function kq({
 }
 const Lq = ({ children: r, pattern: e = "dot", backgroundColor: t }) => {
   const n = lt("--chakra-colors-gray-500", "--chakra-colors-gray-700"), a = lt("--chakra-colors-gray-800", "--chakra-colors-gray-700");
-  return e === "none" ? /* @__PURE__ */ be(cr, { width: "100%", height: "100%", padding: 0, bg: t, children: r }) : /* @__PURE__ */ Ar(cr, { position: "relative", width: "100%", height: "100%", padding: 0, bg: t, children: [
+  return e === "none" ? /* @__PURE__ */ be(cr, { width: "100%", height: "100%", padding: 0, bg: t, children: r }) : /* @__PURE__ */ Sr(cr, { position: "relative", width: "100%", height: "100%", padding: 0, bg: t, children: [
     /* @__PURE__ */ be(
       cr,
       {
@@ -343,7 +343,7 @@ const Q1 = ({ icon: r, label: e, onClick: t, color: n, boxSize: a = 6, ...i }) =
   }, []), N = pn(() => {
     b.current && clearTimeout(b.current), x(!1);
   }, []);
-  return n ? /* @__PURE__ */ Ar(
+  return n ? /* @__PURE__ */ Sr(
     cr,
     {
       ref: m,
@@ -354,7 +354,7 @@ const Q1 = ({ icon: r, label: e, onClick: t, color: n, boxSize: a = 6, ...i }) =
       cursor: "pointer",
       position: "relative",
       children: [
-        !s && (P || A && A.length > 0) && w && !D && /* @__PURE__ */ Ar(Ji, { children: [
+        !s && (P || A && A.length > 0) && w && !D && /* @__PURE__ */ Sr(Ji, { children: [
           /* @__PURE__ */ be(
             cr,
             {
@@ -407,7 +407,7 @@ const Q1 = ({ icon: r, label: e, onClick: t, color: n, boxSize: a = 6, ...i }) =
               onMouseEnter: () => x(!0),
               onMouseLeave: N,
               willChange: "transform",
-              children: /* @__PURE__ */ be(pm, { px: 2, spacing: 2, children: A.map((q, $) => /* @__PURE__ */ Ar(cr, { display: "contents", children: [
+              children: /* @__PURE__ */ be(pm, { px: 2, spacing: 2, children: A.map((q, $) => /* @__PURE__ */ Sr(cr, { display: "contents", children: [
                 $ > 0 && /* @__PURE__ */ be(
                   cr,
                   {
@@ -485,7 +485,7 @@ const Q1 = ({ icon: r, label: e, onClick: t, color: n, boxSize: a = 6, ...i }) =
         })()
       ]
     }
-  ) : /* @__PURE__ */ Ar(
+  ) : /* @__PURE__ */ Sr(
     cr,
     {
       ref: m,
@@ -497,7 +497,7 @@ const Q1 = ({ icon: r, label: e, onClick: t, color: n, boxSize: a = 6, ...i }) =
       transition: "transform 0.1s ease",
       position: "relative",
       children: [
-        !s && (P || A && A.length > 0) && w && !D && /* @__PURE__ */ Ar(Ji, { children: [
+        !s && (P || A && A.length > 0) && w && !D && /* @__PURE__ */ Sr(Ji, { children: [
           /* @__PURE__ */ be(
             cr,
             {
@@ -550,7 +550,7 @@ const Q1 = ({ icon: r, label: e, onClick: t, color: n, boxSize: a = 6, ...i }) =
               onMouseEnter: () => x(!0),
               onMouseLeave: N,
               willChange: "transform",
-              children: /* @__PURE__ */ be(pm, { px: 2, spacing: 2, children: A.map((q, $) => /* @__PURE__ */ Ar(cr, { display: "contents", children: [
+              children: /* @__PURE__ */ be(pm, { px: 2, spacing: 2, children: A.map((q, $) => /* @__PURE__ */ Sr(cr, { display: "contents", children: [
                 $ > 0 && /* @__PURE__ */ be(
                   cr,
                   {
@@ -584,7 +584,7 @@ const Q1 = ({ icon: r, label: e, onClick: t, color: n, boxSize: a = 6, ...i }) =
             }
           )
         ] }),
-        /* @__PURE__ */ Ar(cr, { position: "relative", display: "flex", h: "100%", w: "100%", children: [
+        /* @__PURE__ */ Sr(cr, { position: "relative", display: "flex", h: "100%", w: "100%", children: [
           ((W = r == null ? void 0 : r.config) == null ? void 0 : W.collapsed) !== void 0 && !n && (() => {
             var j;
             const q = h === "TB" || h === "BT", $ = t || h === "RL";
@@ -901,7 +901,7 @@ const iR = ({ nodeId: r, label: e, color: t, fontWeight: n = "bold", fontSize: a
         borderColor: i ? "white" : s.hexborderColor,
         _hover: { borderColor: "white" },
         borderWidth: 3,
-        children: /* @__PURE__ */ Ar(
+        children: /* @__PURE__ */ Sr(
           nt,
           {
             width: "100%",
@@ -911,7 +911,7 @@ const iR = ({ nodeId: r, label: e, color: t, fontWeight: n = "bold", fontSize: a
             borderWidth: 0,
             overflow: "hidden",
             children: [
-              a.headerTitle && /* @__PURE__ */ Ar(
+              a.headerTitle && /* @__PURE__ */ Sr(
                 nt,
                 {
                   justify: "flex-start",
@@ -970,8 +970,8 @@ const iR = ({ nodeId: r, label: e, color: t, fontWeight: n = "bold", fontSize: a
               ) : /* @__PURE__ */ be(cr, { children: Object.entries(a.description || {}).map(([C, T], S) => {
                 var P, D;
                 const _ = ra(s.wordBeforeDot)[typeof T], A = ra(s.wordBeforeDot).property;
-                return /* @__PURE__ */ Ar(cr, { children: [
-                  /* @__PURE__ */ Ar(nt, { flexWrap: "nowrap", overflow: "hidden", children: [
+                return /* @__PURE__ */ Sr(cr, { children: [
+                  /* @__PURE__ */ Sr(nt, { flexWrap: "nowrap", overflow: "hidden", children: [
                     /* @__PURE__ */ be(
                       nt,
                       {
@@ -1034,7 +1034,7 @@ const iR = ({ nodeId: r, label: e, color: t, fontWeight: n = "bold", fontSize: a
         borderColor: n ? "white" : a.hexborderColor,
         _hover: { borderColor: "white" },
         borderWidth: 3,
-        children: t.headerTitle && /* @__PURE__ */ Ar(
+        children: t.headerTitle && /* @__PURE__ */ Sr(
           nt,
           {
             justify: "flex-start",
@@ -1430,10 +1430,10 @@ var rN = it(""), gR = it({}), tN = it(function() {
   return e != null && it(e) == rN;
 }, Vr = function(e) {
   return e != null && it(e) === tN;
-}, Sr = function(e) {
+}, Tr = function(e) {
   return !rn(e) && (Array.isArray ? Array.isArray(e) : e != null && e instanceof Array);
 }, gr = function(e) {
-  return e != null && it(e) === gR && !Sr(e) && e.constructor === Object;
+  return e != null && it(e) === gR && !Tr(e) && e.constructor === Object;
 }, aN = function(e) {
   return e != null && it(e) === gR;
 }, Ie = function(e) {
@@ -1557,7 +1557,7 @@ var rN = it(""), gR = it({}), tN = it(function() {
 }, xN = function(e) {
   return EN[e.toLowerCase()];
 }, wR = function(e) {
-  return (Sr(e) ? e : null) || xN(e) || mN(e) || wN(e) || bN(e);
+  return (Tr(e) ? e : null) || xN(e) || mN(e) || wN(e) || bN(e);
 }, EN = {
   // special colour names
   transparent: [0, 0, 0, 0],
@@ -2039,7 +2039,7 @@ var pw = !0, FN = console.warn != null, zN = console.trace != null, Gm = Number.
 }, $N = function(e) {
   return Ke({}, e);
 }, Fn = function(e) {
-  return e == null ? e : Sr(e) ? e.slice() : gr(e) ? $N(e) : e;
+  return e == null ? e : Tr(e) ? e.slice() : gr(e) ? $N(e) : e;
 }, VN = function(e) {
   return e.slice();
 }, DR = function(e, t) {
@@ -2275,7 +2275,7 @@ var pw = !0, FN = console.warn != null, zN = console.trace != null, Gm = Number.
     };
   }
   var u = [];
-  Sr(t.classes) ? u = t.classes : Ue(t.classes) && (u = t.classes.split(/\s+/));
+  Tr(t.classes) ? u = t.classes : Ue(t.classes) && (u = t.classes.split(/\s+/));
   for (var c = 0, d = u.length; c < d; c++) {
     var h = u[c];
     !h || h === "" || i.classes.add(h);
@@ -5388,7 +5388,7 @@ var b5 = {
       return t[0]._private.classes.forEach(function(p) {
         return n.push(p);
       }), n;
-    } else Sr(e) || (e = (e || "").match(/\S+/g) || []);
+    } else Tr(e) || (e = (e || "").match(/\S+/g) || []);
     for (var a = [], i = new ho(e), o = 0; o < t.length; o++) {
       for (var s = t[o], l = s._private, u = l.classes, c = !1, d = 0; d < e.length; d++) {
         var h = e[d], g = u.has(h);
@@ -5409,7 +5409,7 @@ var b5 = {
     return t != null && t._private.classes.has(e);
   },
   toggleClass: function(e, t) {
-    Sr(e) || (e = e.match(/\S+/g) || []);
+    Tr(e) || (e = e.match(/\S+/g) || []);
     for (var n = this, a = t === void 0, i = [], o = 0, s = n.length; o < s; o++)
       for (var l = n[o], u = l._private.classes, c = !1, d = 0; d < e.length; d++) {
         var h = e[d], g = u.has(h), p = !1;
@@ -7246,7 +7246,7 @@ function Rl() {
 }
 var Oa = Rl.prototype, dA = function(e, t, n, a, i, o, s) {
   Vr(a) && (i = a, a = null), s && (o == null ? o = s : o = Ke({}, o, s));
-  for (var l = Sr(n) ? n : n.split(/\s+/), u = 0; u < l.length; u++) {
+  for (var l = Tr(n) ? n : n.split(/\s+/), u = 0; u < l.length; u++) {
     var c = l[u];
     if (!Ia(c)) {
       var d = c.match(fA);
@@ -7267,7 +7267,7 @@ var Oa = Rl.prototype, dA = function(e, t, n, a, i, o, s) {
     t(e, Vx(e, n));
     return;
   }
-  for (var a = Sr(n) ? n : n.split(/\s+/), i = 0; i < a.length; i++) {
+  for (var a = Tr(n) ? n : n.split(/\s+/), i = 0; i < a.length; i++) {
     var o = a[i];
     if (!Ia(o)) {
       var s = o.match(fA);
@@ -7323,7 +7323,7 @@ Oa.removeAllListeners = function() {
 };
 Oa.emit = Oa.trigger = function(r, e, t) {
   var n = this.listeners, a = n.length;
-  return this.emitting++, Sr(e) || (e = [e]), e$(this, function(i, o) {
+  return this.emitting++, Tr(e) || (e = [e]), e$(this, function(i, o) {
     t != null && (n = [{
       event: o.event,
       type: o.type,
@@ -8132,7 +8132,7 @@ function Gx(r) {
     } else if (e.length === 1 && Vr(e[0])) {
       var i = e[0];
       this.on(r.event, i);
-    } else if (e.length === 0 || e.length === 1 && Sr(e[0])) {
+    } else if (e.length === 0 || e.length === 1 && Tr(e[0])) {
       for (var o = e.length === 1 ? e[0] : null, s = 0; s < this.length; s++) {
         var l = this[s], u = !r.ableField || l._private[r.ableField], c = l._private[r.field] != r.value;
         if (r.overrideAble) {
@@ -8798,13 +8798,13 @@ var l$ = {
         }
         t = new bt(n, i);
       }
-    } else if (Sr(e)) {
+    } else if (Tr(e)) {
       var l = e;
       t = new bt(n, l);
-    } else if (gr(e) && (Sr(e.nodes) || Sr(e.edges))) {
+    } else if (gr(e) && (Tr(e.nodes) || Tr(e.edges))) {
       for (var u = e, c = [], d = ["nodes", "edges"], h = 0, g = d.length; h < g; h++) {
         var p = d[h], E = u[p];
-        if (Sr(E))
+        if (Tr(E))
           for (var m = 0, b = E.length; m < b; m++) {
             var w = Ke({
               group: p
@@ -8940,7 +8940,7 @@ var c$ = /* @__PURE__ */ (function() {
       return l[E * (l.length - 1) | 0];
     } : u;
   };
-})(), Rr = function(e, t, n, a) {
+})(), Ar = function(e, t, n, a) {
   var i = f$(e, t, n, a);
   return function(o, s, l) {
     return o + (s - o) * i(l);
@@ -8950,38 +8950,38 @@ var c$ = /* @__PURE__ */ (function() {
     return e + (t - e) * n;
   },
   // default easings
-  ease: Rr(0.25, 0.1, 0.25, 1),
-  "ease-in": Rr(0.42, 0, 1, 1),
-  "ease-out": Rr(0, 0, 0.58, 1),
-  "ease-in-out": Rr(0.42, 0, 0.58, 1),
+  ease: Ar(0.25, 0.1, 0.25, 1),
+  "ease-in": Ar(0.42, 0, 1, 1),
+  "ease-out": Ar(0, 0, 0.58, 1),
+  "ease-in-out": Ar(0.42, 0, 0.58, 1),
   // sine
-  "ease-in-sine": Rr(0.47, 0, 0.745, 0.715),
-  "ease-out-sine": Rr(0.39, 0.575, 0.565, 1),
-  "ease-in-out-sine": Rr(0.445, 0.05, 0.55, 0.95),
+  "ease-in-sine": Ar(0.47, 0, 0.745, 0.715),
+  "ease-out-sine": Ar(0.39, 0.575, 0.565, 1),
+  "ease-in-out-sine": Ar(0.445, 0.05, 0.55, 0.95),
   // quad
-  "ease-in-quad": Rr(0.55, 0.085, 0.68, 0.53),
-  "ease-out-quad": Rr(0.25, 0.46, 0.45, 0.94),
-  "ease-in-out-quad": Rr(0.455, 0.03, 0.515, 0.955),
+  "ease-in-quad": Ar(0.55, 0.085, 0.68, 0.53),
+  "ease-out-quad": Ar(0.25, 0.46, 0.45, 0.94),
+  "ease-in-out-quad": Ar(0.455, 0.03, 0.515, 0.955),
   // cubic
-  "ease-in-cubic": Rr(0.55, 0.055, 0.675, 0.19),
-  "ease-out-cubic": Rr(0.215, 0.61, 0.355, 1),
-  "ease-in-out-cubic": Rr(0.645, 0.045, 0.355, 1),
+  "ease-in-cubic": Ar(0.55, 0.055, 0.675, 0.19),
+  "ease-out-cubic": Ar(0.215, 0.61, 0.355, 1),
+  "ease-in-out-cubic": Ar(0.645, 0.045, 0.355, 1),
   // quart
-  "ease-in-quart": Rr(0.895, 0.03, 0.685, 0.22),
-  "ease-out-quart": Rr(0.165, 0.84, 0.44, 1),
-  "ease-in-out-quart": Rr(0.77, 0, 0.175, 1),
+  "ease-in-quart": Ar(0.895, 0.03, 0.685, 0.22),
+  "ease-out-quart": Ar(0.165, 0.84, 0.44, 1),
+  "ease-in-out-quart": Ar(0.77, 0, 0.175, 1),
   // quint
-  "ease-in-quint": Rr(0.755, 0.05, 0.855, 0.06),
-  "ease-out-quint": Rr(0.23, 1, 0.32, 1),
-  "ease-in-out-quint": Rr(0.86, 0, 0.07, 1),
+  "ease-in-quint": Ar(0.755, 0.05, 0.855, 0.06),
+  "ease-out-quint": Ar(0.23, 1, 0.32, 1),
+  "ease-in-out-quint": Ar(0.86, 0, 0.07, 1),
   // expo
-  "ease-in-expo": Rr(0.95, 0.05, 0.795, 0.035),
-  "ease-out-expo": Rr(0.19, 1, 0.22, 1),
-  "ease-in-out-expo": Rr(1, 0, 0, 1),
+  "ease-in-expo": Ar(0.95, 0.05, 0.795, 0.035),
+  "ease-out-expo": Ar(0.19, 1, 0.22, 1),
+  "ease-in-out-expo": Ar(1, 0, 0, 1),
   // circ
-  "ease-in-circ": Rr(0.6, 0.04, 0.98, 0.335),
-  "ease-out-circ": Rr(0.075, 0.82, 0.165, 1),
-  "ease-in-out-circ": Rr(0.785, 0.135, 0.15, 0.86),
+  "ease-in-circ": Ar(0.6, 0.04, 0.98, 0.335),
+  "ease-out-circ": Ar(0.075, 0.82, 0.165, 1),
+  "ease-in-out-circ": Ar(0.785, 0.135, 0.15, 0.86),
   // user param easings...
   spring: function(e, t, n) {
     if (n === 0)
@@ -8991,7 +8991,7 @@ var c$ = /* @__PURE__ */ (function() {
       return i + (o - i) * a(s);
     };
   },
-  "cubic-bezier": Rr
+  "cubic-bezier": Ar
 };
 function Xx(r, e, t, n, a) {
   if (n === 1 || e === t)
@@ -9008,7 +9008,7 @@ function Hi(r, e, t, n, a) {
   var o = jx(r, a), s = jx(e, a);
   if (Ie(o) && Ie(s))
     return Xx(i, o, s, t, n);
-  if (Sr(o) && Sr(s)) {
+  if (Tr(o) && Tr(s)) {
     for (var l = [], u = 0; u < s.length; u++) {
       var c = o[u], d = s[u];
       if (c != null && d != null) {
@@ -9338,7 +9338,7 @@ var Hu = {
   // - collection of elements in the graph on selector arg
   // - guarantee a returned collection when elements or collection specified
   collection: function(e, t) {
-    return Ue(e) ? this.$(e) : rn(e) ? e.collection() : Sr(e) ? (t || (t = {}), new bt(this, e, t.unique, t.removed)) : new bt(this);
+    return Ue(e) ? this.$(e) : rn(e) ? e.collection() : Tr(e) ? (t || (t = {}), new bt(this, e, t.unique, t.removed)) : new bt(this);
   },
   nodes: function(e) {
     var t = this.$(function(n) {
@@ -9622,7 +9622,7 @@ dt.updateTransitions = function(r, e) {
       var c = a[u], d = r.pstyle(c), h = e[c];
       if (h) {
         var g = h.prev, p = g, E = h.next != null ? h.next : d, m = !1, b = void 0, w = 1e-6;
-        p && (Ie(p.pfValue) && Ie(E.pfValue) ? (m = E.pfValue - p.pfValue, b = p.pfValue + w * m) : Ie(p.value) && Ie(E.value) ? (m = E.value - p.value, b = p.value + w * m) : Sr(p.value) && Sr(E.value) && (m = p.value[0] !== E.value[0] || p.value[1] !== E.value[1] || p.value[2] !== E.value[2], b = p.strValue), m && (s[c] = E.strValue, this.applyBypass(r, c, b), l = !0));
+        p && (Ie(p.pfValue) && Ie(E.pfValue) ? (m = E.pfValue - p.pfValue, b = p.pfValue + w * m) : Ie(p.value) && Ie(E.value) ? (m = E.value - p.value, b = p.value + w * m) : Tr(p.value) && Tr(E.value) && (m = p.value[0] !== E.value[0] || p.value[1] !== E.value[1] || p.value[2] !== E.value[2], b = p.strValue), m && (s[c] = E.strValue, this.applyBypass(r, c, b), l = !0));
       }
     }
     if (!l)
@@ -9787,7 +9787,7 @@ zn.getStylePropertyValue = function(r, e, t) {
           return m * c;
         }, h = function(m, b) {
           return d(m) + b;
-        }, g = Sr(s), p = g ? l.every(function(E) {
+        }, g = Tr(s), p = g ? l.every(function(E) {
           return E != null;
         }) : l != null;
         return p ? g ? s.map(function(E, m) {
@@ -11425,7 +11425,7 @@ Il.parseImpl = function(r, e, t, n) {
   }
   if (u.multiple && n !== "multiple") {
     var x;
-    if (l ? x = e.split(/\s+/) : Sr(e) ? x = e : x = [e], u.evenMultiple && x.length % 2 !== 0)
+    if (l ? x = e.split(/\s+/) : Tr(e) ? x = e : x = [e], u.evenMultiple && x.length % 2 !== 0)
       return null;
     for (var C = [], T = [], S = [], _ = "", A = !1, P = 0; P < x.length; P++) {
       var D = a.parse(r, x[P], t, "multiple");
@@ -11591,7 +11591,7 @@ At.cssRule = function(r, e) {
   return this;
 };
 At.append = function(r) {
-  return yR(r) ? r.appendToStyle(this) : Sr(r) ? this.appendFromJson(r) : Ue(r) && this.appendFromString(r), this;
+  return yR(r) ? r.appendToStyle(this) : Tr(r) ? this.appendFromJson(r) : Ue(r) && this.appendFromString(r), this;
 };
 ct.fromJson = function(r, e) {
   var t = new ct(r);
@@ -11618,7 +11618,7 @@ var b$ = {
   },
   setStyle: function(e) {
     var t = this._private;
-    return yR(e) ? t.style = e.generateStyle(this) : Sr(e) ? t.style = ct.fromJson(this, e) : Ue(e) ? t.style = ct.fromString(this, e) : t.style = ct(this), t.style;
+    return yR(e) ? t.style = e.generateStyle(this) : Tr(e) ? t.style = ct.fromJson(this, e) : Ue(e) ? t.style = ct.fromString(this, e) : t.style = ct(this), t.style;
   },
   // e.g. cy.data() changed => recalc ele mappers
   updateStyle: function() {
@@ -12037,7 +12037,7 @@ var ys = function(e) {
   var h = function(p, E, m) {
     t.notifications(!1);
     var b = t.mutableElements();
-    b.length > 0 && b.remove(), p != null && (gr(p) || Sr(p)) && t.add(p), t.one("layoutready", function(x) {
+    b.length > 0 && b.remove(), p != null && (gr(p) || Tr(p)) && t.add(p), t.one("layoutready", function(x) {
       t.notifications(!0), t.emit(x), t.one("load", E), t.emitAndNotify("load");
     }).one("layoutstop", function() {
       t.one("done", m), t.emit("done");
@@ -12148,12 +12148,12 @@ Ke(ol, {
             N.json(z);
           }
         };
-        if (Sr(e.elements))
+        if (Tr(e.elements))
           s(e.elements);
         else
           for (var l = ["nodes", "edges"], u = 0; u < l.length; u++) {
             var c = l[u], d = e.elements[c];
-            Sr(d) && s(d, c);
+            Tr(d) && s(d, c);
           }
         var h = t.collection();
         a.filter(function(x) {
@@ -12253,7 +12253,7 @@ mA.prototype.run = function() {
   }), a = t, i = r.directed, o = r.acyclic || r.maximal || r.maximalAdjustments > 0, s = !!r.boundingBox, l = Lt(s ? r.boundingBox : structuredClone(e.extent())), u;
   if (rn(r.roots))
     u = r.roots;
-  else if (Sr(r.roots)) {
+  else if (Tr(r.roots)) {
     for (var c = [], d = 0; d < r.roots.length; d++) {
       var h = r.roots[d], g = e.getElementById(h);
       c.push(g);
@@ -26227,40 +26227,35 @@ function YW() {
       if (a.dom_container)
         this._nodes_dom_container = a.dom_container;
       else {
-        let s = document.createElement("div");
-        s.style.position = "absolute", s.style.zIndex = 10, i.querySelector("canvas").parentNode.appendChild(s), this._nodes_dom_container = s;
-      }
-      this._resize_observer = new ResizeObserver((s) => {
-        for (let l of s) {
-          let u = l.target, c = u.__cy_id;
-          n.getElementById(c).style({ width: u.offsetWidth, height: u.offsetHeight, shape: "rectangle" });
-        }
-      }), n.on("add", "node", (s) => {
-        this._add_node(s.target);
-      }), n.on("remove", "node", (s) => {
-        this._remove_node(s.target);
+        let o = document.createElement("div");
+        o.style.position = "absolute", o.style.zIndex = 10, i.querySelector("canvas").parentNode.appendChild(o), this._nodes_dom_container = o;
+      }
+      this._resize_observer = new ResizeObserver((o) => {
+        for (let s of o) {
+          let l = s.target, u = l.__cy_id;
+          n.getElementById(u).style({ width: l.offsetWidth, height: l.offsetHeight, shape: "rectangle" });
+        }
+      }), n.on("add", "node", (o) => {
+        this._add_node(o.target);
+      }), n.on("remove", "node", (o) => {
+        this._remove_node(o.target);
       });
-      for (let s of n.nodes())
-        this._add_node(s);
-      this._nodes_dom_container.style.willChange = "transform", this._nodes_dom_container.style.backfaceVisibility = "hidden";
-      let o = null;
-      n.on("pan zoom", () => {
-        o === null && (o = requestAnimationFrame(() => {
-          o = null;
-          let s = n.pan(), l = n.zoom(), u = "translate3d(" + s.x + "px," + s.y + "px,0) scale(" + l + ")";
-          this._nodes_dom_container.style.transform = u;
-        }));
-      }), this._panZoomRafId = o, n.on("position bounds", "node", (s) => {
-        let l = s.target, u = l.id();
-        if (!this._node_dom[u])
+      for (let o of n.nodes())
+        this._add_node(o);
+      n.on("pan zoom", (o) => {
+        let s = n.pan(), l = n.zoom(), u = "translate(" + s.x + "px," + s.y + "px) scale(" + l + ")";
+        this._nodes_dom_container.style.msTransform = u, this._nodes_dom_container.style.transform = u;
+      }), n.on("position bounds", "node", (o) => {
+        let s = o.target, l = s.id();
+        if (!this._node_dom[l])
           return;
-        let c = this._node_dom[u], d = `translate(-50%, -50%) translate3d(${l.position("x").toFixed(2)}px, ${l.position("y").toFixed(2)}px, 0)`;
-        c.style.transform = d, c.style.display = "inline", c.style.position = "absolute", c.style["z-index"] = 10;
+        let u = this._node_dom[l], c = `translate(-50%, -50%) translate(${s.position("x").toFixed(2)}px, ${s.position("y").toFixed(2)}px)`;
+        u.style.webkitTransform = c, u.style.msTransform = c, u.style.transform = c, u.style.display = "inline", u.style.position = "absolute", u.style["z-index"] = 10;
       });
     }
     _add_node(n) {
       let a = n.data();
-      a.dom && (a.skip_node_append !== !0 && this._nodes_dom_container.appendChild(a.dom), a.dom.__cy_id = n.id(), a.dom.style.willChange = "transform", a.dom.style.backfaceVisibility = "hidden", this._node_dom[n.id()] = a.dom, this._resize_observer.observe(a.dom));
+      a.dom && (a.skip_node_append !== !0 && this._nodes_dom_container.appendChild(a.dom), a.dom.__cy_id = n.id(), this._node_dom[n.id()] = a.dom, this._resize_observer.observe(a.dom));
     }
     _remove_node(n) {
       let a = n.id(), i = this._node_dom[a];
@@ -26287,7 +26282,7 @@ function YW() {
         this._resize_observer.unobserve(this._node_dom[n]);
       for (; this._nodes_dom_container.firstChild; )
         this._nodes_dom_container.removeChild(this._nodes_dom_container.firstChild);
-      this._node_dom = {}, this._cy.removeListener("add", "node"), this._cy.removeListener("remove", "node"), this._cy.removeListener("pan zoom"), this._cy.removeListener("position bounds", "node"), this._params.dom_container || this._nodes_dom_container.parentNode.removeChild(this._nodes_dom_container), this._panZoomRafId !== null && cancelAnimationFrame(this._panZoomRafId), this._cy = null, this._params = null, this._nodes_dom_container = null, this._resize_observer = null;
+      this._node_dom = {}, this._cy.removeListener("add", "node"), this._cy.removeListener("remove", "node"), this._cy.removeListener("pan zoom"), this._cy.removeListener("position bounds", "node"), this._params.dom_container || this._nodes_dom_container.parentNode.removeChild(this._nodes_dom_container), this._cy = null, this._params = null, this._nodes_dom_container = null, this._resize_observer = null;
     }
   }
   function e(t) {
@@ -26365,8 +26360,8 @@ function QW() {
         "setTimeout"
       ], CD = -1, Dr = {};
       Dr[Qe] = Dr[Fe] = Dr[Be] = Dr[ge] = Dr[L] = Dr[oe] = Dr[pe] = Dr[me] = Dr[Ee] = !0, Dr[V] = Dr[Y] = Dr[ze] = Dr[ce] = Dr[Ze] = Dr[se] = Dr[Q] = Dr[ae] = Dr[fe] = Dr[Ce] = Dr[U] = Dr[he] = Dr[ye] = Dr[Te] = Dr[ke] = !1;
-      var Tr = {};
-      Tr[V] = Tr[Y] = Tr[ze] = Tr[Ze] = Tr[ce] = Tr[se] = Tr[Qe] = Tr[Fe] = Tr[Be] = Tr[ge] = Tr[L] = Tr[fe] = Tr[Ce] = Tr[U] = Tr[he] = Tr[ye] = Tr[Te] = Tr[Pe] = Tr[oe] = Tr[pe] = Tr[me] = Tr[Ee] = !0, Tr[Q] = Tr[ae] = Tr[ke] = !1;
+      var Rr = {};
+      Rr[V] = Rr[Y] = Rr[ze] = Rr[Ze] = Rr[ce] = Rr[se] = Rr[Qe] = Rr[Fe] = Rr[Be] = Rr[ge] = Rr[L] = Rr[fe] = Rr[Ce] = Rr[U] = Rr[he] = Rr[ye] = Rr[Te] = Rr[Pe] = Rr[oe] = Rr[pe] = Rr[me] = Rr[Ee] = !0, Rr[Q] = Rr[ae] = Rr[ke] = !1;
       var _D = {
         // Latin-1 Supplement block.
         À: "A",
@@ -27186,7 +27181,7 @@ function QW() {
               if (H = ie || Me ? {} : a1(f), !J)
                 return ie ? TB(f, ZI(H, f)) : SB(f, gb(H, f));
             } else {
-              if (!Tr[Ae])
+              if (!Rr[Ae])
                 return B ? f : {};
               H = NB(f, Ae, J);
             }
@@ -30007,25 +30002,26 @@ function JW({
     d.current !== null && d.current.stop(), c.current && (d.current = c.current.layout(t), (m = d.current) == null || m.run());
   }, [t]), p = J2.debounce(g, n);
   Ir(() => {
+    var x;
     if (!u.current) return;
     const m = gn({
       container: u.current,
       ...r
-    }), b = u.current.querySelector(".cytoscape-react-nodes-and-edges");
+    }), b = (x = u.current.parentElement) == null ? void 0 : x.querySelector(".cytoscape-react-nodes-and-edges");
     if (b && m.domNode({ dom_container: b }), c.current = e || m, u.current && (u.current.cy = c.current), o == null || o(c.current), i(m), u.current && c.current) {
-      const x = u.current.parentElement;
-      let C = 0, T = 0;
-      x && (C = x.clientHeight, T = x.clientWidth, C === 0 && (C = window.innerHeight - x.getBoundingClientRect().top - 100), T === 0 && (T = window.innerWidth)), C > 0 && T > 0 && (u.current.style.width = `${T}px`, u.current.style.height = `${C}px`), c.current.resize(), r.zoom && r.pan && c.current.viewport({ zoom: r.zoom, pan: r.pan });
+      const C = u.current.parentElement;
+      let T = 0, S = 0;
+      C && (T = C.clientHeight, S = C.clientWidth, T === 0 && (T = window.innerHeight - C.getBoundingClientRect().top - 100), S === 0 && (S = window.innerWidth)), T > 0 && S > 0 && (u.current.style.width = `${S}px`, u.current.style.height = `${T}px`), c.current.resize(), r.zoom && r.pan && c.current.viewport({ zoom: r.zoom, pan: r.pan });
     }
     l(!0);
     const w = new ResizeObserver(
       J2.debounce(() => {
         if (u.current && c.current) {
-          const x = u.current.parentElement;
-          let C = 0, T = 0;
-          x && (C = x.clientHeight, T = x.clientWidth, C === 0 && (C = window.innerHeight - x.getBoundingClientRect().top - 100), T === 0 && (T = window.innerWidth), C > 0 && T > 0 && (u.current.style.width = `${T}px`, u.current.style.height = `${C}px`));
-          const S = c.current.zoom() !== void 0 ? { zoom: c.current.zoom(), pan: c.current.pan() } : null;
-          c.current.resize(), S && c.current.viewport(S);
+          const C = u.current.parentElement;
+          let T = 0, S = 0;
+          C && (T = C.clientHeight, S = C.clientWidth, T === 0 && (T = window.innerHeight - C.getBoundingClientRect().top - 100), S === 0 && (S = window.innerWidth), T > 0 && S > 0 && (u.current.style.width = `${S}px`, u.current.style.height = `${T}px`));
+          const _ = c.current.zoom() !== void 0 ? { zoom: c.current.zoom(), pan: c.current.pan() } : null;
+          c.current.resize(), _ && c.current.viewport(_);
         }
       }, 50)
     );
@@ -30051,25 +30047,38 @@ function JW({
       }) : null;
     })) == null ? void 0 : m.filter(Boolean)) || [] : [];
   }, [a, s, p]);
-  return /* @__PURE__ */ be(
+  return /* @__PURE__ */ Sr(
     "div",
     {
-      ref: u,
-      className: "cytoscape-react-cy-container",
       style: {
         width: "100%",
         height: "100%",
         position: "relative",
         background: "transparent"
       },
-      children: /* @__PURE__ */ be(
-        "div",
-        {
-          className: "cytoscape-react-nodes-and-edges",
-          style: { pointerEvents: "none", position: "absolute", top: 0, left: 0, transformOrigin: "0 0", zIndex: 10 },
-          children: E
-        }
-      )
+      children: [
+        /* @__PURE__ */ be(
+          "div",
+          {
+            ref: u,
+            className: "cytoscape-react-cy-container",
+            style: {
+              width: "100%",
+              height: "100%",
+              position: "relative",
+              background: "transparent"
+            }
+          }
+        ),
+        /* @__PURE__ */ be(
+          "div",
+          {
+            className: "cytoscape-react-nodes-and-edges",
+            style: { pointerEvents: "none", position: "absolute", top: 0, left: 0, transformOrigin: "0 0", zIndex: 10 },
+            children: E
+          }
+        )
+      ]
     }
   );
 }
@@ -30370,7 +30379,7 @@ const rU = {
       (le = we.data) != null && le.source && !U.has(we.data.source) && U.set(we.data.source, we.data);
     return U;
   }, [e]), de = s.backgroundPattern || "dot";
-  return /* @__PURE__ */ be(Lq, { pattern: de, backgroundColor: s.backgroundColor, children: /* @__PURE__ */ be(cr, { ref: C, padding: 0, width: "100%", height: "100%", flex: 1, position: "relative", children: /* @__PURE__ */ Ar(
+  return /* @__PURE__ */ be(Lq, { pattern: de, backgroundColor: s.backgroundColor, children: /* @__PURE__ */ be(cr, { ref: C, padding: 0, width: "100%", height: "100%", flex: 1, position: "relative", children: /* @__PURE__ */ Sr(
     JW,
     {
       cyParams: Z,
@@ -30581,7 +30590,7 @@ const iU = [
     const te = r.current;
     te && te.edges().unselect(), (fe = x.onEdgeDeselect) == null || fe.call(x);
   }, [o, r, x]), ae = C.renderBottomBar;
-  return ae ? /* @__PURE__ */ Ar(Ji, { children: [
+  return ae ? /* @__PURE__ */ Sr(Ji, { children: [
     V && /* @__PURE__ */ be(cr, { position: "absolute", bottom: 5, left: "50%", transform: "translateX(-50%)", zIndex: 101, children: G({
       selectedNodeIds: n,
       selectedNodeData: Y,
@@ -30615,7 +30624,7 @@ const iU = [
       onEdgeDeselect: Q,
       callbacks: x
     }) })
-  ] }) : /* @__PURE__ */ Ar(Ji, { children: [
+  ] }) : /* @__PURE__ */ Sr(Ji, { children: [
     V && /* @__PURE__ */ be(cr, { position: "absolute", bottom: 5, left: "50%", transform: "translateX(-50%)", zIndex: 101, children: G({
       selectedNodeIds: n,
       selectedNodeData: Y,
@@ -30666,8 +30675,8 @@ const iU = [
         onMouseLeave: () => {
           b || (M(!1), z(!1));
         },
-        children: /* @__PURE__ */ Ar(nt, { w: "100%", px: 5, position: "absolute", bottom: 5, flexDirection: "row", justifyContent: "space-between", alignItems: "center", children: [
-          /* @__PURE__ */ be(cr, { bg: S, alignContent: "center", h: 50, borderColor: _, borderWidth: 1, borderRadius: "15px", children: /* @__PURE__ */ Ar(pm, { px: 2, spacing: 1, children: [
+        children: /* @__PURE__ */ Sr(nt, { w: "100%", px: 5, position: "absolute", bottom: 5, flexDirection: "row", justifyContent: "space-between", alignItems: "center", children: [
+          /* @__PURE__ */ be(cr, { bg: S, alignContent: "center", h: 50, borderColor: _, borderWidth: 1, borderRadius: "15px", children: /* @__PURE__ */ Sr(pm, { px: 2, spacing: 1, children: [
             /* @__PURE__ */ be(en, { label: b ? "Unpin" : "Pin", placement: "top", fontSize: "xs", children: /* @__PURE__ */ be(
               vn,
               {
@@ -30686,7 +30695,7 @@ const iU = [
             /* @__PURE__ */ be(en, { label: "Zoom Out", placement: "top", fontSize: "xs", children: /* @__PURE__ */ be(vn, { "aria-label": "Zoom out", icon: /* @__PURE__ */ be(zr, { as: Rq, boxSize: 5 }), size: "sm", variant: "ghost", color: P, onClick: () => ee("decrease") }) }),
             /* @__PURE__ */ be(en, { label: "Zoom In", placement: "top", fontSize: "xs", children: /* @__PURE__ */ be(vn, { "aria-label": "Zoom in", icon: /* @__PURE__ */ be(zr, { as: Pq, boxSize: 5 }), size: "sm", variant: "ghost", color: P, onClick: () => ee("increase") }) }),
             /* @__PURE__ */ be(en, { label: "Reset Zoom", placement: "top", fontSize: "xs", children: /* @__PURE__ */ be(vn, { "aria-label": "Reset zoom", icon: /* @__PURE__ */ be(zr, { as: Aq, boxSize: 5 }), size: "sm", variant: "ghost", color: P, onClick: () => ee("reset") }) }),
-            !Z && /* @__PURE__ */ Ar(Ji, { children: [
+            !Z && /* @__PURE__ */ Sr(Ji, { children: [
               /* @__PURE__ */ be(zr, { mx: -1, as: ai, boxSize: 5, color: _ }),
               /* @__PURE__ */ be(en, { label: s ? "Zoom Mode (z)" : "Pan Mode (z)", placement: "top", fontSize: "xs", children: /* @__PURE__ */ be(
                 vn,
@@ -30723,7 +30732,7 @@ const iU = [
                   onClick: () => h(!d)
                 }
               ) }),
-              C.edgeHandles !== !1 && /* @__PURE__ */ Ar(Ji, { children: [
+              C.edgeHandles !== !1 && /* @__PURE__ */ Sr(Ji, { children: [
                 /* @__PURE__ */ be(zr, { mx: -1, as: ai, boxSize: 5, color: _ }),
                 /* @__PURE__ */ be(en, { label: g ? "Draw Mode On" : "Draw Mode Off", placement: "top", fontSize: "xs", children: /* @__PURE__ */ be(
                   vn,
@@ -30766,8 +30775,8 @@ const iU = [
               }
             ) })
           ] }) }),
-          /* @__PURE__ */ Ar(cr, { position: "relative", ml: "auto", children: [
-            /* @__PURE__ */ be(cr, { bg: S, borderWidth: 1, borderColor: _, borderRadius: "15px", h: 50, px: 3, cursor: "pointer", onClick: () => j(!$), children: /* @__PURE__ */ Ar(nt, { align: "center", h: "100%", children: [
+          /* @__PURE__ */ Sr(cr, { position: "relative", ml: "auto", children: [
+            /* @__PURE__ */ be(cr, { bg: S, borderWidth: 1, borderColor: _, borderRadius: "15px", h: 50, px: 3, cursor: "pointer", onClick: () => j(!$), children: /* @__PURE__ */ Sr(nt, { align: "center", h: "100%", children: [
               /* @__PURE__ */ be(en, { label: "Flow Direction", placement: "top", fontSize: "xs", children: /* @__PURE__ */ be(
                 vn,
                 {
@@ -30780,7 +30789,7 @@ const iU = [
               ) }),
               /* @__PURE__ */ be(Nn, { fontSize: "xs", color: T ? "whiteAlpha.600" : "blackAlpha.500", ml: 1, children: t })
             ] }) }),
-            $ && /* @__PURE__ */ Ar(
+            $ && /* @__PURE__ */ Sr(
               cr,
               {
                 position: "absolute",
@@ -30796,7 +30805,7 @@ const iU = [
                 shadow: "lg",
                 onMouseLeave: () => j(!1),
                 children: [
-                  iU.map((te) => /* @__PURE__ */ Ar(
+                  iU.map((te) => /* @__PURE__ */ Sr(
                     nt,
                     {
                       align: "center",
@@ -30818,7 +30827,7 @@ const iU = [
                     },
                     te.value
                   )),
-                  /* @__PURE__ */ Ar(
+                  /* @__PURE__ */ Sr(
                     nt,
                     {
                       align: "center",
@@ -30866,7 +30875,7 @@ function TU({
   style: o,
   showBottomBar: s = !0
 }) {
-  return uU(), /* @__PURE__ */ be(kq, { config: n, callbacks: a, children: /* @__PURE__ */ Ar(
+  return uU(), /* @__PURE__ */ be(kq, { config: n, callbacks: a, children: /* @__PURE__ */ Sr(
     cr,
     {
       className: i,