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

package/dist/index.mjs

@@ -25,9 +25,9 @@ function Z1(t, n) {
   if (t == null) return {};
   var o = Y1(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;
 }
@@ -104,13 +104,13 @@ function K1(t) {
     var {
       attr: i,
       size: r,
-      title: c
-    } = t, a = Z1(t, V1), d = r || o.size || "1em", s;
+      title: a
+    } = t, c = 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({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
-    }, o.attr, i, a, {
+    }, o.attr, i, c, {
       className: s,
       style: K(K({
         color: t.color || o.color
@@ -118,7 +118,7 @@ function K1(t) {
       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);
 }
@@ -153,8 +153,8 @@ 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(() => {
+}, Q = B1(function({ model: n, popup: o = !0, onHide: i, onClick: r }, a) {
+  const [c, d] = $(!1), [s, l] = $(!1), [u, w] = $({ top: 0, left: 0 }), v = O(null), _ = D(() => {
     s || l(!0);
   }, [s]), b = D(
     (p) => {
@@ -165,12 +165,12 @@ const J1 = "_panel_19663_1", Q1 = "_panelExiting_19663_13", tt = "_menuItem_1966
     w(rt(p)), l(!1), d(!0);
   }, []), g = D(
     (p) => {
-      a ? _() : k(p);
+      c ? _() : k(p);
     },
-    [a, _, k]
+    [c, _, k]
   );
   P1(
-    c,
+    a,
     () => ({
       show: k,
       hide: _,
@@ -178,7 +178,7 @@ const J1 = "_panel_19663_1", Q1 = "_panelExiting_19663_13", tt = "_menuItem_1966
     }),
     [k, _, g]
   ), Y(() => {
-    if (!a) return;
+    if (!c) return;
     const p = (I) => {
       I.key === "Escape" && _();
     }, x = (I) => {
@@ -188,7 +188,7 @@ const J1 = "_panel_19663_1", Q1 = "_panelExiting_19663_13", tt = "_menuItem_1966
     return document.addEventListener("keydown", p), document.addEventListener("mousedown", x), () => {
       document.removeEventListener("keydown", p), document.removeEventListener("mousedown", x);
     };
-  }, [a, _]);
+  }, [c, _]);
   const B = (p, x) => {
     x.stopPropagation(), p.command?.({ originalEvent: x, item: p }), _();
   }, C = (p, x) => {
@@ -209,7 +209,7 @@ const J1 = "_panel_19663_1", Q1 = "_panelExiting_19663_13", tt = "_menuItem_1966
       x
     );
   };
-  return !a || !o ? null : T1(
+  return !c || !o ? null : T1(
     /* @__PURE__ */ m(o1, { children: [
       /* @__PURE__ */ e(
         "div",
@@ -345,13 +345,13 @@ const J1 = "_panel_19663_1", Q1 = "_panelExiting_19663_13", tt = "_menuItem_1966
 ), x1 = M1(
   void 0
 ), Te = ({ children: t }) => {
-  const [n, o] = $([]), i = D((a, d) => {
+  const [n, o] = $([]), i = D((c, 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(
+      l.current && l !== c && l.current.hide(d);
+    }), [])), c.current?.toggle(d), o([c]);
+  }, []), r = D((c) => {
+    o((d) => d.filter((s) => s !== c));
+  }, []), a = H(
     () => ({
       openMenus: n,
       openMenu: i,
@@ -359,7 +359,7 @@ const J1 = "_panel_19663_1", Q1 = "_panelExiting_19663_13", tt = "_menuItem_1966
     }),
     [n, i, r]
   );
-  return /* @__PURE__ */ e(x1.Provider, { value: c, children: t });
+  return /* @__PURE__ */ e(x1.Provider, { value: a, children: t });
 }, s1 = () => {
   const t = L1(x1);
   if (t === void 0)
@@ -390,8 +390,8 @@ const J1 = "_panel_19663_1", Q1 = "_panelExiting_19663_13", tt = "_menuItem_1966
     isSelected: o,
     isFilter: i,
     className: r,
-    title: c,
-    icon: a,
+    title: a,
+    icon: c,
     contextMenuItems: d = void 0,
     onDeleteStep: s,
     onUpdateFilter: l,
@@ -418,12 +418,12 @@ const J1 = "_panel_19663_1", Q1 = "_panelExiting_19663_13", tt = "_menuItem_1966
     }), 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]);
+  }, 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" }) : c, [c, 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 })
+        /* @__PURE__ */ e("div", { className: N.title, children: a })
       ] }),
       /* @__PURE__ */ e(
         "button",
@@ -519,8 +519,8 @@ const J1 = "_panel_19663_1", Q1 = "_panelExiting_19663_13", tt = "_menuItem_1966
   className: o,
   onDeleteTrigger: i,
   onAddTrigger: r,
-  onSelectStep: c,
-  onUpdateFilter: a,
+  onSelectStep: a,
+  onUpdateFilter: c,
   onCenterYUpdate: d
 }) => {
   const s = O(null), l = O([]), [u, w] = $([]), [v, _] = $({ width: 0, height: 0 }), [b, k] = $(!1), [g, B] = $(!1), C = O(null);
@@ -602,8 +602,8 @@ const J1 = "_panel_19663_1", Q1 = "_panelExiting_19663_13", tt = "_menuItem_1966
               isInvalid: h.isInvalid,
               isFilter: h.isFilter,
               icon: h.icon,
-              onSelectStep: c,
-              onUpdateFilter: a,
+              onSelectStep: a,
+              onUpdateFilter: c,
               contextMenuItems: [
                 {
                   label: "Delete",
@@ -733,21 +733,19 @@ const Lt = () => /* @__PURE__ */ m(
   onAddCondition: o,
   onAddLoop: i,
   iteratorEnabled: r = !0,
-  conditionsEnabled: c = !0,
-  stepId: a,
+  conditionsEnabled: a = !0,
+  stepId: c,
   index: d = 0,
   style: s,
   pathId: l
 }) => {
-  const u = r1(), w = O(null);
-  console.log("conditionsEnabled", c), console.log("iteratorEnabled", r);
-  const v = [
+  const u = r1(), w = O(null), v = [
     ...d > 0 ? [
       {
         label: "Trigger",
         icon: /* @__PURE__ */ e(Mt, { color: "#3B64A0", size: 18 }),
         command: () => {
-          n?.(a, l, "trigger");
+          n?.(c, l, "trigger");
         },
         template: u
       }
@@ -755,14 +753,14 @@ const Lt = () => /* @__PURE__ */ m(
     {
       label: "Step",
       icon: /* @__PURE__ */ e(Pt, { color: "#3B64A0", size: 18 }),
-      command: () => t?.(a, l, d > 0 ? "append" : "prepend"),
+      command: () => t?.(c, l, 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"),
+        command: () => o?.(c, l, d > 0 ? "append" : "prepend"),
         template: u
       }
     ] : [],
@@ -770,7 +768,7 @@ const Lt = () => /* @__PURE__ */ m(
       {
         label: "Loop",
         icon: /* @__PURE__ */ e(lt, { width: 18, height: 18 }),
-        command: () => i?.(a, l, d > 0 ? "append" : "prepend"),
+        command: () => i?.(c, l, d > 0 ? "append" : "prepend"),
         template: u
       }
     ] : []
@@ -804,13 +802,13 @@ const Lt = () => /* @__PURE__ */ m(
   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}`;
+  const r = o - t, a = Math.min(r * 0.66, 66), c = t + a, d = n, s = o - a;
+  return `M ${t} ${n} C ${c} ${d}, ${s} ${i}, ${o} ${i}`;
 }, Wt = ({
   width: t,
   height: n
 }) => {
-  const a = Ht(0, 1, t, n);
+  const c = Ht(0, 1, t, n);
   return /* @__PURE__ */ e("div", { style: { position: "absolute" }, children: /* @__PURE__ */ e(
     "svg",
     {
@@ -821,7 +819,7 @@ const Lt = () => /* @__PURE__ */ m(
       children: /* @__PURE__ */ e(
         "path",
         {
-          d: a,
+          d: c,
           stroke: "#3b64a0",
           strokeWidth: "2",
           fill: "none",
@@ -863,17 +861,17 @@ const Lt = () => /* @__PURE__ */ m(
   expression: t,
   style: n
 }) => {
-  const o = O(null), i = O(null), [r, c] = $(!1);
+  const o = O(null), i = O(null), [r, a] = $(!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);
+    a(l.offsetWidth >= s.clientWidth - v);
   }, [t]);
-  const a = t && r ? t : "", d = `${z.condition} ${r ? "" : z.conditionFits}`.trim();
+  const c = 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(Vt, { content: c, 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 })
   ] });
@@ -895,7 +893,7 @@ const Lt = () => /* @__PURE__ */ m(
     }
   }
 ), se = (t) => {
-  const { enabled: n = !0, onDelete: o, onSelect: i } = t, r = O(null), { openMenu: c, closeMenu: a } = s1(), d = H(
+  const { enabled: n = !0, onDelete: o, onSelect: i } = t, r = O(null), { openMenu: a, closeMenu: c } = s1(), d = H(
     () => [
       {
         label: "Edit",
@@ -910,7 +908,7 @@ const Lt = () => /* @__PURE__ */ m(
     ],
     [i, o]
   ), s = (u) => {
-    u.stopPropagation(), c(r, u);
+    u.stopPropagation(), a(r, u);
   }, l = (u) => {
     u.target.closest(`.${F.menuButton}`) || i?.();
   };
@@ -947,7 +945,7 @@ const Lt = () => /* @__PURE__ */ m(
         ref: r,
         model: d,
         popup: !0,
-        onHide: () => a(r)
+        onHide: () => c(r)
       }
     ),
     /* @__PURE__ */ e("img", { src: Jt, alt: "ifdot", className: F.ifdotIcon })
@@ -958,8 +956,8 @@ const Lt = () => /* @__PURE__ */ m(
     pathId: o,
     onAddStep: i,
     onAddTrigger: r,
-    onAddCondition: c,
-    onAddLoop: a,
+    onAddCondition: a,
+    onAddLoop: c,
     onDeleteStep: d,
     onUpdateFilter: s,
     onSelectStep: l,
@@ -1041,8 +1039,8 @@ const Lt = () => /* @__PURE__ */ m(
             pathId: o,
             onAddStep: i,
             onAddTrigger: r,
-            onAddCondition: c,
-            onAddLoop: a,
+            onAddCondition: a,
+            onAddLoop: c,
             onDeleteStep: d,
             onUpdateFilter: s,
             onSelectStep: l,
@@ -1074,9 +1072,9 @@ const Lt = () => /* @__PURE__ */ m(
               onAddStep: i ?? (() => {
               }),
               onAddTrigger: r,
-              onAddCondition: c ?? (() => {
+              onAddCondition: a ?? (() => {
               }),
-              onAddLoop: a,
+              onAddLoop: c,
               onDeleteStep: d,
               onUpdateFilter: s,
               onResize: u
@@ -1132,8 +1130,8 @@ const Lt = () => /* @__PURE__ */ m(
       {
         onAddStep: i,
         onAddTrigger: r,
-        onAddCondition: c,
-        onAddLoop: a,
+        onAddCondition: a,
+        onAddLoop: c,
         iteratorEnabled: w,
         conditionsEnabled: v,
         stepId: o,
@@ -1164,8 +1162,8 @@ const Lt = () => /* @__PURE__ */ m(
   centerY: o,
   className: i,
   iteratorEnabled: r,
-  conditionsEnabled: c,
-  onAddStep: a,
+  conditionsEnabled: a,
+  onAddStep: c,
   onDeleteStep: d,
   onUpdateFilter: s,
   onAddTrigger: l,
@@ -1176,7 +1174,7 @@ const Lt = () => /* @__PURE__ */ m(
   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(
+  return n.length === 0 ? /* @__PURE__ */ m(
     "div",
     {
       style: {
@@ -1207,13 +1205,13 @@ const Lt = () => /* @__PURE__ */ m(
           A,
           {
             onAddStep: () => {
-              a?.(void 0, t);
+              c?.(void 0, t);
             },
             onAddTrigger: l,
             onAddCondition: u,
             onAddLoop: w,
             iteratorEnabled: r,
-            conditionsEnabled: c,
+            conditionsEnabled: a,
             stepId: t,
             index: 0,
             style: {
@@ -1258,13 +1256,13 @@ const Lt = () => /* @__PURE__ */ m(
               A,
               {
                 onAddStep: () => {
-                  a?.(n[0].localId, t, "prepend");
+                  c?.(n[0].localId, t, "prepend");
                 },
                 onAddTrigger: l,
                 onAddCondition: u,
                 onAddLoop: w,
                 iteratorEnabled: r,
-                conditionsEnabled: c,
+                conditionsEnabled: a,
                 stepId: n[0].localId,
                 pathId: t,
                 index: 0,
@@ -1282,8 +1280,8 @@ const Lt = () => /* @__PURE__ */ m(
                   items: g.paths,
                   pathId: g.localId,
                   iteratorEnabled: r,
-                  conditionsEnabled: c,
-                  onAddStep: a,
+                  conditionsEnabled: a,
+                  onAddStep: c,
                   onAddCondition: u,
                   onAddLoop: w,
                   onDeleteStep: d,
@@ -1299,8 +1297,8 @@ const Lt = () => /* @__PURE__ */ m(
                   {
                     value: g,
                     iteratorEnabled: r,
-                    conditionsEnabled: c,
-                    onAddStep: a,
+                    conditionsEnabled: a,
+                    onAddStep: c,
                     onAddTrigger: l,
                     onAddCondition: u,
                     onAddLoop: w,
@@ -1314,12 +1312,12 @@ const Lt = () => /* @__PURE__ */ m(
                 /* @__PURE__ */ e(
                   A,
                   {
-                    onAddStep: a,
+                    onAddStep: c,
                     onAddTrigger: l,
                     onAddCondition: u,
                     onAddLoop: w,
                     iteratorEnabled: r,
-                    conditionsEnabled: c,
+                    conditionsEnabled: a,
                     stepId: g.localId,
                     pathId: t,
                     index: B + 1,
@@ -1346,12 +1344,12 @@ const Lt = () => /* @__PURE__ */ m(
                 /* @__PURE__ */ e(
                   A,
                   {
-                    onAddStep: a,
+                    onAddStep: c,
                     onAddTrigger: l,
                     onAddCondition: u,
                     onAddLoop: w,
                     iteratorEnabled: r,
-                    conditionsEnabled: c,
+                    conditionsEnabled: a,
                     stepId: g.localId,
                     pathId: t,
                     index: B + 1
@@ -1431,8 +1429,8 @@ const Lt = () => /* @__PURE__ */ m(
   conditionsEnabled: o = !0,
   onAddStep: i,
   onAddTrigger: r,
-  onAddCondition: c,
-  onAddLoop: a,
+  onAddCondition: a,
+  onAddLoop: c,
   onDeleteStep: d,
   onUpdateFilter: s,
   onSelectStep: l,
@@ -1501,8 +1499,8 @@ const Lt = () => /* @__PURE__ */ m(
           conditionsEnabled: o,
           onAddStep: i ?? g,
           onAddTrigger: r,
-          onAddCondition: c ?? g,
-          onAddLoop: a,
+          onAddCondition: a ?? g,
+          onAddLoop: c,
           onDeleteStep: d,
           onUpdateFilter: s ?? g,
           onSelectStep: l ?? g,
@@ -1519,8 +1517,8 @@ const Lt = () => /* @__PURE__ */ m(
   conditionsEnabled: o = !0,
   addMultipleTriggers: i,
   onAddStep: r,
-  onAddTrigger: c,
-  onAddCondition: a,
+  onAddTrigger: a,
+  onAddCondition: c,
   onAddLoop: d,
   onResize: s,
   onDeleteTrigger: l,
@@ -1547,8 +1545,8 @@ const Lt = () => /* @__PURE__ */ m(
         steps: t.steps,
         centerY: _,
         onAddStep: r,
-        onAddTrigger: c,
-        onAddCondition: a,
+        onAddTrigger: a,
+        onAddCondition: c,
         onAddLoop: d,
         onResize: s,
         onDeleteStep: u,
@@ -1563,8 +1561,8 @@ const Lt = () => /* @__PURE__ */ m(
       A,
       {
         onAddStep: () => r(),
-        onAddTrigger: c,
-        onAddCondition: a,
+        onAddTrigger: a,
+        onAddCondition: c,
         onAddLoop: d,
         iteratorEnabled: n,
         conditionsEnabled: o,
@@ -1589,12 +1587,12 @@ const g1 = (t) => "condition" in t && typeof t.condition == "string", I1 = (t, n
   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)
+    const a = t[r], c = a.steps?.length && a1(a.steps, n, o, i);
+    if (c)
       return t.map(
-        (s, l) => l === r ? { ...s, steps: a } : s
+        (s, l) => l === r ? { ...s, steps: c } : s
       );
-    const d = c.paths?.length && b1(c.paths, n, o, i);
+    const d = a.paths?.length && b1(a.paths, n, o, i);
     if (d)
       return t.map(
         (s, l) => l === r ? { ...s, paths: d } : s
@@ -1606,18 +1604,18 @@ const g1 = (t) => "condition" in t && typeof t.condition == "string", I1 = (t, n
   return { ...t, steps: r };
 }, b1 = (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
+    const a = t[r];
+    if (a.localId === n)
+      return g1(a) ? t.map(
+        (c, d) => d === r ? Pe(a, o, i) : c
       ) : I1(t, r, i, o);
-    if (g1(c)) {
-      const a = c.steps?.length && a1(c.steps, n, o, i);
-      if (a)
+    if (g1(a)) {
+      const c = a.steps?.length && a1(a.steps, n, o, i);
+      if (c)
         return t.map(
-          (s, l) => l === r ? { ...s, steps: a } : s
+          (s, l) => l === r ? { ...s, steps: c } : s
         );
-      const d = c.paths?.length && b1(c.paths, n, o, i);
+      const d = a.paths?.length && b1(a.paths, n, o, i);
       if (d)
         return t.map(
           (s, l) => l === r ? { ...s, paths: d } : s