@emporix/process-diagram 2.0.0-beta.13 → 2.0.0-beta.15

package/dist/index.mjs

@@ -1,37 +1,37 @@
-import { jsxs as m, Fragment as o1, jsx as e } from "react/jsx-runtime";
-import R, { forwardRef as B1, useState as $, useRef as O, useCallback as D, useImperativeHandle as P1, useEffect as Y, createContext as M1, useMemo as H, useContext as L1, useLayoutEffect as S1 } from "react";
-import { createPortal as T1 } from "react-dom";
-const $1 = "_container_1vo7a_1", O1 = "_step_1vo7a_7", E1 = "_selected_1vo7a_23", j1 = "_selectedInvalid_1vo7a_29", H1 = "_isSet_1vo7a_35", W1 = "_invalid_1vo7a_39", R1 = "_filterFlag_1vo7a_45", z1 = "_title_1vo7a_73", F1 = "_icon_1vo7a_90", D1 = "_content_1vo7a_108", A1 = "_dotsButton_1vo7a_114", N = {
-  container: $1,
-  step: O1,
-  selected: E1,
-  selectedInvalid: j1,
-  isSet: H1,
-  invalid: W1,
-  filterFlag: R1,
-  title: z1,
-  icon: F1,
-  content: D1,
-  dotsButton: A1
+import { jsxs as m, Fragment as i1, jsx as e } from "react/jsx-runtime";
+import R, { forwardRef as P1, useState as O, useRef as E, useCallback as D, useImperativeHandle as M1, useEffect as Y, createContext as L1, useMemo as H, useContext as S1, useLayoutEffect as T1 } from "react";
+import { createPortal as $1 } from "react-dom";
+const O1 = "_container_1vo7a_1", E1 = "_step_1vo7a_7", j1 = "_selected_1vo7a_23", H1 = "_selectedInvalid_1vo7a_29", W1 = "_isSet_1vo7a_35", R1 = "_invalid_1vo7a_39", z1 = "_filterFlag_1vo7a_45", F1 = "_title_1vo7a_73", D1 = "_icon_1vo7a_90", A1 = "_content_1vo7a_108", V1 = "_dotsButton_1vo7a_114", k = {
+  container: O1,
+  step: E1,
+  selected: j1,
+  selectedInvalid: H1,
+  isSet: W1,
+  invalid: R1,
+  filterFlag: z1,
+  title: F1,
+  icon: D1,
+  content: A1,
+  dotsButton: V1
 };
-var f1 = {
+var v1 = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, p1 = R.createContext && /* @__PURE__ */ R.createContext(f1), V1 = ["attr", "size", "title"];
-function Z1(t, n) {
+}, h1 = R.createContext && /* @__PURE__ */ R.createContext(v1), Z1 = ["attr", "size", "title"];
+function Y1(t, n) {
   if (t == null) return {};
-  var o = Y1(t, n), i, r;
+  var o = X1(t, n), i, r;
   if (Object.getOwnPropertySymbols) {
-    var c = Object.getOwnPropertySymbols(t);
-    for (r = 0; r < c.length; r++)
-      i = c[r], !(n.indexOf(i) >= 0) && Object.prototype.propertyIsEnumerable.call(t, i) && (o[i] = t[i]);
+    var a = Object.getOwnPropertySymbols(t);
+    for (r = 0; r < a.length; r++)
+      i = a[r], !(n.indexOf(i) >= 0) && Object.prototype.propertyIsEnumerable.call(t, i) && (o[i] = t[i]);
   }
   return o;
 }
-function Y1(t, n) {
+function X1(t, n) {
   if (t == null) return {};
   var o = {};
   for (var i in t)
@@ -41,17 +41,17 @@ function Y1(t, n) {
     }
   return o;
 }
-function U() {
-  return U = Object.assign ? Object.assign.bind() : function(t) {
+function K() {
+  return K = 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) && (t[i] = o[i]);
     }
     return t;
-  }, U.apply(this, arguments);
+  }, K.apply(this, arguments);
 }
-function u1(t, n) {
+function C1(t, n) {
   var o = Object.keys(t);
   if (Object.getOwnPropertySymbols) {
     var i = Object.getOwnPropertySymbols(t);
@@ -61,21 +61,21 @@ function u1(t, n) {
   }
   return o;
 }
-function K(t) {
+function U(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) {
-      X1(t, i, o[i]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(o)) : u1(Object(o)).forEach(function(i) {
+    n % 2 ? C1(Object(o), !0).forEach(function(i) {
+      G1(t, i, o[i]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(o)) : C1(Object(o)).forEach(function(i) {
       Object.defineProperty(t, i, Object.getOwnPropertyDescriptor(o, i));
     });
   }
   return t;
 }
-function X1(t, n, o) {
-  return n = G1(n), n in t ? Object.defineProperty(t, n, { value: o, enumerable: !0, configurable: !0, writable: !0 }) : t[n] = o, t;
+function G1(t, n, o) {
+  return n = K1(n), n in t ? Object.defineProperty(t, n, { value: o, enumerable: !0, configurable: !0, writable: !0 }) : t[n] = o, t;
 }
-function G1(t) {
+function K1(t) {
   var n = U1(t, "string");
   return typeof n == "symbol" ? n : n + "";
 }
@@ -89,43 +89,43 @@ function U1(t, n) {
   }
   return (n === "string" ? String : Number)(t);
 }
-function v1(t) {
-  return t && t.map((n, o) => /* @__PURE__ */ R.createElement(n.tag, K({
+function _1(t) {
+  return t && t.map((n, o) => /* @__PURE__ */ R.createElement(n.tag, U({
     key: o
-  }, n.attr), v1(n.child)));
+  }, n.attr), _1(n.child)));
 }
 function V(t) {
-  return (n) => /* @__PURE__ */ R.createElement(K1, U({
-    attr: K({}, t.attr)
-  }, n), v1(t.child));
+  return (n) => /* @__PURE__ */ R.createElement(q1, K({
+    attr: U({}, t.attr)
+  }, n), _1(t.child));
 }
-function K1(t) {
+function q1(t) {
   var n = (o) => {
     var {
       attr: i,
       size: r,
-      title: c
-    } = t, a = Z1(t, V1), d = r || o.size || "1em", s;
-    return o.className && (s = o.className), t.className && (s = (s ? s + " " : "") + t.className), /* @__PURE__ */ R.createElement("svg", U({
+      title: a
+    } = t, l = Y1(t, Z1), d = r || o.size || "1em", s;
+    return o.className && (s = o.className), t.className && (s = (s ? s + " " : "") + t.className), /* @__PURE__ */ R.createElement("svg", K({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
-    }, o.attr, i, a, {
+    }, o.attr, i, l, {
       className: s,
-      style: K(K({
+      style: U(U({
         color: t.color || o.color
       }, o.style), t.style),
       height: d,
       width: d,
       xmlns: "http://www.w3.org/2000/svg"
-    }), c && /* @__PURE__ */ R.createElement("title", null, c), t.children);
+    }), a && /* @__PURE__ */ R.createElement("title", null, a), t.children);
   };
-  return p1 !== void 0 ? /* @__PURE__ */ R.createElement(p1.Consumer, null, (o) => n(o)) : n(f1);
+  return h1 !== void 0 ? /* @__PURE__ */ R.createElement(h1.Consumer, null, (o) => n(o)) : n(v1);
 }
-function q1(t) {
+function J1(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 _1(t) {
+function x1(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 q(t) {
@@ -134,15 +134,15 @@ function q(t) {
 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 J1 = "_panel_19663_1", Q1 = "_panelExiting_19663_13", tt = "_menuItem_19663_37", et = "_disabled_19663_52", nt = "_menuItemIcon_19663_57", ot = "_menuItemText_19663_63", it = "_overlay_19663_69", j = {
-  panel: J1,
-  panelExiting: Q1,
-  menuItem: tt,
-  disabled: et,
-  menuItemIcon: nt,
-  menuItemText: ot,
-  overlay: it
-}, rt = (t) => {
+const Q1 = "_panel_19663_1", tt = "_panelExiting_19663_13", et = "_menuItem_19663_37", nt = "_disabled_19663_52", ot = "_menuItemIcon_19663_57", it = "_menuItemText_19663_63", rt = "_overlay_19663_69", j = {
+  panel: Q1,
+  panelExiting: tt,
+  menuItem: et,
+  disabled: nt,
+  menuItemIcon: ot,
+  menuItemText: it,
+  overlay: rt
+}, st = (t) => {
   const o = t.currentTarget ?? t.target;
   if (o?.getBoundingClientRect) {
     const r = o.getBoundingClientRect();
@@ -153,77 +153,77 @@ const J1 = "_panel_19663_1", Q1 = "_panelExiting_19663_13", tt = "_menuItem_1966
     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] = $(!1), [s, l] = $(!1), [u, w] = $({ top: 0, left: 0 }), v = O(null), _ = D(() => {
-    s || l(!0);
+}, Q = P1(function({ model: n, popup: o = !0, onHide: i, onClick: r }, a) {
+  const [l, d] = O(!1), [s, c] = O(!1), [u, x] = O({ top: 0, left: 0 }), f = E(null), v = D(() => {
+    s || c(!0);
   }, [s]), b = D(
     (p) => {
-      s && p.animationName.includes("menuOut") && (d(!1), l(!1), i?.());
+      s && p.animationName.includes("menuOut") && (d(!1), c(!1), i?.());
     },
     [s, i]
-  ), k = D((p) => {
-    w(rt(p)), l(!1), d(!0);
+  ), B = D((p) => {
+    x(st(p)), c(!1), d(!0);
   }, []), g = D(
     (p) => {
-      a ? _() : k(p);
+      l ? v() : B(p);
     },
-    [a, _, k]
+    [l, v, B]
   );
-  P1(
-    c,
+  M1(
+    a,
     () => ({
-      show: k,
-      hide: _,
+      show: B,
+      hide: v,
       toggle: g
     }),
-    [k, _, g]
+    [B, v, g]
   ), Y(() => {
-    if (!a) return;
-    const p = (I) => {
-      I.key === "Escape" && _();
-    }, x = (I) => {
-      const h = v.current;
-      h && !h.contains(I.target) && (I.stopPropagation(), _());
+    if (!l) return;
+    const p = (y) => {
+      y.key === "Escape" && v();
+    }, _ = (y) => {
+      const N = f.current;
+      N && !N.contains(y.target) && (y.stopPropagation(), v());
     };
-    return document.addEventListener("keydown", p), document.addEventListener("mousedown", x), () => {
-      document.removeEventListener("keydown", p), document.removeEventListener("mousedown", x);
+    return document.addEventListener("keydown", p), document.addEventListener("mousedown", _), () => {
+      document.removeEventListener("keydown", p), document.removeEventListener("mousedown", _);
     };
-  }, [a, _]);
-  const B = (p, x) => {
-    x.stopPropagation(), p.command?.({ originalEvent: x, item: p }), _();
-  }, C = (p, x) => {
-    const I = (h) => B(p, h);
-    return p.template ? /* @__PURE__ */ e(R.Fragment, { children: p.template(p, { onClick: I }) }, x) : /* @__PURE__ */ m(
+  }, [l, v]);
+  const M = (p, _) => {
+    _.stopPropagation(), p.command?.({ originalEvent: _, item: p }), v();
+  }, C = (p, _) => {
+    const y = (N) => M(p, N);
+    return p.template ? /* @__PURE__ */ e(R.Fragment, { children: p.template(p, { onClick: y }) }, _) : /* @__PURE__ */ m(
       "button",
       {
         type: "button",
         className: `${j.menuItem} ${p.disabled && j.disabled}`,
-        onClick: (h) => {
-          p.disabled || I(h);
+        onClick: (N) => {
+          p.disabled || y(N);
         },
         children: [
           p.icon && /* @__PURE__ */ e("span", { className: j.menuItemIcon, children: p.icon }),
           /* @__PURE__ */ e("span", { className: j.menuItemText, children: p.label })
         ]
       },
-      x
+      _
     );
   };
-  return !a || !o ? null : T1(
-    /* @__PURE__ */ m(o1, { children: [
+  return !l || !o ? null : $1(
+    /* @__PURE__ */ m(i1, { children: [
       /* @__PURE__ */ e(
         "div",
         {
           className: j.overlay,
           "aria-hidden": !0,
-          onClick: () => _(),
+          onClick: () => v(),
           onMouseDown: (p) => p.stopPropagation()
         }
       ),
       /* @__PURE__ */ e(
         "div",
         {
-          ref: v,
+          ref: f,
           className: `${j.panel} ${s ? j.panelExiting : ""}`,
           role: "menu",
           style: { top: u.top, left: u.left },
@@ -237,7 +237,7 @@ const J1 = "_panel_19663_1", Q1 = "_panelExiting_19663_13", tt = "_menuItem_1966
     ] }),
     document.body
   );
-}), r1 = () => (t, n) => /* @__PURE__ */ m(
+}), t1 = () => (t, n) => /* @__PURE__ */ m(
   "button",
   {
     className: j.menuItem,
@@ -247,7 +247,7 @@ const J1 = "_panel_19663_1", Q1 = "_panelExiting_19663_13", tt = "_menuItem_1966
       /* @__PURE__ */ e("span", { className: j.menuItemText, children: t.label })
     ]
   }
-), st = ({
+), lt = ({
   width: t = 16,
   height: n = 16,
   color: o = "#3B64A0"
@@ -282,7 +282,7 @@ const J1 = "_panel_19663_1", Q1 = "_panelExiting_19663_13", tt = "_menuItem_1966
       )
     ]
   }
-), lt = ({
+), ct = ({
   width: t = 16,
   height: n = 16,
   color: o = "#3B64A0"
@@ -313,7 +313,7 @@ const J1 = "_panel_19663_1", Q1 = "_panelExiting_19663_13", tt = "_menuItem_1966
       )
     ]
   }
-), h1 = ({
+), r1 = ({
   width: t = 16,
   height: n = 16,
   color: o = "#3B64A0"
@@ -342,16 +342,16 @@ const J1 = "_panel_19663_1", Q1 = "_panelExiting_19663_13", tt = "_menuItem_1966
       )
     ]
   }
-), x1 = M1(
+), w1 = L1(
   void 0
-), Te = ({ children: t }) => {
-  const [n, o] = $([]), 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 = H(
+), $e = ({ children: t }) => {
+  const [n, o] = O([]), i = D((l, d) => {
+    o((s) => (s.forEach((c) => {
+      c.current && c !== l && c.current.hide(d);
+    }), [])), l.current?.toggle(d), o([l]);
+  }, []), r = D((l) => {
+    o((d) => d.filter((s) => s !== l));
+  }, []), a = H(
     () => ({
       openMenus: n,
       openMenu: i,
@@ -359,13 +359,13 @@ const J1 = "_panel_19663_1", Q1 = "_panelExiting_19663_13", tt = "_menuItem_1966
     }),
     [n, i, r]
   );
-  return /* @__PURE__ */ e(x1.Provider, { value: c, children: t });
-}, s1 = () => {
-  const t = L1(x1);
+  return /* @__PURE__ */ e(w1.Provider, { value: a, children: t });
+}, l1 = () => {
+  const t = S1(w1);
   if (t === void 0)
     throw new Error("useMenuProvider must be used within a MenuProvider");
   return t;
-}, ct = ({ color: t = "#E32012" }) => /* @__PURE__ */ m(
+}, at = ({ color: t = "#E32012" }) => /* @__PURE__ */ m(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -384,59 +384,59 @@ const J1 = "_panel_19663_1", Q1 = "_panelExiting_19663_13", tt = "_menuItem_1966
       /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "clip0_3105_5367", children: /* @__PURE__ */ e("rect", { width: "16", height: "16", fill: "white" }) }) })
     ]
   }
-), l1 = (t) => {
+), c1 = (t) => {
   const {
     isSet: n,
     isSelected: o,
     isFilter: i,
     className: r,
-    title: c,
-    icon: a,
+    title: a,
+    icon: l,
     contextMenuItems: d = void 0,
     onDeleteStep: s,
-    onUpdateFilter: l,
+    onUpdateFilter: c,
     onSelectStep: u,
-    subtitle: w,
-    isInvalid: v,
-    localId: _
-  } = t, b = O(null), { openMenu: k, closeMenu: g } = s1(), B = r1(), C = H(() => {
-    const f = [];
-    return f.push({
+    subtitle: x,
+    isInvalid: f,
+    localId: v
+  } = t, b = E(null), { openMenu: B, closeMenu: g } = l1(), M = t1(), C = H(() => {
+    const h = [];
+    return h.push({
       label: "Add Step Filter",
-      icon: /* @__PURE__ */ e("div", { className: "mr-2 flex items-center justify-center", children: /* @__PURE__ */ e(h1, {}) }),
-      command: (y) => {
-        y?.originalEvent?.stopPropagation(), l && l(_);
+      icon: /* @__PURE__ */ e("div", { className: "mr-2 flex items-center justify-center", children: /* @__PURE__ */ e(r1, {}) }),
+      command: (w) => {
+        w?.originalEvent?.stopPropagation(), c && c(v);
       },
-      template: B
-    }), s && f.push({
+      template: M
+    }), s && h.push({
       label: "Remove",
       icon: /* @__PURE__ */ e(J, { color: "#3B64A0", size: 18 }),
-      command: (y) => {
-        y?.originalEvent?.stopPropagation(), s(_);
+      command: (w) => {
+        w?.originalEvent?.stopPropagation(), s(v);
       },
-      template: B
-    }), f;
-  }, [l, s, _, B]), p = H(() => d ?? C, [d, C]), x = (f) => {
-    f.stopPropagation(), k(b, f);
-  }, I = H(() => o && v ? N.step + " " + N.selectedInvalid : o ? N.step + " " + N.selected : n ? N.step + " " + N.isSet : v ? N.step + " " + N.invalid : N.step, [n, o, v]), h = H(() => v ? /* @__PURE__ */ e(ct, { color: "#E32012" }) : a, [a, v]);
-  return /* @__PURE__ */ e("div", { className: N.container + " " + r, children: /* @__PURE__ */ m("div", { children: [
-    /* @__PURE__ */ m("div", { className: I, onClick: () => u(_), children: [
-      /* @__PURE__ */ m("div", { className: N.content, children: [
-        /* @__PURE__ */ e("div", { className: `${N.icon} ${v && N.invalid}`, children: h }),
-        /* @__PURE__ */ e("div", { className: N.title, children: c })
+      template: M
+    }), h;
+  }, [c, s, v, M]), p = H(() => d ?? C, [d, C]), _ = (h) => {
+    h.stopPropagation(), B(b, h);
+  }, y = H(() => o && f ? k.step + " " + k.selectedInvalid : o ? k.step + " " + k.selected : n ? k.step + " " + k.isSet : f ? k.step + " " + k.invalid : k.step, [n, o, f]), N = H(() => f ? /* @__PURE__ */ e(at, { color: "#E32012" }) : l, [l, f]);
+  return /* @__PURE__ */ e("div", { className: k.container + " " + r, children: /* @__PURE__ */ m("div", { children: [
+    /* @__PURE__ */ m("div", { className: y, onClick: () => u(v), children: [
+      /* @__PURE__ */ m("div", { className: k.content, children: [
+        /* @__PURE__ */ e("div", { className: `${k.icon} ${f && k.invalid}`, children: N }),
+        /* @__PURE__ */ e("div", { className: k.title, children: a })
       ] }),
       /* @__PURE__ */ e(
         "button",
         {
-          className: N.dotsButton,
-          onClick: x,
+          className: k.dotsButton,
+          onClick: _,
           "aria-haspopup": !0,
           "aria-label": "Step options",
           children: /* @__PURE__ */ e(
             q,
             {
-              className: N.dots,
-              color: v ? "#E32012" : "#3B64A0",
+              className: k.dots,
+              color: f ? "#E32012" : "#3B64A0",
               size: 16
             }
           )
@@ -448,7 +448,7 @@ const J1 = "_panel_19663_1", Q1 = "_panelExiting_19663_13", tt = "_menuItem_1966
           model: p,
           popup: !0,
           ref: b,
-          onClick: (f) => f.stopPropagation(),
+          onClick: (h) => h.stopPropagation(),
           onHide: () => g(b)
         }
       )
@@ -456,54 +456,54 @@ const J1 = "_panel_19663_1", Q1 = "_panelExiting_19663_13", tt = "_menuItem_1966
     i && /* @__PURE__ */ m(
       "div",
       {
-        className: N.filterFlag,
+        className: k.filterFlag,
         role: "button",
         tabIndex: 0,
         onClick: () => {
-          l && l(_);
+          c && c(v);
         },
-        onKeyDown: (f) => {
-          (f.key === "Enter" || f.key === " ") && l && (f.preventDefault(), l(_));
+        onKeyDown: (h) => {
+          (h.key === "Enter" || h.key === " ") && c && (h.preventDefault(), c(v));
         },
         children: [
-          /* @__PURE__ */ e(h1, { color: "#3B64A0" }),
+          /* @__PURE__ */ e(r1, { color: "#3B64A0" }),
           /* @__PURE__ */ e("span", { children: "Filter" }),
           /* @__PURE__ */ e(
             q,
             {
-              className: N.dots,
-              color: v ? "#E32012" : "#3B64A0",
+              className: k.dots,
+              color: f ? "#E32012" : "#3B64A0",
               style: { height: "10px" }
             }
           )
         ]
       }
     ),
-    w && /* @__PURE__ */ e("div", { className: N.subtitle, children: w })
+    x && /* @__PURE__ */ e("div", { className: k.subtitle, children: x })
   ] }) });
-}, at = () => /* @__PURE__ */ m("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: [
+}, dt = () => /* @__PURE__ */ m("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: [
   /* @__PURE__ */ m("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__ */ 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" }) }) })
-] }), dt = "_multipleTriggersIcon_oxhdi_1", pt = {
-  multipleTriggersIcon: dt
-}, ut = () => /* @__PURE__ */ e("div", { className: pt.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" }) }) }), ht = "_trigger_kfg1y_1", Ct = "_title_kfg1y_7", mt = "_empty_kfg1y_15", gt = "_triggerContainer_kfg1y_21", ft = "_stepsContainer_kfg1y_25", vt = "_stepItem_kfg1y_51", _t = "_curvesSvg_kfg1y_70", xt = "_centralNode_kfg1y_78", wt = "_iconWrapper_kfg1y_104", yt = "_fadeIn_kfg1y_127", It = "_fadeOut_kfg1y_130", bt = "_operationContainer_kfg1y_134", L = {
-  trigger: ht,
-  title: Ct,
-  empty: mt,
-  triggerContainer: gt,
-  stepsContainer: ft,
-  stepItem: vt,
-  curvesSvg: _t,
-  centralNode: xt,
-  iconWrapper: wt,
-  fadeIn: yt,
-  fadeOut: It,
-  operationContainer: bt
-}, Nt = () => /* @__PURE__ */ e(
+] }), pt = "_multipleTriggersIcon_oxhdi_1", ut = {
+  multipleTriggersIcon: pt
+}, ht = () => /* @__PURE__ */ e("div", { className: ut.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" }) }) }), Ct = "_trigger_kfg1y_1", mt = "_title_kfg1y_7", gt = "_empty_kfg1y_15", ft = "_triggerContainer_kfg1y_21", vt = "_stepsContainer_kfg1y_25", _t = "_stepItem_kfg1y_51", xt = "_curvesSvg_kfg1y_70", wt = "_centralNode_kfg1y_78", yt = "_iconWrapper_kfg1y_104", It = "_fadeIn_kfg1y_127", bt = "_fadeOut_kfg1y_130", Nt = "_operationContainer_kfg1y_134", S = {
+  trigger: Ct,
+  title: mt,
+  empty: gt,
+  triggerContainer: ft,
+  stepsContainer: vt,
+  stepItem: _t,
+  curvesSvg: xt,
+  centralNode: wt,
+  iconWrapper: yt,
+  fadeIn: It,
+  fadeOut: bt,
+  operationContainer: Nt
+}, kt = () => /* @__PURE__ */ e(
   "div",
   {
     style: {
@@ -513,41 +513,41 @@ const J1 = "_panel_19663_1", Q1 = "_panelExiting_19663_13", tt = "_menuItem_1966
       borderTop: "1px solid #a1bbdc"
     }
   }
-), kt = 80, X = 34, Bt = ({
+), Bt = 80, X = 34, Pt = ({
   steps: t,
   title: n,
   className: o,
   onDeleteTrigger: i,
   onAddTrigger: r,
-  onSelectStep: c,
-  onUpdateFilter: a,
+  onSelectStep: a,
+  onUpdateFilter: l,
   onCenterYUpdate: d
 }) => {
-  const s = O(null), l = O([]), [u, w] = $([]), [v, _] = $({ width: 0, height: 0 }), [b, k] = $(!1), [g, B] = $(!1), C = O(null);
+  const s = E(null), c = E([]), [u, x] = O([]), [f, v] = O({ width: 0, height: 0 }), [b, B] = O(!1), [g, M] = O(!1), C = E(null);
   Y(() => {
     const h = () => {
       if (!s.current) return;
-      const f = [];
-      if (l.current.forEach((y, M) => {
-        if (y && s.current) {
-          const T = s.current.getBoundingClientRect(), S = y.getBoundingClientRect();
-          f.push({
-            localId: t[M]?.localId ?? `step-${M}`,
-            top: S.top - T.top,
-            right: S.right - T.left,
-            centerY: S.top - T.top + S.height / 2
+      const w = [];
+      if (c.current.forEach((I, T) => {
+        if (I && s.current) {
+          const $ = s.current.getBoundingClientRect(), P = I.getBoundingClientRect();
+          w.push({
+            localId: t[T]?.localId ?? `step-${T}`,
+            top: P.top - $.top,
+            right: P.right - $.left,
+            centerY: P.top - $.top + P.height / 2
           });
         }
-      }), w(f), s.current && f.length > 0) {
-        const y = s.current.getBoundingClientRect(), M = Math.min(...f.map((W) => W.top)), T = l.current.filter(Boolean).map((W) => W?.offsetHeight || 68), S = Math.max(
-          ...f.map((W, k1) => W.top + (T[k1] || 68))
-        ), t1 = Math.max(...f.map((W) => W.right)) + 0, e1 = Math.max(
-          y.height,
-          S - M + 100
+      }), x(w), s.current && w.length > 0) {
+        const I = s.current.getBoundingClientRect(), T = Math.min(...w.map((W) => W.top)), $ = c.current.filter(Boolean).map((W) => W?.offsetHeight || 68), P = Math.max(
+          ...w.map((W, B1) => W.top + ($[B1] || 68))
+        ), e1 = Math.max(...w.map((W) => W.right)) + 0, n1 = Math.max(
+          I.height,
+          P - T + 100
         );
-        _({
-          width: t1,
-          height: e1
+        v({
+          width: e1,
+          height: n1
         });
       }
     };
@@ -556,55 +556,65 @@ const J1 = "_panel_19663_1", Q1 = "_panelExiting_19663_13", tt = "_menuItem_1966
     let h = !0;
     if (b) {
       C.current && (clearTimeout(C.current), C.current = null);
-      const f = setTimeout(() => {
-        h && B(!0);
+      const w = setTimeout(() => {
+        h && M(!0);
       }, 0);
       return () => {
-        h = !1, clearTimeout(f);
+        h = !1, clearTimeout(w);
       };
     }
     return C.current = setTimeout(() => {
-      h && B(!1);
+      h && M(!1);
     }, 140), () => {
       h = !1, C.current && (clearTimeout(C.current), C.current = null);
     };
   }, [b]);
-  const p = u.length > 0 ? kt : 0, x = H(() => u.length > 1 ? u.reduce((h, f) => h + f.top + X, 0) / u.length : u.length === 1 ? u[0].top + X : 0, [u]);
-  if (Y(() => {
-    d?.(x);
-  }, [x, d]), t.length === 0)
-    return /* @__PURE__ */ m("div", { className: `${L.trigger} ${o || ""}`, children: [
-      n && /* @__PURE__ */ e("h3", { className: L.title, children: n }),
-      /* @__PURE__ */ e("div", { className: L.empty, children: "No steps" })
+  const p = u.length > 0 ? Bt : 0, _ = H(() => u.length > 1 ? u.reduce((h, w) => h + w.top + X, 0) / u.length : u.length === 1 ? u[0].top + X : 0, [u]);
+  Y(() => {
+    d?.(_);
+  }, [_, d]);
+  const y = t1();
+  if (t.length === 0)
+    return /* @__PURE__ */ m("div", { className: `${S.trigger} ${o || ""}`, children: [
+      n && /* @__PURE__ */ e("h3", { className: S.title, children: n }),
+      /* @__PURE__ */ e("div", { className: S.empty, children: "No steps" })
     ] });
-  const I = (h, f, y, M) => {
-    const T = y - h, S = Math.min(T * 0.6, 60), E = h + S, t1 = f, e1 = y - S;
-    return `M ${h} ${f} C ${E} ${t1}, ${e1} ${M}, ${y} ${M}`;
+  const N = (h, w, I, T) => {
+    const $ = I - h, P = Math.min($ * 0.6, 60), u1 = h + P, e1 = w, n1 = I - P;
+    return `M ${h} ${w} C ${u1} ${e1}, ${n1} ${T}, ${I} ${T}`;
   };
-  return /* @__PURE__ */ m("div", { className: `${L.trigger} ${o || ""}`, ref: s, children: [
-    n && /* @__PURE__ */ e("h3", { className: L.title, children: n }),
-    /* @__PURE__ */ m("div", { className: L.triggerContainer, children: [
-      /* @__PURE__ */ e("div", { className: L.stepsContainer, children: t.map((h, f) => /* @__PURE__ */ e(
+  return /* @__PURE__ */ m("div", { className: `${S.trigger} ${o || ""}`, ref: s, children: [
+    n && /* @__PURE__ */ e("h3", { className: S.title, children: n }),
+    /* @__PURE__ */ m("div", { className: S.triggerContainer, children: [
+      /* @__PURE__ */ e("div", { className: S.stepsContainer, children: t.map((h, w) => /* @__PURE__ */ e(
         "div",
         {
-          ref: (y) => {
-            l.current[f] = y;
+          ref: (I) => {
+            c.current[w] = I;
           },
           children: /* @__PURE__ */ e(
-            l1,
+            c1,
             {
               title: h.title,
-              className: L.stepItem,
+              className: S.stepItem,
               localId: h.localId,
-              idx: f,
+              idx: w,
               isSet: h.isSet,
               isSelected: h.isSelected,
               isInvalid: h.isInvalid,
               isFilter: h.isFilter,
               icon: h.icon,
-              onSelectStep: c,
-              onUpdateFilter: a,
+              onSelectStep: a,
+              onUpdateFilter: l,
               contextMenuItems: [
+                {
+                  label: "Add Step Filter",
+                  icon: /* @__PURE__ */ e("div", { className: "mr-2 flex items-center justify-center", children: /* @__PURE__ */ e(r1, {}) }),
+                  command: (I) => {
+                    I?.originalEvent?.stopPropagation(), l && l(h.localId);
+                  },
+                  template: y
+                },
                 {
                   label: "Delete",
                   icon: /* @__PURE__ */ e(J, { className: "mr-2", color: "#3B64A0", size: 18 }),
@@ -615,11 +625,11 @@ const J1 = "_panel_19663_1", Q1 = "_panelExiting_19663_13", tt = "_menuItem_1966
                 },
                 {
                   label: "",
-                  template: () => /* @__PURE__ */ e(Nt, {})
+                  template: () => /* @__PURE__ */ e(kt, {})
                 },
                 {
                   label: "Add More Triggers",
-                  icon: /* @__PURE__ */ e(q1, { className: "mr-2", color: "#3B64A0", size: 18 }),
+                  icon: /* @__PURE__ */ e(J1, { className: "mr-2", color: "#3B64A0", size: 18 }),
                   command: () => {
                     r?.();
                   }
@@ -633,15 +643,15 @@ const J1 = "_panel_19663_1", Q1 = "_panelExiting_19663_13", tt = "_menuItem_1966
       /* @__PURE__ */ e("div", { style: { position: "relative" }, children: u.length > 1 && /* @__PURE__ */ e(
         "svg",
         {
-          className: L.curvesSvg,
-          width: v.width,
-          height: v.height,
+          className: S.curvesSvg,
+          width: f.width,
+          height: f.height,
           children: u.map((h) => {
-            const y = u.length === 1 ? u[0].top + X : h.top + X;
+            const I = u.length === 1 ? u[0].top + X : h.top + X;
             return /* @__PURE__ */ e(
               "path",
               {
-                d: I(0, y, p, x),
+                d: N(0, I, p, _),
                 stroke: "#3b64a0",
                 strokeWidth: "2",
                 fill: "none",
@@ -656,19 +666,19 @@ const J1 = "_panel_19663_1", Q1 = "_panelExiting_19663_13", tt = "_menuItem_1966
         /* @__PURE__ */ e(
           "div",
           {
-            className: L.centralNode,
+            className: S.centralNode,
             style: {
               "--node-x": `${p}px`,
-              "--node-y": `${x}px`
+              "--node-y": `${_}px`
             },
-            onMouseEnter: () => k(!0),
-            onMouseLeave: () => k(!1),
+            onMouseEnter: () => B(!0),
+            onMouseLeave: () => B(!1),
             children: g ? /* @__PURE__ */ e(
               "div",
               {
-                className: `${L.iconWrapper} ${b ? L.fadeIn : L.fadeOut}`,
+                className: `${S.iconWrapper} ${b ? S.fadeIn : S.fadeOut}`,
                 onClick: r,
-                children: /* @__PURE__ */ e(at, {})
+                children: /* @__PURE__ */ e(dt, {})
               }
             ) : null
           }
@@ -676,25 +686,25 @@ const J1 = "_panel_19663_1", Q1 = "_panelExiting_19663_13", tt = "_menuItem_1966
         /* @__PURE__ */ e(
           "div",
           {
-            className: L.operationContainer,
+            className: S.operationContainer,
             style: {
               "--op-x": `${p + 16}px`,
-              "--op-y": `${x}px`
+              "--op-y": `${_}px`
             },
-            children: /* @__PURE__ */ e(ut, {})
+            children: /* @__PURE__ */ e(ht, {})
           }
         )
       ] }) : null
     ] })
   ] });
 };
-function Pt(t) {
+function Mt(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 Mt(t) {
+function Lt(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 Lt = () => /* @__PURE__ */ m(
+const St = () => /* @__PURE__ */ m(
   "svg",
   {
     width: "24",
@@ -723,59 +733,57 @@ const Lt = () => /* @__PURE__ */ m(
       )
     ]
   }
-), St = "_stepLinkIcon_18u2g_1", Tt = "_stepLinkLine_18u2g_15", $t = "_stepLinkContainer_18u2g_39", G = {
-  stepLinkIcon: St,
-  stepLinkLine: Tt,
-  stepLinkContainer: $t
+), Tt = "_stepLinkIcon_18u2g_1", $t = "_stepLinkLine_18u2g_15", Ot = "_stepLinkContainer_18u2g_39", G = {
+  stepLinkIcon: Tt,
+  stepLinkLine: $t,
+  stepLinkContainer: Ot
 }, A = ({
   onAddStep: t,
   onAddTrigger: n,
   onAddCondition: o,
   onAddLoop: i,
   iteratorEnabled: r = !0,
-  conditionsEnabled: c = !0,
-  stepId: a,
+  conditionsEnabled: a = !0,
+  stepId: l,
   index: d = 0,
   style: s,
-  pathId: l
+  pathId: c
 }) => {
-  const u = r1(), w = O(null);
-  console.log("conditionsEnabled", c), console.log("iteratorEnabled", r);
-  const v = [
+  const u = t1(), x = E(null), f = [
     ...d > 0 ? [
       {
         label: "Trigger",
-        icon: /* @__PURE__ */ e(Mt, { color: "#3B64A0", size: 18 }),
+        icon: /* @__PURE__ */ e(Lt, { color: "#3B64A0", size: 18 }),
         command: () => {
-          n?.(a, l, "trigger");
+          n?.(l, c, "trigger");
         },
         template: u
       }
     ] : [],
     {
       label: "Step",
-      icon: /* @__PURE__ */ e(Pt, { color: "#3B64A0", size: 18 }),
-      command: () => t?.(a, l, d > 0 ? "append" : "prepend"),
+      icon: /* @__PURE__ */ e(Mt, { color: "#3B64A0", size: 18 }),
+      command: () => t?.(l, c, d > 0 ? "append" : "prepend"),
       template: u
     },
-    ...c ? [
+    ...a ? [
       {
         label: "Condition",
-        icon: /* @__PURE__ */ e(st, { width: 18, height: 18 }),
-        command: () => o?.(a, l, d > 0 ? "append" : "prepend"),
+        icon: /* @__PURE__ */ e(lt, { width: 18, height: 18 }),
+        command: () => o?.(l, c, d > 0 ? "append" : "prepend"),
         template: u
       }
     ] : [],
     ...r ? [
       {
         label: "Loop",
-        icon: /* @__PURE__ */ e(lt, { width: 18, height: 18 }),
-        command: () => i?.(a, l, d > 0 ? "append" : "prepend"),
+        icon: /* @__PURE__ */ e(ct, { width: 18, height: 18 }),
+        command: () => i?.(l, c, d > 0 ? "append" : "prepend"),
         template: u
       }
     ] : []
-  ], _ = (b) => {
-    w.current?.show(b);
+  ], v = (b) => {
+    x.current?.show(b);
   };
   return /* @__PURE__ */ m(
     "div",
@@ -789,28 +797,28 @@ const Lt = () => /* @__PURE__ */ m(
           "div",
           {
             className: G.stepLinkIcon,
-            onClick: _,
+            onClick: v,
             "aria-haspopup": !0,
-            children: /* @__PURE__ */ e(Lt, {})
+            children: /* @__PURE__ */ e(St, {})
           }
         ),
-        /* @__PURE__ */ e(Q, { model: v, popup: !0, ref: w }),
+        /* @__PURE__ */ e(Q, { model: f, popup: !0, ref: x }),
         /* @__PURE__ */ e("div", { className: G.stepLinkLine })
       ]
     }
   );
-}, Ot = "_steps_yug55_1", Et = "_stepContainer_yug55_8", jt = "_stepContainerWithPaths_yug55_14", n1 = {
-  steps: Ot,
-  stepContainer: Et,
-  stepContainerWithPaths: jt
-}, Ht = (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}`;
-}, Wt = ({
+}, Et = "_steps_yug55_1", jt = "_stepContainer_yug55_8", Ht = "_stepContainerWithPaths_yug55_14", o1 = {
+  steps: Et,
+  stepContainer: jt,
+  stepContainerWithPaths: Ht
+}, Wt = (t, n, o, i) => {
+  const r = o - t, a = Math.min(r * 0.66, 66), l = t + a, d = n, s = o - a;
+  return `M ${t} ${n} C ${l} ${d}, ${s} ${i}, ${o} ${i}`;
+}, Rt = ({
   width: t,
   height: n
 }) => {
-  const a = Ht(0, 1, t, n);
+  const l = Wt(0, 1, t, n);
   return /* @__PURE__ */ e("div", { style: { position: "absolute" }, children: /* @__PURE__ */ e(
     "svg",
     {
@@ -821,7 +829,7 @@ const Lt = () => /* @__PURE__ */ m(
       children: /* @__PURE__ */ e(
         "path",
         {
-          d: a,
+          d: l,
           stroke: "#3b64a0",
           strokeWidth: "2",
           fill: "none",
@@ -830,14 +838,14 @@ const Lt = () => /* @__PURE__ */ m(
       )
     }
   ) });
-}, Rt = "_column_1uiy3_1", zt = "_row_1uiy3_19", Ft = "_stepsContainer_1uiy3_24", Z = {
-  column: Rt,
-  row: zt,
-  stepsContainer: Ft
-}, Dt = "_wrapper_1nl2d_1", At = "_tooltip_1nl2d_5", C1 = {
-  wrapper: Dt,
-  tooltip: At
-}, Vt = ({
+}, zt = "_column_1uiy3_1", Ft = "_row_1uiy3_19", Dt = "_stepsContainer_1uiy3_24", Z = {
+  column: zt,
+  row: Ft,
+  stepsContainer: Dt
+}, At = "_wrapper_1nl2d_1", Vt = "_tooltip_1nl2d_5", m1 = {
+  wrapper: At,
+  tooltip: Vt
+}, Zt = ({
   content: t,
   children: n,
   maxWidth: o = 500,
@@ -845,46 +853,46 @@ const Lt = () => /* @__PURE__ */ m(
 }) => /* @__PURE__ */ m(
   "div",
   {
-    className: `${C1.wrapper} ${i ?? ""}`.trim(),
+    className: `${m1.wrapper} ${i ?? ""}`.trim(),
     style: { "--tooltip-max-width": `${o}px` },
     children: [
       n,
-      t ? /* @__PURE__ */ e("div", { className: C1.tooltip, role: "tooltip", children: t }) : null
+      t ? /* @__PURE__ */ e("div", { className: m1.tooltip, role: "tooltip", children: t }) : null
     ]
   }
-), Zt = "_conditionContainer_n6c2x_1", Yt = "_connectorLine_n6c2x_6", Xt = "_conditionWrapper_n6c2x_12", Gt = "_condition_n6c2x_1", Ut = "_conditionFits_n6c2x_53", Kt = "_connectorDot_n6c2x_57", z = {
-  conditionContainer: Zt,
-  connectorLine: Yt,
-  conditionWrapper: Xt,
-  condition: Gt,
+), Yt = "_conditionContainer_n6c2x_1", Xt = "_connectorLine_n6c2x_6", Gt = "_conditionWrapper_n6c2x_12", Kt = "_condition_n6c2x_1", Ut = "_conditionFits_n6c2x_53", qt = "_connectorDot_n6c2x_57", z = {
+  conditionContainer: Yt,
+  connectorLine: Xt,
+  conditionWrapper: Gt,
+  condition: Kt,
   conditionFits: Ut,
-  connectorDot: Kt
-}, w1 = ({
+  connectorDot: qt
+}, y1 = ({
   expression: t,
   style: n
 }) => {
-  const o = O(null), i = O(null), [r, c] = $(!1);
-  S1(() => {
-    const s = o.current, l = i.current;
-    if (!s || !l) return;
-    const { paddingLeft: u, paddingRight: w } = getComputedStyle(s), v = Number.parseFloat(u) + Number.parseFloat(w);
-    c(l.offsetWidth >= s.clientWidth - v);
+  const o = E(null), i = E(null), [r, a] = O(!1);
+  T1(() => {
+    const s = o.current, c = i.current;
+    if (!s || !c) return;
+    const { paddingLeft: u, paddingRight: x } = getComputedStyle(s), f = Number.parseFloat(u) + Number.parseFloat(x);
+    a(c.offsetWidth >= s.clientWidth - f);
   }, [t]);
-  const a = t && r ? t : "", d = `${z.condition} ${r ? "" : z.conditionFits}`.trim();
+  const l = t && r ? t : "", d = `${z.condition} ${r ? "" : z.conditionFits}`.trim();
   return /* @__PURE__ */ m("div", { className: z.conditionContainer, style: n, children: [
     /* @__PURE__ */ e("div", { className: z.connectorLine }),
-    /* @__PURE__ */ e(Vt, { content: a, className: z.conditionWrapper, children: /* @__PURE__ */ e("div", { ref: o, className: d, children: /* @__PURE__ */ e("span", { ref: i, children: t }) }) }),
+    /* @__PURE__ */ e(Zt, { content: l, className: z.conditionWrapper, children: /* @__PURE__ */ e("div", { ref: o, className: d, children: /* @__PURE__ */ e("span", { ref: i, children: t }) }) }),
     /* @__PURE__ */ e("div", { className: z.connectorLine }),
     /* @__PURE__ */ e("div", { className: z.connectorDot })
   ] });
-}, qt = "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", Jt = "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", Qt = "_ifStatement_xtij3_1", te = "_conditionIcon_xtij3_7", ee = "_ifStatementContainer_xtij3_21", ne = "_menuButton_xtij3_27", oe = "_menuIcon_xtij3_52", ie = "_ifdotIcon_xtij3_59", F = {
-  ifStatement: Qt,
-  conditionIcon: te,
-  ifStatementContainer: ee,
-  menuButton: ne,
-  menuIcon: oe,
-  ifdotIcon: ie
-}, re = ({ style: t }) => /* @__PURE__ */ e(
+}, Jt = "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", te = "_ifStatement_xtij3_1", ee = "_conditionIcon_xtij3_7", ne = "_ifStatementContainer_xtij3_21", oe = "_menuButton_xtij3_27", ie = "_menuIcon_xtij3_52", re = "_ifdotIcon_xtij3_59", F = {
+  ifStatement: te,
+  conditionIcon: ee,
+  ifStatementContainer: ne,
+  menuButton: oe,
+  menuIcon: ie,
+  ifdotIcon: re
+}, se = ({ style: t }) => /* @__PURE__ */ e(
   "div",
   {
     style: {
@@ -894,12 +902,12 @@ const Lt = () => /* @__PURE__ */ m(
       ...t
     }
   }
-), se = (t) => {
-  const { enabled: n = !0, onDelete: o, onSelect: i } = t, r = O(null), { openMenu: c, closeMenu: a } = s1(), d = H(
+), le = (t) => {
+  const { enabled: n = !0, onDelete: o, onSelect: i } = t, r = E(null), { openMenu: a, closeMenu: l } = l1(), d = H(
     () => [
       {
         label: "Edit",
-        icon: /* @__PURE__ */ e(_1, { color: "#3B64A0", size: 18 }),
+        icon: /* @__PURE__ */ e(x1, { color: "#3B64A0", size: 18 }),
         command: () => i?.()
       },
       {
@@ -910,13 +918,13 @@ const Lt = () => /* @__PURE__ */ m(
     ],
     [i, o]
   ), s = (u) => {
-    u.stopPropagation(), c(r, u);
-  }, l = (u) => {
+    u.stopPropagation(), a(r, u);
+  }, c = (u) => {
     u.target.closest(`.${F.menuButton}`) || i?.();
   };
   return /* @__PURE__ */ m("div", { className: F.ifStatementContainer, children: [
     /* @__PURE__ */ e(
-      re,
+      se,
       {
         style: { position: "absolute", top: "22.5px", left: 0, zIndex: 1 }
       }
@@ -924,9 +932,9 @@ const Lt = () => /* @__PURE__ */ m(
     /* @__PURE__ */ e("div", { className: F.ifStatement, children: /* @__PURE__ */ e(
       "img",
       {
-        src: qt,
+        src: Jt,
         alt: "condition",
-        onClick: (u) => l(u),
+        onClick: (u) => c(u),
         className: F.conditionIcon
       }
     ) }),
@@ -947,70 +955,70 @@ const Lt = () => /* @__PURE__ */ m(
         ref: r,
         model: d,
         popup: !0,
-        onHide: () => a(r)
+        onHide: () => l(r)
       }
     ),
-    /* @__PURE__ */ e("img", { src: Jt, alt: "ifdot", className: F.ifdotIcon })
+    /* @__PURE__ */ e("img", { src: Qt, alt: "ifdot", className: F.ifdotIcon })
   ] });
-}, m1 = 34.5, le = 33, y1 = (t) => {
+}, g1 = 34.5, ce = 33, I1 = (t) => {
   const {
     items: n,
     pathId: o,
     onAddStep: i,
     onAddTrigger: r,
-    onAddCondition: c,
-    onAddLoop: a,
+    onAddCondition: a,
+    onAddLoop: l,
     onDeleteStep: d,
     onUpdateFilter: s,
-    onSelectStep: l,
+    onSelectStep: c,
     onResize: u,
-    iteratorEnabled: w,
-    conditionsEnabled: v
-  } = t, _ = O(null), b = O([]), [k, g] = $([]);
+    iteratorEnabled: x,
+    conditionsEnabled: f
+  } = t, v = E(null), b = E([]), [B, g] = O([]);
   Y(() => {
     const C = () => {
-      const I = _.current;
-      if (!I || n.length === 0) {
+      const y = v.current;
+      if (!y || n.length === 0) {
         g([]);
         return;
       }
-      const h = [], f = Number.parseFloat(
-        getComputedStyle(I).zoom || "1"
+      const N = [], h = Number.parseFloat(
+        getComputedStyle(y).zoom || "1"
       );
-      for (let y = 0; y < n.length; y++) {
-        const M = b.current[y];
-        if (M)
-          if (M.offsetParent == null) {
-            const T = I.getBoundingClientRect(), S = M.getBoundingClientRect();
-            h.push((S.top - T.top) / f + m1);
+      for (let w = 0; w < n.length; w++) {
+        const I = b.current[w];
+        if (I)
+          if (I.offsetParent == null) {
+            const T = y.getBoundingClientRect(), $ = I.getBoundingClientRect();
+            N.push(($.top - T.top) / h + g1);
           } else
-            h.push(M.offsetTop - le + m1);
+            N.push(I.offsetTop - ce + g1);
       }
-      h.length === n.length && g(h);
+      N.length === n.length && g(N);
     };
     C();
-    const p = new ResizeObserver(C), x = _.current;
-    return x && p.observe(x), window.addEventListener("resize", C), () => {
+    const p = new ResizeObserver(C), _ = v.current;
+    return _ && p.observe(_), window.addEventListener("resize", C), () => {
       p.disconnect(), window.removeEventListener("resize", C);
     };
   }, [n]);
-  const B = H(() => k.length !== n.length || n.length <= 1 ? null : n.map((C, p) => p).filter((C) => C > 0).map((C) => {
-    const p = k[C];
-    return p === void 0 ? null : /* @__PURE__ */ e(Wt, { width: 100, height: p }, C);
-  }), [n, k]);
+  const M = H(() => B.length !== n.length || n.length <= 1 ? null : n.map((C, p) => p).filter((C) => C > 0).map((C) => {
+    const p = B[C];
+    return p === void 0 ? null : /* @__PURE__ */ e(Rt, { width: 100, height: p }, C);
+  }), [n, B]);
   return /* @__PURE__ */ m("div", { className: Z.row, children: [
     /* @__PURE__ */ e(
-      se,
+      le,
       {
         onDelete: () => o != null && d?.(o),
-        enabled: v,
-        onSelect: o != null && l ? () => l(o) : void 0
+        enabled: f,
+        onSelect: o != null && c ? () => c(o) : void 0
       }
     ),
     /* @__PURE__ */ m(
       "div",
       {
-        ref: _,
+        ref: v,
         className: Z.column,
         style: { marginTop: "33px" },
         children: [
@@ -1027,56 +1035,56 @@ const Lt = () => /* @__PURE__ */ m(
               }
             }
           ),
-          B
+          M
         ]
       }
     ),
     /* @__PURE__ */ e("div", { className: Z.column, children: n.map((C, p) => {
-      let x;
+      let _;
       if (C.paths)
-        x = /* @__PURE__ */ e(
-          y1,
+        _ = /* @__PURE__ */ e(
+          I1,
           {
             items: C.paths,
             pathId: o,
             onAddStep: i,
             onAddTrigger: r,
-            onAddCondition: c,
-            onAddLoop: a,
+            onAddCondition: a,
+            onAddLoop: l,
             onDeleteStep: d,
             onUpdateFilter: s,
-            onSelectStep: l,
+            onSelectStep: c,
             onResize: u,
-            iteratorEnabled: w,
-            conditionsEnabled: v
+            iteratorEnabled: x,
+            conditionsEnabled: f
           },
           C.localId
         );
       else if (C.steps) {
-        const I = C;
-        x = /* @__PURE__ */ m("div", { className: Z.stepsContainer, children: [
+        const y = C;
+        _ = /* @__PURE__ */ m("div", { className: Z.stepsContainer, children: [
           /* @__PURE__ */ e(
-            w1,
+            y1,
             {
-              expression: I.condition,
+              expression: y.condition,
               style: { marginTop: "25px" }
             }
           ),
           /* @__PURE__ */ e(
-            c1,
+            a1,
             {
               steps: C.steps,
               pathId: C.localId,
-              iteratorEnabled: w,
-              conditionsEnabled: v,
-              onSelectStep: l ?? (() => {
+              iteratorEnabled: x,
+              conditionsEnabled: f,
+              onSelectStep: c ?? (() => {
               }),
               onAddStep: i ?? (() => {
               }),
               onAddTrigger: r,
-              onAddCondition: c ?? (() => {
+              onAddCondition: a ?? (() => {
               }),
-              onAddLoop: a,
+              onAddLoop: l,
               onDeleteStep: d,
               onUpdateFilter: s,
               onResize: u
@@ -1085,14 +1093,14 @@ const Lt = () => /* @__PURE__ */ m(
           )
         ] });
       } else
-        x = /* @__PURE__ */ e(
-          l1,
+        _ = /* @__PURE__ */ e(
+          c1,
           {
             localId: C.localId,
             title: "title" in C ? C.title : "",
             idx: 1,
             icon: "icon" in C ? C.icon : void 0,
-            onSelectStep: l,
+            onSelectStep: c,
             onDeleteStep: d,
             onUpdateFilter: s
           },
@@ -1101,11 +1109,11 @@ const Lt = () => /* @__PURE__ */ m(
       return /* @__PURE__ */ e(
         "div",
         {
-          ref: (I) => {
-            b.current[p] = I;
+          ref: (y) => {
+            b.current[p] = y;
           },
           style: { width: "100%" },
-          children: x
+          children: _
         },
         C.localId
       );
@@ -1125,17 +1133,17 @@ const Lt = () => /* @__PURE__ */ m(
           }
         }
       ),
-      B
+      M
     ] }),
     /* @__PURE__ */ e(
       A,
       {
         onAddStep: i,
         onAddTrigger: r,
-        onAddCondition: c,
-        onAddLoop: a,
-        iteratorEnabled: w,
-        conditionsEnabled: v,
+        onAddCondition: a,
+        onAddLoop: l,
+        iteratorEnabled: x,
+        conditionsEnabled: f,
         stepId: o,
         pathId: o,
         index: 1,
@@ -1158,25 +1166,25 @@ const Lt = () => /* @__PURE__ */ m(
       }
     )
   ] });
-}, i1 = 68, c1 = ({
+}, s1 = 68, a1 = ({
   pathId: t,
   steps: n,
   centerY: o,
   className: i,
   iteratorEnabled: r,
-  conditionsEnabled: c,
-  onAddStep: a,
+  conditionsEnabled: a,
+  onAddStep: l,
   onDeleteStep: d,
   onUpdateFilter: s,
-  onAddTrigger: l,
+  onAddTrigger: c,
   onAddCondition: u,
-  onAddLoop: w,
-  onSelectStep: v,
-  onResize: _,
+  onAddLoop: x,
+  onSelectStep: f,
+  onResize: v,
   isDescendent: b = !0
 }) => {
-  const k = o === void 0 ? void 0 : { marginTop: Math.max(0, o - i1 / 2) };
-  return console.log("conditionsEnabled", c), console.log("iteratorEnabled", r), n.length === 0 ? /* @__PURE__ */ m(
+  const B = o === void 0 ? void 0 : { marginTop: Math.max(0, o - s1 / 2) };
+  return n.length === 0 ? /* @__PURE__ */ m(
     "div",
     {
       style: {
@@ -1186,7 +1194,7 @@ const Lt = () => /* @__PURE__ */ m(
         flexDirection: "row",
         flex: 1,
         minWidth: 0,
-        ...k
+        ...B
       },
       children: [
         /* @__PURE__ */ e(
@@ -1207,13 +1215,13 @@ const Lt = () => /* @__PURE__ */ m(
           A,
           {
             onAddStep: () => {
-              a?.(void 0, t);
+              l?.(void 0, t);
             },
-            onAddTrigger: l,
+            onAddTrigger: c,
             onAddCondition: u,
-            onAddLoop: w,
+            onAddLoop: x,
             iteratorEnabled: r,
-            conditionsEnabled: c,
+            conditionsEnabled: a,
             stepId: t,
             index: 0,
             style: {
@@ -1240,8 +1248,8 @@ const Lt = () => /* @__PURE__ */ m(
   ) : /* @__PURE__ */ e(
     "div",
     {
-      className: n1.steps + (i ? " " + i : ""),
-      style: k,
+      className: o1.steps + (i ? " " + i : ""),
+      style: B,
       children: /* @__PURE__ */ m(
         "div",
         {
@@ -1258,13 +1266,13 @@ const Lt = () => /* @__PURE__ */ m(
               A,
               {
                 onAddStep: () => {
-                  a?.(n[0].localId, t, "prepend");
+                  l?.(n[0].localId, t, "prepend");
                 },
-                onAddTrigger: l,
+                onAddTrigger: c,
                 onAddCondition: u,
-                onAddLoop: w,
+                onAddLoop: x,
                 iteratorEnabled: r,
-                conditionsEnabled: c,
+                conditionsEnabled: a,
                 stepId: n[0].localId,
                 pathId: t,
                 index: 0,
@@ -1273,62 +1281,62 @@ const Lt = () => /* @__PURE__ */ m(
                 }
               }
             ),
-            n.map((g, B) => {
+            n.map((g, M) => {
               const C = !!g.paths, p = "condition" in g && typeof g.condition == "string";
-              let x;
-              return C && g.paths ? x = /* @__PURE__ */ e(
-                y1,
+              let _;
+              return C && g.paths ? _ = /* @__PURE__ */ e(
+                I1,
                 {
                   items: g.paths,
                   pathId: g.localId,
                   iteratorEnabled: r,
-                  conditionsEnabled: c,
-                  onAddStep: a,
+                  conditionsEnabled: a,
+                  onAddStep: l,
                   onAddCondition: u,
-                  onAddLoop: w,
+                  onAddLoop: x,
                   onDeleteStep: d,
-                  onAddTrigger: l,
-                  onSelectStep: v,
+                  onAddTrigger: c,
+                  onSelectStep: f,
                   onUpdateFilter: s,
-                  onResize: _
+                  onResize: v
                 },
                 g.title
-              ) : p ? x = /* @__PURE__ */ m(o1, { children: [
+              ) : p ? _ = /* @__PURE__ */ m(i1, { children: [
                 /* @__PURE__ */ e(
-                  be,
+                  Ne,
                   {
                     value: g,
                     iteratorEnabled: r,
-                    conditionsEnabled: c,
-                    onAddStep: a,
-                    onAddTrigger: l,
+                    conditionsEnabled: a,
+                    onAddStep: l,
+                    onAddTrigger: c,
                     onAddCondition: u,
-                    onAddLoop: w,
+                    onAddLoop: x,
                     onDeleteStep: d,
                     onUpdateFilter: s,
-                    onSelectStep: v,
-                    onResize: _
+                    onSelectStep: f,
+                    onResize: v
                   },
                   g.localId
                 ),
                 /* @__PURE__ */ e(
                   A,
                   {
-                    onAddStep: a,
-                    onAddTrigger: l,
+                    onAddStep: l,
+                    onAddTrigger: c,
                     onAddCondition: u,
-                    onAddLoop: w,
+                    onAddLoop: x,
                     iteratorEnabled: r,
-                    conditionsEnabled: c,
+                    conditionsEnabled: a,
                     stepId: g.localId,
                     pathId: t,
-                    index: B + 1,
+                    index: M + 1,
                     style: { marginTop: "34px", height: 0 }
                   }
                 )
-              ] }) : x = /* @__PURE__ */ m(o1, { children: [
+              ] }) : _ = /* @__PURE__ */ m(i1, { children: [
                 /* @__PURE__ */ e(
-                  l1,
+                  c1,
                   {
                     localId: g.localId,
                     title: g.title,
@@ -1337,7 +1345,7 @@ const Lt = () => /* @__PURE__ */ m(
                     isSet: g.isSet,
                     isInvalid: g.isInvalid,
                     isFilter: g.isFilter,
-                    onSelectStep: v,
+                    onSelectStep: f,
                     onDeleteStep: d,
                     onUpdateFilter: s
                   },
@@ -1346,22 +1354,22 @@ const Lt = () => /* @__PURE__ */ m(
                 /* @__PURE__ */ e(
                   A,
                   {
-                    onAddStep: a,
-                    onAddTrigger: l,
+                    onAddStep: l,
+                    onAddTrigger: c,
                     onAddCondition: u,
-                    onAddLoop: w,
+                    onAddLoop: x,
                     iteratorEnabled: r,
-                    conditionsEnabled: c,
+                    conditionsEnabled: a,
                     stepId: g.localId,
                     pathId: t,
-                    index: B + 1
+                    index: M + 1
                   }
                 )
               ] }), /* @__PURE__ */ e(
                 "div",
                 {
-                  className: n1.stepContainer + (C || p ? " " + n1.stepContainerWithPaths : ""),
-                  children: x
+                  className: o1.stepContainer + (C || p ? " " + o1.stepContainerWithPaths : ""),
+                  children: _
                 },
                 g.localId
               );
@@ -1382,7 +1390,7 @@ const Lt = () => /* @__PURE__ */ m(
       )
     }
   );
-}, ce = () => /* @__PURE__ */ m(
+}, ae = () => /* @__PURE__ */ m(
   "svg",
   {
     width: "24",
@@ -1409,151 +1417,151 @@ const Lt = () => /* @__PURE__ */ m(
       )
     ]
   }
-), ae = "_container_1ktj6_1", de = "_collapsed_1ktj6_16", pe = "_loopNodeWrapper_1ktj6_21", ue = "_loopIconWrapper_1ktj6_31", he = "_loopBox_1ktj6_40", Ce = "_dotsButton_1ktj6_57", me = "_label_1ktj6_77", ge = "_limit_1ktj6_84", fe = "_expandable_1ktj6_90", ve = "_expandableCollapsed_1ktj6_98", _e = "_connector_1ktj6_105", xe = "_line_1ktj6_113", we = "_circleDot_1ktj6_121", ye = "_innerDot_1ktj6_136", Ie = "_stepsWrapper_1ktj6_143", P = {
-  container: ae,
-  collapsed: de,
-  loopNodeWrapper: pe,
-  loopIconWrapper: ue,
-  loopBox: he,
-  dotsButton: Ce,
-  label: me,
-  limit: ge,
-  expandable: fe,
-  expandableCollapsed: ve,
-  connector: _e,
-  line: xe,
-  circleDot: we,
-  innerDot: ye,
-  stepsWrapper: Ie
-}, be = ({
+), de = "_container_1ktj6_1", pe = "_collapsed_1ktj6_16", ue = "_loopNodeWrapper_1ktj6_21", he = "_loopIconWrapper_1ktj6_31", Ce = "_loopBox_1ktj6_40", me = "_dotsButton_1ktj6_57", ge = "_label_1ktj6_77", fe = "_limit_1ktj6_84", ve = "_expandable_1ktj6_90", _e = "_expandableCollapsed_1ktj6_98", xe = "_connector_1ktj6_105", we = "_line_1ktj6_113", ye = "_circleDot_1ktj6_121", Ie = "_innerDot_1ktj6_136", be = "_stepsWrapper_1ktj6_143", L = {
+  container: de,
+  collapsed: pe,
+  loopNodeWrapper: ue,
+  loopIconWrapper: he,
+  loopBox: Ce,
+  dotsButton: me,
+  label: ge,
+  limit: fe,
+  expandable: ve,
+  expandableCollapsed: _e,
+  connector: xe,
+  line: we,
+  circleDot: ye,
+  innerDot: Ie,
+  stepsWrapper: be
+}, Ne = ({
   value: t,
   iteratorEnabled: n = !0,
   conditionsEnabled: o = !0,
   onAddStep: i,
   onAddTrigger: r,
-  onAddCondition: c,
-  onAddLoop: a,
+  onAddCondition: a,
+  onAddLoop: l,
   onDeleteStep: d,
   onUpdateFilter: s,
-  onSelectStep: l,
+  onSelectStep: c,
   onResize: u
 }) => {
-  const { localId: w, limit: v, steps: _, condition: b } = t, k = _ ?? [], g = () => {
-  }, [B, C] = $(!1), p = O(null), { openMenu: x, closeMenu: I } = s1(), h = r1(), f = H(
+  const { localId: x, limit: f, steps: v, condition: b } = t, B = v ?? [], g = () => {
+  }, [M, C] = O(!1), p = E(null), { openMenu: _, closeMenu: y } = l1(), N = t1(), h = H(
     () => [
       {
         label: "Edit",
-        icon: /* @__PURE__ */ e(_1, { color: "#3B64A0", size: 18 }),
-        command: (E) => {
-          E?.originalEvent?.stopPropagation(), l?.(w);
+        icon: /* @__PURE__ */ e(x1, { color: "#3B64A0", size: 18 }),
+        command: (P) => {
+          P?.originalEvent?.stopPropagation(), c?.(x);
         },
-        template: h
+        template: N
       },
       {
         label: "Remove",
         icon: /* @__PURE__ */ e(J, { color: "#3B64A0", size: 18 }),
-        command: (E) => {
-          E?.originalEvent?.stopPropagation(), d && d(w);
+        command: (P) => {
+          P?.originalEvent?.stopPropagation(), d && d(x);
         },
-        template: h
+        template: N
       }
     ],
-    [l, d, w, h]
-  ), y = (E) => {
-    E.stopPropagation(), x(p, E);
-  }, M = () => {
-    C((E) => !E), u?.();
-  }, T = P.container + (B ? "" : " " + P.collapsed), S = P.expandable + (B ? "" : " " + P.expandableCollapsed);
+    [c, d, x, N]
+  ), w = (P) => {
+    P.stopPropagation(), _(p, P);
+  }, I = () => {
+    C((P) => !P), u?.();
+  }, T = L.container + (M ? "" : " " + L.collapsed), $ = L.expandable + (M ? "" : " " + L.expandableCollapsed);
   return /* @__PURE__ */ m("div", { className: T, children: [
-    /* @__PURE__ */ m("div", { className: P.loopNodeWrapper, children: [
-      /* @__PURE__ */ m("div", { className: P.loopBox, children: [
-        /* @__PURE__ */ e("div", { onClick: M, className: P.loopIconWrapper, children: /* @__PURE__ */ e(ce, {}) }),
-        n && /* @__PURE__ */ e("button", { className: P.dotsButton, onClick: y, children: /* @__PURE__ */ e(q, { size: 16 }) }),
+    /* @__PURE__ */ m("div", { className: L.loopNodeWrapper, children: [
+      /* @__PURE__ */ m("div", { className: L.loopBox, children: [
+        /* @__PURE__ */ e("div", { onClick: I, className: L.loopIconWrapper, children: /* @__PURE__ */ e(ae, {}) }),
+        n && /* @__PURE__ */ e("button", { className: L.dotsButton, onClick: w, children: /* @__PURE__ */ e(q, { size: 16 }) }),
         /* @__PURE__ */ e(
           Q,
           {
-            model: f,
+            model: h,
             popup: !0,
             ref: p,
-            onHide: () => I(p)
+            onHide: () => y(p)
           }
         )
       ] }),
-      /* @__PURE__ */ e("div", { className: P.label, children: "Loop" }),
-      v != null && /* @__PURE__ */ m("div", { className: P.limit, children: [
-        v,
+      /* @__PURE__ */ e("div", { className: L.label, children: "Loop" }),
+      f != null && /* @__PURE__ */ m("div", { className: L.limit, children: [
+        f,
         "x"
       ] })
     ] }),
-    /* @__PURE__ */ m("div", { className: S, children: [
-      /* @__PURE__ */ m("div", { className: P.connector, children: [
-        /* @__PURE__ */ e("div", { className: P.line }),
-        /* @__PURE__ */ e("div", { className: P.circleDot, children: /* @__PURE__ */ e("div", { className: P.innerDot }) }),
-        /* @__PURE__ */ e("div", { className: P.line })
+    /* @__PURE__ */ m("div", { className: $, children: [
+      /* @__PURE__ */ m("div", { className: L.connector, children: [
+        /* @__PURE__ */ e("div", { className: L.line }),
+        /* @__PURE__ */ e("div", { className: L.circleDot, children: /* @__PURE__ */ e("div", { className: L.innerDot }) }),
+        /* @__PURE__ */ e("div", { className: L.line })
       ] }),
-      /* @__PURE__ */ e(w1, { expression: b ?? "", style: { marginTop: "25.5px" } }),
-      /* @__PURE__ */ e("div", { className: P.stepsWrapper, children: /* @__PURE__ */ e(
-        c1,
+      /* @__PURE__ */ e(y1, { expression: b ?? "", style: { marginTop: "25.5px" } }),
+      /* @__PURE__ */ e("div", { className: L.stepsWrapper, children: /* @__PURE__ */ e(
+        a1,
         {
-          steps: k,
-          pathId: w,
+          steps: B,
+          pathId: x,
           iteratorEnabled: n,
           conditionsEnabled: o,
           onAddStep: i ?? g,
           onAddTrigger: r,
-          onAddCondition: c ?? g,
-          onAddLoop: a,
+          onAddCondition: a ?? g,
+          onAddLoop: l,
           onDeleteStep: d,
           onUpdateFilter: s ?? g,
-          onSelectStep: l ?? g,
+          onSelectStep: c ?? g,
           isDescendent: !0
         }
       ) })
     ] })
   ] });
-}, Ne = "_container_kielx_1", ke = {
-  container: Ne
-}, $e = ({
+}, ke = "_container_kielx_1", Be = {
+  container: ke
+}, Oe = ({
   process: t,
   iteratorEnabled: n = !0,
   conditionsEnabled: o = !0,
   addMultipleTriggers: i,
   onAddStep: r,
-  onAddTrigger: c,
-  onAddCondition: a,
+  onAddTrigger: a,
+  onAddCondition: l,
   onAddLoop: d,
   onResize: s,
-  onDeleteTrigger: l,
+  onDeleteTrigger: c,
   onDeleteStep: u,
-  onUpdateFilter: w,
-  onSelectStep: v
+  onUpdateFilter: x,
+  onSelectStep: f
 }) => {
-  const [_, b] = $(0);
-  return /* @__PURE__ */ m("div", { className: ke.container, children: [
+  const [v, b] = O(0);
+  return /* @__PURE__ */ m("div", { className: Be.container, children: [
     /* @__PURE__ */ e(
-      Bt,
+      Pt,
       {
         steps: t.triggers,
         onAddTrigger: i,
-        onUpdateFilter: w,
-        onDeleteTrigger: l,
-        onSelectStep: v,
+        onUpdateFilter: x,
+        onDeleteTrigger: c,
+        onSelectStep: f,
         onCenterYUpdate: b
       }
     ),
     t.steps.length > 0 ? /* @__PURE__ */ e(
-      c1,
+      a1,
       {
         steps: t.steps,
-        centerY: _,
+        centerY: v,
         onAddStep: r,
-        onAddTrigger: c,
-        onAddCondition: a,
+        onAddTrigger: a,
+        onAddCondition: l,
         onAddLoop: d,
         onResize: s,
         onDeleteStep: u,
-        onUpdateFilter: w,
-        onSelectStep: v,
+        onUpdateFilter: x,
+        onSelectStep: f,
         iteratorEnabled: n,
         conditionsEnabled: o,
         isDescendent: !1,
@@ -1563,102 +1571,102 @@ const Lt = () => /* @__PURE__ */ m(
       A,
       {
         onAddStep: () => r(),
-        onAddTrigger: c,
-        onAddCondition: a,
+        onAddTrigger: a,
+        onAddCondition: l,
         onAddLoop: d,
         iteratorEnabled: n,
         conditionsEnabled: o,
         index: 0,
         style: {
-          height: i1,
-          marginTop: Math.max(0, _ - i1 / 2)
+          height: s1,
+          marginTop: Math.max(0, v - s1 / 2)
         }
       }
     )
   ] });
 };
-class Be extends Error {
+class Pe extends Error {
   constructor(n) {
     super(n), this.name = "AddStepError";
   }
 }
-const g1 = (t) => "condition" in t && typeof t.condition == "string", I1 = (t, n, o, i) => {
+const f1 = (t) => "condition" in t && typeof t.condition == "string", b1 = (t, n, o, i) => {
   const r = i === "prepend" ? n : n + 1;
   return [...t.slice(0, r), o, ...t.slice(r)];
-}, a1 = (t, n, o, i) => {
+}, d1 = (t, n, o, i) => {
   for (let r = 0; r < t.length; r++) {
     if (t[r].localId === n)
-      return I1(t, r, i, o);
-    const c = t[r], a = c.steps?.length && a1(c.steps, n, o, i);
-    if (a)
+      return b1(t, r, i, o);
+    const a = t[r], l = a.steps?.length && d1(a.steps, n, o, i);
+    if (l)
       return t.map(
-        (s, l) => l === r ? { ...s, steps: a } : s
+        (s, c) => c === r ? { ...s, steps: l } : s
       );
-    const d = c.paths?.length && b1(c.paths, n, o, i);
+    const d = a.paths?.length && N1(a.paths, n, o, i);
     if (d)
       return t.map(
-        (s, l) => l === r ? { ...s, paths: d } : s
+        (s, c) => c === r ? { ...s, paths: d } : s
       );
   }
   return null;
-}, Pe = (t, n, o) => {
+}, Me = (t, n, o) => {
   const i = t.steps ?? [], r = n === "prepend" ? [o, ...i] : [...i, o];
   return { ...t, steps: r };
-}, b1 = (t, n, o, i) => {
+}, N1 = (t, n, o, i) => {
   for (let r = 0; r < t.length; r++) {
-    const c = t[r];
-    if (c.localId === n)
-      return g1(c) ? t.map(
-        (a, d) => d === r ? Pe(c, o, i) : a
-      ) : I1(t, r, i, o);
-    if (g1(c)) {
-      const a = c.steps?.length && a1(c.steps, n, o, i);
-      if (a)
+    const a = t[r];
+    if (a.localId === n)
+      return f1(a) ? t.map(
+        (l, d) => d === r ? Me(a, o, i) : l
+      ) : b1(t, r, i, o);
+    if (f1(a)) {
+      const l = a.steps?.length && d1(a.steps, n, o, i);
+      if (l)
         return t.map(
-          (s, l) => l === r ? { ...s, steps: a } : s
+          (s, c) => c === r ? { ...s, steps: l } : s
         );
-      const d = c.paths?.length && b1(c.paths, n, o, i);
+      const d = a.paths?.length && N1(a.paths, n, o, i);
       if (d)
         return t.map(
-          (s, l) => l === r ? { ...s, paths: d } : s
+          (s, c) => c === r ? { ...s, paths: d } : s
         );
     }
   }
   return null;
-}, Oe = (t, n, o, i) => {
-  const r = a1(t.steps, n, o, i);
+}, Ee = (t, n, o, i) => {
+  const r = d1(t.steps, n, o, i);
   if (r)
     return { ...t, steps: r };
-  throw new Be(`Step or path with id "${n}" not found`);
-}, N1 = (t, n) => ({
+  throw new Pe(`Step or path with id "${n}" not found`);
+}, k1 = (t, n) => ({
   ...t,
-  ...t.steps != null && { steps: d1(t.steps, n) },
+  ...t.steps != null && { steps: p1(t.steps, n) },
   ...t.paths != null && {
-    paths: t.paths.map((o) => N1(o, n))
+    paths: t.paths.map((o) => k1(o, n))
   }
-}), d1 = (t, n) => t.filter((o) => o.localId !== n).map((o) => ({
+}), p1 = (t, n) => t.filter((o) => o.localId !== n).map((o) => ({
   ...o,
-  ...o.steps != null && { steps: d1(o.steps, n) },
+  ...o.steps != null && { steps: p1(o.steps, n) },
   ...o.paths != null && {
-    paths: o.paths.map((i) => N1(i, n))
+    paths: o.paths.map((i) => k1(i, n))
   }
-})), Ee = (t, n) => {
-  const o = d1(t.steps, n);
+})), je = (t, n) => {
+  const o = p1(t.steps, n);
   return {
     ...t,
     steps: o
   };
 };
 export {
-  Be as AddStepError,
-  be as Iterator,
+  Pe as AddStepError,
+  Ne as Iterator,
   Q as Menu,
-  Te as MenuProvider,
-  $e as ProcessDiagram,
-  l1 as ProcessStep,
-  Bt as Trigger,
-  Oe as addStep,
-  Ee as deleteStep,
-  s1 as useMenuProvider
+  $e as MenuProvider,
+  Oe as ProcessDiagram,
+  c1 as ProcessStep,
+  Pt as Trigger,
+  Ee as addStep,
+  je as deleteStep,
+  l1 as useMenuProvider
 };
 //# sourceMappingURL=index.mjs.map