@emporix/process-diagram 2.0.0-beta.2 → 2.0.0-beta.4

package/dist/index.mjs

@@ -1,266 +1,266 @@
-import { jsxs as C, Fragment as n1, jsx as t } from "react/jsx-runtime";
-import z, { forwardRef as b1, useState as E, useRef as $, useCallback as D, useImperativeHandle as N1, useEffect as q, createContext as k1, useMemo as S, useContext as B1, useLayoutEffect as M1 } from "react";
-import { createPortal as P1 } from "react-dom";
-const L1 = "_container_8wfnz_1", E1 = "_step_8wfnz_7", $1 = "_selected_8wfnz_23", T1 = "_selectedInvalid_8wfnz_29", O1 = "_isSet_8wfnz_35", S1 = "_invalid_8wfnz_39", H1 = "_filterFlag_8wfnz_45", W1 = "_title_8wfnz_73", z1 = "_icon_8wfnz_90", R1 = "_content_8wfnz_108", j1 = "_dotsButton_8wfnz_114", N = {
-  container: L1,
-  step: E1,
-  selected: $1,
-  selectedInvalid: T1,
-  isSet: O1,
+import { jsxs as h, Fragment as n1, jsx as e } from "react/jsx-runtime";
+import W, { forwardRef as k1, useState as E, useRef as $, useCallback as D, useImperativeHandle as B1, useEffect as Y, createContext as P1, useMemo as j, useContext as M1, useLayoutEffect as L1 } from "react";
+import { createPortal as E1 } from "react-dom";
+const $1 = "_container_1vo7a_1", T1 = "_step_1vo7a_7", O1 = "_selected_1vo7a_23", H1 = "_selectedInvalid_1vo7a_29", j1 = "_isSet_1vo7a_35", S1 = "_invalid_1vo7a_39", W1 = "_filterFlag_1vo7a_45", R1 = "_title_1vo7a_73", z1 = "_icon_1vo7a_90", D1 = "_content_1vo7a_108", Z1 = "_dotsButton_1vo7a_114", N = {
+  container: $1,
+  step: T1,
+  selected: O1,
+  selectedInvalid: H1,
+  isSet: j1,
   invalid: S1,
-  filterFlag: H1,
-  title: W1,
+  filterFlag: W1,
+  title: R1,
   icon: z1,
-  content: R1,
-  dotsButton: j1
+  content: D1,
+  dotsButton: Z1
 };
-var f1 = {
+var g1 = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, p1 = z.createContext && /* @__PURE__ */ z.createContext(f1), D1 = ["attr", "size", "title"];
-function Z1(e, n) {
-  if (e == null) return {};
-  var o = V1(e, n), i, r;
+}, p1 = W.createContext && /* @__PURE__ */ W.createContext(g1), V1 = ["attr", "size", "title"];
+function F1(t, n) {
+  if (t == null) return {};
+  var o = Y1(t, n), i, r;
   if (Object.getOwnPropertySymbols) {
-    var c = Object.getOwnPropertySymbols(e);
+    var c = Object.getOwnPropertySymbols(t);
     for (r = 0; r < c.length; r++)
-      i = c[r], !(n.indexOf(i) >= 0) && Object.prototype.propertyIsEnumerable.call(e, i) && (o[i] = e[i]);
+      i = c[r], !(n.indexOf(i) >= 0) && Object.prototype.propertyIsEnumerable.call(t, i) && (o[i] = t[i]);
   }
   return o;
 }
-function V1(e, n) {
-  if (e == null) return {};
+function Y1(t, n) {
+  if (t == null) return {};
   var o = {};
-  for (var i in e)
-    if (Object.prototype.hasOwnProperty.call(e, i)) {
+  for (var i in t)
+    if (Object.prototype.hasOwnProperty.call(t, i)) {
       if (n.indexOf(i) >= 0) continue;
-      o[i] = e[i];
+      o[i] = t[i];
     }
   return o;
 }
-function X() {
-  return X = Object.assign ? Object.assign.bind() : function(e) {
+function G() {
+  return G = Object.assign ? Object.assign.bind() : function(t) {
     for (var n = 1; n < arguments.length; n++) {
       var o = arguments[n];
       for (var i in o)
-        Object.prototype.hasOwnProperty.call(o, i) && (e[i] = o[i]);
+        Object.prototype.hasOwnProperty.call(o, i) && (t[i] = o[i]);
     }
-    return e;
-  }, X.apply(this, arguments);
+    return t;
+  }, G.apply(this, arguments);
 }
-function u1(e, n) {
-  var o = Object.keys(e);
+function u1(t, n) {
+  var o = Object.keys(t);
   if (Object.getOwnPropertySymbols) {
-    var i = Object.getOwnPropertySymbols(e);
+    var i = Object.getOwnPropertySymbols(t);
     n && (i = i.filter(function(r) {
-      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+      return Object.getOwnPropertyDescriptor(t, r).enumerable;
     })), o.push.apply(o, i);
   }
   return o;
 }
-function G(e) {
+function K(t) {
   for (var n = 1; n < arguments.length; n++) {
     var o = arguments[n] != null ? arguments[n] : {};
     n % 2 ? u1(Object(o), !0).forEach(function(i) {
-      F1(e, i, o[i]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(o)) : u1(Object(o)).forEach(function(i) {
-      Object.defineProperty(e, i, Object.getOwnPropertyDescriptor(o, i));
+      A1(t, i, o[i]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(o)) : u1(Object(o)).forEach(function(i) {
+      Object.defineProperty(t, i, Object.getOwnPropertyDescriptor(o, i));
     });
   }
-  return e;
+  return t;
 }
-function F1(e, n, o) {
-  return n = q1(n), n in e ? Object.defineProperty(e, n, { value: o, enumerable: !0, configurable: !0, writable: !0 }) : e[n] = o, e;
+function A1(t, n, o) {
+  return n = X1(n), n in t ? Object.defineProperty(t, n, { value: o, enumerable: !0, configurable: !0, writable: !0 }) : t[n] = o, t;
 }
-function q1(e) {
-  var n = Y1(e, "string");
+function X1(t) {
+  var n = G1(t, "string");
   return typeof n == "symbol" ? n : n + "";
 }
-function Y1(e, n) {
-  if (typeof e != "object" || !e) return e;
-  var o = e[Symbol.toPrimitive];
+function G1(t, n) {
+  if (typeof t != "object" || !t) return t;
+  var o = t[Symbol.toPrimitive];
   if (o !== void 0) {
-    var i = o.call(e, n);
+    var i = o.call(t, n);
     if (typeof i != "object") return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (n === "string" ? String : Number)(e);
+  return (n === "string" ? String : Number)(t);
 }
-function g1(e) {
-  return e && e.map((n, o) => /* @__PURE__ */ z.createElement(n.tag, G({
+function f1(t) {
+  return t && t.map((n, o) => /* @__PURE__ */ W.createElement(n.tag, K({
     key: o
-  }, n.attr), g1(n.child)));
+  }, n.attr), f1(n.child)));
 }
-function V(e) {
-  return (n) => /* @__PURE__ */ z.createElement(A1, X({
-    attr: G({}, e.attr)
-  }, n), g1(e.child));
+function V(t) {
+  return (n) => /* @__PURE__ */ W.createElement(K1, G({
+    attr: K({}, t.attr)
+  }, n), f1(t.child));
 }
-function A1(e) {
+function K1(t) {
   var n = (o) => {
     var {
       attr: i,
       size: r,
       title: c
-    } = e, a = Z1(e, D1), d = r || o.size || "1em", s;
-    return o.className && (s = o.className), e.className && (s = (s ? s + " " : "") + e.className), /* @__PURE__ */ z.createElement("svg", X({
+    } = t, a = F1(t, V1), d = r || o.size || "1em", s;
+    return o.className && (s = o.className), t.className && (s = (s ? s + " " : "") + t.className), /* @__PURE__ */ W.createElement("svg", G({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
     }, o.attr, i, a, {
       className: s,
-      style: G(G({
-        color: e.color || o.color
-      }, o.style), e.style),
+      style: K(K({
+        color: t.color || o.color
+      }, o.style), t.style),
       height: d,
       width: d,
       xmlns: "http://www.w3.org/2000/svg"
-    }), c && /* @__PURE__ */ z.createElement("title", null, c), e.children);
+    }), c && /* @__PURE__ */ W.createElement("title", null, c), t.children);
   };
-  return p1 !== void 0 ? /* @__PURE__ */ z.createElement(p1.Consumer, null, (o) => n(o)) : n(f1);
+  return p1 !== void 0 ? /* @__PURE__ */ W.createElement(p1.Consumer, null, (o) => n(o)) : n(g1);
 }
-function X1(e) {
-  return V({ attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M5.52.359A.5.5 0 0 1 6 0h4a.5.5 0 0 1 .474.658L8.694 6H12.5a.5.5 0 0 1 .395.807l-7 9a.5.5 0 0 1-.873-.454L6.823 9.5H3.5a.5.5 0 0 1-.48-.641zM6.374 1 4.168 8.5H7.5a.5.5 0 0 1 .478.647L6.78 13.04 11.478 7H8a.5.5 0 0 1-.474-.658L9.306 1z" }, child: [] }] })(e);
+function q1(t) {
+  return V({ attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M5.52.359A.5.5 0 0 1 6 0h4a.5.5 0 0 1 .474.658L8.694 6H12.5a.5.5 0 0 1 .395.807l-7 9a.5.5 0 0 1-.873-.454L6.823 9.5H3.5a.5.5 0 0 1-.48-.641zM6.374 1 4.168 8.5H7.5a.5.5 0 0 1 .478.647L6.78 13.04 11.478 7H8a.5.5 0 0 1-.474-.658L9.306 1z" }, child: [] }] })(t);
 }
-function G1(e) {
-  return V({ attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M12.146.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-10 10a.5.5 0 0 1-.168.11l-5 2a.5.5 0 0 1-.65-.65l2-5a.5.5 0 0 1 .11-.168zM11.207 2.5 13.5 4.793 14.793 3.5 12.5 1.207zm1.586 3L10.5 3.207 4 9.707V10h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.293zm-9.761 5.175-.106.106-1.528 3.821 3.821-1.528.106-.106A.5.5 0 0 1 5 12.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.468-.325" }, child: [] }] })(e);
+function v1(t) {
+  return V({ attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M12.146.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-10 10a.5.5 0 0 1-.168.11l-5 2a.5.5 0 0 1-.65-.65l2-5a.5.5 0 0 1 .11-.168zM11.207 2.5 13.5 4.793 14.793 3.5 12.5 1.207zm1.586 3L10.5 3.207 4 9.707V10h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.293zm-9.761 5.175-.106.106-1.528 3.821 3.821-1.528.106-.106A.5.5 0 0 1 5 12.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.468-.325" }, child: [] }] })(t);
 }
-function K(e) {
-  return V({ attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0" }, child: [] }] })(e);
+function q(t) {
+  return V({ attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0" }, child: [] }] })(t);
 }
-function J(e) {
-  return V({ attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0z" }, child: [] }, { tag: "path", attr: { d: "M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4zM2.5 3h11V2h-11z" }, child: [] }] })(e);
+function J(t) {
+  return V({ attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0z" }, child: [] }, { tag: "path", attr: { d: "M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4zM2.5 3h11V2h-11z" }, child: [] }] })(t);
 }
-const K1 = "_panel_19663_1", J1 = "_panelExiting_19663_13", Q1 = "_menuItem_19663_37", U1 = "_disabled_19663_52", ee = "_menuItemIcon_19663_57", te = "_menuItemText_19663_63", ne = "_overlay_19663_69", T = {
-  panel: K1,
-  panelExiting: J1,
-  menuItem: Q1,
-  disabled: U1,
-  menuItemIcon: ee,
-  menuItemText: te,
-  overlay: ne
-}, oe = (e) => {
-  const o = e.currentTarget ?? e.target;
+const J1 = "_panel_19663_1", Q1 = "_panelExiting_19663_13", U1 = "_menuItem_19663_37", tt = "_disabled_19663_52", et = "_menuItemIcon_19663_57", nt = "_menuItemText_19663_63", ot = "_overlay_19663_69", O = {
+  panel: J1,
+  panelExiting: Q1,
+  menuItem: U1,
+  disabled: tt,
+  menuItemIcon: et,
+  menuItemText: nt,
+  overlay: ot
+}, it = (t) => {
+  const o = t.currentTarget ?? t.target;
   if (o?.getBoundingClientRect) {
     const r = o.getBoundingClientRect();
     return { top: r.bottom + 2, left: r.left };
   }
-  const i = e;
+  const i = t;
   return {
     top: (i.clientY ?? 0) + 2,
     left: i.clientX ?? 0
   };
-}, Q = b1(function({ model: n, popup: o = !0, onHide: i, onClick: r }, c) {
-  const [a, d] = E(!1), [s, l] = E(!1), [f, b] = E({ top: 0, left: 0 }), x = $(null), v = D(() => {
+}, Q = k1(function({ model: n, popup: o = !0, onHide: i, onClick: r }, c) {
+  const [a, d] = E(!1), [s, l] = E(!1), [g, b] = E({ top: 0, left: 0 }), _ = $(null), x = D(() => {
     s || l(!0);
-  }, [s]), m = D(
-    (u) => {
-      s && u.animationName.includes("menuOut") && (d(!1), l(!1), i?.());
+  }, [s]), C = D(
+    (m) => {
+      s && m.animationName.includes("menuOut") && (d(!1), l(!1), i?.());
     },
     [s, i]
-  ), p = D((u) => {
-    b(oe(u)), l(!1), d(!0);
-  }, []), w = D(
-    (u) => {
-      a ? v() : p(u);
+  ), p = D((m) => {
+    b(it(m)), l(!1), d(!0);
+  }, []), I = D(
+    (m) => {
+      a ? x() : p(m);
     },
-    [a, v, p]
+    [a, x, p]
   );
-  N1(
+  B1(
     c,
     () => ({
       show: p,
-      hide: v,
-      toggle: w
+      hide: x,
+      toggle: I
     }),
-    [p, v, w]
-  ), q(() => {
+    [p, x, I]
+  ), Y(() => {
     if (!a) return;
-    const u = (L) => {
-      L.key === "Escape" && v();
-    }, I = (L) => {
-      const h = x.current;
-      h && !h.contains(L.target) && (L.stopPropagation(), v());
+    const m = (L) => {
+      L.key === "Escape" && x();
+    }, y = (L) => {
+      const u = _.current;
+      u && !u.contains(L.target) && (L.stopPropagation(), x());
     };
-    return document.addEventListener("keydown", u), document.addEventListener("mousedown", I), () => {
-      document.removeEventListener("keydown", u), document.removeEventListener("mousedown", I);
+    return document.addEventListener("keydown", m), document.addEventListener("mousedown", y), () => {
+      document.removeEventListener("keydown", m), document.removeEventListener("mousedown", y);
     };
-  }, [a, v]);
-  const y = (u, I) => {
-    I.stopPropagation(), u.command?.({ originalEvent: I, item: u }), v();
-  }, _ = (u, I) => {
-    const L = (h) => y(u, h);
-    return u.template ? /* @__PURE__ */ t(z.Fragment, { children: u.template(u, { onClick: L }) }, I) : /* @__PURE__ */ C(
+  }, [a, x]);
+  const w = (m, y) => {
+    y.stopPropagation(), m.command?.({ originalEvent: y, item: m }), x();
+  }, v = (m, y) => {
+    const L = (u) => w(m, u);
+    return m.template ? /* @__PURE__ */ e(W.Fragment, { children: m.template(m, { onClick: L }) }, y) : /* @__PURE__ */ h(
       "button",
       {
         type: "button",
-        className: `${T.menuItem} ${u.disabled && T.disabled}`,
-        onClick: (h) => {
-          u.disabled || L(h);
+        className: `${O.menuItem} ${m.disabled && O.disabled}`,
+        onClick: (u) => {
+          m.disabled || L(u);
         },
         children: [
-          u.icon && /* @__PURE__ */ t("span", { className: T.menuItemIcon, children: u.icon }),
-          /* @__PURE__ */ t("span", { className: T.menuItemText, children: u.label })
+          m.icon && /* @__PURE__ */ e("span", { className: O.menuItemIcon, children: m.icon }),
+          /* @__PURE__ */ e("span", { className: O.menuItemText, children: m.label })
         ]
       },
-      I
+      y
     );
   };
-  return !a || !o ? null : P1(
-    /* @__PURE__ */ C(n1, { children: [
-      /* @__PURE__ */ t(
+  return !a || !o ? null : E1(
+    /* @__PURE__ */ h(n1, { children: [
+      /* @__PURE__ */ e(
         "div",
         {
-          className: T.overlay,
+          className: O.overlay,
           "aria-hidden": !0,
-          onClick: () => v(),
-          onMouseDown: (u) => u.stopPropagation()
+          onClick: () => x(),
+          onMouseDown: (m) => m.stopPropagation()
         }
       ),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ e(
         "div",
         {
-          ref: x,
-          className: `${T.panel} ${s ? T.panelExiting : ""}`,
+          ref: _,
+          className: `${O.panel} ${s ? O.panelExiting : ""}`,
           role: "menu",
-          style: { top: f.top, left: f.left },
-          onAnimationEnd: m,
-          onClick: (u) => {
-            u.stopPropagation(), r?.(u);
+          style: { top: g.top, left: g.left },
+          onAnimationEnd: C,
+          onClick: (m) => {
+            m.stopPropagation(), r?.(m);
           },
-          children: n.map(_)
+          children: n.map(v)
         }
       )
     ] }),
     document.body
   );
-}), i1 = () => (e, n) => /* @__PURE__ */ C(
+}), i1 = () => (t, n) => /* @__PURE__ */ h(
   "button",
   {
-    className: T.menuItem,
+    className: O.menuItem,
     onClick: (o) => n.onClick(o),
     children: [
-      /* @__PURE__ */ t("span", { className: T.menuItemIcon, children: e.icon }),
-      /* @__PURE__ */ t("span", { className: T.menuItemText, children: e.label })
+      /* @__PURE__ */ e("span", { className: O.menuItemIcon, children: t.icon }),
+      /* @__PURE__ */ e("span", { className: O.menuItemText, children: t.label })
     ]
   }
-), ie = ({
-  width: e = 16,
+), rt = ({
+  width: t = 16,
   height: n = 16,
   color: o = "#3B64A0"
-}) => /* @__PURE__ */ C(
+}) => /* @__PURE__ */ h(
   "svg",
   {
-    width: e,
+    width: t,
     height: n,
     viewBox: "0 0 16 16",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ e(
         "rect",
         {
           x: "7.99219",
@@ -272,7 +272,7 @@ const K1 = "_panel_19663_1", J1 = "_panelExiting_19663_13", Q1 = "_menuItem_1966
           stroke: o
         }
       ),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ e(
         "path",
         {
           d: "M10.4693 5.52599L5.52513 10.4813M5.52513 5.53151L10.4749 10.4813",
@@ -282,27 +282,27 @@ const K1 = "_panel_19663_1", J1 = "_panelExiting_19663_13", Q1 = "_menuItem_1966
       )
     ]
   }
-), re = ({
-  width: e = 16,
+), st = ({
+  width: t = 16,
   height: n = 16,
   color: o = "#3B64A0"
-}) => /* @__PURE__ */ C(
+}) => /* @__PURE__ */ h(
   "svg",
   {
-    width: e,
+    width: t,
     height: n,
     viewBox: "0 0 16 16",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ e(
         "path",
         {
           d: "M11.5341 7.00002H15.4661C15.5136 7.00004 15.5601 7.01359 15.6002 7.03909C15.6403 7.06459 15.6722 7.10098 15.6924 7.144C15.7125 7.18702 15.72 7.23489 15.7139 7.282C15.7079 7.32912 15.6885 7.37352 15.6581 7.41002L13.6921 9.77002C13.6686 9.79816 13.6393 9.82079 13.6061 9.83633C13.5729 9.85186 13.5367 9.85991 13.5001 9.85991C13.4635 9.85991 13.4273 9.85186 13.3941 9.83633C13.3609 9.82079 13.3315 9.79816 13.3081 9.77002L11.3421 7.41002C11.3117 7.37352 11.2923 7.32912 11.2862 7.282C11.2802 7.23489 11.2876 7.18702 11.3078 7.144C11.3279 7.10098 11.3599 7.06459 11.4 7.03909C11.4401 7.01359 11.4866 7.00004 11.5341 7.00002ZM0.534086 9.00002H4.46609C4.51359 9.00001 4.56011 8.98645 4.60019 8.96096C4.64027 8.93546 4.67225 8.89907 4.6924 8.85605C4.71254 8.81303 4.72002 8.76516 4.71394 8.71804C4.70786 8.67093 4.68849 8.62652 4.65809 8.59002L2.69209 6.23002C2.66862 6.20189 2.63926 6.17925 2.60609 6.16372C2.57291 6.14819 2.53672 6.14014 2.50009 6.14014C2.46345 6.14014 2.42726 6.14819 2.39409 6.16372C2.36091 6.17925 2.33155 6.20189 2.30809 6.23002L0.342086 8.59002C0.311684 8.62652 0.29231 8.67093 0.286234 8.71804C0.280157 8.76516 0.287629 8.81303 0.307775 8.85605C0.327921 8.89907 0.359907 8.93546 0.399987 8.96096C0.440067 8.98645 0.486583 9.00001 0.534086 9.00002Z",
           fill: o
         }
       ),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ e(
         "path",
         {
           fillRule: "evenodd",
@@ -314,26 +314,26 @@ const K1 = "_panel_19663_1", J1 = "_panelExiting_19663_13", Q1 = "_menuItem_1966
     ]
   }
 ), h1 = ({
-  width: e = 16,
+  width: t = 16,
   height: n = 16,
   color: o = "#3B64A0"
-}) => /* @__PURE__ */ C(
+}) => /* @__PURE__ */ h(
   "svg",
   {
-    width: e,
+    width: t,
     height: n,
     viewBox: "0 0 16 16",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ e(
         "path",
         {
           d: "M8 15C6.14348 15 4.36301 14.2625 3.05025 12.9497C1.7375 11.637 1 9.85652 1 8C1 6.14348 1.7375 4.36301 3.05025 3.05025C4.36301 1.7375 6.14348 1 8 1C9.85652 1 11.637 1.7375 12.9497 3.05025C14.2625 4.36301 15 6.14348 15 8C15 9.85652 14.2625 11.637 12.9497 12.9497C11.637 14.2625 9.85652 15 8 15ZM8 16C10.1217 16 12.1566 15.1571 13.6569 13.6569C15.1571 12.1566 16 10.1217 16 8C16 5.87827 15.1571 3.84344 13.6569 2.34315C12.1566 0.842855 10.1217 0 8 0C5.87827 0 3.84344 0.842855 2.34315 2.34315C0.842855 3.84344 0 5.87827 0 8C0 10.1217 0.842855 12.1566 2.34315 13.6569C3.84344 15.1571 5.87827 16 8 16Z",
           fill: o
         }
       ),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ e(
         "path",
         {
           d: "M7 11.5C7 11.3674 7.05268 11.2402 7.14645 11.1464C7.24021 11.0527 7.36739 11 7.5 11H8.5C8.63261 11 8.75979 11.0527 8.85355 11.1464C8.94732 11.2402 9 11.3674 9 11.5C9 11.6326 8.94732 11.7598 8.85355 11.8536C8.75979 11.9473 8.63261 12 8.5 12H7.5C7.36739 12 7.24021 11.9473 7.14645 11.8536C7.05268 11.7598 7 11.6326 7 11.5ZM5 8.5C5 8.36739 5.05268 8.24021 5.14645 8.14645C5.24021 8.05268 5.36739 8 5.5 8H10.5C10.6326 8 10.7598 8.05268 10.8536 8.14645C10.9473 8.24021 11 8.36739 11 8.5C11 8.63261 10.9473 8.75979 10.8536 8.85355C10.7598 8.94732 10.6326 9 10.5 9H5.5C5.36739 9 5.24021 8.94732 5.14645 8.85355C5.05268 8.75979 5 8.63261 5 8.5ZM3 5.5C3 5.36739 3.05268 5.24021 3.14645 5.14645C3.24021 5.05268 3.36739 5 3.5 5H12.5C12.6326 5 12.7598 5.05268 12.8536 5.14645C12.9473 5.24021 13 5.36739 13 5.5C13 5.63261 12.9473 5.75979 12.8536 5.85355C12.7598 5.94732 12.6326 6 12.5 6H3.5C3.36739 6 3.24021 5.94732 3.14645 5.85355C3.05268 5.75979 3 5.63261 3 5.5Z",
@@ -342,16 +342,16 @@ const K1 = "_panel_19663_1", J1 = "_panelExiting_19663_13", Q1 = "_menuItem_1966
       )
     ]
   }
-), v1 = k1(
+), _1 = P1(
   void 0
-), Lt = ({ children: e }) => {
+), Le = ({ children: t }) => {
   const [n, o] = E([]), i = D((a, d) => {
     o((s) => (s.forEach((l) => {
       l.current && l !== a && l.current.hide(d);
     }), [])), a.current?.toggle(d), o([a]);
   }, []), r = D((a) => {
     o((d) => d.filter((s) => s !== a));
-  }, []), c = S(
+  }, []), c = j(
     () => ({
       openMenus: n,
       openMenu: i,
@@ -359,13 +359,13 @@ const K1 = "_panel_19663_1", J1 = "_panelExiting_19663_13", Q1 = "_menuItem_1966
     }),
     [n, i, r]
   );
-  return /* @__PURE__ */ t(v1.Provider, { value: c, children: e });
+  return /* @__PURE__ */ e(_1.Provider, { value: c, children: t });
 }, r1 = () => {
-  const e = B1(v1);
-  if (e === void 0)
+  const t = M1(_1);
+  if (t === void 0)
     throw new Error("useMenuProvider must be used within a MenuProvider");
-  return e;
-}, se = ({ color: e = "#E32012" }) => /* @__PURE__ */ C(
+  return t;
+}, lt = ({ color: t = "#E32012" }) => /* @__PURE__ */ h(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -374,17 +374,17 @@ const K1 = "_panel_19663_1", J1 = "_panelExiting_19663_13", Q1 = "_menuItem_1966
     viewBox: "0 0 16 16",
     fill: "none",
     children: [
-      /* @__PURE__ */ t("g", { clipPath: "url(#clip0_3105_5367)", children: /* @__PURE__ */ t(
+      /* @__PURE__ */ e("g", { clipPath: "url(#clip0_3105_5367)", children: /* @__PURE__ */ e(
         "path",
         {
           d: "M16 8C16 10.1217 15.1571 12.1566 13.6569 13.6569C12.1566 15.1571 10.1217 16 8 16C5.87827 16 3.84344 15.1571 2.34315 13.6569C0.842855 12.1566 0 10.1217 0 8C0 5.87827 0.842855 3.84344 2.34315 2.34315C3.84344 0.842855 5.87827 0 8 0C10.1217 0 12.1566 0.842855 13.6569 2.34315C15.1571 3.84344 16 5.87827 16 8ZM8 4C7.87361 4.00007 7.74863 4.02662 7.63312 4.07793C7.51761 4.12924 7.41413 4.20418 7.32934 4.29791C7.24456 4.39165 7.18035 4.5021 7.14084 4.62217C7.10134 4.74223 7.08743 4.86923 7.1 4.995L7.45 8.502C7.46176 8.63977 7.5248 8.76811 7.62664 8.86164C7.72849 8.95516 7.86173 9.00705 8 9.00705C8.13827 9.00705 8.27151 8.95516 8.37336 8.86164C8.4752 8.76811 8.53824 8.63977 8.55 8.502L8.9 4.995C8.91257 4.86923 8.89866 4.74223 8.85915 4.62217C8.81965 4.5021 8.75544 4.39165 8.67066 4.29791C8.58587 4.20418 8.48239 4.12924 8.36688 4.07793C8.25137 4.02662 8.12639 4.00007 8 4ZM8.002 10C7.73678 10 7.48243 10.1054 7.29489 10.2929C7.10736 10.4804 7.002 10.7348 7.002 11C7.002 11.2652 7.10736 11.5196 7.29489 11.7071C7.48243 11.8946 7.73678 12 8.002 12C8.26722 12 8.52157 11.8946 8.70911 11.7071C8.89664 11.5196 9.002 11.2652 9.002 11C9.002 10.7348 8.89664 10.4804 8.70911 10.2929C8.52157 10.1054 8.26722 10 8.002 10Z",
-          fill: e
+          fill: t
         }
       ) }),
-      /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_3105_5367", children: /* @__PURE__ */ t("rect", { width: "16", height: "16", fill: "white" }) }) })
+      /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "clip0_3105_5367", children: /* @__PURE__ */ e("rect", { width: "16", height: "16", fill: "white" }) }) })
     ]
   }
-), s1 = (e) => {
+), s1 = (t) => {
   const {
     isSet: n,
     isSelected: o,
@@ -395,117 +395,118 @@ const K1 = "_panel_19663_1", J1 = "_panelExiting_19663_13", Q1 = "_menuItem_1966
     contextMenuItems: d = void 0,
     onDeleteStep: s,
     onUpdateFilter: l,
-    onSelectStep: f,
+    onSelectStep: g,
     subtitle: b,
-    isInvalid: x,
-    localId: v
-  } = e, m = $(null), { openMenu: p, closeMenu: w } = r1(), y = i1(), _ = S(
+    isInvalid: _,
+    localId: x
+  } = t, C = $(null), { openMenu: p, closeMenu: I } = r1(), w = i1(), v = j(
     () => [
       {
         label: "Add Step Filter",
-        icon: /* @__PURE__ */ t("div", { className: "mr-2 flex items-center justify-center", children: /* @__PURE__ */ t(h1, {}) }),
-        command: (g) => {
-          g?.originalEvent?.stopPropagation(), l && l(v);
+        icon: /* @__PURE__ */ e("div", { className: "mr-2 flex items-center justify-center", children: /* @__PURE__ */ e(h1, {}) }),
+        command: (f) => {
+          f?.originalEvent?.stopPropagation(), l && l(x);
         },
-        template: y
+        template: w
       },
       {
         label: "Remove",
-        icon: /* @__PURE__ */ t(J, { color: "#3B64A0", size: 18 }),
-        command: (g) => {
-          g?.originalEvent?.stopPropagation(), s && s(v);
+        icon: /* @__PURE__ */ e(J, { color: "#3B64A0", size: 18 }),
+        command: (f) => {
+          f?.originalEvent?.stopPropagation(), s && s(x);
         },
-        template: y
+        template: w
       }
     ],
-    [l, s, v, y]
-  ), u = S(() => d !== void 0 ? d : _, [d, _]), I = (g) => {
-    g.stopPropagation(), p(m, g);
-  }, L = S(() => o && x ? N.step + " " + N.selectedInvalid : o ? N.step + " " + N.selected : n ? N.step + " " + N.isSet : x ? N.step + " " + N.invalid : N.step, [n, o, x]), h = S(() => x ? /* @__PURE__ */ t(se, { color: "#E32012" }) : a, [a, x]);
-  return /* @__PURE__ */ t("div", { className: N.container + " " + r, children: /* @__PURE__ */ C("div", { children: [
-    /* @__PURE__ */ C("div", { className: L, onClick: () => f(v), children: [
-      /* @__PURE__ */ C("div", { className: N.content, children: [
-        /* @__PURE__ */ t("div", { className: `${N.icon} ${x && N.invalid}`, children: h }),
-        /* @__PURE__ */ t("div", { className: N.title, children: c })
+    [l, s, x, w]
+  ), m = j(() => d !== void 0 ? d : v, [d, v]), y = (f) => {
+    f.stopPropagation(), p(C, f);
+  }, L = j(() => o && _ ? N.step + " " + N.selectedInvalid : o ? N.step + " " + N.selected : n ? N.step + " " + N.isSet : _ ? N.step + " " + N.invalid : N.step, [n, o, _]), u = j(() => _ ? /* @__PURE__ */ e(lt, { color: "#E32012" }) : a, [a, _]);
+  return /* @__PURE__ */ e("div", { className: N.container + " " + r, children: /* @__PURE__ */ h("div", { children: [
+    /* @__PURE__ */ h("div", { className: L, onClick: () => g(x), children: [
+      /* @__PURE__ */ h("div", { className: N.content, children: [
+        /* @__PURE__ */ e("div", { className: `${N.icon} ${_ && N.invalid}`, children: u }),
+        /* @__PURE__ */ e("div", { className: N.title, children: c })
       ] }),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ e(
         "button",
         {
           className: N.dotsButton,
-          onClick: I,
+          onClick: y,
           "aria-haspopup": !0,
           "aria-label": "Step options",
-          children: /* @__PURE__ */ t(
-            K,
+          children: /* @__PURE__ */ e(
+            q,
             {
               className: N.dots,
-              color: x ? "#E32012" : "#3B64A0"
+              color: _ ? "#E32012" : "#3B64A0",
+              size: 16
             }
           )
         }
       ),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ e(
         Q,
         {
-          model: u,
+          model: m,
           popup: !0,
-          ref: m,
-          onClick: (g) => g.stopPropagation(),
-          onHide: () => w(m)
+          ref: C,
+          onClick: (f) => f.stopPropagation(),
+          onHide: () => I(C)
         }
       )
     ] }),
-    i && /* @__PURE__ */ C(
+    i && /* @__PURE__ */ h(
       "div",
       {
         className: N.filterFlag,
         role: "button",
         tabIndex: 0,
         onClick: () => {
-          l && l(v);
+          l && l(x);
         },
-        onKeyDown: (g) => {
-          (g.key === "Enter" || g.key === " ") && l && (g.preventDefault(), l(v));
+        onKeyDown: (f) => {
+          (f.key === "Enter" || f.key === " ") && l && (f.preventDefault(), l(x));
         },
         children: [
-          /* @__PURE__ */ t(h1, { color: "#3B64A0" }),
-          /* @__PURE__ */ t("span", { children: "Filter" }),
-          /* @__PURE__ */ t(
-            K,
+          /* @__PURE__ */ e(h1, { color: "#3B64A0" }),
+          /* @__PURE__ */ e("span", { children: "Filter" }),
+          /* @__PURE__ */ e(
+            q,
             {
               className: N.dots,
-              color: x ? "#E32012" : "#3B64A0",
+              color: _ ? "#E32012" : "#3B64A0",
               style: { height: "10px" }
             }
           )
         ]
       }
     ),
-    b && /* @__PURE__ */ t("div", { className: N.subtitle, children: b })
+    b && /* @__PURE__ */ e("div", { className: N.subtitle, children: b })
   ] }) });
-}, le = () => /* @__PURE__ */ C("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: [
-  /* @__PURE__ */ C("g", { clipPath: "url(#clip0_6551_9169)", children: [
-    /* @__PURE__ */ t("rect", { width: "24", height: "24", rx: "12", fill: "#0C971F" }),
-    /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11 6C11 5.44772 11.4477 5 12 5C12.5523 5 13 5.44772 13 6V11H18C18.5523 11 19 11.4477 19 12C19 12.5523 18.5523 13 18 13H13V18C13 18.5523 12.5523 19 12 19C11.4477 19 11 18.5523 11 18V13H6C5.44772 13 5 12.5523 5 12C5 11.4477 5.44772 11 6 11H11V6Z", fill: "white" })
+}, ct = () => /* @__PURE__ */ h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: [
+  /* @__PURE__ */ h("g", { clipPath: "url(#clip0_6551_9169)", children: [
+    /* @__PURE__ */ e("rect", { width: "24", height: "24", rx: "12", fill: "#0C971F" }),
+    /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11 6C11 5.44772 11.4477 5 12 5C12.5523 5 13 5.44772 13 6V11H18C18.5523 11 19 11.4477 19 12C19 12.5523 18.5523 13 18 13H13V18C13 18.5523 12.5523 19 12 19C11.4477 19 11 18.5523 11 18V13H6C5.44772 13 5 12.5523 5 12C5 11.4477 5.44772 11 6 11H11V6Z", fill: "white" })
   ] }),
-  /* @__PURE__ */ t("rect", { x: "0.75", y: "0.75", width: "22.5", height: "22.5", rx: "11.25", stroke: "#14BC2B", strokeWidth: "1.5" }),
-  /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", { id: "clip0_6551_9169", children: /* @__PURE__ */ t("rect", { width: "24", height: "24", rx: "12", fill: "white" }) }) })
-] }), ce = "_multipleTriggersIcon_oxhdi_1", ae = {
-  multipleTriggersIcon: ce
-}, de = () => /* @__PURE__ */ t("div", { className: ae.multipleTriggersIcon, children: /* @__PURE__ */ t("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ t("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.5 3.75C1.5 3.15326 1.73705 2.58097 2.15901 2.15901C2.58097 1.73705 3.15326 1.5 3.75 1.5H5.25C5.84674 1.5 6.41903 1.73705 6.84099 2.15901C7.26295 2.58097 7.5 3.15326 7.5 3.75L13.701 3.75C13.8661 3.46404 14.1209 3.24054 14.426 3.11418C14.7311 2.98782 15.0693 2.96565 15.3883 3.05111C15.7072 3.13657 15.9891 3.32489 16.1901 3.58686C16.3911 3.84882 16.5 4.1698 16.5 4.5C16.5 4.8302 16.3911 5.15118 16.1901 5.41314C15.9891 5.67511 15.7072 5.86343 15.3883 5.94889C15.0693 6.03435 14.7311 6.01218 14.426 5.88582C14.1209 5.75946 13.8661 5.53596 13.701 5.25H10.686C10.956 5.52 11.196 5.8215 11.412 6.1575C12.369 7.6455 12.75 9.6885 12.75 12C12.75 14.9895 13.1355 16.638 13.8195 17.55C14.3535 18.264 15.162 18.6315 16.5 18.726C16.5063 18.1334 16.7462 17.5673 17.1674 17.1505C17.5887 16.7337 18.1574 16.5 18.75 16.5H20.25C20.8467 16.5 21.419 16.7371 21.841 17.159C22.2629 17.581 22.5 18.1533 22.5 18.75V20.25C22.5 20.8467 22.2629 21.419 21.841 21.841C21.419 22.2629 20.8467 22.5 20.25 22.5H18.75C18.1533 22.5 17.581 22.2629 17.159 21.841C16.7371 21.419 16.5 20.8467 16.5 20.25H10.299C10.1339 20.536 9.87905 20.7595 9.57399 20.8858C9.26892 21.0122 8.93068 21.0344 8.61173 20.9489C8.29278 20.8634 8.01095 20.6751 7.80993 20.4131C7.60892 20.1512 7.49996 19.8302 7.49996 19.5C7.49996 19.1698 7.60892 18.8488 7.80993 18.5869C8.01095 18.3249 8.29278 18.1366 8.61173 18.0511C8.93068 17.9656 9.26892 17.9878 9.57399 18.1142C9.87905 18.2405 10.1339 18.464 10.299 18.75H12.8655C12.7785 18.6538 12.6959 18.5537 12.618 18.45C11.6145 17.1105 11.25 15.0105 11.25 12C11.25 9.81 10.881 8.1045 10.1505 6.9675C9.5655 6.06 8.7225 5.4675 7.5 5.2995C7.48706 5.88762 7.2443 6.44728 6.82374 6.85859C6.40318 7.2699 5.83826 7.50014 5.25 7.5H3.75C3.15326 7.5 2.58097 7.26295 2.15901 6.84099C1.73705 6.41903 1.5 5.84674 1.5 5.25V3.75ZM3.75 3C3.55109 3 3.36032 3.07902 3.21967 3.21967C3.07902 3.36032 3 3.55109 3 3.75V5.25C3 5.44891 3.07902 5.63968 3.21967 5.78033C3.36032 5.92098 3.55109 6 3.75 6H5.25C5.44891 6 5.63968 5.92098 5.78033 5.78033C5.92098 5.63968 6 5.44891 6 5.25V3.75C6 3.55109 5.92098 3.36032 5.78033 3.21967C5.63968 3.07902 5.44891 3 5.25 3H3.75ZM18.75 18C18.5511 18 18.3603 18.079 18.2197 18.2197C18.079 18.3603 18 18.5511 18 18.75V20.25C18 20.4489 18.079 20.6397 18.2197 20.7803C18.3603 20.921 18.5511 21 18.75 21H20.25C20.4489 21 20.6397 20.921 20.7803 20.7803C20.921 20.6397 21 20.4489 21 20.25V18.75C21 18.5511 20.921 18.3603 20.7803 18.2197C20.6397 18.079 20.4489 18 20.25 18H18.75Z", fill: "white" }) }) }), pe = "_trigger_kfg1y_1", ue = "_title_kfg1y_7", he = "_empty_kfg1y_15", Ce = "_triggerContainer_kfg1y_21", me = "_stepsContainer_kfg1y_25", fe = "_stepItem_kfg1y_51", ge = "_curvesSvg_kfg1y_70", ve = "_centralNode_kfg1y_78", _e = "_iconWrapper_kfg1y_104", xe = "_fadeIn_kfg1y_127", we = "_fadeOut_kfg1y_130", ye = "_operationContainer_kfg1y_134", P = {
-  trigger: pe,
-  title: ue,
-  empty: he,
-  triggerContainer: Ce,
-  stepsContainer: me,
-  stepItem: fe,
-  curvesSvg: ge,
-  centralNode: ve,
-  iconWrapper: _e,
-  fadeIn: xe,
-  fadeOut: we,
-  operationContainer: ye
-}, Ie = () => /* @__PURE__ */ t(
+  /* @__PURE__ */ e("rect", { x: "0.75", y: "0.75", width: "22.5", height: "22.5", rx: "11.25", stroke: "#14BC2B", strokeWidth: "1.5" }),
+  /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "clip0_6551_9169", children: /* @__PURE__ */ e("rect", { width: "24", height: "24", rx: "12", fill: "white" }) }) })
+] }), at = "_multipleTriggersIcon_oxhdi_1", dt = {
+  multipleTriggersIcon: at
+}, pt = () => /* @__PURE__ */ e("div", { className: dt.multipleTriggersIcon, children: /* @__PURE__ */ e("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.5 3.75C1.5 3.15326 1.73705 2.58097 2.15901 2.15901C2.58097 1.73705 3.15326 1.5 3.75 1.5H5.25C5.84674 1.5 6.41903 1.73705 6.84099 2.15901C7.26295 2.58097 7.5 3.15326 7.5 3.75L13.701 3.75C13.8661 3.46404 14.1209 3.24054 14.426 3.11418C14.7311 2.98782 15.0693 2.96565 15.3883 3.05111C15.7072 3.13657 15.9891 3.32489 16.1901 3.58686C16.3911 3.84882 16.5 4.1698 16.5 4.5C16.5 4.8302 16.3911 5.15118 16.1901 5.41314C15.9891 5.67511 15.7072 5.86343 15.3883 5.94889C15.0693 6.03435 14.7311 6.01218 14.426 5.88582C14.1209 5.75946 13.8661 5.53596 13.701 5.25H10.686C10.956 5.52 11.196 5.8215 11.412 6.1575C12.369 7.6455 12.75 9.6885 12.75 12C12.75 14.9895 13.1355 16.638 13.8195 17.55C14.3535 18.264 15.162 18.6315 16.5 18.726C16.5063 18.1334 16.7462 17.5673 17.1674 17.1505C17.5887 16.7337 18.1574 16.5 18.75 16.5H20.25C20.8467 16.5 21.419 16.7371 21.841 17.159C22.2629 17.581 22.5 18.1533 22.5 18.75V20.25C22.5 20.8467 22.2629 21.419 21.841 21.841C21.419 22.2629 20.8467 22.5 20.25 22.5H18.75C18.1533 22.5 17.581 22.2629 17.159 21.841C16.7371 21.419 16.5 20.8467 16.5 20.25H10.299C10.1339 20.536 9.87905 20.7595 9.57399 20.8858C9.26892 21.0122 8.93068 21.0344 8.61173 20.9489C8.29278 20.8634 8.01095 20.6751 7.80993 20.4131C7.60892 20.1512 7.49996 19.8302 7.49996 19.5C7.49996 19.1698 7.60892 18.8488 7.80993 18.5869C8.01095 18.3249 8.29278 18.1366 8.61173 18.0511C8.93068 17.9656 9.26892 17.9878 9.57399 18.1142C9.87905 18.2405 10.1339 18.464 10.299 18.75H12.8655C12.7785 18.6538 12.6959 18.5537 12.618 18.45C11.6145 17.1105 11.25 15.0105 11.25 12C11.25 9.81 10.881 8.1045 10.1505 6.9675C9.5655 6.06 8.7225 5.4675 7.5 5.2995C7.48706 5.88762 7.2443 6.44728 6.82374 6.85859C6.40318 7.2699 5.83826 7.50014 5.25 7.5H3.75C3.15326 7.5 2.58097 7.26295 2.15901 6.84099C1.73705 6.41903 1.5 5.84674 1.5 5.25V3.75ZM3.75 3C3.55109 3 3.36032 3.07902 3.21967 3.21967C3.07902 3.36032 3 3.55109 3 3.75V5.25C3 5.44891 3.07902 5.63968 3.21967 5.78033C3.36032 5.92098 3.55109 6 3.75 6H5.25C5.44891 6 5.63968 5.92098 5.78033 5.78033C5.92098 5.63968 6 5.44891 6 5.25V3.75C6 3.55109 5.92098 3.36032 5.78033 3.21967C5.63968 3.07902 5.44891 3 5.25 3H3.75ZM18.75 18C18.5511 18 18.3603 18.079 18.2197 18.2197C18.079 18.3603 18 18.5511 18 18.75V20.25C18 20.4489 18.079 20.6397 18.2197 20.7803C18.3603 20.921 18.5511 21 18.75 21H20.25C20.4489 21 20.6397 20.921 20.7803 20.7803C20.921 20.6397 21 20.4489 21 20.25V18.75C21 18.5511 20.921 18.3603 20.7803 18.2197C20.6397 18.079 20.4489 18 20.25 18H18.75Z", fill: "white" }) }) }), ut = "_trigger_kfg1y_1", ht = "_title_kfg1y_7", Ct = "_empty_kfg1y_15", mt = "_triggerContainer_kfg1y_21", gt = "_stepsContainer_kfg1y_25", ft = "_stepItem_kfg1y_51", vt = "_curvesSvg_kfg1y_70", _t = "_centralNode_kfg1y_78", xt = "_iconWrapper_kfg1y_104", wt = "_fadeIn_kfg1y_127", yt = "_fadeOut_kfg1y_130", It = "_operationContainer_kfg1y_134", M = {
+  trigger: ut,
+  title: ht,
+  empty: Ct,
+  triggerContainer: mt,
+  stepsContainer: gt,
+  stepItem: ft,
+  curvesSvg: vt,
+  centralNode: _t,
+  iconWrapper: xt,
+  fadeIn: wt,
+  fadeOut: yt,
+  operationContainer: It
+}, bt = () => /* @__PURE__ */ e(
   "div",
   {
     style: {
@@ -515,8 +516,8 @@ const K1 = "_panel_19663_1", J1 = "_panelExiting_19663_13", Q1 = "_menuItem_1966
       borderTop: "1px solid #a1bbdc"
     }
   }
-), be = 80, Y = 34, Ne = ({
-  steps: e,
+), Nt = 80, A = 34, kt = ({
+  steps: t,
   title: n,
   className: o,
   onDeleteTrigger: i,
@@ -525,103 +526,103 @@ const K1 = "_panel_19663_1", J1 = "_panelExiting_19663_13", Q1 = "_menuItem_1966
   onUpdateFilter: a,
   onCenterYUpdate: d
 }) => {
-  const s = $(null), l = $([]), [f, b] = E([]), [x, v] = E({ width: 0, height: 0 }), [m, p] = E(!1), [w, y] = E(!1), _ = $(null);
-  q(() => {
-    const h = () => {
+  const s = $(null), l = $([]), [g, b] = E([]), [_, x] = E({ width: 0, height: 0 }), [C, p] = E(!1), [I, w] = E(!1), v = $(null);
+  Y(() => {
+    const u = () => {
       if (!s.current) return;
-      const g = [];
-      if (l.current.forEach((M, B) => {
-        if (M && s.current) {
-          const H = s.current.getBoundingClientRect(), O = M.getBoundingClientRect();
-          g.push({
-            localId: e[B]?.localId ?? `step-${B}`,
-            top: O.top - H.top,
-            right: O.right - H.left,
-            centerY: O.top - H.top + O.height / 2
+      const f = [];
+      if (l.current.forEach((P, T) => {
+        if (P && s.current) {
+          const k = s.current.getBoundingClientRect(), H = P.getBoundingClientRect();
+          f.push({
+            localId: t[T]?.localId ?? `step-${T}`,
+            top: H.top - k.top,
+            right: H.right - k.left,
+            centerY: H.top - k.top + H.height / 2
           });
         }
-      }), b(g), s.current && g.length > 0) {
-        const M = s.current.getBoundingClientRect(), B = Math.min(...g.map((W) => W.top)), H = l.current.filter(Boolean).map((W) => W?.offsetHeight || 68), O = Math.max(
-          ...g.map((W, I1) => W.top + (H[I1] || 68))
-        ), U = Math.max(...g.map((W) => W.right)) + 0, e1 = Math.max(
-          M.height,
-          O - B + 100
+      }), b(f), s.current && f.length > 0) {
+        const P = s.current.getBoundingClientRect(), T = Math.min(...f.map((S) => S.top)), k = l.current.filter(Boolean).map((S) => S?.offsetHeight || 68), H = Math.max(
+          ...f.map((S, N1) => S.top + (k[N1] || 68))
+        ), U = Math.max(...f.map((S) => S.right)) + 0, t1 = Math.max(
+          P.height,
+          H - T + 100
         );
-        v({
+        x({
           width: U,
-          height: e1
+          height: t1
         });
       }
     };
-    return h(), window.addEventListener("resize", h), () => window.removeEventListener("resize", h);
-  }, [e]), q(() => {
-    let h = !0;
-    if (m) {
-      _.current && (clearTimeout(_.current), _.current = null);
-      const g = setTimeout(() => {
-        h && y(!0);
+    return u(), window.addEventListener("resize", u), () => window.removeEventListener("resize", u);
+  }, [t]), Y(() => {
+    let u = !0;
+    if (C) {
+      v.current && (clearTimeout(v.current), v.current = null);
+      const f = setTimeout(() => {
+        u && w(!0);
       }, 0);
       return () => {
-        h = !1, clearTimeout(g);
+        u = !1, clearTimeout(f);
       };
     }
-    return _.current = setTimeout(() => {
-      h && y(!1);
+    return v.current = setTimeout(() => {
+      u && w(!1);
     }, 140), () => {
-      h = !1, _.current && (clearTimeout(_.current), _.current = null);
+      u = !1, v.current && (clearTimeout(v.current), v.current = null);
     };
-  }, [m]);
-  const u = f.length > 0 ? be : 0, I = S(() => f.length > 1 ? f.reduce((h, g) => h + g.top + Y, 0) / f.length : f.length === 1 ? f[0].top + Y : 0, [f]);
-  if (q(() => {
-    d?.(I);
-  }, [I, d]), e.length === 0)
-    return /* @__PURE__ */ C("div", { className: `${P.trigger} ${o || ""}`, children: [
-      n && /* @__PURE__ */ t("h3", { className: P.title, children: n }),
-      /* @__PURE__ */ t("div", { className: P.empty, children: "No steps" })
+  }, [C]);
+  const m = g.length > 0 ? Nt : 0, y = j(() => g.length > 1 ? g.reduce((u, f) => u + f.top + A, 0) / g.length : g.length === 1 ? g[0].top + A : 0, [g]);
+  if (Y(() => {
+    d?.(y);
+  }, [y, d]), t.length === 0)
+    return /* @__PURE__ */ h("div", { className: `${M.trigger} ${o || ""}`, children: [
+      n && /* @__PURE__ */ e("h3", { className: M.title, children: n }),
+      /* @__PURE__ */ e("div", { className: M.empty, children: "No steps" })
     ] });
-  const L = (h, g, M, B) => {
-    const H = M - h, O = Math.min(H * 0.6, 60), d1 = h + O, U = g, e1 = M - O;
-    return `M ${h} ${g} C ${d1} ${U}, ${e1} ${B}, ${M} ${B}`;
+  const L = (u, f, P, T) => {
+    const k = P - u, H = Math.min(k * 0.6, 60), d1 = u + H, U = f, t1 = P - H;
+    return `M ${u} ${f} C ${d1} ${U}, ${t1} ${T}, ${P} ${T}`;
   };
-  return /* @__PURE__ */ C("div", { className: `${P.trigger} ${o || ""}`, ref: s, children: [
-    n && /* @__PURE__ */ t("h3", { className: P.title, children: n }),
-    /* @__PURE__ */ C("div", { className: P.triggerContainer, children: [
-      /* @__PURE__ */ t("div", { className: P.stepsContainer, children: e.map((h, g) => /* @__PURE__ */ t(
+  return /* @__PURE__ */ h("div", { className: `${M.trigger} ${o || ""}`, ref: s, children: [
+    n && /* @__PURE__ */ e("h3", { className: M.title, children: n }),
+    /* @__PURE__ */ h("div", { className: M.triggerContainer, children: [
+      /* @__PURE__ */ e("div", { className: M.stepsContainer, children: t.map((u, f) => /* @__PURE__ */ e(
         "div",
         {
-          ref: (M) => {
-            l.current[g] = M;
+          ref: (P) => {
+            l.current[f] = P;
           },
-          children: /* @__PURE__ */ t(
+          children: /* @__PURE__ */ e(
             s1,
             {
-              title: h.title,
-              className: P.stepItem,
-              localId: h.localId,
-              idx: g,
-              isSet: h.isSet,
-              isSelected: h.isSelected,
-              isInvalid: h.isInvalid,
-              isFilter: h.isFilter,
-              icon: h.icon,
+              title: u.title,
+              className: M.stepItem,
+              localId: u.localId,
+              idx: f,
+              isSet: u.isSet,
+              isSelected: u.isSelected,
+              isInvalid: u.isInvalid,
+              isFilter: u.isFilter,
+              icon: u.icon,
               onSelectStep: c,
               onUpdateFilter: a,
               contextMenuItems: [
                 {
                   label: "Delete",
-                  icon: /* @__PURE__ */ t(J, { className: "mr-2", color: "#3B64A0", size: 18 }),
+                  icon: /* @__PURE__ */ e(J, { className: "mr-2", color: "#3B64A0", size: 18 }),
                   command: () => {
-                    i?.(h.localId);
+                    i?.(u.localId);
                   },
-                  disabled: e.length === 1
+                  disabled: t.length === 1
                 },
                 {
                   label: "",
-                  template: () => /* @__PURE__ */ t(Ie, {})
+                  template: () => /* @__PURE__ */ e(bt, {})
                 },
                 {
                   label: "Add More Triggers",
-                  icon: /* @__PURE__ */ t(X1, { className: "mr-2", color: "#3B64A0", size: 18 }),
+                  icon: /* @__PURE__ */ e(q1, { className: "mr-2", color: "#3B64A0", size: 18 }),
                   command: () => {
                     r?.();
                   }
@@ -630,73 +631,73 @@ const K1 = "_panel_19663_1", J1 = "_panelExiting_19663_13", Q1 = "_menuItem_1966
             }
           )
         },
-        h.localId
+        u.localId
       )) }),
-      /* @__PURE__ */ t("div", { style: { position: "relative" }, children: f.length > 1 && /* @__PURE__ */ t(
+      /* @__PURE__ */ e("div", { style: { position: "relative" }, children: g.length > 1 && /* @__PURE__ */ e(
         "svg",
         {
-          className: P.curvesSvg,
-          width: x.width,
-          height: x.height,
-          children: f.map((h) => {
-            const M = f.length === 1 ? f[0].top + Y : h.top + Y;
-            return /* @__PURE__ */ t(
+          className: M.curvesSvg,
+          width: _.width,
+          height: _.height,
+          children: g.map((u) => {
+            const P = g.length === 1 ? g[0].top + A : u.top + A;
+            return /* @__PURE__ */ e(
               "path",
               {
-                d: L(0, M, u, I),
+                d: L(0, P, m, y),
                 stroke: "#3b64a0",
                 strokeWidth: "2",
                 fill: "none",
                 strokeLinecap: "round"
               },
-              h.localId
+              u.localId
             );
           })
         }
       ) }),
-      f.length > 1 ? /* @__PURE__ */ C("div", { style: { position: "relative", marginRight: "140px" }, children: [
-        /* @__PURE__ */ t(
+      g.length > 1 ? /* @__PURE__ */ h("div", { style: { position: "relative", marginRight: "140px" }, children: [
+        /* @__PURE__ */ e(
           "div",
           {
-            className: P.centralNode,
+            className: M.centralNode,
             style: {
-              "--node-x": `${u}px`,
-              "--node-y": `${I}px`
+              "--node-x": `${m}px`,
+              "--node-y": `${y}px`
             },
             onMouseEnter: () => p(!0),
             onMouseLeave: () => p(!1),
-            children: w ? /* @__PURE__ */ t(
+            children: I ? /* @__PURE__ */ e(
               "div",
               {
-                className: `${P.iconWrapper} ${m ? P.fadeIn : P.fadeOut}`,
+                className: `${M.iconWrapper} ${C ? M.fadeIn : M.fadeOut}`,
                 onClick: r,
-                children: /* @__PURE__ */ t(le, {})
+                children: /* @__PURE__ */ e(ct, {})
               }
             ) : null
           }
         ),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ e(
           "div",
           {
-            className: P.operationContainer,
+            className: M.operationContainer,
             style: {
-              "--op-x": `${u + 16}px`,
-              "--op-y": `${I}px`
+              "--op-x": `${m + 16}px`,
+              "--op-y": `${y}px`
             },
-            children: /* @__PURE__ */ t(de, {})
+            children: /* @__PURE__ */ e(pt, {})
           }
         )
       ] }) : null
     ] })
   ] });
 };
-function ke(e) {
-  return V({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "circle", attr: { cx: "12", cy: "12", r: "4" }, child: [] }, { tag: "line", attr: { x1: "1.05", y1: "12", x2: "7", y2: "12" }, child: [] }, { tag: "line", attr: { x1: "17.01", y1: "12", x2: "22.96", y2: "12" }, child: [] }] })(e);
+function Bt(t) {
+  return V({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "circle", attr: { cx: "12", cy: "12", r: "4" }, child: [] }, { tag: "line", attr: { x1: "1.05", y1: "12", x2: "7", y2: "12" }, child: [] }, { tag: "line", attr: { x1: "17.01", y1: "12", x2: "22.96", y2: "12" }, child: [] }] })(t);
 }
-function Be(e) {
-  return V({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "polygon", attr: { points: "13 2 3 14 12 14 11 22 21 10 12 10 13 2" }, child: [] }] })(e);
+function Pt(t) {
+  return V({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "polygon", attr: { points: "13 2 3 14 12 14 11 22 21 10 12 10 13 2" }, child: [] }] })(t);
 }
-const Me = () => /* @__PURE__ */ C(
+const Mt = () => /* @__PURE__ */ h(
   "svg",
   {
     width: "24",
@@ -705,7 +706,7 @@ const Me = () => /* @__PURE__ */ C(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ e(
         "path",
         {
           d: "M6 12L18 12",
@@ -714,7 +715,7 @@ const Me = () => /* @__PURE__ */ C(
           strokeLinecap: "round"
         }
       ),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ e(
         "path",
         {
           d: "M12 6V18",
@@ -725,12 +726,12 @@ const Me = () => /* @__PURE__ */ C(
       )
     ]
   }
-), Pe = "_stepLinkIcon_18u2g_1", Le = "_stepLinkLine_18u2g_15", Ee = "_stepLinkContainer_18u2g_39", A = {
-  stepLinkIcon: Pe,
-  stepLinkLine: Le,
-  stepLinkContainer: Ee
+), Lt = "_stepLinkIcon_18u2g_1", Et = "_stepLinkLine_18u2g_15", $t = "_stepLinkContainer_18u2g_39", X = {
+  stepLinkIcon: Lt,
+  stepLinkLine: Et,
+  stepLinkContainer: $t
 }, Z = ({
-  onAddStep: e,
+  onAddStep: t,
   onAddTrigger: n,
   onAddCondition: o,
   onAddLoop: i,
@@ -739,11 +740,11 @@ const Me = () => /* @__PURE__ */ C(
   style: a,
   pathId: d
 }) => {
-  const s = i1(), l = $(null), f = [
+  const s = i1(), l = $(null), g = [
     ...c > 0 ? [
       {
         label: "Trigger",
-        icon: /* @__PURE__ */ t(Be, { color: "#3B64A0", size: 18 }),
+        icon: /* @__PURE__ */ e(Pt, { color: "#3B64A0", size: 18 }),
         command: () => {
           n?.(r, d, "trigger");
         },
@@ -752,69 +753,69 @@ const Me = () => /* @__PURE__ */ C(
     ] : [],
     {
       label: "Step",
-      icon: /* @__PURE__ */ t(ke, { color: "#3B64A0", size: 18 }),
-      command: () => e?.(r, d, "append"),
+      icon: /* @__PURE__ */ e(Bt, { color: "#3B64A0", size: 18 }),
+      command: () => t?.(r, d, "append"),
       template: s
     },
     ...r ? [
       {
         label: "Condition",
-        icon: /* @__PURE__ */ t(ie, { width: 18, height: 18 }),
+        icon: /* @__PURE__ */ e(rt, { width: 18, height: 18 }),
         command: () => o?.(r, d, "append"),
         template: s
       },
       {
         label: "Loop",
-        icon: /* @__PURE__ */ t(re, { width: 18, height: 18 }),
+        icon: /* @__PURE__ */ e(st, { width: 18, height: 18 }),
         command: () => i?.(r, d, "append"),
         template: s
       }
     ] : []
-  ], b = (x) => {
-    l.current?.show(x);
+  ], b = (_) => {
+    l.current?.show(_);
   };
-  return /* @__PURE__ */ C(
+  return /* @__PURE__ */ h(
     "div",
     {
-      className: A.stepLinkContainer,
+      className: X.stepLinkContainer,
       style: { ...a },
       "data-plus-index": c,
       children: [
-        /* @__PURE__ */ t("div", { className: A.stepLinkLine }),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ e("div", { className: X.stepLinkLine }),
+        /* @__PURE__ */ e(
           "div",
           {
-            className: A.stepLinkIcon,
+            className: X.stepLinkIcon,
             onClick: b,
             "aria-haspopup": !0,
-            children: /* @__PURE__ */ t(Me, {})
+            children: /* @__PURE__ */ e(Mt, {})
           }
         ),
-        /* @__PURE__ */ t(Q, { model: f, popup: !0, ref: l }),
-        /* @__PURE__ */ t("div", { className: A.stepLinkLine })
+        /* @__PURE__ */ e(Q, { model: g, popup: !0, ref: l }),
+        /* @__PURE__ */ e("div", { className: X.stepLinkLine })
       ]
     }
   );
-}, $e = "_steps_yug55_1", Te = "_stepContainer_yug55_8", Oe = "_stepContainerWithPaths_yug55_14", t1 = {
-  steps: $e,
-  stepContainer: Te,
-  stepContainerWithPaths: Oe
-}, Se = (e, n, o, i) => {
-  const r = o - e, c = Math.min(r * 0.66, 66), a = e + c, d = n, s = o - c;
-  return `M ${e} ${n} C ${a} ${d}, ${s} ${i}, ${o} ${i}`;
-}, He = ({
-  width: e,
+}, Tt = "_steps_yug55_1", Ot = "_stepContainer_yug55_8", Ht = "_stepContainerWithPaths_yug55_14", e1 = {
+  steps: Tt,
+  stepContainer: Ot,
+  stepContainerWithPaths: Ht
+}, jt = (t, n, o, i) => {
+  const r = o - t, c = Math.min(r * 0.66, 66), a = t + c, d = n, s = o - c;
+  return `M ${t} ${n} C ${a} ${d}, ${s} ${i}, ${o} ${i}`;
+}, St = ({
+  width: t,
   height: n
 }) => {
-  const a = Se(0, 1, e, n);
-  return /* @__PURE__ */ t("div", { style: { position: "absolute" }, children: /* @__PURE__ */ t(
+  const a = jt(0, 1, t, n);
+  return /* @__PURE__ */ e("div", { style: { position: "absolute" }, children: /* @__PURE__ */ e(
     "svg",
     {
-      width: e,
+      width: t,
       height: n + 1,
-      viewBox: `0 0 ${e} ${n + 1}`,
+      viewBox: `0 0 ${t} ${n + 1}`,
       xmlns: "http://www.w3.org/2000/svg",
-      children: /* @__PURE__ */ t(
+      children: /* @__PURE__ */ e(
         "path",
         {
           d: a,
@@ -826,108 +827,108 @@ const Me = () => /* @__PURE__ */ C(
       )
     }
   ) });
-}, We = "_column_1uiy3_1", ze = "_row_1uiy3_19", Re = "_stepsContainer_1uiy3_24", F = {
-  column: We,
-  row: ze,
-  stepsContainer: Re
-}, je = "_wrapper_1nl2d_1", De = "_tooltip_1nl2d_5", C1 = {
-  wrapper: je,
-  tooltip: De
-}, Ze = ({
-  content: e,
+}, Wt = "_column_1uiy3_1", Rt = "_row_1uiy3_19", zt = "_stepsContainer_1uiy3_24", F = {
+  column: Wt,
+  row: Rt,
+  stepsContainer: zt
+}, Dt = "_wrapper_1nl2d_1", Zt = "_tooltip_1nl2d_5", C1 = {
+  wrapper: Dt,
+  tooltip: Zt
+}, Vt = ({
+  content: t,
   children: n,
   maxWidth: o = 500,
   className: i
-}) => /* @__PURE__ */ C(
+}) => /* @__PURE__ */ h(
   "div",
   {
     className: `${C1.wrapper} ${i ?? ""}`.trim(),
     style: { "--tooltip-max-width": `${o}px` },
     children: [
       n,
-      e ? /* @__PURE__ */ t("div", { className: C1.tooltip, role: "tooltip", children: e }) : null
+      t ? /* @__PURE__ */ e("div", { className: C1.tooltip, role: "tooltip", children: t }) : null
     ]
   }
-), Ve = "_conditionContainer_5kl8s_1", Fe = "_connectorLine_5kl8s_6", qe = "_conditionWrapper_5kl8s_12", Ye = "_condition_5kl8s_1", Ae = "_connectorDot_5kl8s_43", j = {
-  conditionContainer: Ve,
-  connectorLine: Fe,
-  conditionWrapper: qe,
-  condition: Ye,
-  connectorDot: Ae
-}, Xe = ({
-  expression: e,
+), Ft = "_conditionContainer_1r4n4_1", Yt = "_connectorLine_1r4n4_6", At = "_conditionWrapper_1r4n4_12", Xt = "_condition_1r4n4_1", Gt = "_connectorDot_1r4n4_43", z = {
+  conditionContainer: Ft,
+  connectorLine: Yt,
+  conditionWrapper: At,
+  condition: Xt,
+  connectorDot: Gt
+}, x1 = ({
+  expression: t,
   style: n
 }) => {
   const o = $(null), [i, r] = E(!1);
-  M1(() => {
+  L1(() => {
     const a = o.current;
     a && r(a.scrollHeight > a.clientHeight);
-  }, [e]);
-  const c = e && i ? e : "";
-  return /* @__PURE__ */ C("div", { className: j.conditionContainer, style: n, children: [
-    /* @__PURE__ */ t("div", { className: j.connectorLine }),
-    /* @__PURE__ */ t(Ze, { content: c, className: j.conditionWrapper, children: /* @__PURE__ */ t("div", { ref: o, className: j.condition, children: e }) }),
-    /* @__PURE__ */ t("div", { className: j.connectorLine }),
-    /* @__PURE__ */ t("div", { className: j.connectorDot })
+  }, [t]);
+  const c = t && i ? t : "";
+  return /* @__PURE__ */ h("div", { className: z.conditionContainer, style: n, children: [
+    /* @__PURE__ */ e("div", { className: z.connectorLine }),
+    /* @__PURE__ */ e(Vt, { content: c, className: z.conditionWrapper, children: /* @__PURE__ */ e("div", { ref: o, className: z.condition, children: t }) }),
+    /* @__PURE__ */ e("div", { className: z.connectorLine }),
+    /* @__PURE__ */ e("div", { className: z.connectorDot })
   ] });
-}, Ge = "data:image/svg+xml,%3csvg%20width='44'%20height='44'%20viewBox='0%200%2044%2044'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='21.8125'%20y='-2.52539'%20width='34.4207'%20height='34.4207'%20rx='6.09524'%20transform='rotate(45%2021.8125%20-2.52539)'%20fill='%236B90C0'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M31.3947%2013.0355C31.4679%2013.1085%2031.526%2013.1952%2031.5656%2013.2907C31.6052%2013.3861%2031.6256%2013.4885%2031.6256%2013.5918C31.6256%2013.6952%2031.6052%2013.7975%2031.5656%2013.8929C31.526%2013.9884%2031.4679%2014.0751%2031.3947%2014.1481L14.109%2031.4338C13.9615%2031.5813%2013.7614%2031.6642%2013.5527%2031.6642C13.3441%2031.6642%2013.144%2031.5813%2012.9965%2031.4338C12.8489%2031.2863%2012.766%2031.0862%2012.766%2030.8775C12.766%2030.6689%2012.8489%2030.4688%2012.9965%2030.3212L30.2822%2013.0355C30.3552%2012.9623%2030.4419%2012.9043%2030.5373%2012.8647C30.6328%2012.8251%2030.7351%2012.8047%2030.8385%2012.8047C30.9418%2012.8047%2031.0441%2012.8251%2031.1396%2012.8647C31.2351%2012.9043%2031.3218%2012.9623%2031.3947%2013.0355Z'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12.9965%2013.0355C12.9233%2013.1085%2012.8652%2013.1952%2012.8256%2013.2907C12.786%2013.3861%2012.7656%2013.4885%2012.7656%2013.5918C12.7656%2013.6952%2012.786%2013.7975%2012.8256%2013.8929C12.8652%2013.9884%2012.9233%2014.0751%2012.9965%2014.1481L30.2822%2031.4338C30.4297%2031.5813%2030.6298%2031.6642%2030.8385%2031.6642C31.0471%2031.6642%2031.2472%2031.5813%2031.3947%2031.4338C31.5423%2031.2863%2031.6252%2031.0862%2031.6252%2030.8775C31.6252%2030.6689%2031.5423%2030.4688%2031.3947%2030.3212L14.109%2013.0355C14.036%2012.9623%2013.9493%2012.9043%2013.8539%2012.8647C13.7584%2012.8251%2013.6561%2012.8047%2013.5527%2012.8047C13.4494%2012.8047%2013.3471%2012.8251%2013.2516%2012.8647C13.1561%2012.9043%2013.0694%2012.9623%2012.9965%2013.0355Z'%20fill='white'/%3e%3c/svg%3e", Ke = "data:image/svg+xml,%3csvg%20width='28'%20height='28'%20viewBox='0%200%2028%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='1'%20y='1'%20width='26'%20height='26'%20rx='13'%20fill='white'/%3e%3crect%20x='1'%20y='1'%20width='26'%20height='26'%20rx='13'%20stroke='%236B90C0'%20stroke-width='2'/%3e%3ccircle%20cx='14'%20cy='14'%20r='6'%20fill='%236B90C0'/%3e%3c/svg%3e", Je = "_ifStatement_1xsn9_1", Qe = "_conditionIcon_1xsn9_7", Ue = "_ifStatementContainer_1xsn9_21", et = "_menuButton_1xsn9_27", tt = "_menuIcon_1xsn9_52", nt = "_ifdotIcon_1xsn9_59", R = {
-  ifStatement: Je,
-  conditionIcon: Qe,
-  ifStatementContainer: Ue,
-  menuButton: et,
-  menuIcon: tt,
-  ifdotIcon: nt
-}, ot = ({ style: e }) => /* @__PURE__ */ t(
+}, Kt = "data:image/svg+xml,%3csvg%20width='44'%20height='44'%20viewBox='0%200%2044%2044'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='21.8125'%20y='-2.52539'%20width='34.4207'%20height='34.4207'%20rx='6.09524'%20transform='rotate(45%2021.8125%20-2.52539)'%20fill='%236B90C0'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M31.3947%2013.0355C31.4679%2013.1085%2031.526%2013.1952%2031.5656%2013.2907C31.6052%2013.3861%2031.6256%2013.4885%2031.6256%2013.5918C31.6256%2013.6952%2031.6052%2013.7975%2031.5656%2013.8929C31.526%2013.9884%2031.4679%2014.0751%2031.3947%2014.1481L14.109%2031.4338C13.9615%2031.5813%2013.7614%2031.6642%2013.5527%2031.6642C13.3441%2031.6642%2013.144%2031.5813%2012.9965%2031.4338C12.8489%2031.2863%2012.766%2031.0862%2012.766%2030.8775C12.766%2030.6689%2012.8489%2030.4688%2012.9965%2030.3212L30.2822%2013.0355C30.3552%2012.9623%2030.4419%2012.9043%2030.5373%2012.8647C30.6328%2012.8251%2030.7351%2012.8047%2030.8385%2012.8047C30.9418%2012.8047%2031.0441%2012.8251%2031.1396%2012.8647C31.2351%2012.9043%2031.3218%2012.9623%2031.3947%2013.0355Z'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12.9965%2013.0355C12.9233%2013.1085%2012.8652%2013.1952%2012.8256%2013.2907C12.786%2013.3861%2012.7656%2013.4885%2012.7656%2013.5918C12.7656%2013.6952%2012.786%2013.7975%2012.8256%2013.8929C12.8652%2013.9884%2012.9233%2014.0751%2012.9965%2014.1481L30.2822%2031.4338C30.4297%2031.5813%2030.6298%2031.6642%2030.8385%2031.6642C31.0471%2031.6642%2031.2472%2031.5813%2031.3947%2031.4338C31.5423%2031.2863%2031.6252%2031.0862%2031.6252%2030.8775C31.6252%2030.6689%2031.5423%2030.4688%2031.3947%2030.3212L14.109%2013.0355C14.036%2012.9623%2013.9493%2012.9043%2013.8539%2012.8647C13.7584%2012.8251%2013.6561%2012.8047%2013.5527%2012.8047C13.4494%2012.8047%2013.3471%2012.8251%2013.2516%2012.8647C13.1561%2012.9043%2013.0694%2012.9623%2012.9965%2013.0355Z'%20fill='white'/%3e%3c/svg%3e", qt = "data:image/svg+xml,%3csvg%20width='28'%20height='28'%20viewBox='0%200%2028%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='1'%20y='1'%20width='26'%20height='26'%20rx='13'%20fill='white'/%3e%3crect%20x='1'%20y='1'%20width='26'%20height='26'%20rx='13'%20stroke='%236B90C0'%20stroke-width='2'/%3e%3ccircle%20cx='14'%20cy='14'%20r='6'%20fill='%236B90C0'/%3e%3c/svg%3e", Jt = "_ifStatement_xtij3_1", Qt = "_conditionIcon_xtij3_7", Ut = "_ifStatementContainer_xtij3_21", te = "_menuButton_xtij3_27", ee = "_menuIcon_xtij3_52", ne = "_ifdotIcon_xtij3_59", R = {
+  ifStatement: Jt,
+  conditionIcon: Qt,
+  ifStatementContainer: Ut,
+  menuButton: te,
+  menuIcon: ee,
+  ifdotIcon: ne
+}, oe = ({ style: t }) => /* @__PURE__ */ e(
   "div",
   {
     style: {
       width: "100%",
       height: "2px",
       borderTop: "2px solid #3B64A0",
-      ...e
+      ...t
     }
   }
-), it = ({
-  onEdit: e,
+), ie = ({
+  onEdit: t,
   onDelete: n,
   onSelect: o
 }) => {
-  const i = $(null), { openMenu: r, closeMenu: c } = r1(), a = S(
+  const i = $(null), { openMenu: r, closeMenu: c } = r1(), a = j(
     () => [
       {
         label: "Edit",
-        icon: /* @__PURE__ */ t(G1, { color: "#3B64A0", size: 18 }),
-        command: () => e?.()
+        icon: /* @__PURE__ */ e(v1, { color: "#3B64A0", size: 18 }),
+        command: () => t?.()
       },
       {
         label: "Delete",
-        icon: /* @__PURE__ */ t(J, { color: "#3B64A0", size: 18 }),
+        icon: /* @__PURE__ */ e(J, { color: "#3B64A0", size: 18 }),
         command: () => n?.()
       }
     ],
-    [e, n]
+    [t, n]
   ), d = (l) => {
     l.stopPropagation(), r(i, l);
   }, s = (l) => {
     l.target.closest(`.${R.menuButton}`) || o?.();
   };
-  return /* @__PURE__ */ C("div", { className: R.ifStatementContainer, children: [
-    /* @__PURE__ */ t(
-      ot,
+  return /* @__PURE__ */ h("div", { className: R.ifStatementContainer, children: [
+    /* @__PURE__ */ e(
+      oe,
       {
         style: { position: "absolute", top: "22.5px", left: 0, zIndex: 1 }
       }
     ),
-    /* @__PURE__ */ t("div", { className: R.ifStatement, children: /* @__PURE__ */ t(
+    /* @__PURE__ */ e("div", { className: R.ifStatement, children: /* @__PURE__ */ e(
       "img",
       {
-        src: Ge,
+        src: Kt,
         alt: "condition",
         onClick: (l) => s(l),
         className: R.conditionIcon
       }
     ) }),
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ e(
       "button",
       {
         type: "button",
@@ -935,10 +936,10 @@ const Me = () => /* @__PURE__ */ C(
         onClick: d,
         "aria-label": "Open menu",
         "aria-haspopup": "menu",
-        children: /* @__PURE__ */ t(K, { className: R.menuIcon })
+        children: /* @__PURE__ */ e(q, { className: R.menuIcon, size: 16 })
       }
     ),
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ e(
       Q,
       {
         ref: i,
@@ -947,10 +948,10 @@ const Me = () => /* @__PURE__ */ C(
         onHide: () => c(i)
       }
     ),
-    /* @__PURE__ */ t("img", { src: Ke, alt: "ifdot", className: R.ifdotIcon })
+    /* @__PURE__ */ e("img", { src: qt, alt: "ifdot", className: R.ifdotIcon })
   ] });
-}, rt = 34.5, _1 = ({
-  items: e,
+}, re = 34.5, w1 = ({
+  items: t,
   pathId: n,
   onAddStep: o,
   onAddTrigger: i,
@@ -961,45 +962,45 @@ const Me = () => /* @__PURE__ */ C(
   onSelectStep: s,
   onResize: l
 }) => {
-  const f = $(null), b = $([]), [x, v] = E([]);
-  q(() => {
+  const g = $(null), b = $([]), [_, x] = E([]);
+  Y(() => {
     const p = () => {
-      if (!f.current || e.length === 0) {
-        v([]);
+      if (!g.current || t.length === 0) {
+        x([]);
         return;
       }
-      const w = f.current.getBoundingClientRect(), y = [];
-      for (let _ = 0; _ < e.length; _++) {
-        const u = b.current[_];
-        if (u) {
-          const I = u.getBoundingClientRect();
-          y.push(I.top - w.top + rt);
+      const I = g.current.getBoundingClientRect(), w = [];
+      for (let v = 0; v < t.length; v++) {
+        const m = b.current[v];
+        if (m) {
+          const y = m.getBoundingClientRect();
+          w.push(y.top - I.top + re);
         }
       }
-      y.length === e.length && v(y);
+      w.length === t.length && x(w);
     };
     return p(), window.addEventListener("resize", p), () => window.removeEventListener("resize", p);
-  }, [e]);
-  const m = S(() => x.length !== e.length || e.length <= 1 ? null : e.map((p, w) => w).filter((p) => p > 0).map((p) => {
-    const w = x[p];
-    return w === void 0 ? null : /* @__PURE__ */ t(He, { width: 100, height: w }, p);
-  }), [e, x]);
-  return /* @__PURE__ */ C("div", { className: F.row, children: [
-    /* @__PURE__ */ t(
-      it,
+  }, [t]);
+  const C = j(() => _.length !== t.length || t.length <= 1 ? null : t.map((p, I) => I).filter((p) => p > 0).map((p) => {
+    const I = _[p];
+    return I === void 0 ? null : /* @__PURE__ */ e(St, { width: 100, height: I }, p);
+  }), [t, _]);
+  return /* @__PURE__ */ h("div", { className: F.row, children: [
+    /* @__PURE__ */ e(
+      ie,
       {
         onDelete: () => n != null && a?.(n),
         onSelect: n != null && s ? () => s(n) : void 0
       }
     ),
-    /* @__PURE__ */ C(
+    /* @__PURE__ */ h(
       "div",
       {
-        ref: f,
+        ref: g,
         className: F.column,
         style: { marginTop: "33px" },
         children: [
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ e(
             "div",
             {
               style: {
@@ -1012,15 +1013,15 @@ const Me = () => /* @__PURE__ */ C(
               }
             }
           ),
-          m
+          C
         ]
       }
     ),
-    /* @__PURE__ */ t("div", { className: F.column, children: e.map((p, w) => {
-      let y;
+    /* @__PURE__ */ e("div", { className: F.column, children: t.map((p, I) => {
+      let w;
       if (p.paths)
-        y = /* @__PURE__ */ t(
-          _1,
+        w = /* @__PURE__ */ e(
+          w1,
           {
             items: p.paths,
             pathId: n,
@@ -1036,16 +1037,16 @@ const Me = () => /* @__PURE__ */ C(
           p.localId
         );
       else if (p.steps) {
-        const _ = p;
-        y = /* @__PURE__ */ C("div", { className: F.stepsContainer, children: [
-          /* @__PURE__ */ t(
-            Xe,
+        const v = p;
+        w = /* @__PURE__ */ h("div", { className: F.stepsContainer, children: [
+          /* @__PURE__ */ e(
+            x1,
             {
-              expression: _.condition,
+              expression: v.condition,
               style: { marginTop: "25px" }
             }
           ),
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ e(
             l1,
             {
               steps: p.steps,
@@ -1066,7 +1067,7 @@ const Me = () => /* @__PURE__ */ C(
           )
         ] });
       } else
-        y = /* @__PURE__ */ t(
+        w = /* @__PURE__ */ e(
           s1,
           {
             localId: p.localId,
@@ -1079,20 +1080,20 @@ const Me = () => /* @__PURE__ */ C(
           },
           p.localId
         );
-      return /* @__PURE__ */ t(
+      return /* @__PURE__ */ e(
         "div",
         {
-          ref: (_) => {
-            b.current[w] = _;
+          ref: (v) => {
+            b.current[I] = v;
           },
           style: { width: "100%" },
-          children: y
+          children: w
         },
         p.localId
       );
     }) }),
-    /* @__PURE__ */ C("div", { className: F.column, style: { marginTop: "33px" }, children: [
-      /* @__PURE__ */ t(
+    /* @__PURE__ */ h("div", { className: F.column, style: { marginTop: "33px" }, children: [
+      /* @__PURE__ */ e(
         "div",
         {
           style: {
@@ -1106,9 +1107,9 @@ const Me = () => /* @__PURE__ */ C(
           }
         }
       ),
-      m
+      C
     ] }),
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ e(
       Z,
       {
         onAddStep: o,
@@ -1124,7 +1125,7 @@ const Me = () => /* @__PURE__ */ C(
         }
       }
     ),
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ e(
       "div",
       {
         style: {
@@ -1138,7 +1139,7 @@ const Me = () => /* @__PURE__ */ C(
     )
   ] });
 }, o1 = 68, l1 = ({
-  pathId: e,
+  pathId: t,
   steps: n,
   centerY: o,
   className: i,
@@ -1148,12 +1149,12 @@ const Me = () => /* @__PURE__ */ C(
   onAddTrigger: d,
   onAddCondition: s,
   onAddLoop: l,
-  onSelectStep: f,
+  onSelectStep: g,
   onResize: b,
-  isDescendent: x = !0
+  isDescendent: _ = !0
 }) => {
-  const v = o === void 0 ? void 0 : { marginTop: Math.max(0, o - o1 / 2) };
-  return n.length === 0 ? /* @__PURE__ */ C(
+  const x = o === void 0 ? void 0 : { marginTop: Math.max(0, o - o1 / 2) };
+  return n.length === 0 ? /* @__PURE__ */ h(
     "div",
     {
       style: {
@@ -1163,10 +1164,10 @@ const Me = () => /* @__PURE__ */ C(
         flexDirection: "row",
         flex: 1,
         minWidth: 0,
-        ...v
+        ...x
       },
       children: [
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ e(
           "div",
           {
             style: {
@@ -1180,23 +1181,23 @@ const Me = () => /* @__PURE__ */ C(
             }
           }
         ),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ e(
           Z,
           {
             onAddStep: () => {
-              r?.(void 0, e);
+              r?.(void 0, t);
             },
             onAddTrigger: d,
             onAddCondition: s,
             onAddLoop: l,
-            stepId: e,
+            stepId: t,
             index: 0,
             style: {
               height: "auto"
             }
           }
         ),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ e(
           "div",
           {
             style: {
@@ -1212,12 +1213,12 @@ const Me = () => /* @__PURE__ */ C(
         )
       ]
     }
-  ) : /* @__PURE__ */ t(
+  ) : /* @__PURE__ */ e(
     "div",
     {
-      className: t1.steps + (i ? " " + i : ""),
-      style: v,
-      children: /* @__PURE__ */ C(
+      className: e1.steps + (i ? " " + i : ""),
+      style: x,
+      children: /* @__PURE__ */ h(
         "div",
         {
           style: {
@@ -1229,109 +1230,109 @@ const Me = () => /* @__PURE__ */ C(
             alignItems: "flex-start"
           },
           children: [
-            /* @__PURE__ */ t(
+            /* @__PURE__ */ e(
               Z,
               {
                 onAddStep: () => {
-                  r?.(n[0].localId, e, "prepend");
+                  r?.(n[0].localId, t, "prepend");
                 },
                 onAddTrigger: d,
                 onAddCondition: s,
                 onAddLoop: l,
                 stepId: n[0].localId,
-                pathId: e,
+                pathId: t,
                 index: 0,
                 style: {
                   marginTop: "20px"
                 }
               }
             ),
-            n.map((m, p) => {
-              const w = !!m.paths, y = "condition" in m && typeof m.condition == "string";
-              let _;
-              return w && m.paths ? _ = /* @__PURE__ */ t(
-                _1,
+            n.map((C, p) => {
+              const I = !!C.paths, w = "condition" in C && typeof C.condition == "string";
+              let v;
+              return I && C.paths ? v = /* @__PURE__ */ e(
+                w1,
                 {
-                  items: m.paths,
-                  pathId: m.localId,
+                  items: C.paths,
+                  pathId: C.localId,
                   onAddStep: r,
                   onAddCondition: s,
                   onAddLoop: l,
                   onDeleteStep: c,
                   onAddTrigger: d,
-                  onSelectStep: f,
+                  onSelectStep: g,
                   onUpdateFilter: a,
                   onResize: b
                 },
-                m.title
-              ) : y ? _ = /* @__PURE__ */ C(n1, { children: [
-                /* @__PURE__ */ t(
-                  yt,
+                C.title
+              ) : w ? v = /* @__PURE__ */ h(n1, { children: [
+                /* @__PURE__ */ e(
+                  ye,
                   {
-                    value: m,
+                    value: C,
                     onAddStep: r,
                     onAddTrigger: d,
                     onAddCondition: s,
                     onAddLoop: l,
                     onDeleteStep: c,
                     onUpdateFilter: a,
-                    onSelectStep: f,
+                    onSelectStep: g,
                     onResize: b
                   },
-                  m.localId
+                  C.localId
                 ),
-                /* @__PURE__ */ t(
+                /* @__PURE__ */ e(
                   Z,
                   {
                     onAddStep: r,
                     onAddTrigger: d,
                     onAddCondition: s,
                     onAddLoop: l,
-                    stepId: m.localId,
-                    pathId: e,
+                    stepId: C.localId,
+                    pathId: t,
                     index: p + 1,
                     style: { marginTop: "34px", height: 0 }
                   }
                 )
-              ] }) : _ = /* @__PURE__ */ C(n1, { children: [
-                /* @__PURE__ */ t(
+              ] }) : v = /* @__PURE__ */ h(n1, { children: [
+                /* @__PURE__ */ e(
                   s1,
                   {
-                    localId: m.localId,
-                    title: m.title,
+                    localId: C.localId,
+                    title: C.title,
                     idx: 1,
-                    icon: m.icon,
-                    isSet: m.isSet,
-                    isInvalid: m.isInvalid,
-                    isFilter: m.isFilter,
-                    onSelectStep: f,
+                    icon: C.icon,
+                    isSet: C.isSet,
+                    isInvalid: C.isInvalid,
+                    isFilter: C.isFilter,
+                    onSelectStep: g,
                     onDeleteStep: c,
                     onUpdateFilter: a
                   },
-                  m.title
+                  C.title
                 ),
-                /* @__PURE__ */ t(
+                /* @__PURE__ */ e(
                   Z,
                   {
                     onAddStep: r,
                     onAddTrigger: d,
                     onAddCondition: s,
                     onAddLoop: l,
-                    stepId: m.localId,
-                    pathId: e,
+                    stepId: C.localId,
+                    pathId: t,
                     index: p + 1
                   }
                 )
-              ] }), /* @__PURE__ */ t(
+              ] }), /* @__PURE__ */ e(
                 "div",
                 {
-                  className: t1.stepContainer + (w || y ? " " + t1.stepContainerWithPaths : ""),
-                  children: _
+                  className: e1.stepContainer + (I || w ? " " + e1.stepContainerWithPaths : ""),
+                  children: v
                 },
-                m.localId
+                C.localId
               );
             }),
-            x && /* @__PURE__ */ t(
+            _ && /* @__PURE__ */ e(
               "div",
               {
                 style: {
@@ -1347,7 +1348,7 @@ const Me = () => /* @__PURE__ */ C(
       )
     }
   );
-}, st = () => /* @__PURE__ */ C(
+}, se = () => /* @__PURE__ */ h(
   "svg",
   {
     width: "24",
@@ -1356,14 +1357,14 @@ const Me = () => /* @__PURE__ */ C(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     children: [
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ e(
         "path",
         {
           d: "M17.3006 10.5H23.1986C23.2699 10.5001 23.3397 10.5204 23.3998 10.5586C23.4599 10.5969 23.5079 10.6515 23.5381 10.716C23.5683 10.7805 23.5795 10.8523 23.5704 10.923C23.5613 10.9937 23.5322 11.0603 23.4866 11.115L20.5376 14.655C20.5024 14.6972 20.4584 14.7312 20.4086 14.7545C20.3589 14.7778 20.3046 14.7899 20.2496 14.7899C20.1947 14.7899 20.1404 14.7778 20.0906 14.7545C20.0409 14.7312 19.9968 14.6972 19.9616 14.655L17.0126 11.115C16.967 11.0603 16.938 10.9937 16.9289 10.923C16.9197 10.8523 16.931 10.7805 16.9612 10.716C16.9914 10.6515 17.0394 10.5969 17.0995 10.5586C17.1596 10.5204 17.2294 10.5001 17.3006 10.5ZM0.800641 13.5H6.69864C6.7699 13.5 6.83967 13.4797 6.89979 13.4414C6.95991 13.4032 7.00789 13.3486 7.03811 13.2841C7.06833 13.2195 7.07953 13.1477 7.07042 13.0771C7.06131 13.0064 7.03224 12.9398 6.98664 12.885L4.03764 9.34504C4.00245 9.30283 3.95841 9.26888 3.90864 9.24558C3.85887 9.22228 3.80459 9.21021 3.74964 9.21021C3.69469 9.21021 3.64041 9.22228 3.59064 9.24558C3.54087 9.26888 3.49683 9.30283 3.46164 9.34504L0.512641 12.885C0.467037 12.9398 0.437977 13.0064 0.428862 13.0771C0.419747 13.1477 0.430956 13.2195 0.461175 13.2841C0.491394 13.3486 0.539372 13.4032 0.599493 13.4414C0.659613 13.4797 0.729386 13.5 0.800641 13.5Z",
           fill: "#41B0AC"
         }
       ),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ e(
         "path",
         {
           fillRule: "evenodd",
@@ -1374,24 +1375,24 @@ const Me = () => /* @__PURE__ */ C(
       )
     ]
   }
-), lt = "_container_3aqee_1", ct = "_collapsed_3aqee_16", at = "_loopNodeWrapper_3aqee_20", dt = "_loopIconWrapper_3aqee_30", pt = "_loopBox_3aqee_39", ut = "_dotsButton_3aqee_56", ht = "_label_3aqee_76", Ct = "_limit_3aqee_83", mt = "_expandable_3aqee_89", ft = "_expandableCollapsed_3aqee_98", gt = "_connector_3aqee_104", vt = "_line_3aqee_112", _t = "_circleDot_3aqee_120", xt = "_innerDot_3aqee_135", wt = "_stepsWrapper_3aqee_142", k = {
-  container: lt,
-  collapsed: ct,
-  loopNodeWrapper: at,
-  loopIconWrapper: dt,
-  loopBox: pt,
-  dotsButton: ut,
-  label: ht,
-  limit: Ct,
-  expandable: mt,
-  expandableCollapsed: ft,
-  connector: gt,
-  line: vt,
-  circleDot: _t,
-  innerDot: xt,
-  stepsWrapper: wt
-}, yt = ({
-  value: e,
+), le = "_container_1ktj6_1", ce = "_collapsed_1ktj6_16", ae = "_loopNodeWrapper_1ktj6_21", de = "_loopIconWrapper_1ktj6_31", pe = "_loopBox_1ktj6_40", ue = "_dotsButton_1ktj6_57", he = "_label_1ktj6_77", Ce = "_limit_1ktj6_84", me = "_expandable_1ktj6_90", ge = "_expandableCollapsed_1ktj6_98", fe = "_connector_1ktj6_105", ve = "_line_1ktj6_113", _e = "_circleDot_1ktj6_121", xe = "_innerDot_1ktj6_136", we = "_stepsWrapper_1ktj6_143", B = {
+  container: le,
+  collapsed: ce,
+  loopNodeWrapper: ae,
+  loopIconWrapper: de,
+  loopBox: pe,
+  dotsButton: ue,
+  label: he,
+  limit: Ce,
+  expandable: me,
+  expandableCollapsed: ge,
+  connector: fe,
+  line: ve,
+  circleDot: _e,
+  innerDot: xe,
+  stepsWrapper: we
+}, ye = ({
+  value: t,
   onAddStep: n,
   onAddTrigger: o,
   onAddCondition: i,
@@ -1401,72 +1402,81 @@ const Me = () => /* @__PURE__ */ C(
   onSelectStep: d,
   onResize: s
 }) => {
-  const { localId: l, limit: f, steps: b } = e, x = b ?? [], v = () => {
-  }, [m, p] = E(!1), w = $(null), { openMenu: y, closeMenu: _ } = r1(), u = i1(), I = S(
+  const { localId: l, limit: g, steps: b, condition: _ } = t, x = b ?? [], C = () => {
+  }, [p, I] = E(!1), w = $(null), { openMenu: v, closeMenu: m } = r1(), y = i1(), L = j(
     () => [
+      {
+        label: "Edit",
+        icon: /* @__PURE__ */ e(v1, { color: "#3B64A0", size: 18 }),
+        command: (k) => {
+          k?.originalEvent?.stopPropagation(), d?.(l);
+        },
+        template: y
+      },
       {
         label: "Remove",
-        icon: /* @__PURE__ */ t(J, { color: "#3B64A0", size: 18 }),
-        command: (B) => {
-          B?.originalEvent?.stopPropagation(), c && c(l);
+        icon: /* @__PURE__ */ e(J, { color: "#3B64A0", size: 18 }),
+        command: (k) => {
+          k?.originalEvent?.stopPropagation(), c && c(l);
         },
-        template: u
+        template: y
       }
     ],
-    [c, l, u]
-  ), L = (B) => {
-    B.stopPropagation(), y(w, B);
-  }, h = () => {
-    p((B) => !B), s?.();
-  }, g = k.container + (m ? "" : " " + k.collapsed), M = k.expandable + (m ? "" : " " + k.expandableCollapsed);
-  return /* @__PURE__ */ C("div", { className: g, children: [
-    /* @__PURE__ */ C("div", { className: k.loopNodeWrapper, children: [
-      /* @__PURE__ */ C("div", { className: k.loopBox, children: [
-        /* @__PURE__ */ t("div", { onClick: h, className: k.loopIconWrapper, children: /* @__PURE__ */ t(st, {}) }),
-        /* @__PURE__ */ t("button", { className: k.dotsButton, onClick: L, children: /* @__PURE__ */ t(K, { size: 16 }) }),
-        /* @__PURE__ */ t(
+    [d, c, l, y]
+  ), u = (k) => {
+    k.stopPropagation(), v(w, k);
+  }, f = () => {
+    I((k) => !k), s?.();
+  }, P = B.container + (p ? "" : " " + B.collapsed), T = B.expandable + (p ? "" : " " + B.expandableCollapsed);
+  return /* @__PURE__ */ h("div", { className: P, children: [
+    /* @__PURE__ */ h("div", { className: B.loopNodeWrapper, children: [
+      /* @__PURE__ */ h("div", { className: B.loopBox, children: [
+        /* @__PURE__ */ e("div", { onClick: f, className: B.loopIconWrapper, children: /* @__PURE__ */ e(se, {}) }),
+        /* @__PURE__ */ e("button", { className: B.dotsButton, onClick: u, children: /* @__PURE__ */ e(q, { size: 16 }) }),
+        /* @__PURE__ */ e(
           Q,
           {
-            model: I,
+            model: L,
             popup: !0,
             ref: w,
-            onHide: () => _(w)
+            onHide: () => m(w)
           }
         )
       ] }),
-      /* @__PURE__ */ t("div", { className: k.label, children: "Loop" }),
-      f != null && /* @__PURE__ */ C("div", { className: k.limit, children: [
-        f,
+      /* @__PURE__ */ e("div", { className: B.label, children: "Loop" }),
+      g != null && /* @__PURE__ */ h("div", { className: B.limit, children: [
+        g,
         "x"
       ] })
     ] }),
-    /* @__PURE__ */ C("div", { className: M, children: [
-      /* @__PURE__ */ C("div", { className: k.connector, children: [
-        /* @__PURE__ */ t("div", { className: k.line, style: { width: "12px" } }),
-        /* @__PURE__ */ t("div", { className: k.circleDot, children: /* @__PURE__ */ t("div", { className: k.innerDot }) }),
-        /* @__PURE__ */ t("div", { className: k.line })
+    /* @__PURE__ */ h("div", { className: T, children: [
+      /* @__PURE__ */ h("div", { className: B.connector, children: [
+        /* @__PURE__ */ e("div", { className: B.line }),
+        /* @__PURE__ */ e("div", { className: B.circleDot, children: /* @__PURE__ */ e("div", { className: B.innerDot }) }),
+        /* @__PURE__ */ e("div", { className: B.line })
       ] }),
-      /* @__PURE__ */ t("div", { className: k.stepsWrapper, children: /* @__PURE__ */ t(
+      /* @__PURE__ */ e(x1, { expression: _ ?? "", style: { marginTop: "25.5px" } }),
+      /* @__PURE__ */ e("div", { className: B.stepsWrapper, children: /* @__PURE__ */ e(
         l1,
         {
           steps: x,
           pathId: l,
-          onAddStep: n ?? v,
+          onAddStep: n ?? C,
           onAddTrigger: o,
-          onAddCondition: i ?? v,
+          onAddCondition: i ?? C,
           onAddLoop: r,
           onDeleteStep: c,
-          onUpdateFilter: a ?? v,
-          onSelectStep: d ?? v,
+          onUpdateFilter: a ?? C,
+          onSelectStep: d ?? C,
           isDescendent: !0
         }
       ) })
     ] })
   ] });
-}, It = "_container_kielx_1", bt = {
-  container: It
-}, Et = ({
-  process: e,
+}, Ie = "_container_kielx_1", be = {
+  container: Ie
+}, Ee = ({
+  process: t,
   addMultipleTriggers: n,
   onAddStep: o,
   onAddTrigger: i,
@@ -1476,25 +1486,25 @@ const Me = () => /* @__PURE__ */ C(
   onDeleteTrigger: d,
   onDeleteStep: s,
   onUpdateFilter: l,
-  onSelectStep: f
+  onSelectStep: g
 }) => {
-  const [b, x] = E(0);
-  return /* @__PURE__ */ C("div", { className: bt.container, children: [
-    /* @__PURE__ */ t(
-      Ne,
+  const [b, _] = E(0);
+  return /* @__PURE__ */ h("div", { className: be.container, children: [
+    /* @__PURE__ */ e(
+      kt,
       {
-        steps: e.triggers,
+        steps: t.triggers,
         onAddTrigger: n,
         onUpdateFilter: l,
         onDeleteTrigger: d,
-        onSelectStep: f,
-        onCenterYUpdate: x
+        onSelectStep: g,
+        onCenterYUpdate: _
       }
     ),
-    e.steps.length > 0 ? /* @__PURE__ */ t(
+    t.steps.length > 0 ? /* @__PURE__ */ e(
       l1,
       {
-        steps: e.steps,
+        steps: t.steps,
         centerY: b,
         onAddStep: o,
         onAddTrigger: i,
@@ -1503,11 +1513,11 @@ const Me = () => /* @__PURE__ */ C(
         onResize: a,
         onDeleteStep: s,
         onUpdateFilter: l,
-        onSelectStep: f,
+        onSelectStep: g,
         isDescendent: !1,
         pathId: void 0
       }
-    ) : /* @__PURE__ */ t(
+    ) : /* @__PURE__ */ e(
       Z,
       {
         onAddStep: () => o(),
@@ -1523,88 +1533,88 @@ const Me = () => /* @__PURE__ */ C(
     )
   ] });
 };
-class Nt extends Error {
+class Ne extends Error {
   constructor(n) {
     super(n), this.name = "AddStepError";
   }
 }
-const m1 = (e) => "condition" in e && typeof e.condition == "string", x1 = (e, n, o, i) => {
+const m1 = (t) => "condition" in t && typeof t.condition == "string", y1 = (t, n, o, i) => {
   const r = i === "prepend" ? n : n + 1;
-  return [...e.slice(0, r), o, ...e.slice(r)];
-}, c1 = (e, n, o, i) => {
-  for (let r = 0; r < e.length; r++) {
-    if (e[r].localId === n)
-      return x1(e, r, i, o);
-    const c = e[r], a = c.steps?.length && c1(c.steps, n, o, i);
+  return [...t.slice(0, r), o, ...t.slice(r)];
+}, c1 = (t, n, o, i) => {
+  for (let r = 0; r < t.length; r++) {
+    if (t[r].localId === n)
+      return y1(t, r, i, o);
+    const c = t[r], a = c.steps?.length && c1(c.steps, n, o, i);
     if (a)
-      return e.map(
+      return t.map(
         (s, l) => l === r ? { ...s, steps: a } : s
       );
-    const d = c.paths?.length && w1(c.paths, n, o, i);
+    const d = c.paths?.length && I1(c.paths, n, o, i);
     if (d)
-      return e.map(
+      return t.map(
         (s, l) => l === r ? { ...s, paths: d } : s
       );
   }
   return null;
-}, kt = (e, n, o) => {
-  const i = e.steps ?? [], r = n === "prepend" ? [o, ...i] : [...i, o];
-  return { ...e, steps: r };
-}, w1 = (e, n, o, i) => {
-  for (let r = 0; r < e.length; r++) {
-    const c = e[r];
+}, ke = (t, n, o) => {
+  const i = t.steps ?? [], r = n === "prepend" ? [o, ...i] : [...i, o];
+  return { ...t, steps: r };
+}, I1 = (t, n, o, i) => {
+  for (let r = 0; r < t.length; r++) {
+    const c = t[r];
     if (c.localId === n)
-      return m1(c) ? e.map(
-        (a, d) => d === r ? kt(c, o, i) : a
-      ) : x1(e, r, i, o);
+      return m1(c) ? t.map(
+        (a, d) => d === r ? ke(c, o, i) : a
+      ) : y1(t, r, i, o);
     if (m1(c)) {
       const a = c.steps?.length && c1(c.steps, n, o, i);
       if (a)
-        return e.map(
+        return t.map(
           (s, l) => l === r ? { ...s, steps: a } : s
         );
-      const d = c.paths?.length && w1(c.paths, n, o, i);
+      const d = c.paths?.length && I1(c.paths, n, o, i);
       if (d)
-        return e.map(
+        return t.map(
           (s, l) => l === r ? { ...s, paths: d } : s
         );
     }
   }
   return null;
-}, $t = (e, n, o, i) => {
-  const r = c1(e.steps, n, o, i);
+}, $e = (t, n, o, i) => {
+  const r = c1(t.steps, n, o, i);
   if (r)
-    return { ...e, steps: r };
-  throw new Nt(`Step or path with id "${n}" not found`);
-}, y1 = (e, n) => ({
-  ...e,
-  ...e.steps != null && { steps: a1(e.steps, n) },
-  ...e.paths != null && {
-    paths: e.paths.map((o) => y1(o, n))
+    return { ...t, steps: r };
+  throw new Ne(`Step or path with id "${n}" not found`);
+}, b1 = (t, n) => ({
+  ...t,
+  ...t.steps != null && { steps: a1(t.steps, n) },
+  ...t.paths != null && {
+    paths: t.paths.map((o) => b1(o, n))
   }
-}), a1 = (e, n) => e.filter((o) => o.localId !== n).map((o) => ({
+}), a1 = (t, n) => t.filter((o) => o.localId !== n).map((o) => ({
   ...o,
   ...o.steps != null && { steps: a1(o.steps, n) },
   ...o.paths != null && {
-    paths: o.paths.map((i) => y1(i, n))
+    paths: o.paths.map((i) => b1(i, n))
   }
-})), Tt = (e, n) => {
-  const o = a1(e.steps, n);
+})), Te = (t, n) => {
+  const o = a1(t.steps, n);
   return {
-    ...e,
+    ...t,
     steps: o
   };
 };
 export {
-  Nt as AddStepError,
-  yt as Iterator,
+  Ne as AddStepError,
+  ye as Iterator,
   Q as Menu,
-  Lt as MenuProvider,
-  Et as ProcessDiagram,
+  Le as MenuProvider,
+  Ee as ProcessDiagram,
   s1 as ProcessStep,
-  Ne as Trigger,
-  $t as addStep,
-  Tt as deleteStep,
+  kt as Trigger,
+  $e as addStep,
+  Te as deleteStep,
   r1 as useMenuProvider
 };
 //# sourceMappingURL=index.mjs.map