@xxmachina/components 19.24.1 → 19.25.0

package/fesm2022/xxmachina-components-extras-flow.mjs

@@ -441,7 +441,7 @@ class ReactFlowComponent extends NgAtomicComponent {
         }));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ReactFlowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.0.5", type: ReactFlowComponent, isStandalone: true, selector: "machina-react-flow", queries: [{ propertyName: "contentNodeTemplates", predicate: FlowNodeDirective, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: ReactFlowComponentStore, inputs: ["nodes", "nodes", "edges", "edges", "defaultNodes", "defaultNodes", "defaultEdges", "defaultEdges", "defaultEdgeOptions", "defaultEdgeOptions", "nodeTemplates", "nodeTemplates", "nodeTypes", "nodeTypes", "edgeTypes", "edgeTypes", "connectionLineType", "connectionLineType", "connectionLineStyle", "connectionLineStyle", "connectionLineComponent", "connectionLineComponent", "connectionLineContainerStyle", "connectionLineContainerStyle", "connectionMode", "connectionMode", "deleteKeyCode", "deleteKeyCode", "selectionKeyCode", "selectionKeyCode", "selectionOnDrag", "selectionOnDrag", "selectionMode", "selectionMode", "panActivationKeyCode", "panActivationKeyCode", "multiSelectionKeyCode", "multiSelectionKeyCode", "zoomActivationKeyCode", "zoomActivationKeyCode", "snapToGrid", "snapToGrid", "snapGrid", "snapGrid", "onlyRenderVisibleElements", "onlyRenderVisibleElements", "nodesDraggable", "nodesDraggable", "nodesConnectable", "nodesConnectable", "nodesFocusable", "nodesFocusable", "nodeOrigin", "nodeOrigin", "edgesFocusable", "edgesFocusable", "initNodeOrigin", "initNodeOrigin", "elementsSelectable", "elementsSelectable", "selectNodesOnDrag", "selectNodesOnDrag", "panOnDrag", "panOnDrag", "minZoom", "minZoom", "maxZoom", "maxZoom", "defaultViewport", "defaultViewport", "translateExtent", "translateExtent", "preventScrolling", "preventScrolling", "nodeExtent", "nodeExtent", "defaultMarkerColor", "defaultMarkerColor", "zoomOnScroll", "zoomOnScroll", "zoomOnPinch", "zoomOnPinch", "panOnScroll", "panOnScroll", "panOnScrollSpeed", "panOnScrollSpeed", "panOnScrollMode", "panOnScrollMode", "zoomOnDoubleClick", "zoomOnDoubleClick", "edgeUpdaterRadius", "edgeUpdaterRadius", "noDragClassName", "noDragClassName", "noWheelClassName", "noWheelClassName", "noPanClassName", "noPanClassName", "fitView", "fitView", "fitViewOptions", "fitViewOptions", "connectOnClick", "connectOnClick", "attributionPosition", "attributionPosition", "proOptions", "proOptions", "elevateNodesOnSelect", "elevateNodesOnSelect", "elevateEdgesOnSelect", "elevateEdgesOnSelect", "disableKeyboardA11y", "disableKeyboardA11y", "autoPanOnNodeDrag", "autoPanOnNodeDrag", "autoPanOnConnect", "autoPanOnConnect", "connectionRadius", "connectionRadius", "backgroundVariant", "backgroundVariant", "backgroundGap", "backgroundGap", "backgroundColor", "backgroundColor", "backgroundSize", "backgroundSize", "showBackground", "showBackground", "showMiniMap", "showMiniMap", "showControls", "showControls", "showCoordinateLabels", "showCoordinateLabels", "coordinateLabelInterval", "coordinateLabelInterval"], outputs: ["onNodeClick", "onNodeClick", "onNodeDoubleClick", "onNodeDoubleClick", "onNodeMouseEnter", "onNodeMouseEnter", "onNodeMouseMove", "onNodeMouseMove", "onNodeMouseLeave", "onNodeMouseLeave", "onNodeContextMenu", "onNodeContextMenu", "onNodeDragStart", "onNodeDragStart", "onNodeDrag", "onNodeDrag", "onNodeDragStop", "onNodeDragStop", "onEdgeClick", "onEdgeClick", "onEdgeUpdate", "onEdgeUpdate", "onEdgeContextMenu", "onEdgeContextMenu", "onEdgeMouseEnter", "onEdgeMouseEnter", "onEdgeMouseMove", "onEdgeMouseMove", "onEdgeMouseLeave", "onEdgeMouseLeave", "onEdgeDoubleClick", "onEdgeDoubleClick", "onEdgeUpdateStart", "onEdgeUpdateStart", "onEdgeUpdateEnd", "onEdgeUpdateEnd", "onNodesChange", "onNodesChange", "onEdgesChange", "onEdgesChange", "onNodesDelete", "onNodesDelete", "onEdgesDelete", "onEdgesDelete", "onSelectionDragStart", "onSelectionDragStart", "onSelectionDrag", "onSelectionDrag", "onSelectionDragStop", "onSelectionDragStop", "onSelectionStart", "onSelectionStart", "onSelectionEnd", "onSelectionEnd", "onSelectionContextMenu", "onSelectionContextMenu", "onConnect", "onConnect", "onConnectStart", "onConnectStart", "onConnectEnd", "onConnectEnd", "onClickConnectStart", "onClickConnectStart", "onClickConnectEnd", "onClickConnectEnd", "onDragOver", "onDragOver", "onDrop", "onDrop", "onInit", "onInit", "onMove", "onMove", "onMoveStart", "onMoveStart", "onMoveEnd", "onMoveEnd", "onSelectionChange", "onSelectionChange", "onPaneScroll", "onPaneScroll", "onPaneClick", "onPaneClick", "onPaneContextMenu", "onPaneContextMenu", "onPaneMouseEnter", "onPaneMouseEnter", "onPaneMouseMove", "onPaneMouseMove", "onPaneMouseLeave", "onPaneMouseLeave", "onError", "onError", "onNodeResizeEnd", "onNodeResizeEnd"] }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: [".react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}:host{display:block;width:100%;height:100%}:host .react-flow{width:100%;height:100%;background-color:#f8f8f8!important}:host .react-flow .react-flow__renderer{z-index:1}:host .react-flow .react-flow__background{background-color:#f8f8f8!important}:host .react-flow .react-flow__viewport{z-index:2}:host .react-flow .react-flow__nodes{z-index:4}:host .react-flow .react-flow__node{cursor:grab!important;z-index:5!important}:host .react-flow .react-flow__node:active{cursor:grabbing!important}:host .react-flow .react-flow__node.nopan{cursor:grab!important;pointer-events:auto!important}:host .react-flow .react-flow__node-default{background:#4ecdc4!important;border:3px solid #333!important;border-radius:8px!important;padding:15px!important;color:#fff!important;font-weight:700!important;font-size:18px!important;box-shadow:0 4px 8px #0000004d!important;opacity:1!important;min-width:200px!important}:host .react-flow .react-flow__node-default[data-id=\"1\"]{background:#ff6b6b!important}:host .react-flow .react-flow__node-default[data-id=\"2\"]{background:#4ecdc4!important}:host .react-flow .react-flow__handle{background:#555!important;width:12px!important;height:12px!important;border:2px solid #fff!important;opacity:1!important}:host .react-flow .react-flow__handle:hover{background:#1976d2!important}:host .react-flow .react-flow__handle-top{top:-6px!important}:host .react-flow .react-flow__handle-right{right:-6px!important}:host .react-flow .react-flow__handle-bottom{bottom:-6px!important}:host .react-flow .react-flow__handle-left{left:-6px!important}:host .react-flow .react-flow__edge-path{stroke:#000!important;stroke-width:3px!important}:host .react-flow .react-flow__edge.selected .react-flow__edge-path{stroke:#1976d2!important;stroke-width:3}:host .react-flow .react-flow__controls button{background:#fff!important;border:1px solid #333!important;color:#333!important}:host .react-flow .react-flow__controls button:hover{background:#f0f0f0!important}:host .react-flow .react-flow__minimap{background-color:#f8f8f8!important;border:1px solid #333!important}:host .react-flow .react-flow__minimap .react-flow__minimap-mask{fill:#e0e0e0!important}:host .react-flow .react-flow__minimap .react-flow__minimap-node{fill:#333!important}:host .react-flow .react-flow__background pattern{stroke:#e0e0e0!important}:host .react-flow .react-flow__connectionline .react-flow__edge-path{stroke:#1976d2!important;stroke-width:3px!important;stroke-dasharray:5 5!important;animation:dash .5s linear infinite!important}@keyframes dash{to{stroke-dashoffset:-10}}:host .react-flow .react-flow__node-group{background:#f0f0f099!important;border:2px dashed #d1d5db!important;border-radius:16px!important;padding:60px 40px 40px!important;pointer-events:all!important;box-sizing:border-box!important}:host .react-flow .react-flow__node-group.selected{border-color:#3b82f6!important;border-style:solid!important;background:#f0f0f0cc!important}:host .react-flow .react-flow__node-task{background:transparent!important;border:none!important;padding:0!important}:host .react-flow .react-flow__node-issue{background:transparent!important;border:none!important;padding:0!important}\n"], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.0.5", type: ReactFlowComponent, isStandalone: true, selector: "machina-react-flow", queries: [{ propertyName: "contentNodeTemplates", predicate: FlowNodeDirective, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: ReactFlowComponentStore, inputs: ["nodes", "nodes", "edges", "edges", "defaultNodes", "defaultNodes", "defaultEdges", "defaultEdges", "defaultEdgeOptions", "defaultEdgeOptions", "nodeTemplates", "nodeTemplates", "nodeTypes", "nodeTypes", "edgeTypes", "edgeTypes", "connectionLineType", "connectionLineType", "connectionLineStyle", "connectionLineStyle", "connectionLineComponent", "connectionLineComponent", "connectionLineContainerStyle", "connectionLineContainerStyle", "connectionMode", "connectionMode", "deleteKeyCode", "deleteKeyCode", "selectionKeyCode", "selectionKeyCode", "selectionOnDrag", "selectionOnDrag", "selectionMode", "selectionMode", "panActivationKeyCode", "panActivationKeyCode", "multiSelectionKeyCode", "multiSelectionKeyCode", "zoomActivationKeyCode", "zoomActivationKeyCode", "snapToGrid", "snapToGrid", "snapGrid", "snapGrid", "onlyRenderVisibleElements", "onlyRenderVisibleElements", "nodesDraggable", "nodesDraggable", "nodesConnectable", "nodesConnectable", "nodesFocusable", "nodesFocusable", "nodeOrigin", "nodeOrigin", "edgesFocusable", "edgesFocusable", "initNodeOrigin", "initNodeOrigin", "elementsSelectable", "elementsSelectable", "selectNodesOnDrag", "selectNodesOnDrag", "panOnDrag", "panOnDrag", "minZoom", "minZoom", "maxZoom", "maxZoom", "defaultViewport", "defaultViewport", "translateExtent", "translateExtent", "preventScrolling", "preventScrolling", "nodeExtent", "nodeExtent", "defaultMarkerColor", "defaultMarkerColor", "zoomOnScroll", "zoomOnScroll", "zoomOnPinch", "zoomOnPinch", "panOnScroll", "panOnScroll", "panOnScrollSpeed", "panOnScrollSpeed", "panOnScrollMode", "panOnScrollMode", "zoomOnDoubleClick", "zoomOnDoubleClick", "edgeUpdaterRadius", "edgeUpdaterRadius", "noDragClassName", "noDragClassName", "noWheelClassName", "noWheelClassName", "noPanClassName", "noPanClassName", "fitView", "fitView", "fitViewOptions", "fitViewOptions", "connectOnClick", "connectOnClick", "attributionPosition", "attributionPosition", "proOptions", "proOptions", "elevateNodesOnSelect", "elevateNodesOnSelect", "elevateEdgesOnSelect", "elevateEdgesOnSelect", "disableKeyboardA11y", "disableKeyboardA11y", "autoPanOnNodeDrag", "autoPanOnNodeDrag", "autoPanOnConnect", "autoPanOnConnect", "connectionRadius", "connectionRadius", "backgroundVariant", "backgroundVariant", "backgroundGap", "backgroundGap", "backgroundColor", "backgroundColor", "backgroundSize", "backgroundSize", "showBackground", "showBackground", "showMiniMap", "showMiniMap", "showControls", "showControls", "showCoordinateLabels", "showCoordinateLabels", "coordinateLabelInterval", "coordinateLabelInterval"], outputs: ["onNodeClick", "onNodeClick", "onNodeDoubleClick", "onNodeDoubleClick", "onNodeMouseEnter", "onNodeMouseEnter", "onNodeMouseMove", "onNodeMouseMove", "onNodeMouseLeave", "onNodeMouseLeave", "onNodeContextMenu", "onNodeContextMenu", "onNodeDragStart", "onNodeDragStart", "onNodeDrag", "onNodeDrag", "onNodeDragStop", "onNodeDragStop", "onEdgeClick", "onEdgeClick", "onEdgeUpdate", "onEdgeUpdate", "onEdgeContextMenu", "onEdgeContextMenu", "onEdgeMouseEnter", "onEdgeMouseEnter", "onEdgeMouseMove", "onEdgeMouseMove", "onEdgeMouseLeave", "onEdgeMouseLeave", "onEdgeDoubleClick", "onEdgeDoubleClick", "onEdgeUpdateStart", "onEdgeUpdateStart", "onEdgeUpdateEnd", "onEdgeUpdateEnd", "onNodesChange", "onNodesChange", "onEdgesChange", "onEdgesChange", "onNodesDelete", "onNodesDelete", "onEdgesDelete", "onEdgesDelete", "onSelectionDragStart", "onSelectionDragStart", "onSelectionDrag", "onSelectionDrag", "onSelectionDragStop", "onSelectionDragStop", "onSelectionStart", "onSelectionStart", "onSelectionEnd", "onSelectionEnd", "onSelectionContextMenu", "onSelectionContextMenu", "onConnect", "onConnect", "onConnectStart", "onConnectStart", "onConnectEnd", "onConnectEnd", "onClickConnectStart", "onClickConnectStart", "onClickConnectEnd", "onClickConnectEnd", "onDragOver", "onDragOver", "onDrop", "onDrop", "onInit", "onInit", "onMove", "onMove", "onMoveStart", "onMoveStart", "onMoveEnd", "onMoveEnd", "onSelectionChange", "onSelectionChange", "onPaneScroll", "onPaneScroll", "onPaneClick", "onPaneClick", "onPaneContextMenu", "onPaneContextMenu", "onPaneMouseEnter", "onPaneMouseEnter", "onPaneMouseMove", "onPaneMouseMove", "onPaneMouseLeave", "onPaneMouseLeave", "onError", "onError", "onNodeResizeEnd", "onNodeResizeEnd"] }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: [".react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}machina-react-flow{display:block;width:100%;height:100%}machina-react-flow .react-flow{width:100%;height:100%}machina-react-flow .react-flow .react-flow__renderer{z-index:1}machina-react-flow .react-flow .react-flow__viewport{z-index:2}machina-react-flow .react-flow .react-flow__nodes{z-index:4}machina-react-flow .react-flow .react-flow__node{cursor:grab!important;z-index:5!important;transition:transform .3s ease-out,width .3s ease-out,height .3s ease-out!important}machina-react-flow .react-flow .react-flow__node.dragging{transition:none!important}machina-react-flow .react-flow .react-flow__node:active{cursor:grabbing!important}machina-react-flow .react-flow .react-flow__node.nopan{cursor:grab!important;pointer-events:auto!important}machina-react-flow .react-flow .react-flow__node-default{background:#4ecdc4!important;border:3px solid #333!important;border-radius:8px!important;padding:15px!important;color:#fff!important;font-weight:700!important;font-size:18px!important;box-shadow:0 4px 8px #0000004d!important;opacity:1!important;min-width:200px!important}machina-react-flow .react-flow .react-flow__node-default[data-id=\"1\"]{background:#ff6b6b!important}machina-react-flow .react-flow .react-flow__node-default[data-id=\"2\"]{background:#4ecdc4!important}machina-react-flow .react-flow .react-flow__handle{background:#555!important;width:12px!important;height:12px!important;border:2px solid #fff!important;opacity:1!important}machina-react-flow .react-flow .react-flow__handle:hover{background:#1976d2!important}machina-react-flow .react-flow .react-flow__handle-top{top:-6px!important}machina-react-flow .react-flow .react-flow__handle-right{right:-6px!important}machina-react-flow .react-flow .react-flow__handle-bottom{bottom:-6px!important}machina-react-flow .react-flow .react-flow__handle-left{left:-6px!important}machina-react-flow .react-flow .react-flow__edge-path{stroke:#000!important;stroke-width:3px!important}machina-react-flow .react-flow .react-flow__edge.selected .react-flow__edge-path{stroke:#1976d2!important;stroke-width:3}machina-react-flow .react-flow .react-flow__controls button{background:#fff!important;border:1px solid #333!important;color:#333!important}machina-react-flow .react-flow .react-flow__controls button:hover{background:#f0f0f0!important}machina-react-flow .react-flow .react-flow__minimap{border:1px solid #333!important}machina-react-flow .react-flow .react-flow__minimap .react-flow__minimap-mask{fill:#e0e0e0!important}machina-react-flow .react-flow .react-flow__minimap .react-flow__minimap-node{fill:#333!important}machina-react-flow .react-flow .react-flow__connectionline .react-flow__edge-path{stroke:#1976d2!important;stroke-width:3px!important;stroke-dasharray:5 5!important;animation:dash .5s linear infinite!important}@keyframes dash{to{stroke-dashoffset:-10}}machina-react-flow .react-flow .react-flow__node-group{background:#f0f0f099!important;border:2px dashed #d1d5db!important;border-radius:16px!important;padding:60px 40px 40px!important;pointer-events:all!important;box-sizing:border-box!important}machina-react-flow .react-flow .react-flow__node-group.selected{border-color:#3b82f6!important;border-style:solid!important;background:#f0f0f0cc!important}machina-react-flow .react-flow .react-flow__node-task{background:transparent!important;border:none!important;padding:0!important}machina-react-flow .react-flow .react-flow__node-issue{background:transparent!important;border:none!important;padding:0!important}\n"], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ReactFlowComponent, decorators: [{
             type: Component,
@@ -482,7 +482,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
                                 'onPaneMouseEnter', 'onPaneMouseMove', 'onPaneMouseLeave', 'onError', 'onNodeResizeEnd'
                             ]
                         }
