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

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_1vo7a_1{display:flex;flex-direction:row;cursor:pointer}._step_1vo7a_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_1vo7a_7._selected_1vo7a_23{border:3px solid var(--brand-blue-500, #128afb);box-shadow:0 4px 18px #0d2c5933;transition:all .3s ease;margin:-1px}._step_1vo7a_7._selectedInvalid_1vo7a_29{border:3px solid var(--brand-red-500, #e32012);box-shadow:0 4px 18px #0d2c5933;transition:all .3s ease;margin:-1px}._step_1vo7a_7._isSet_1vo7a_35{border:1px solid var(--brand-navy-400, #3b64a0);transition:all .3s ease}._step_1vo7a_7._invalid_1vo7a_39{border:1px solid var(--brand-red-500, #e32012);transition:all .3s ease;color:var(--brand-red-500, #e32012)}._filterFlag_1vo7a_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_1vo7a_45:hover{background:#f3f3f3}._filterFlag_1vo7a_45>*:first-child{margin-right:16px;margin-left:8px}._filterFlag_1vo7a_45>span{flex-grow:1}._title_1vo7a_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_1vo7a_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_1vo7a_90._invalid_1vo7a_39{background:#fedddb;border:none}._icon_1vo7a_90._filter_1vo7a_45{border:1px solid var(--brand-navy-200, #a1bddc);background:#fff}._content_1vo7a_108{display:flex;width:100%;gap:8px}._dotsButton_1vo7a_114{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_1vo7a_114:hover{background:#3b64a01a}._stepLink_1vo7a_130{margin-top:20px;margin-left:4px;margin-right:4px}._stepLinkContainer_1vo7a_136{justify-content:center;display:flex;cursor:pointer}._stepLinkContainer_1vo7a_136:hover>._stepLinkIcon_1vo7a_141{border:2px solid #3b64a0;transition:all .75s ease}._stepLinkContainer_1vo7a_136:hover>._stepLinkLine_1vo7a_145:before{transform:scaleX(.3);transition:transform .5s ease}._stepLinkLine_1vo7a_145{display:flex;justify-content:center;align-items:center;margin-top:1px}._stepLinkLine_1vo7a_145:before{content:"";width:12px;transform:scaleX(1);height:2px;background-color:#3b64a0;border-radius:1px;transition:all .5s ease}._stepLinkLine_1vo7a_145:last-child:before{transform-origin:right}._stepLinkLine_1vo7a_145:first-child:before{transform-origin:left}._stepLinkIcon_1vo7a_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_1vo7a_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_1r4n4_1{display:flex;flex-direction:row}._connectorLine_1r4n4_6{min-width:50px;margin-top:8px;border-top:2px solid #3b64a0}._conditionWrapper_1r4n4_12{min-width:100px;max-width:350px}._condition_1r4n4_1{height:18px;line-height:18px;min-width:100px;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}._connectorDot_1r4n4_43{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_1ktj6_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_1ktj6_16{width:auto;height:auto}._loopNodeWrapper_1ktj6_21{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;flex-shrink:0;cursor:pointer}._loopIconWrapper_1ktj6_31{width:68px;height:68px;border-radius:12px;display:flex;align-items:center;justify-content:center}._loopBox_1ktj6_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_1ktj6_31{color:#41b0ac}._dotsButton_1ktj6_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_1ktj6_57:hover{background:#3b64a01a}._label_1ktj6_77{margin-top:8px;font-size:14px;font-weight:600;color:#41b0ac}._limit_1ktj6_84{font-size:12px;font-weight:500;color:#41b0ac}._expandable_1ktj6_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_1ktj6_98{max-width:0;max-height:0;opacity:0;pointer-events:none}._connector_1ktj6_105{display:flex;flex-direction:row;align-items:flex-start;width:60px;flex-shrink:0}._line_1ktj6_113{flex:1;height:2px;background-color:#3b64a0;margin-top:33.5px;min-width:18px}._circleDot_1ktj6_121{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_1ktj6_136{width:8px;height:8px;border-radius:50%;background:#3b64a0}._stepsWrapper_1ktj6_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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@emporix/process-diagram",
-  "version": "2.0.0-beta.2",
+  "version": "2.0.0-beta.4",
   "private": false,
   "description": "Process diagram library",
   "repository": {