@emporix/process-diagram 2.0.0-beta.28 → 2.0.0-beta.29

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import { jsxs as C, Fragment as tt, jsx as n } from "react/jsx-runtime";
-import U, { forwardRef as pe, useState as D, useRef as F, useCallback as J, useImperativeHandle as he, useEffect as st, createContext as Yt, useMemo as R, useContext as Gt, useLayoutEffect as fe } from "react";
+import X, { forwardRef as pe, useState as D, useRef as F, useCallback as J, useImperativeHandle as he, useEffect as st, createContext as Yt, useMemo as R, useContext as Gt, useLayoutEffect as fe } from "react";
 import { createPortal as ge } from "react-dom";
 const Ce = "_container_1f7x1_1", me = "_step_1f7x1_7", ve = "_dotsButton_1f7x1_23", _e = "_selected_1f7x1_27", xe = "_selectedInvalid_1f7x1_36", Ie = "_isSet_1f7x1_45", we = "_invalid_1f7x1_52", ye = "_debuggerStatus_1f7x1_60", be = "_title_1f7x1_64", Ne = "_icon_1f7x1_67", Le = "_filterFlag_1f7x1_78", Se = "_content_1f7x1_141", k = {
   container: Ce,
@@ -21,7 +21,7 @@ var Zt = {
   className: void 0,
   style: void 0,
   attr: void 0
-}, At = U.createContext && /* @__PURE__ */ U.createContext(Zt), Ee = ["attr", "size", "title"];
+}, At = X.createContext && /* @__PURE__ */ X.createContext(Zt), Ee = ["attr", "size", "title"];
 function Te(t, e) {
   if (t == null) return {};
   var o = Pe(t, e), i, s;
@@ -91,12 +91,12 @@ function Oe(t, e) {
   return (e === "string" ? String : Number)(t);
 }
 function Ut(t) {
-  return t && t.map((e, o) => /* @__PURE__ */ U.createElement(e.tag, Ct({
+  return t && t.map((e, o) => /* @__PURE__ */ X.createElement(e.tag, Ct({
     key: o
   }, e.attr), Ut(e.child)));
 }
 function et(t) {
-  return (e) => /* @__PURE__ */ U.createElement(Me, gt({
+  return (e) => /* @__PURE__ */ X.createElement(Me, gt({
     attr: Ct({}, t.attr)
   }, e), Ut(t.child));
 }
@@ -107,7 +107,7 @@ function Me(t) {
       size: s,
       title: l
     } = t, a = Te(t, Ee), p = s || o.size || "1em", c;
-    return o.className && (c = o.className), t.className && (c = (c ? c + " " : "") + t.className), /* @__PURE__ */ U.createElement("svg", gt({
+    return o.className && (c = o.className), t.className && (c = (c ? c + " " : "") + t.className), /* @__PURE__ */ X.createElement("svg", gt({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
@@ -119,9 +119,9 @@ function Me(t) {
       height: p,
       width: p,
       xmlns: "http://www.w3.org/2000/svg"
-    }), l && /* @__PURE__ */ U.createElement("title", null, l), t.children);
+    }), l && /* @__PURE__ */ X.createElement("title", null, l), t.children);
   };
-  return At !== void 0 ? /* @__PURE__ */ U.createElement(At.Consumer, null, (o) => e(o)) : e(Zt);
+  return At !== void 0 ? /* @__PURE__ */ X.createElement(At.Consumer, null, (o) => e(o)) : e(Zt);
 }
 function $e(t) {
   return et({ 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);
@@ -194,7 +194,7 @@ const De = "_panel_19663_1", Be = "_panelExiting_19663_13", Fe = "_menuItem_1966
     N.stopPropagation(), m.command?.({ originalEvent: N, item: m }), b();
   }, L = (m, N) => {
     const d = (x) => h(m, x);
-    return m.template ? /* @__PURE__ */ n(U.Fragment, { children: m.template(m, { onClick: d }) }, N) : /* @__PURE__ */ C(
+    return m.template ? /* @__PURE__ */ n(X.Fragment, { children: m.template(m, { onClick: d }) }, N) : /* @__PURE__ */ C(
       "button",
       {
         type: "button",
@@ -633,9 +633,9 @@ const ht = (t) => {
           });
         }
       }), g(P), w.current && P.length > 0) {
-        const $ = w.current.getBoundingClientRect(), z = Math.min(...P.map((G) => G.top)), Y = b.current.filter(Boolean).map((G) => G?.offsetHeight || 68), A = Math.max(
-          ...P.map((G, ue) => G.top + (Y[ue] || 68))
-        ), nt = Math.max(...P.map((G) => G.right)) + 0, ct = Math.max(
+        const $ = w.current.getBoundingClientRect(), z = Math.min(...P.map((Z) => Z.top)), Y = b.current.filter(Boolean).map((Z) => Z?.offsetHeight || 68), A = Math.max(
+          ...P.map((Z, ue) => Z.top + (Y[ue] || 68))
+        ), nt = Math.max(...P.map((Z) => Z.right)) + 0, ct = Math.max(
           $.height,
           A - z + 100
         );
@@ -979,7 +979,7 @@ const ht = (t) => {
       t ? /* @__PURE__ */ n("div", { className: Wt.tooltip, role: "tooltip", children: t }) : null
     ]
   }
-), Dn = "_conditionContainer_19jfz_1", Bn = "_debuggerTint_19jfz_5", Fn = "_connectorLine_19jfz_5", An = "_connectorDot_19jfz_8", jn = "_condition_19jfz_1", Wn = "_conditionWrapper_19jfz_15", Hn = "_conditionFits_19jfz_67", Z = {
+), Dn = "_conditionContainer_19jfz_1", Bn = "_debuggerTint_19jfz_5", Fn = "_connectorLine_19jfz_5", An = "_connectorDot_19jfz_8", jn = "_condition_19jfz_1", Wn = "_conditionWrapper_19jfz_15", Hn = "_conditionFits_19jfz_67", U = {
   conditionContainer: Dn,
   debuggerTint: Bn,
   connectorLine: Fn,
@@ -1008,17 +1008,17 @@ const ht = (t) => {
         "--condition-line-width": "3px",
         "--condition-line-style": "dotted"
       };
-  }, [r]), w = `${Z.condition} ${a ? "" : Z.conditionFits}`.trim(), b = `${Z.conditionContainer} ${u ? Z.debuggerTint : ""}`.trim();
+  }, [r]), w = `${U.condition} ${a ? "" : U.conditionFits}`.trim(), b = `${U.conditionContainer} ${u ? U.debuggerTint : ""}`.trim();
   return /* @__PURE__ */ C(
     "div",
     {
       className: b,
       style: { ...e, ...I },
       children: [
-        /* @__PURE__ */ n("div", { className: Z.connectorLine }),
-        /* @__PURE__ */ n($n, { content: c, className: Z.conditionWrapper, children: /* @__PURE__ */ n("div", { ref: s, className: w, children: /* @__PURE__ */ n("span", { ref: l, children: t }) }) }),
-        /* @__PURE__ */ n("div", { className: Z.connectorLine }),
-        /* @__PURE__ */ n("div", { className: Z.connectorDot })
+        /* @__PURE__ */ n("div", { className: U.connectorLine }),
+        /* @__PURE__ */ n($n, { content: c, className: U.conditionWrapper, children: /* @__PURE__ */ n("div", { ref: s, className: w, children: /* @__PURE__ */ n("span", { ref: l, children: t }) }) }),
+        /* @__PURE__ */ n("div", { className: U.connectorLine }),
+        /* @__PURE__ */ n("div", { className: U.connectorDot })
       ]
     }
   );
@@ -1806,7 +1806,7 @@ const ht = (t) => {
       const i = Rt(o, e);
       if (i !== void 0) return i;
     }
-}, X = (t, e) => {
+}, G = (t, e) => {
   for (const o of t.triggers)
     if (o.localId === e) return o.status;
   for (const o of t.steps) {
@@ -1843,9 +1843,9 @@ const ht = (t) => {
   return !1;
 }, vt = (t, e, o) => {
   if (e === o) return !1;
-  const i = X(t, e), s = X(t, o);
+  const i = G(t, e), s = G(t, o);
   return i !== "finished" || s !== "finished" ? !1 : kt(t, e, o);
-}, Ot = (t, e, o) => e === o || !v1(t, e) || X(t, o) !== "finished" ? !1 : kt(t, e, o), it = ({
+}, Ot = (t, e, o) => e === o || !v1(t, e) || G(t, o) !== "finished" ? !1 : kt(t, e, o), it = ({
   lineColor: t,
   style: e,
   fromLocalId: o,
@@ -1875,13 +1875,16 @@ const ht = (t) => {
   );
 }, Mt = (t) => t.steps && t.steps.length > 0 ? ut(t.steps[t.steps.length - 1]) : t.paths && t.paths.length > 0 ? Mt(t.paths[t.paths.length - 1]) : t.localId, ut = (t) => "paths" in t && t.paths && t.paths.length > 0 ? Mt(t.paths[t.paths.length - 1]) : "steps" in t && t.steps && t.steps.length > 0 ? ut(t.steps[t.steps.length - 1]) : t.localId, _t = (t) => "steps" in t && t.steps && t.steps.length > 0 ? _t(t.steps[t.steps.length - 1]) : "paths" in t && t.paths && t.paths.length > 0 ? _t(t.paths[t.paths.length - 1]) : t.localId, se = (t, e, o, i) => {
   const s = e.statusLine(void 0);
-  if (i == null) return s;
-  const l = X(t, i);
-  return l == null || l !== "finished" || o == null ? s : Ot(
-    t,
-    o,
-    i
-  ) || vt(t, o, i) ? e.statusLine("finished") : s;
+  if (i == null)
+    return o != null && G(t, o) === "finished" ? e.statusLine("finished") : s;
+  const l = G(t, i);
+  if (l == null || l !== "finished")
+    return s;
+  if (o == null) {
+    const a = t.steps[0]?.localId;
+    return a !== void 0 && i === a ? e.statusLine("finished") : s;
+  }
+  return Ot(t, o, i) || vt(t, o, i) ? e.statusLine("finished") : s;
 }, re = Yt(
   null
 ), _1 = re.Provider, $t = () => {
@@ -1962,7 +1965,7 @@ const ht = (t) => {
       const E = _[x];
       if (E === void 0) return null;
       let T = d;
-      if (s != null && X(c, s) === "finished") {
+      if (s != null && G(c, s) === "finished") {
         const j = _t(
           e[x]
         );
@@ -1993,7 +1996,7 @@ const ht = (t) => {
     i
   ]), N = R(() => {
     const d = r.statusLine(void 0);
-    if (e.length === 0 || s == null || X(c, s) !== "finished") return d;
+    if (e.length === 0 || s == null || G(c, s) !== "finished") return d;
     const E = _t(
       e[0]
     );
@@ -2174,11 +2177,11 @@ const ht = (t) => {
   const { process: a, lineColors: p } = $t(), { localId: c, limit: r, steps: u, condition: I } = t, w = u ?? [], b = () => {
   }, [_, g] = D(!1), f = () => {
     g((E) => !E), s?.();
-  }, h = S.container + (_ ? "" : " " + S.collapsed), L = S.expandable + (_ ? "" : " " + S.expandableCollapsed), m = w[0]?.localId, N = m != null ? X(a, m) : void 0, x = e != null && (Ot(
+  }, h = S.container + (_ ? "" : " " + S.collapsed), L = S.expandable + (_ ? "" : " " + S.expandableCollapsed), m = w[0]?.localId, N = m != null ? G(a, m) : void 0, x = e != null && (Ot(
     a,
     e,
     c
-  ) || X(a, e) === "finished" && kt(a, e, c) || vt(a, e, c)) && N === "finished" ? p.statusLine("finished") : p.statusLine(void 0);
+  ) || G(a, e) === "finished" && kt(a, e, c) || vt(a, e, c)) && N === "finished" ? p.statusLine("finished") : p.statusLine(void 0);
   return /* @__PURE__ */ C(
     "div",
     {