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

package/dist/setupTests.d.ts

@@ -1,2 +1,2 @@
-import '@testing-library/jest-dom';
+import '@testing-library/jest-dom/vitest';
 //# sourceMappingURL=setupTests.d.ts.map

package/dist/setupTests.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"setupTests.d.ts","sourceRoot":"","sources":["../src/setupTests.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAA"}
+{"version":3,"file":"setupTests.d.ts","sourceRoot":"","sources":["../src/setupTests.ts"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAA"}

package/dist/style.css

@@ -1 +1 @@
-:root{line-height:1.5;font-weight:400;--primary-color: #3b64a0;background-color:#fafafa;--brand-navy-300: #6b90c0;--brand-navy-400: #3b64a0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{font-family:Lato,sans-serif}body{margin:0;min-width:320px;min-height:100vh;font-family:Lato,sans-serif}._container_8wfnz_1{display:flex;flex-direction:row;cursor:pointer}._step_8wfnz_7{pointer-events:all;width:216px;padding:2px;height:68px;display:flex;border-radius:8px;cursor:pointer;font-family:Lato,sans-serif;background:#fafafa;border:1px dashed var(--brand-navy-400, #3b64a0);justify-content:space-between;align-items:start;position:relative;box-sizing:border-box}._step_8wfnz_7._selected_8wfnz_23{border:3px solid var(--brand-blue-500, #128afb);box-shadow:0 4px 18px #0d2c5933;transition:all .3s ease;margin:-1px}._step_8wfnz_7._selectedInvalid_8wfnz_29{border:3px solid var(--brand-red-500, #e32012);box-shadow:0 4px 18px #0d2c5933;transition:all .3s ease;margin:-1px}._step_8wfnz_7._isSet_8wfnz_35{border:1px solid var(--brand-navy-400, #3b64a0);transition:all .3s ease}._step_8wfnz_7._invalid_8wfnz_39{border:1px solid var(--brand-red-500, #e32012);transition:all .3s ease;color:var(--brand-red-500, #e32012)}._filterFlag_8wfnz_45{pointer-events:all;border:1px solid #a1bddc;color:#3b64a0;background:#fafafa;display:flex;align-items:center;gap:4px;font-weight:300;font-size:14px;padding-top:4px;height:36px;border-radius:0 0 8px 8px;margin-top:-6px;cursor:pointer}._filterFlag_8wfnz_45:hover{background:#f3f3f3}._filterFlag_8wfnz_45>*:first-child{margin-right:16px;margin-left:8px}._filterFlag_8wfnz_45>span{flex-grow:1}._title_8wfnz_73{color:var(--brand-navy-400, #3b64a0);font-size:14px;font-style:normal;font-weight:600;line-height:18px;margin-top:6px;-webkit-user-select:none;user-select:none;text-align:left;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}._icon_8wfnz_90{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:5px 0 7px;border:1px solid var(--brand-navy-200, #a1bddc)}._icon_8wfnz_90._invalid_8wfnz_39{background:#fedddb;border:none}._icon_8wfnz_90._filter_8wfnz_45{border:1px solid var(--brand-navy-200, #a1bddc);background:#fff}._content_8wfnz_108{display:flex;width:100%;gap:8px}._dotsButton_8wfnz_114{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;width:28px;height:28px}._dotsButton_8wfnz_114:hover{background:#3b64a01a}._stepLink_8wfnz_130{margin-top:20px;margin-left:4px;margin-right:4px}._stepLinkContainer_8wfnz_136{justify-content:center;display:flex;cursor:pointer}._stepLinkContainer_8wfnz_136:hover>._stepLinkIcon_8wfnz_141{border:2px solid #3b64a0;transition:all .75s ease}._stepLinkContainer_8wfnz_136:hover>._stepLinkLine_8wfnz_145:before{transform:scaleX(.3);transition:transform .5s ease}._stepLinkLine_8wfnz_145{display:flex;justify-content:center;align-items:center;margin-top:1px}._stepLinkLine_8wfnz_145:before{content:"";width:12px;transform:scaleX(1);height:2px;background-color:#3b64a0;border-radius:1px;transition:all .5s ease}._stepLinkLine_8wfnz_145:last-child:before{transform-origin:right}._stepLinkLine_8wfnz_145:first-child:before{transform-origin:left}._stepLinkIcon_8wfnz_141{border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-left:-2px;margin-right:-2px;transition:border .3s ease}._stepLinkIcon_8wfnz_141>*{margin-left:-2px;margin-top:-2px}._panel_19663_1{position:fixed;z-index:1000;min-width:180px;padding:4px 0;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:6px;box-shadow:0 4px 12px #00000026;animation:_menuEnter_19663_1 .1s ease-out forwards}._panelExiting_19663_13{animation:_menuOut_19663_1 .1s ease-in forwards}@keyframes _menuEnter_19663_1{0%{transform:translateY(-10px);opacity:.2}to{transform:translateY(0);opacity:1}}@keyframes _menuOut_19663_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-10px);opacity:.2}}._menuItem_19663_37{display:flex;align-items:center;gap:8px;padding:12px;cursor:pointer;border:none;background:none;font-weight:700;width:100%}._menuItem_19663_37:hover{background:#3b64a01a;border-radius:4px}._menuItem_19663_37._disabled_19663_52{cursor:not-allowed;opacity:.5}._menuItemIcon_19663_57{display:flex;align-items:center;justify-content:center}._menuItemText_19663_63{color:var(--brand-navy-400, #3b64a0);font-size:14px;font-weight:500}._overlay_19663_69{position:fixed;inset:0;z-index:999}._multipleTriggersIcon_oxhdi_1{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#6b90c0;border-radius:50%;color:#6b90c0;font-size:18px;flex-shrink:0}._trigger_kfg1y_1{display:flex;flex-direction:column;gap:16px}._title_kfg1y_7{font-size:16px;font-weight:600;color:#333;margin:0;padding:0}._empty_kfg1y_15{padding:20px;text-align:center;color:#999}._triggerContainer_kfg1y_21{display:flex}._stepsContainer_kfg1y_25{display:flex;flex-direction:column;gap:16px;position:relative;z-index:1}._stepWrapper_kfg1y_33{position:relative}._stepIcon_kfg1y_37{flex-shrink:0;width:32px!important;height:32px!important;min-width:32px!important;padding:0!important;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:var(--primary-color)}._stepItem_kfg1y_51{margin:0;display:flex;align-items:start;justify-content:start;text-align:center}._menuIcon_kfg1y_59{color:#666;cursor:pointer;flex-shrink:0;width:20px;height:20px}._menuIcon_kfg1y_59:hover{color:var(--primary-color)}._curvesSvg_kfg1y_70{position:absolute;left:0;top:0;pointer-events:none;z-index:0}._centralNode_kfg1y_78{position:absolute;left:var(--node-x, 0);top:var(--node-y, 0);width:12px;height:12px;background-color:#128afb;border-radius:50%;transform:translate(-50%,-50%);z-index:3;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:all}._centralNode_kfg1y_78 svg{width:24px;height:24px}._centralNode_kfg1y_78:hover{width:24px;height:24px;background-color:transparent}._iconWrapper_kfg1y_104{margin-top:6px}@keyframes _fadeIn_kfg1y_127{0%{opacity:.2;scale:.4}to{opacity:1;scale:1.1}}@keyframes _fadeOut_kfg1y_130{0%{opacity:1;scale:1}to{opacity:0;scale:.4}}._iconWrapper_kfg1y_104._fadeIn_kfg1y_127{animation:_fadeIn_kfg1y_127 .14s ease-in}._iconWrapper_kfg1y_104._fadeOut_kfg1y_130{animation:_fadeOut_kfg1y_130 .14s ease-out}._operationContainer_kfg1y_134{position:absolute;left:var(--op-x, 0);top:var(--op-y, 0);display:flex;align-items:center;gap:8px;transform:translateY(-50%);z-index:3}._horizontalLine_kfg1y_145{width:40px;height:2px;background-color:var(--primary-color)}._operationIcon_kfg1y_151{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--brand-navy-300);border-radius:50%;color:var(--brand-navy-300);font-size:18px;flex-shrink:0}._addIcon_kfg1y_164{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--primary-color);font-size:24px;cursor:pointer;flex-shrink:0}._addIcon_kfg1y_164:hover{opacity:.7}._stepLinkIcon_18u2g_1{border:2px solid transparent;border-radius:50%;justify-content:center;align-items:center;display:flex;width:24px;height:24px;transition:border .3s ease}._stepLinkIcon_18u2g_1>*{margin-top:.5px}._stepLinkLine_18u2g_15{display:flex;flex:1;min-width:0;justify-content:center;align-items:center;margin-top:1px}._stepLinkLine_18u2g_15:before{content:"";width:100%;transform:scaleX(1);height:2px;background-color:#3b64a0;border-radius:1px;transition:all .5s ease}._stepLinkLine_18u2g_15:last-child:before{transform-origin:right}._stepLinkLine_18u2g_15:first-child:before{transform-origin:left}._stepLinkContainer_18u2g_39{width:64px;justify-content:center;align-items:center;display:flex;pointer-events:all;cursor:pointer}._stepLinkContainer_18u2g_39:hover>._stepLinkIcon_18u2g_1{border:2px solid #3b64a0;transition:all .75s ease}._stepLinkContainer_18u2g_39:hover>._stepLinkLine_18u2g_15{flex:1;min-width:0}._stepLinkContainer_18u2g_39:hover>._stepLinkLine_18u2g_15:before{transform:scaleX(.3);width:100%;transition:transform .5s ease}._steps_yug55_1{display:flex;flex-direction:row;width:100%;pointer-events:none}._stepContainer_yug55_8{display:flex;flex-direction:row;height:68px}._stepContainerWithPaths_yug55_14{height:auto;min-height:68px}._column_1uiy3_1{position:relative;min-width:100px}._column_1uiy3_1:first-child{margin-top:32px}._column_1uiy3_1:not(:first-child){display:flex;flex-direction:column;align-items:center;gap:64px}._column_1uiy3_1:nth-last-child(3){margin-top:32px;transform:scaleX(-1)}._row_1uiy3_19{display:flex;flex:1}._stepsContainer_1uiy3_24{display:flex;flex-direction:row;align-items:start;width:100%}._wrapper_1nl2d_1{position:relative}._tooltip_1nl2d_5{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);max-width:var(--tooltip-max-width, 250px);padding:8px 10px;background:#2d3748;color:#fff;font-size:12px;font-weight:400;white-space:normal;word-break:break-word;border-radius:4px;box-shadow:0 4px 12px #00000026;visibility:hidden;opacity:0;transition:opacity .15s ease,visibility .15s ease;z-index:10;pointer-events:none}._wrapper_1nl2d_1:hover ._tooltip_1nl2d_5{visibility:visible;opacity:1}._conditionContainer_5kl8s_1{display:flex;flex-direction:row}._connectorLine_5kl8s_6{min-width:50px;margin-top:8px;border-top:2px solid #3b64a0}._conditionWrapper_5kl8s_12{min-width:100px;max-width:350px}._condition_5kl8s_1{height:18px;line-height:18px;max-width:350px;margin-top:-4px;background:#dde8f4;border-radius:4px;color:#3b64a0;font-size:12px;padding:4px 8px;box-sizing:border-box;font-style:bold;font-weight:700;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-word;cursor:default;-webkit-user-select:none;user-select:none;text-align:center}._connectorDot_5kl8s_43{border-radius:50%;margin-top:3px;width:8px;height:8px;border:3px solid #3b64a0}._ifStatement_1xsn9_1{display:flex;flex-direction:column;align-items:center}._conditionIcon_1xsn9_7{width:44px;height:44px;z-index:2;cursor:pointer;pointer-events:all;filter:drop-shadow(0 0 1px rgba(0,0,0,.01))}._conditionIcon_1xsn9_7:hover{scale:1.1;transition:all .2s ease;filter:drop-shadow(0 0 5px rgba(0,0,0,.3))}._ifStatementContainer_1xsn9_21{position:relative;width:140px;margin-top:11px}._menuButton_1xsn9_27{position:absolute;left:88px;top:-16px;z-index:3;padding:4px;border:none;background:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:28px;height:28px;pointer-events:all}._menuButton_1xsn9_27:hover{background:#3b64a01a}._menuButton_1xsn9_27:focus-visible{outline:2px solid #3B64A0;outline-offset:2px}._menuIcon_1xsn9_52{width:20px;height:20px;color:#3b64a0;flex-shrink:0}._ifdotIcon_1xsn9_59{position:absolute;top:9px;right:0;z-index:2}._container_3aqee_1{border-radius:24px;border:1px dashed #41b0ac;background:#3b64a008;display:flex;flex-direction:row;align-items:flex-start;min-width:0;padding:16px;margin-top:-16px;margin-bottom:-16px;box-sizing:border-box;transition:width .35s ease}._collapsed_3aqee_16{width:auto}._loopNodeWrapper_3aqee_20{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;flex-shrink:0;cursor:pointer}._loopIconWrapper_3aqee_30{width:68px;height:68px;border-radius:12px;display:flex;align-items:center;justify-content:center}._loopBox_3aqee_39{width:68px;height:68px;border-radius:12px;border:2px solid #41b0ac;background:linear-gradient(-45deg,#f2f4f6 50%,#fafafa 50%);display:flex;align-items:center;justify-content:center;position:relative;pointer-events:all}._loopIcon_3aqee_30{color:#41b0ac}._dotsButton_3aqee_56{position:absolute;top:2px;right:0;background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:#3b64a0;display:flex;align-items:center;justify-content:center;pointer-events:all;z-index:3}._dotsButton_3aqee_56:hover{background:#3b64a01a}._label_3aqee_76{margin-top:8px;font-size:14px;font-weight:600;color:#41b0ac}._limit_3aqee_83{font-size:12px;font-weight:500;color:#41b0ac}._expandable_3aqee_89{display:flex;flex-direction:row;align-items:flex-start;transition:max-width .35s ease-in-out,opacity .25s ease-in-out;max-width:2000px;opacity:1}._expandableCollapsed_3aqee_98{max-width:0;opacity:0;pointer-events:none}._connector_3aqee_104{display:flex;flex-direction:row;align-items:flex-start;width:60px;flex-shrink:0}._line_3aqee_112{flex:1;height:2px;background-color:#3b64a0;margin-top:33.5px;min-width:18px}._circleDot_3aqee_120{width:16px;height:16px;border-radius:50%;border:2px solid #3b64a0;background:#fff;display:flex;align-items:center;justify-content:center;margin-top:25px;margin-left:-2px;margin-right:-2px;z-index:1}._innerDot_3aqee_135{width:8px;height:8px;border-radius:50%;background:#3b64a0}._stepsWrapper_3aqee_142{display:flex;flex-direction:column;width:100%}._container_kielx_1{display:flex;flex-direction:row;pointer-events:none;box-sizing:content-box}._container_kielx_1 *{box-sizing:content-box}
+:root{line-height:1.5;font-weight:400;--primary-color: #3b64a0;background-color:#fafafa;--brand-navy-300: #6b90c0;--brand-navy-400: #3b64a0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{font-family:Lato,sans-serif}body{margin:0;min-width:320px;min-height:100vh;font-family:Lato,sans-serif}._container_1f7x1_1{display:flex;flex-direction:row;cursor:pointer}._step_1f7x1_7{pointer-events:all;width:216px;padding:2px;height:68px;display:flex;border-radius:8px;cursor:pointer;font-family:Lato,sans-serif;background:#fafafa;border:1px dashed var(--brand-navy-400, #3b64a0);justify-content:space-between;align-items:start;position:relative;box-sizing:border-box}._step_1f7x1_7 ._dotsButton_1f7x1_23 svg{color:var(--brand-navy-400, #3b64a0);fill:currentColor}._step_1f7x1_7._selected_1f7x1_27{border:3px solid var(--brand-blue-500, #128afb);box-shadow:0 4px 18px #0d2c5933;transition:all .3s ease;margin:-1px}._step_1f7x1_7._selected_1f7x1_27 ._dotsButton_1f7x1_23 svg{color:var(--brand-blue-500, #128afb)}._step_1f7x1_7._selectedInvalid_1f7x1_36{border:3px solid var(--brand-red-500, #e32012);box-shadow:0 4px 18px #0d2c5933;transition:all .3s ease;margin:-1px}._step_1f7x1_7._selectedInvalid_1f7x1_36 ._dotsButton_1f7x1_23 svg{color:var(--brand-red-500, #e32012)}._step_1f7x1_7._isSet_1f7x1_45{border:1px solid var(--brand-navy-400, #3b64a0);transition:all .3s ease}._step_1f7x1_7._isSet_1f7x1_45 ._dotsButton_1f7x1_23 svg{color:var(--brand-navy-400, #3b64a0)}._step_1f7x1_7._invalid_1f7x1_52{border:1px solid var(--brand-red-500, #e32012);transition:all .3s ease;color:var(--brand-red-500, #e32012)}._step_1f7x1_7._invalid_1f7x1_52 ._dotsButton_1f7x1_23 svg{color:var(--brand-red-500, #e32012)}._step_1f7x1_7._debuggerStatus_1f7x1_60{border:3px solid var(--step-debugger-accent, #3b64a0);transition:all .3s ease}._step_1f7x1_7._debuggerStatus_1f7x1_60 ._title_1f7x1_64{color:var(--step-debugger-accent, #3b64a0)}._step_1f7x1_7._debuggerStatus_1f7x1_60 ._icon_1f7x1_67{border-color:var(--step-debugger-accent, #3b64a0);color:var(--step-debugger-accent, #3b64a0)}._step_1f7x1_7._debuggerStatus_1f7x1_60 ._icon_1f7x1_67 svg{color:var(--step-debugger-accent, #3b64a0)!important}._step_1f7x1_7._debuggerStatus_1f7x1_60 ._dotsButton_1f7x1_23 svg{color:var(--step-debugger-accent, #3b64a0)}._filterFlag_1f7x1_78{pointer-events:all;border:1px solid #a1bddc;color:#3b64a0;background:#fafafa;display:flex;align-items:center;gap:4px;font-weight:300;font-size:14px;padding-top:4px;height:36px;border-radius:0 0 8px 8px;margin-top:-6px;cursor:pointer}._filterFlag_1f7x1_78:hover{background:#f3f3f3}._filterFlag_1f7x1_78>*:first-child{margin-right:16px;margin-left:8px}._filterFlag_1f7x1_78>span{flex-grow:1}._title_1f7x1_64{color:var(--brand-navy-400, #3b64a0);font-size:14px;font-style:normal;font-weight:600;line-height:18px;margin-top:6px;-webkit-user-select:none;user-select:none;text-align:left;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}._icon_1f7x1_67{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:5px 0 7px;border:1px solid var(--brand-navy-200, #a1bddc)}._icon_1f7x1_67._invalid_1f7x1_52{background:#fedddb;border:none}._icon_1f7x1_67._filter_1f7x1_78{border:1px solid var(--brand-navy-200, #a1bddc);background:#fff}._content_1f7x1_141{display:flex;width:100%;gap:8px}._dotsButton_1f7x1_23{background:none;border:none;cursor:pointer;padding:2px 4px;border-radius:4px;display:flex;align-items:center;justify-content:center;width:20px;height:28px}._dotsButton_1f7x1_23:hover{background:#3b64a01a}._stepLink_1f7x1_163{margin-top:20px;margin-left:4px;margin-right:4px}._stepLinkContainer_1f7x1_169{justify-content:center;display:flex;cursor:pointer}._stepLinkContainer_1f7x1_169:hover>._stepLinkIcon_1f7x1_174{border:2px solid #3b64a0;transition:all .75s ease}._stepLinkContainer_1f7x1_169:hover>._stepLinkLine_1f7x1_178:before{transform:scaleX(.3);transition:transform .5s ease}._stepLinkLine_1f7x1_178{display:flex;justify-content:center;align-items:center;margin-top:1px}._stepLinkLine_1f7x1_178:before{content:"";width:12px;transform:scaleX(1);height:2px;background-color:#3b64a0;border-radius:1px;transition:all .5s ease}._stepLinkLine_1f7x1_178:last-child:before{transform-origin:right}._stepLinkLine_1f7x1_178:first-child:before{transform-origin:left}._stepLinkIcon_1f7x1_174{border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-left:-2px;margin-right:-2px;transition:border .3s ease}._stepLinkIcon_1f7x1_174>*{margin-left:-2px;margin-top:-2px}._panel_19663_1{position:fixed;z-index:1000;min-width:180px;padding:4px 0;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:6px;box-shadow:0 4px 12px #00000026;animation:_menuEnter_19663_1 .1s ease-out forwards}._panelExiting_19663_13{animation:_menuOut_19663_1 .1s ease-in forwards}@keyframes _menuEnter_19663_1{0%{transform:translateY(-10px);opacity:.2}to{transform:translateY(0);opacity:1}}@keyframes _menuOut_19663_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-10px);opacity:.2}}._menuItem_19663_37{display:flex;align-items:center;gap:8px;padding:12px;cursor:pointer;border:none;background:none;font-weight:700;width:100%}._menuItem_19663_37:hover{background:#3b64a01a;border-radius:4px}._menuItem_19663_37._disabled_19663_52{cursor:not-allowed;opacity:.5}._menuItemIcon_19663_57{display:flex;align-items:center;justify-content:center}._menuItemText_19663_63{color:var(--brand-navy-400, #3b64a0);font-size:14px;font-weight:500}._overlay_19663_69{position:fixed;inset:0;z-index:999}._multipleTriggersIcon_oxhdi_1{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#6b90c0;border-radius:50%;color:#6b90c0;font-size:18px;flex-shrink:0}._trigger_kfg1y_1{display:flex;flex-direction:column;gap:16px}._title_kfg1y_7{font-size:16px;font-weight:600;color:#333;margin:0;padding:0}._empty_kfg1y_15{padding:20px;text-align:center;color:#999}._triggerContainer_kfg1y_21{display:flex}._stepsContainer_kfg1y_25{display:flex;flex-direction:column;gap:16px;position:relative;z-index:1}._stepWrapper_kfg1y_33{position:relative}._stepIcon_kfg1y_37{flex-shrink:0;width:32px!important;height:32px!important;min-width:32px!important;padding:0!important;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:var(--primary-color)}._stepItem_kfg1y_51{margin:0;display:flex;align-items:start;justify-content:start;text-align:center}._menuIcon_kfg1y_59{color:#666;cursor:pointer;flex-shrink:0;width:20px;height:20px}._menuIcon_kfg1y_59:hover{color:var(--primary-color)}._curvesSvg_kfg1y_70{position:absolute;left:0;top:0;pointer-events:none;z-index:0}._centralNode_kfg1y_78{position:absolute;left:var(--node-x, 0);top:var(--node-y, 0);width:12px;height:12px;background-color:#128afb;border-radius:50%;transform:translate(-50%,-50%);z-index:3;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:all}._centralNode_kfg1y_78 svg{width:24px;height:24px}._centralNode_kfg1y_78:hover{width:24px;height:24px;background-color:transparent}._iconWrapper_kfg1y_104{margin-top:6px}@keyframes _fadeIn_kfg1y_127{0%{opacity:.2;scale:.4}to{opacity:1;scale:1.1}}@keyframes _fadeOut_kfg1y_130{0%{opacity:1;scale:1}to{opacity:0;scale:.4}}._iconWrapper_kfg1y_104._fadeIn_kfg1y_127{animation:_fadeIn_kfg1y_127 .14s ease-in}._iconWrapper_kfg1y_104._fadeOut_kfg1y_130{animation:_fadeOut_kfg1y_130 .14s ease-out}._operationContainer_kfg1y_134{position:absolute;left:var(--op-x, 0);top:var(--op-y, 0);display:flex;align-items:center;gap:8px;transform:translateY(-50%);z-index:3}._horizontalLine_kfg1y_145{width:40px;height:2px;background-color:var(--primary-color)}._operationIcon_kfg1y_151{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--brand-navy-300);border-radius:50%;color:var(--brand-navy-300);font-size:18px;flex-shrink:0}._addIcon_kfg1y_164{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--primary-color);font-size:24px;cursor:pointer;flex-shrink:0}._addIcon_kfg1y_164:hover{opacity:.7}._stepLinkIcon_b0452_1{border:2px solid transparent;border-radius:50%;justify-content:center;align-items:center;display:flex;width:24px;height:24px;transition:border .3s ease}._stepLinkIcon_b0452_1>*{margin-top:.5px}._stepLinkLine_b0452_15{display:flex;flex:1;min-width:0;justify-content:center;align-items:center;margin-top:1px}._stepLinkLine_b0452_15:before{content:"";width:100%;transform:scaleX(1);height:2px;background-color:var(--step-link-color, #3b64a0);border-radius:1px;transition:all .5s ease}._stepLinkLine_b0452_15:last-child:before{transform-origin:right}._stepLinkLine_b0452_15:first-child:before{transform-origin:left}._stepLinkContainer_b0452_39{width:64px;justify-content:center;align-items:center;display:flex;pointer-events:all;cursor:pointer}._stepLinkContainer_b0452_39:hover>._stepLinkIcon_b0452_1{border:2px solid var(--step-link-color, #3b64a0);transition:all .75s ease}._stepLinkContainer_b0452_39:hover>._stepLinkLine_b0452_15{flex:1;min-width:0}._stepLinkContainer_b0452_39:hover>._stepLinkLine_b0452_15:before{transform:scaleX(.3);width:100%;transition:transform .5s ease}._readOnly_b0452_61{pointer-events:none;cursor:default}._debuggerIconCollapsed_b0452_66{width:0;min-width:0;border:0;padding:0;margin:0;overflow:hidden}._dashedLine_b0452_75:before{height:0!important;background-color:transparent!important;border-top:3px dotted var(--step-link-color, #3b64a0)}._steps_yug55_1{display:flex;flex-direction:row;width:100%;pointer-events:none}._stepContainer_yug55_8{display:flex;flex-direction:row;height:68px}._stepContainerWithPaths_yug55_14{height:auto;min-height:68px}._column_1uiy3_1{position:relative;min-width:100px}._column_1uiy3_1:first-child{margin-top:32px}._column_1uiy3_1:not(:first-child){display:flex;flex-direction:column;align-items:center;gap:64px}._column_1uiy3_1:nth-last-child(3){margin-top:32px;transform:scaleX(-1)}._row_1uiy3_19{display:flex;flex:1}._stepsContainer_1uiy3_24{display:flex;flex-direction:row;align-items:start;width:100%}._wrapper_1nl2d_1{position:relative}._tooltip_1nl2d_5{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);max-width:var(--tooltip-max-width, 250px);padding:8px 10px;background:#2d3748;color:#fff;font-size:12px;font-weight:400;white-space:normal;word-break:break-word;border-radius:4px;box-shadow:0 4px 12px #00000026;visibility:hidden;opacity:0;transition:opacity .15s ease,visibility .15s ease;z-index:10;pointer-events:none}._wrapper_1nl2d_1:hover ._tooltip_1nl2d_5{visibility:visible;opacity:1}._conditionContainer_19jfz_1{display:flex;flex-direction:row}._conditionContainer_19jfz_1._debuggerTint_19jfz_5 ._connectorLine_19jfz_5{border-top:var(--condition-line-width, 2px) var(--condition-line-style, solid) var(--condition-accent, #3b64a0)}._conditionContainer_19jfz_1._debuggerTint_19jfz_5 ._connectorDot_19jfz_8{border-color:var(--condition-accent, #3b64a0)}._conditionContainer_19jfz_1._debuggerTint_19jfz_5 ._condition_19jfz_1,._conditionContainer_19jfz_1._debuggerTint_19jfz_5 ._conditionWrapper_19jfz_15 [role=tooltip]{background:var(--condition-bg, #dde8f4);color:var(--condition-accent, #3b64a0)}._connectorLine_19jfz_5{min-width:50px;margin-top:8px;border-top:2px solid #3b64a0}._conditionWrapper_19jfz_15{min-width:100px}._conditionWrapper_19jfz_15 [role=tooltip]{bottom:auto;top:-4px;left:0;transform:none;background:#dde8f4;color:#3b64a0;font-size:12px;font-weight:700;border-radius:4px;padding:4px 8px;box-shadow:0 2px 8px #0000001f;white-space:normal;word-break:break-word}._conditionWrapper_19jfz_15{pointer-events:all}._condition_19jfz_1{max-width:125px;line-height:18px;min-height:18px;margin-top:-4px;background:#dde8f4;border-radius:4px;color:#3b64a0;font-size:12px;padding:4px 8px;box-sizing:border-box;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer}._conditionFits_19jfz_67{text-align:center}._connectorDot_19jfz_8{border-radius:50%;margin-top:3px;min-width:8px;width:8px;height:8px;border:3px solid #3b64a0;flex-shrink:0}._ifStatement_xtij3_1{display:flex;flex-direction:column;align-items:center}._conditionIcon_xtij3_7{width:44px;height:44px;z-index:2;cursor:pointer;pointer-events:all;filter:drop-shadow(0 0 1px rgba(0,0,0,.01))}._conditionIcon_xtij3_7:hover{scale:1.1;transition:all .2s ease;filter:drop-shadow(0 0 5px rgba(0,0,0,.3))}._ifStatementContainer_xtij3_21{position:relative;width:140px;margin-top:11px}._menuButton_xtij3_27{position:absolute;left:80px;top:-16px;z-index:3;padding:2px;border:none;background:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:20px;height:28px;pointer-events:all}._menuButton_xtij3_27:hover{background:#3b64a01a}._menuButton_xtij3_27:focus-visible{outline:2px solid #3B64A0;outline-offset:2px}._menuIcon_xtij3_52{width:16px;height:20px;color:#3b64a0;flex-shrink:0}._ifdotIcon_xtij3_59{position:absolute;top:9px;right:0;z-index:2}._container_18jhr_1{border-radius:24px;border:1px dashed #41b0ac;background:#3b64a008;display:flex;flex-direction:row;align-items:flex-start;min-width:0;padding:16px;margin-top:-16px;margin-bottom:-16px;box-sizing:border-box;transition:width .35s ease}._collapsed_18jhr_16{width:auto;height:auto}._loopNodeWrapper_18jhr_21{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;flex-shrink:0;cursor:pointer}._loopIconWrapper_18jhr_31{width:68px;height:68px;border-radius:12px;display:flex;align-items:center;justify-content:center}._loopBox_18jhr_40{width:68px;height:68px;border-radius:12px;border:2px solid #41b0ac;background:linear-gradient(-45deg,#f2f4f6 50%,#fafafa 50%);display:flex;align-items:center;justify-content:center;position:relative;pointer-events:all}._loopIcon_18jhr_31{color:#41b0ac}._dotsButton_18jhr_57{position:absolute;top:2px;right:0;background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:#3b64a0;display:flex;align-items:center;justify-content:center;pointer-events:all;z-index:3}._dotsButton_18jhr_57:hover{background:#3b64a01a}._label_18jhr_77{margin-top:8px;font-size:14px;font-weight:600;color:#41b0ac}._limit_18jhr_84{font-size:12px;font-weight:500;color:#41b0ac}._expandable_18jhr_90{display:flex;flex-direction:row;align-items:flex-start;transition:max-width .35s ease-in-out,opacity .25s ease-in-out;opacity:1}._expandableCollapsed_18jhr_98{max-width:0;max-height:0;opacity:0;pointer-events:none}._connector_18jhr_105{display:flex;flex-direction:row;align-items:flex-start;width:60px;flex-shrink:0}._line_18jhr_113{flex:1;height:0;border-top:var(--iterator-connector-width, 2px) var(--iterator-connector-style, solid) var(--iterator-connector-color, #3b64a0);margin-top:33.5px;min-width:18px}._circleDot_18jhr_121{width:16px;height:16px;border-radius:50%;border:var(--iterator-connector-width, 2px) solid var(--iterator-connector-color, #3b64a0);background:#fff;display:flex;align-items:center;justify-content:center;margin-top:25px;margin-left:-2px;margin-right:-2px;z-index:1}._innerDot_18jhr_136{width:8px;height:8px;border-radius:50%;background:var(--iterator-connector-color, #3b64a0)}._stepsWrapper_18jhr_143{display:flex;flex-direction:column;width:100%}._container_kielx_1{display:flex;flex-direction:row;pointer-events:none;box-sizing:content-box}._container_kielx_1 *{box-sizing:content-box}

package/dist/types/index.d.ts

@@ -1,4 +1,15 @@
 import type { ReactNode } from 'react';
+export declare const StepStatus: {
+    readonly PENDING: "pending";
+    readonly RUNNING: "running";
+    readonly INVALID: "invalid";
+    readonly SKIPPED: "skipped";
+    readonly CANCELLED: "cancelled";
+    readonly VALIDATING: "validating";
+    readonly FAILED: "failed";
+    readonly FINISHED: "finished";
+};
+export type StepStatus = (typeof StepStatus)[keyof typeof StepStatus];
 export type Step = Readonly<{
     localId: string;
     title: string;
@@ -9,16 +20,19 @@ export type Step = Readonly<{
     isSelected?: boolean;
     steps?: (Step | Iterator)[];
     paths?: Path[];
+    status?: StepStatus;
 }>;
 export type Iterator = Step & Readonly<{
     condition: string;
     limit?: number;
+    status?: StepStatus;
 }>;
 export type Path = Readonly<{
     localId: string;
     condition: string;
     steps?: (Step | Iterator)[];
     paths?: Path[];
+    status?: StepStatus;
 }>;
 export type Trigger = Step;
 export type Process = Readonly<{

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,MAAM,IAAI,GAAG,QAAQ,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,KAAK,CAAC,EAAE,CAAC,IAAI,GAAG,QAAQ,CAAC,EAAE,CAAA;IAC3B,KAAK,CAAC,EAAE,IAAI,EAAE,CAAA;CACf,CAAC,CAAA;AAEF,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,QAAQ,CAAC;IACrC,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC,CAAA;AAEF,MAAM,MAAM,IAAI,GAAG,QAAQ,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,CAAC,IAAI,GAAG,QAAQ,CAAC,EAAE,CAAA;IAC3B,KAAK,CAAC,EAAE,IAAI,EAAE,CAAA;CACf,CAAC,CAAA;AAEF,MAAM,MAAM,OAAO,GAAG,IAAI,CAAA;AAE1B,MAAM,MAAM,OAAO,GAAG,QAAQ,CAAC;IAC7B,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,KAAK,EAAE,CAAC,IAAI,GAAG,QAAQ,CAAC,EAAE,CAAA;CAC3B,CAAC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,eAAO,MAAM,UAAU;;;;;;;;;CASb,CAAA;AAEV,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAA;AAErE,MAAM,MAAM,IAAI,GAAG,QAAQ,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,KAAK,CAAC,EAAE,CAAC,IAAI,GAAG,QAAQ,CAAC,EAAE,CAAA;IAC3B,KAAK,CAAC,EAAE,IAAI,EAAE,CAAA;IACd,MAAM,CAAC,EAAE,UAAU,CAAA;CACpB,CAAC,CAAA;AAEF,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,QAAQ,CAAC;IACrC,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,UAAU,CAAA;CACpB,CAAC,CAAA;AAEF,MAAM,MAAM,IAAI,GAAG,QAAQ,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,CAAC,IAAI,GAAG,QAAQ,CAAC,EAAE,CAAA;IAC3B,KAAK,CAAC,EAAE,IAAI,EAAE,CAAA;IACd,MAAM,CAAC,EAAE,UAAU,CAAA;CACpB,CAAC,CAAA;AAEF,MAAM,MAAM,OAAO,GAAG,IAAI,CAAA;AAE1B,MAAM,MAAM,OAAO,GAAG,QAAQ,CAAC;IAC7B,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,KAAK,EAAE,CAAC,IAAI,GAAG,QAAQ,CAAC,EAAE,CAAA;CAC3B,CAAC,CAAA"}

package/dist/utils.d.ts

@@ -0,0 +1,16 @@
+import type { Step } from './types';
+/**
+ * Recursively counts all descendants of a step
+ * - For all leaves: count all direct children
+ * - For 2-level nesting: count leaf direct children + grandchildren
+ * - For 3+ level deep nesting: count only first-level grandchildren
+ */
+export declare function countDescendants(step: Step): number;
+/**
+ * Finds a step by title and calculates the number of its descendants
+ * @param title - The title of the step to find
+ * @param steps - The array of steps to search in
+ * @returns The number of descendants, or -1 if the step is not found
+ */
+export declare function getDescendantCount(title: string, steps: Step[]): number;
+//# sourceMappingURL=utils.d.ts.map

package/dist/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAEnC;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAiGnD;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,MAAM,CAevE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@emporix/process-diagram",
-  "version": "2.0.0-beta.2",
+  "version": "2.0.0-beta.20",
   "private": false,
   "description": "Process diagram library",
   "repository": {
@@ -44,8 +44,8 @@
     "react-icons": "^5.5.0"
   },
   "peerDependencies": {
-    "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^5.0.1",
@@ -59,8 +59,8 @@
     "@testing-library/react": "^16.3.1",
     "@testing-library/user-event": "^14.6.1",
     "@types/node": "^24.10.1",
-    "@types/react": "^19.2.5",
-    "@types/react-dom": "^19.2.3",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
     "@vitejs/plugin-react": "^5.1.1",
     "@vitest/browser-playwright": "^4.0.16",
     "@vitest/coverage-v8": "^4.0.16",

package/dist/components/iterator/LoopBoxIcon.d.ts

@@ -1,8 +0,0 @@
-interface LoopBoxIconProps {
-    width?: number;
-    height?: number;
-    color?: string;
-}
-declare const LoopBoxIcon: ({ width, height, color, }: LoopBoxIconProps) => import("react/jsx-runtime").JSX.Element;
-export default LoopBoxIcon;
-//# sourceMappingURL=LoopBoxIcon.d.ts.map

package/dist/components/iterator/LoopBoxIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LoopBoxIcon.d.ts","sourceRoot":"","sources":["../../../src/components/iterator/LoopBoxIcon.tsx"],"names":[],"mappings":"AAAA,UAAU,gBAAgB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,QAAA,MAAM,WAAW,GAAI,2BAIlB,gBAAgB,4CAmBlB,CAAA;AAED,eAAe,WAAW,CAAA"}