-                    ], styles: [".react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}:host{display:block;width:100%;height:100%}:host .react-flow{width:100%;height:100%;background-color:#f8f8f8!important}:host .react-flow .react-flow__renderer{z-index:1}:host .react-flow .react-flow__background{background-color:#f8f8f8!important}:host .react-flow .react-flow__viewport{z-index:2}:host .react-flow .react-flow__nodes{z-index:4}:host .react-flow .react-flow__node{cursor:grab!important;z-index:5!important}:host .react-flow .react-flow__node:active{cursor:grabbing!important}:host .react-flow .react-flow__node.nopan{cursor:grab!important;pointer-events:auto!important}:host .react-flow .react-flow__node-default{background:#4ecdc4!important;border:3px solid #333!important;border-radius:8px!important;padding:15px!important;color:#fff!important;font-weight:700!important;font-size:18px!important;box-shadow:0 4px 8px #0000004d!important;opacity:1!important;min-width:200px!important}:host .react-flow .react-flow__node-default[data-id=\"1\"]{background:#ff6b6b!important}:host .react-flow .react-flow__node-default[data-id=\"2\"]{background:#4ecdc4!important}:host .react-flow .react-flow__handle{background:#555!important;width:12px!important;height:12px!important;border:2px solid #fff!important;opacity:1!important}:host .react-flow .react-flow__handle:hover{background:#1976d2!important}:host .react-flow .react-flow__handle-top{top:-6px!important}:host .react-flow .react-flow__handle-right{right:-6px!important}:host .react-flow .react-flow__handle-bottom{bottom:-6px!important}:host .react-flow .react-flow__handle-left{left:-6px!important}:host .react-flow .react-flow__edge-path{stroke:#000!important;stroke-width:3px!important}:host .react-flow .react-flow__edge.selected .react-flow__edge-path{stroke:#1976d2!important;stroke-width:3}:host .react-flow .react-flow__controls button{background:#fff!important;border:1px solid #333!important;color:#333!important}:host .react-flow .react-flow__controls button:hover{background:#f0f0f0!important}:host .react-flow .react-flow__minimap{background-color:#f8f8f8!important;border:1px solid #333!important}:host .react-flow .react-flow__minimap .react-flow__minimap-mask{fill:#e0e0e0!important}:host .react-flow .react-flow__minimap .react-flow__minimap-node{fill:#333!important}:host .react-flow .react-flow__background pattern{stroke:#e0e0e0!important}:host .react-flow .react-flow__connectionline .react-flow__edge-path{stroke:#1976d2!important;stroke-width:3px!important;stroke-dasharray:5 5!important;animation:dash .5s linear infinite!important}@keyframes dash{to{stroke-dashoffset:-10}}:host .react-flow .react-flow__node-group{background:#f0f0f099!important;border:2px dashed #d1d5db!important;border-radius:16px!important;padding:60px 40px 40px!important;pointer-events:all!important;box-sizing:border-box!important}:host .react-flow .react-flow__node-group.selected{border-color:#3b82f6!important;border-style:solid!important;background:#f0f0f0cc!important}:host .react-flow .react-flow__node-task{background:transparent!important;border:none!important;padding:0!important}:host .react-flow .react-flow__node-issue{background:transparent!important;border:none!important;padding:0!important}\n"] }]
+                    ], styles: [".react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}machina-react-flow{display:block;width:100%;height:100%}machina-react-flow .react-flow{width:100%;height:100%}machina-react-flow .react-flow .react-flow__renderer{z-index:1}machina-react-flow .react-flow .react-flow__viewport{z-index:2}machina-react-flow .react-flow .react-flow__nodes{z-index:4}machina-react-flow .react-flow .react-flow__node{cursor:grab!important;z-index:5!important;transition:transform .3s ease-out,width .3s ease-out,height .3s ease-out!important}machina-react-flow .react-flow .react-flow__node.dragging{transition:none!important}machina-react-flow .react-flow .react-flow__node:active{cursor:grabbing!important}machina-react-flow .react-flow .react-flow__node.nopan{cursor:grab!important;pointer-events:auto!important}machina-react-flow .react-flow .react-flow__node-default{background:#4ecdc4!important;border:3px solid #333!important;border-radius:8px!important;padding:15px!important;color:#fff!important;font-weight:700!important;font-size:18px!important;box-shadow:0 4px 8px #0000004d!important;opacity:1!important;min-width:200px!important}machina-react-flow .react-flow .react-flow__node-default[data-id=\"1\"]{background:#ff6b6b!important}machina-react-flow .react-flow .react-flow__node-default[data-id=\"2\"]{background:#4ecdc4!important}machina-react-flow .react-flow .react-flow__handle{background:#555!important;width:12px!important;height:12px!important;border:2px solid #fff!important;opacity:1!important}machina-react-flow .react-flow .react-flow__handle:hover{background:#1976d2!important}machina-react-flow .react-flow .react-flow__handle-top{top:-6px!important}machina-react-flow .react-flow .react-flow__handle-right{right:-6px!important}machina-react-flow .react-flow .react-flow__handle-bottom{bottom:-6px!important}machina-react-flow .react-flow .react-flow__handle-left{left:-6px!important}machina-react-flow .react-flow .react-flow__edge-path{stroke:#000!important;stroke-width:3px!important}machina-react-flow .react-flow .react-flow__edge.selected .react-flow__edge-path{stroke:#1976d2!important;stroke-width:3}machina-react-flow .react-flow .react-flow__controls button{background:#fff!important;border:1px solid #333!important;color:#333!important}machina-react-flow .react-flow .react-flow__controls button:hover{background:#f0f0f0!important}machina-react-flow .react-flow .react-flow__minimap{border:1px solid #333!important}machina-react-flow .react-flow .react-flow__minimap .react-flow__minimap-mask{fill:#e0e0e0!important}machina-react-flow .react-flow .react-flow__minimap .react-flow__minimap-node{fill:#333!important}machina-react-flow .react-flow .react-flow__connectionline .react-flow__edge-path{stroke:#1976d2!important;stroke-width:3px!important;stroke-dasharray:5 5!important;animation:dash .5s linear infinite!important}@keyframes dash{to{stroke-dashoffset:-10}}machina-react-flow .react-flow .react-flow__node-group{background:#f0f0f099!important;border:2px dashed #d1d5db!important;border-radius:16px!important;padding:60px 40px 40px!important;pointer-events:all!important;box-sizing:border-box!important}machina-react-flow .react-flow .react-flow__node-group.selected{border-color:#3b82f6!important;border-style:solid!important;background:#f0f0f0cc!important}machina-react-flow .react-flow .react-flow__node-task{background:transparent!important;border:none!important;padding:0!important}machina-react-flow .react-flow .react-flow__node-issue{background:transparent!important;border:none!important;padding:0!important}\n"] }]
         }], ctorParameters: () => [] });
 
 /**