@emporix/process-diagram 1.0.7 → 1.0.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/App.d.ts.map +1 -1
- package/dist/Row.d.ts.map +1 -1
- package/dist/components/ProcessDiagram.d.ts +1 -1
- package/dist/components/ProcessDiagram.d.ts.map +1 -1
- package/dist/components/condition/Condition.d.ts +6 -0
- package/dist/components/condition/Condition.d.ts.map +1 -0
- package/dist/components/curve/Curve.d.ts +6 -0
- package/dist/components/curve/Curve.d.ts.map +1 -0
- package/dist/components/row/Row.d.ts +6 -0
- package/dist/components/row/Row.d.ts.map +1 -0
- package/dist/components/steps/Steps.d.ts +14 -0
- package/dist/components/steps/Steps.d.ts.map +1 -0
- package/dist/components/triggers/Trigger.d.ts +2 -1
- package/dist/components/triggers/Trigger.d.ts.map +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.mjs +429 -383
- package/dist/index.mjs.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/style.css
CHANGED
|
@@ -1 +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_ww84z_1{display:flex;flex-direction:row;cursor:pointer}._step_ww84z_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}._step_ww84z_7._selected_ww84z_22{border:3px solid var(--brand-blue-500, #128afb);box-shadow:0 4px 18px #0d2c5933;transition:all .3s ease;margin:-1px}._step_ww84z_7._selectedInvalid_ww84z_28{border:3px solid var(--brand-red-500, #e32012);box-shadow:0 4px 18px #0d2c5933;transition:all .3s ease;margin:-1px}._step_ww84z_7._isSet_ww84z_34{border:1px solid var(--brand-navy-400, #3b64a0);transition:all .3s ease}._step_ww84z_7._invalid_ww84z_38{border:1px solid var(--brand-red-500, #e32012);transition:all .3s ease;color:var(--brand-red-500, #e32012)}._filterFlag_ww84z_44{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_ww84z_44:hover{background:#f3f3f3}._filterFlag_ww84z_44>*:first-child{margin-right:16px;margin-left:8px}._filterFlag_ww84z_44>span{flex-grow:1}._title_ww84z_70{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_ww84z_87{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_ww84z_87._invalid_ww84z_38{background:#fedddb;border:none}._icon_ww84z_87._filter_ww84z_44{border:1px solid var(--brand-navy-200, #a1bddc);background:#fff}._content_ww84z_105{display:flex;width:100%;gap:8px}._dotsButton_ww84z_111{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;width:28px;height:28px}._dotsButton_ww84z_111:hover{background:#3b64a01a}._stepLink_ww84z_127{margin-top:20px;margin-left:4px;margin-right:4px}._stepLinkContainer_ww84z_133{justify-content:center;align-items:center;display:flex;cursor:pointer}._stepLinkContainer_ww84z_133:hover>._stepLinkIcon_ww84z_139{border:2px solid #3b64a0;transition:all .75s ease}._stepLinkContainer_ww84z_133:hover>._stepLinkLine_ww84z_143:before{transform:scaleX(.3);transition:transform .5s ease}._stepLinkLine_ww84z_143{display:flex;justify-content:center;align-items:center;margin-top:1px}._stepLinkLine_ww84z_143:before{content:"";width:12px;transform:scaleX(1);height:2px;background-color:#3b64a0;border-radius:1px;transition:all .5s ease}._stepLinkLine_ww84z_143:last-child:before{transform-origin:right}._stepLinkLine_ww84z_143:first-child:before{transform-origin:left}._stepLinkIcon_ww84z_139{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_ww84z_139>*{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}.
|
|
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_ww84z_1{display:flex;flex-direction:row;cursor:pointer}._step_ww84z_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}._step_ww84z_7._selected_ww84z_22{border:3px solid var(--brand-blue-500, #128afb);box-shadow:0 4px 18px #0d2c5933;transition:all .3s ease;margin:-1px}._step_ww84z_7._selectedInvalid_ww84z_28{border:3px solid var(--brand-red-500, #e32012);box-shadow:0 4px 18px #0d2c5933;transition:all .3s ease;margin:-1px}._step_ww84z_7._isSet_ww84z_34{border:1px solid var(--brand-navy-400, #3b64a0);transition:all .3s ease}._step_ww84z_7._invalid_ww84z_38{border:1px solid var(--brand-red-500, #e32012);transition:all .3s ease;color:var(--brand-red-500, #e32012)}._filterFlag_ww84z_44{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_ww84z_44:hover{background:#f3f3f3}._filterFlag_ww84z_44>*:first-child{margin-right:16px;margin-left:8px}._filterFlag_ww84z_44>span{flex-grow:1}._title_ww84z_70{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_ww84z_87{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_ww84z_87._invalid_ww84z_38{background:#fedddb;border:none}._icon_ww84z_87._filter_ww84z_44{border:1px solid var(--brand-navy-200, #a1bddc);background:#fff}._content_ww84z_105{display:flex;width:100%;gap:8px}._dotsButton_ww84z_111{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;width:28px;height:28px}._dotsButton_ww84z_111:hover{background:#3b64a01a}._stepLink_ww84z_127{margin-top:20px;margin-left:4px;margin-right:4px}._stepLinkContainer_ww84z_133{justify-content:center;align-items:center;display:flex;cursor:pointer}._stepLinkContainer_ww84z_133:hover>._stepLinkIcon_ww84z_139{border:2px solid #3b64a0;transition:all .75s ease}._stepLinkContainer_ww84z_133:hover>._stepLinkLine_ww84z_143:before{transform:scaleX(.3);transition:transform .5s ease}._stepLinkLine_ww84z_143{display:flex;justify-content:center;align-items:center;margin-top:1px}._stepLinkLine_ww84z_143:before{content:"";width:12px;transform:scaleX(1);height:2px;background-color:#3b64a0;border-radius:1px;transition:all .5s ease}._stepLinkLine_ww84z_143:last-child:before{transform-origin:right}._stepLinkLine_ww84z_143:first-child:before{transform-origin:left}._stepLinkIcon_ww84z_139{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_ww84z_139>*{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_a40q0_1{border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;display:flex;width:24px;height:24px;margin-left:-2px;margin-right:-2px;transition:border .3s ease}._stepLinkIcon_a40q0_1>*{margin-top:.5px}._stepLinkLine_a40q0_17{display:flex;justify-content:center;align-items:center;margin-top:1px}._stepLinkLine_a40q0_17:before{content:"";width:12px;transform:scaleX(1);height:2px;background-color:#3b64a0;border-radius:1px;transition:all .5s ease}._stepLinkLine_a40q0_17:last-child:before{transform-origin:right}._stepLinkLine_a40q0_17:first-child:before{transform-origin:left}._stepLinkContainer_a40q0_39{justify-content:center;align-items:center;display:flex;pointer-events:all;cursor:pointer;height:74px}._stepLinkContainer_a40q0_39:hover>._stepLinkIcon_a40q0_1{border:2px solid #3b64a0;transition:all .75s ease}._stepLinkContainer_a40q0_39:hover>._stepLinkLine_a40q0_17:before{transform:scaleX(.3);transition:transform .5s ease}._steps_k2je4_1{display:flex;flex-direction:row;width:100%;pointer-events:none}._stepContainer_k2je4_8{display:flex;flex-direction:row;height:74px}._container_12c1g_1{display:flex;flex-direction:row;pointer-events:none}
|