@xxmachina/components 19.9.0 → 19.12.0

package/extras/flow/index.d.ts

@@ -181,3 +181,4 @@ declare class FlowNodeDirective {
 }
 
 export { FlowNodeDirective, NODE_TYPES, ReactFlowComponent, ReactFlowComponentStore, createTemplateNodeComponent, setAngularContext };
+//# sourceMappingURL=index.d.ts.map

package/extras/flow/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sources":["../../../../../../packages/@xxmachina/components/src/lib/extras/flow/react-flow/react-flow.store.ts","../../../../../../packages/@xxmachina/components/src/lib/extras/flow/react-flow/react-flow.component.ts","../../../../../../packages/@xxmachina/components/src/lib/extras/flow/nodes/group-node.tsx","../../../../../../packages/@xxmachina/components/src/lib/extras/flow/nodes/node.component.ts","../../../../../../packages/@xxmachina/components/src/lib/extras/flow/nodes/node.tsx","../../../../../../packages/@xxmachina/components/src/lib/extras/flow/nodes/template-node.tsx","../../../../../../packages/@xxmachina/components/src/lib/extras/flow/nodes/index.ts","../../../../../../packages/@xxmachina/components/src/lib/extras/flow/flow-node.directive.ts"],"sourcesContent":[null,null,null,null,null,null,null,null],"names":[],"mappings":"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"}

package/features/command/index.d.ts

@@ -65,3 +65,4 @@ declare class CommandFeature {
 }
 
 export { CommandFeature, CommandFormBuilder };
+//# sourceMappingURL=index.d.ts.map

package/features/command/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sources":["../../../../../../packages/@xxmachina/components/src/lib/features/command/command.feature.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;AAYA,cAAA,kBAAA;AAEE,2BAAqB,cAAA,CAAA,sBAAA;aAChB,cAAA,CAAA,SAAA;;;;;;;;;;;AAWN;AAED,cAAA,cAAA;;;;;;AAQE,0BAAoB,aAAA,QAAA,cAAA,CAAA,SAAA;;;;;;;;AAA0C;AAC9D,+BAAyB,aAAA,CAAA,MAAA,CAAA,OAAA;;;;;;;;AAAmG;yBACzG,aAAA,CAAA,MAAA;mBACN,aAAA,CAAA,MAAA;qBACE,aAAA,CAAA,MAAA;gCACW,aAAA,QAAA,mBAAA,CAAA,UAAA;oBACZ,aAAA,CAAA,MAAA;0CACsB,aAAA,CAAA,MAAA;AAGpC,4BAAsB,aAAA,CAAA,MAAA;;;AAInB;sBAEa,aAAA,CAAA,MAAA,CAAA,OAAA;mBAgBH,aAAA,QAAA,cAAA,CAAA,SAAA;oCACiB,aAAA,CAAA,MAAA;AAQ9B,2BAAA,OAAA;AAIA,qBAAA,OAAA,cAAA,OAAA;;;AAGD;;;;"}

package/features/query/index.d.ts

@@ -160,3 +160,4 @@ declare class QueryUpdateFeature {
 
 export { ActionId, GraphqlResolver, QUERY_RESOLVERS, QueryFeature, QueryGraphqlSchemaFeature, QueryGraphqlVariablesFormFeature, QueryUpdateFeature, isQuery, provideQueryResolver };
 export type { QueryResolver, QueryResult };
+//# sourceMappingURL=index.d.ts.map

package/features/query/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sources":["../../../../../../packages/@xxmachina/components/src/lib/features/query/actions.ts","../../../../../../packages/@xxmachina/components/src/lib/features/query/resolvers/base/base.resolver.ts","../../../../../../packages/@xxmachina/components/src/lib/features/query/resolvers/graphql/graphql.resolver.ts","../../../../../../packages/@xxmachina/components/src/lib/features/query/query.feature.ts","../../../../../../packages/@xxmachina/components/src/lib/features/query/graphql/schema/schema.feature.ts","../../../../../../packages/@xxmachina/components/src/lib/features/query/graphql/variables-form/variables-form.feature.ts","../../../../../../packages/@xxmachina/components/src/lib/features/query/update/update.feature.ts"],"sourcesContent":[null,null,null,null,null,null,null],"names":["_angular_core","Query"],"mappings":";;;;;;;;;;;;;;AAAA,aAAA,QAAA;AACE;AACA;AACA;AACD;;;ACCC;AACD;;AAGC;;AAEG;AACH,sBAAA,KAAA;AAEA;;AAEG;;AAEJ;AAED,cAAA,eAAA,EAAA,cAAA,CAAA,aAAA;AAEA;;;;;;;;;;AAUG;AACH,iBAAA,oBAAA,WAAA,IAAA,CAAA,aAAA,IAAA,QAAA;;AC3BA;;;AAGG;AACH,iBAAA,OAAA;AAMA,cAAA,eAAA,YAAA,aAAA;AAEE;AAEA,sBAAA,KAAA;;;;AAUD;;ACVD,cAAA,YAAA;AAEE,qCAAA,QAAA;AAEA,6BAAA,QAAA;AASA,oCAAA,QAAA;AAQA,wCAAA,QAAA;;AA4BA,4BAAA,UAAA;AACA,6BAAA,WAAA;AACA,gCAAA,YAAA;AACA,4CAAA,mBAAA;AAEA,kCAAA,aAAA;AACA,mBAAa,cAAA,CAAA,SAAA;;;;;;;;;;;;AAAoC;AAEjD,iCAAA,aAAA;mCAC6B,IAAA,CAAA,UAAA,CAAA,OAAA;;;;;;;;;;;;AAA6C;AAC1E,wBAAkBA,EAAA,CAAA,MAAA,CAAA,OAAA;;;;;;;;;;;;AAA6B;qBAEhC,IAAA,CAAA,UAAA,CAAA,KAAA;oBAIDA,EAAA,CAAA,MAAA,CAAA,KAAA;;sBAGE,IAAA,CAAA,UAAA;AAiChB,qBAAeA,EAAA,CAAA,MAAA,CAAA,MAAA,kBAAA,MAAA;AAAqF;;AAAkB;AAAwB;;AAU9I;AAIA,kCAAA,KAAA,GAAmC,IAAA,CAAA,UAAA;;;AAepC;;AC7ID,cAAA,yBAAA;AAEE,gCAAA,YAAA;AACA,gCAAA,YAAA;AAEA,uCAAiC,IAAA,CAAA,UAAA;4BAQXA,EAAA,CAAA,MAAA;;;AACvB;;ACfD,cAAA,gCAAA;AAEE,gCAAA,YAAA;AACA,6CAAA,oBAAA;AAEA,+CAAyC,IAAA,CAAA,UAAA;AAGzC,wCAAkC,IAAA,CAAA,UAAA,CAAA,MAAA;6BAIXA,EAAA,CAAA,MAAA,CAAA,MAAA;AAEvB,uCAAiC,IAAA,YAAA,cAAA,CAAA,SAAA;4BAIXA,EAAA,QAAA,cAAA,CAAA,SAAA;kCACM,IAAA,YAAA,IAAA,CAAA,UAAA;;;;AAmB7B;;ACrCD,cAAA,kBAAA;AAEE,uCAAA,QAAA;AASA,yCAAmC,iCAAA,CAAA,WAAA,CAAAC,OAAA;AACnC,4BAAA,UAAA;AACA,gCAAA,YAAA;;;;AAoBD;;;;"}

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { input, output, Directive, Component, inject, EnvironmentInjector, createComponent, Injectable, Input, ElementRef, ViewContainerRef, contentChildren, computed, effect, ViewEncapsulation } from '@angular/core';
+import { input, output, Directive, Component, inject, EnvironmentInjector, createComponent, Injectable, Input, ElementRef, ViewContainerRef, contentChildren, effect, computed, ViewEncapsulation } from '@angular/core';
 import { NgAtomicComponent } from '@ng-atomic/core';
 import * as React from 'react';
 import React__default, { useRef, useEffect, memo } from 'react';
@@ -30,122 +30,120 @@ const ReactFlowWrapper = React.memo(ReactFlowWrapperComponent, (prevProps, nextP
 });
 
 class ReactFlowComponentStore {
-    constructor() {
-        // Signal inputs
-        this.nodes = input();
-        this.edges = input();
-        this.defaultNodes = input();
-        this.defaultEdges = input();
-        this.defaultEdgeOptions = input();
-        // Node templates for custom rendering
-        this.nodeTemplates = input();
-        // Signal inputs for configuration
-        this.nodeTypes = input();
-        this.edgeTypes = input();
-        this.connectionLineType = input();
-        this.connectionLineStyle = input();
-        this.connectionLineComponent = input();
-        this.connectionLineContainerStyle = input();
-        this.connectionMode = input();
-        this.deleteKeyCode = input();
-        this.selectionKeyCode = input();
-        this.selectionOnDrag = input();
-        this.selectionMode = input();
-        this.panActivationKeyCode = input();
-        this.multiSelectionKeyCode = input();
-        this.zoomActivationKeyCode = input();
-        this.snapToGrid = input();
-        this.snapGrid = input();
-        this.onlyRenderVisibleElements = input();
-        this.nodesDraggable = input();
-        this.nodesConnectable = input();
-        this.nodesFocusable = input();
-        this.nodeOrigin = input();
-        this.edgesFocusable = input();
-        this.initNodeOrigin = input();
-        this.elementsSelectable = input();
-        this.selectNodesOnDrag = input();
-        this.panOnDrag = input();
-        this.minZoom = input();
-        this.maxZoom = input();
-        this.defaultViewport = input();
-        this.translateExtent = input();
-        this.preventScrolling = input();
-        this.nodeExtent = input();
-        this.defaultMarkerColor = input();
-        this.zoomOnScroll = input();
-        this.zoomOnPinch = input();
-        this.panOnScroll = input();
-        this.panOnScrollSpeed = input();
-        this.panOnScrollMode = input();
-        this.zoomOnDoubleClick = input();
-        this.edgeUpdaterRadius = input();
-        this.noDragClassName = input();
-        this.noWheelClassName = input();
-        this.noPanClassName = input();
-        this.fitView = input();
-        this.fitViewOptions = input();
-        this.connectOnClick = input();
-        this.attributionPosition = input();
-        this.proOptions = input();
-        this.elevateNodesOnSelect = input();
-        this.elevateEdgesOnSelect = input();
-        this.disableKeyboardA11y = input();
-        this.autoPanOnNodeDrag = input();
-        this.autoPanOnConnect = input();
-        this.connectionRadius = input();
-        // Signal outputs for events
-        this.onNodeClick = output();
-        this.onNodeDoubleClick = output();
-        this.onNodeMouseEnter = output();
-        this.onNodeMouseMove = output();
-        this.onNodeMouseLeave = output();
-        this.onNodeContextMenu = output();
-        this.onNodeDragStart = output();
-        this.onNodeDrag = output();
-        this.onNodeDragStop = output();
-        this.onEdgeClick = output();
-        this.onEdgeUpdate = output();
-        this.onEdgeContextMenu = output();
-        this.onEdgeMouseEnter = output();
-        this.onEdgeMouseMove = output();
-        this.onEdgeMouseLeave = output();
-        this.onEdgeDoubleClick = output();
-        this.onEdgeUpdateStart = output();
-        this.onEdgeUpdateEnd = output();
-        this.onNodesChange = output();
-        this.onEdgesChange = output();
-        this.onNodesDelete = output();
-        this.onEdgesDelete = output();
-        this.onSelectionDragStart = output();
-        this.onSelectionDrag = output();
-        this.onSelectionDragStop = output();
-        this.onSelectionStart = output();
-        this.onSelectionEnd = output();
-        this.onSelectionContextMenu = output();
-        this.onConnect = output();
-        this.onConnectStart = output();
-        this.onConnectEnd = output();
-        this.onClickConnectStart = output();
-        this.onClickConnectEnd = output();
-        this.onDragOver = output();
-        this.onDrop = output();
-        this.onInit = output();
-        this.onMove = output();
-        this.onMoveStart = output();
-        this.onMoveEnd = output();
-        this.onSelectionChange = output();
-        this.onPaneScroll = output();
-        this.onPaneClick = output();
-        this.onPaneContextMenu = output();
-        this.onPaneMouseEnter = output();
-        this.onPaneMouseMove = output();
-        this.onPaneMouseLeave = output();
-        this.onError = output();
-        this.onNodeResizeEnd = output();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ReactFlowComponentStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.5", type: ReactFlowComponentStore, isStandalone: true, inputs: { nodes: { classPropertyName: "nodes", publicName: "nodes", isSignal: true, isRequired: false, transformFunction: null }, edges: { classPropertyName: "edges", publicName: "edges", isSignal: true, isRequired: false, transformFunction: null }, defaultNodes: { classPropertyName: "defaultNodes", publicName: "defaultNodes", isSignal: true, isRequired: false, transformFunction: null }, defaultEdges: { classPropertyName: "defaultEdges", publicName: "defaultEdges", isSignal: true, isRequired: false, transformFunction: null }, defaultEdgeOptions: { classPropertyName: "defaultEdgeOptions", publicName: "defaultEdgeOptions", isSignal: true, isRequired: false, transformFunction: null }, nodeTemplates: { classPropertyName: "nodeTemplates", publicName: "nodeTemplates", isSignal: true, isRequired: false, transformFunction: null }, nodeTypes: { classPropertyName: "nodeTypes", publicName: "nodeTypes", isSignal: true, isRequired: false, transformFunction: null }, edgeTypes: { classPropertyName: "edgeTypes", publicName: "edgeTypes", isSignal: true, isRequired: false, transformFunction: null }, connectionLineType: { classPropertyName: "connectionLineType", publicName: "connectionLineType", isSignal: true, isRequired: false, transformFunction: null }, connectionLineStyle: { classPropertyName: "connectionLineStyle", publicName: "connectionLineStyle", isSignal: true, isRequired: false, transformFunction: null }, connectionLineComponent: { classPropertyName: "connectionLineComponent", publicName: "connectionLineComponent", isSignal: true, isRequired: false, transformFunction: null }, connectionLineContainerStyle: { classPropertyName: "connectionLineContainerStyle", publicName: "connectionLineContainerStyle", isSignal: true, isRequired: false, transformFunction: null }, connectionMode: { classPropertyName: "connectionMode", publicName: "connectionMode", isSignal: true, isRequired: false, transformFunction: null }, deleteKeyCode: { classPropertyName: "deleteKeyCode", publicName: "deleteKeyCode", isSignal: true, isRequired: false, transformFunction: null }, selectionKeyCode: { classPropertyName: "selectionKeyCode", publicName: "selectionKeyCode", isSignal: true, isRequired: false, transformFunction: null }, selectionOnDrag: { classPropertyName: "selectionOnDrag", publicName: "selectionOnDrag", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, panActivationKeyCode: { classPropertyName: "panActivationKeyCode", publicName: "panActivationKeyCode", isSignal: true, isRequired: false, transformFunction: null }, multiSelectionKeyCode: { classPropertyName: "multiSelectionKeyCode", publicName: "multiSelectionKeyCode", isSignal: true, isRequired: false, transformFunction: null }, zoomActivationKeyCode: { classPropertyName: "zoomActivationKeyCode", publicName: "zoomActivationKeyCode", isSignal: true, isRequired: false, transformFunction: null }, snapToGrid: { classPropertyName: "snapToGrid", publicName: "snapToGrid", isSignal: true, isRequired: false, transformFunction: null }, snapGrid: { classPropertyName: "snapGrid", publicName: "snapGrid", isSignal: true, isRequired: false, transformFunction: null }, onlyRenderVisibleElements: { classPropertyName: "onlyRenderVisibleElements", publicName: "onlyRenderVisibleElements", isSignal: true, isRequired: false, transformFunction: null }, nodesDraggable: { classPropertyName: "nodesDraggable", publicName: "nodesDraggable", isSignal: true, isRequired: false, transformFunction: null }, nodesConnectable: { classPropertyName: "nodesConnectable", publicName: "nodesConnectable", isSignal: true, isRequired: false, transformFunction: null }, nodesFocusable: { classPropertyName: "nodesFocusable", publicName: "nodesFocusable", isSignal: true, isRequired: false, transformFunction: null }, nodeOrigin: { classPropertyName: "nodeOrigin", publicName: "nodeOrigin", isSignal: true, isRequired: false, transformFunction: null }, edgesFocusable: { classPropertyName: "edgesFocusable", publicName: "edgesFocusable", isSignal: true, isRequired: false, transformFunction: null }, initNodeOrigin: { classPropertyName: "initNodeOrigin", publicName: "initNodeOrigin", isSignal: true, isRequired: false, transformFunction: null }, elementsSelectable: { classPropertyName: "elementsSelectable", publicName: "elementsSelectable", isSignal: true, isRequired: false, transformFunction: null }, selectNodesOnDrag: { classPropertyName: "selectNodesOnDrag", publicName: "selectNodesOnDrag", isSignal: true, isRequired: false, transformFunction: null }, panOnDrag: { classPropertyName: "panOnDrag", publicName: "panOnDrag", isSignal: true, isRequired: false, transformFunction: null }, minZoom: { classPropertyName: "minZoom", publicName: "minZoom", isSignal: true, isRequired: false, transformFunction: null }, maxZoom: { classPropertyName: "maxZoom", publicName: "maxZoom", isSignal: true, isRequired: false, transformFunction: null }, defaultViewport: { classPropertyName: "defaultViewport", publicName: "defaultViewport", isSignal: true, isRequired: false, transformFunction: null }, translateExtent: { classPropertyName: "translateExtent", publicName: "translateExtent", isSignal: true, isRequired: false, transformFunction: null }, preventScrolling: { classPropertyName: "preventScrolling", publicName: "preventScrolling", isSignal: true, isRequired: false, transformFunction: null }, nodeExtent: { classPropertyName: "nodeExtent", publicName: "nodeExtent", isSignal: true, isRequired: false, transformFunction: null }, defaultMarkerColor: { classPropertyName: "defaultMarkerColor", publicName: "defaultMarkerColor", isSignal: true, isRequired: false, transformFunction: null }, zoomOnScroll: { classPropertyName: "zoomOnScroll", publicName: "zoomOnScroll", isSignal: true, isRequired: false, transformFunction: null }, zoomOnPinch: { classPropertyName: "zoomOnPinch", publicName: "zoomOnPinch", isSignal: true, isRequired: false, transformFunction: null }, panOnScroll: { classPropertyName: "panOnScroll", publicName: "panOnScroll", isSignal: true, isRequired: false, transformFunction: null }, panOnScrollSpeed: { classPropertyName: "panOnScrollSpeed", publicName: "panOnScrollSpeed", isSignal: true, isRequired: false, transformFunction: null }, panOnScrollMode: { classPropertyName: "panOnScrollMode", publicName: "panOnScrollMode", isSignal: true, isRequired: false, transformFunction: null }, zoomOnDoubleClick: { classPropertyName: "zoomOnDoubleClick", publicName: "zoomOnDoubleClick", isSignal: true, isRequired: false, transformFunction: null }, edgeUpdaterRadius: { classPropertyName: "edgeUpdaterRadius", publicName: "edgeUpdaterRadius", isSignal: true, isRequired: false, transformFunction: null }, noDragClassName: { classPropertyName: "noDragClassName", publicName: "noDragClassName", isSignal: true, isRequired: false, transformFunction: null }, noWheelClassName: { classPropertyName: "noWheelClassName", publicName: "noWheelClassName", isSignal: true, isRequired: false, transformFunction: null }, noPanClassName: { classPropertyName: "noPanClassName", publicName: "noPanClassName", isSignal: true, isRequired: false, transformFunction: null }, fitView: { classPropertyName: "fitView", publicName: "fitView", isSignal: true, isRequired: false, transformFunction: null }, fitViewOptions: { classPropertyName: "fitViewOptions", publicName: "fitViewOptions", isSignal: true, isRequired: false, transformFunction: null }, connectOnClick: { classPropertyName: "connectOnClick", publicName: "connectOnClick", isSignal: true, isRequired: false, transformFunction: null }, attributionPosition: { classPropertyName: "attributionPosition", publicName: "attributionPosition", isSignal: true, isRequired: false, transformFunction: null }, proOptions: { classPropertyName: "proOptions", publicName: "proOptions", isSignal: true, isRequired: false, transformFunction: null }, elevateNodesOnSelect: { classPropertyName: "elevateNodesOnSelect", publicName: "elevateNodesOnSelect", isSignal: true, isRequired: false, transformFunction: null }, elevateEdgesOnSelect: { classPropertyName: "elevateEdgesOnSelect", publicName: "elevateEdgesOnSelect", isSignal: true, isRequired: false, transformFunction: null }, disableKeyboardA11y: { classPropertyName: "disableKeyboardA11y", publicName: "disableKeyboardA11y", isSignal: true, isRequired: false, transformFunction: null }, autoPanOnNodeDrag: { classPropertyName: "autoPanOnNodeDrag", publicName: "autoPanOnNodeDrag", isSignal: true, isRequired: false, transformFunction: null }, autoPanOnConnect: { classPropertyName: "autoPanOnConnect", publicName: "autoPanOnConnect", isSignal: true, isRequired: false, transformFunction: null }, connectionRadius: { classPropertyName: "connectionRadius", publicName: "connectionRadius", isSignal: true, isRequired: false, transformFunction: null } }, 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 }); }
+    // Signal inputs
+    nodes = input();
+    edges = input();
+    defaultNodes = input();
+    defaultEdges = input();
+    defaultEdgeOptions = input();
+    // Node templates for custom rendering
+    nodeTemplates = input();
+    // Signal inputs for configuration
+    nodeTypes = input();
+    edgeTypes = input();
+    connectionLineType = input();
+    connectionLineStyle = input();
+    connectionLineComponent = input();
+    connectionLineContainerStyle = input();
+    connectionMode = input();
+    deleteKeyCode = input();
+    selectionKeyCode = input();
+    selectionOnDrag = input();
+    selectionMode = input();
+    panActivationKeyCode = input();
+    multiSelectionKeyCode = input();
+    zoomActivationKeyCode = input();
+    snapToGrid = input();
+    snapGrid = input();
+    onlyRenderVisibleElements = input();
+    nodesDraggable = input();
+    nodesConnectable = input();
+    nodesFocusable = input();
+    nodeOrigin = input();
+    edgesFocusable = input();
+    initNodeOrigin = input();
+    elementsSelectable = input();
+    selectNodesOnDrag = input();
+    panOnDrag = input();
+    minZoom = input();
+    maxZoom = input();
+    defaultViewport = input();
+    translateExtent = input();
+    preventScrolling = input();
+    nodeExtent = input();
+    defaultMarkerColor = input();
+    zoomOnScroll = input();
+    zoomOnPinch = input();
+    panOnScroll = input();
+    panOnScrollSpeed = input();
+    panOnScrollMode = input();
+    zoomOnDoubleClick = input();
+    edgeUpdaterRadius = input();
+    noDragClassName = input();
+    noWheelClassName = input();
+    noPanClassName = input();
+    fitView = input();
+    fitViewOptions = input();
+    connectOnClick = input();
+    attributionPosition = input();
+    proOptions = input();
+    elevateNodesOnSelect = input();
+    elevateEdgesOnSelect = input();
+    disableKeyboardA11y = input();
+    autoPanOnNodeDrag = input();
+    autoPanOnConnect = input();
+    connectionRadius = input();
+    // Signal outputs for events
+    onNodeClick = output();
+    onNodeDoubleClick = output();
+    onNodeMouseEnter = output();
+    onNodeMouseMove = output();
+    onNodeMouseLeave = output();
+    onNodeContextMenu = output();
+    onNodeDragStart = output();
+    onNodeDrag = output();
+    onNodeDragStop = output();
+    onEdgeClick = output();
+    onEdgeUpdate = output();
+    onEdgeContextMenu = output();
+    onEdgeMouseEnter = output();
+    onEdgeMouseMove = output();
+    onEdgeMouseLeave = output();
+    onEdgeDoubleClick = output();
+    onEdgeUpdateStart = output();
+    onEdgeUpdateEnd = output();
+    onNodesChange = output();
+    onEdgesChange = output();
+    onNodesDelete = output();
+    onEdgesDelete = output();
+    onSelectionDragStart = output();
+    onSelectionDrag = output();
+    onSelectionDragStop = output();
+    onSelectionStart = output();
+    onSelectionEnd = output();
+    onSelectionContextMenu = output();
+    onConnect = output();
+    onConnectStart = output();
+    onConnectEnd = output();
+    onClickConnectStart = output();
+    onClickConnectEnd = output();
+    onDragOver = output();
+    onDrop = output();
+    onInit = output();
+    onMove = output();
+    onMoveStart = output();
+    onMoveEnd = output();
+    onSelectionChange = output();
+    onPaneScroll = output();
+    onPaneClick = output();
+    onPaneContextMenu = output();
+    onPaneMouseEnter = output();
+    onPaneMouseMove = output();
+    onPaneMouseLeave = output();
+    onError = output();
+    onNodeResizeEnd = output();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ReactFlowComponentStore, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.5", type: ReactFlowComponentStore, isStandalone: true, inputs: { nodes: { classPropertyName: "nodes", publicName: "nodes", isSignal: true, isRequired: false, transformFunction: null }, edges: { classPropertyName: "edges", publicName: "edges", isSignal: true, isRequired: false, transformFunction: null }, defaultNodes: { classPropertyName: "defaultNodes", publicName: "defaultNodes", isSignal: true, isRequired: false, transformFunction: null }, defaultEdges: { classPropertyName: "defaultEdges", publicName: "defaultEdges", isSignal: true, isRequired: false, transformFunction: null }, defaultEdgeOptions: { classPropertyName: "defaultEdgeOptions", publicName: "defaultEdgeOptions", isSignal: true, isRequired: false, transformFunction: null }, nodeTemplates: { classPropertyName: "nodeTemplates", publicName: "nodeTemplates", isSignal: true, isRequired: false, transformFunction: null }, nodeTypes: { classPropertyName: "nodeTypes", publicName: "nodeTypes", isSignal: true, isRequired: false, transformFunction: null }, edgeTypes: { classPropertyName: "edgeTypes", publicName: "edgeTypes", isSignal: true, isRequired: false, transformFunction: null }, connectionLineType: { classPropertyName: "connectionLineType", publicName: "connectionLineType", isSignal: true, isRequired: false, transformFunction: null }, connectionLineStyle: { classPropertyName: "connectionLineStyle", publicName: "connectionLineStyle", isSignal: true, isRequired: false, transformFunction: null }, connectionLineComponent: { classPropertyName: "connectionLineComponent", publicName: "connectionLineComponent", isSignal: true, isRequired: false, transformFunction: null }, connectionLineContainerStyle: { classPropertyName: "connectionLineContainerStyle", publicName: "connectionLineContainerStyle", isSignal: true, isRequired: false, transformFunction: null }, connectionMode: { classPropertyName: "connectionMode", publicName: "connectionMode", isSignal: true, isRequired: false, transformFunction: null }, deleteKeyCode: { classPropertyName: "deleteKeyCode", publicName: "deleteKeyCode", isSignal: true, isRequired: false, transformFunction: null }, selectionKeyCode: { classPropertyName: "selectionKeyCode", publicName: "selectionKeyCode", isSignal: true, isRequired: false, transformFunction: null }, selectionOnDrag: { classPropertyName: "selectionOnDrag", publicName: "selectionOnDrag", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, panActivationKeyCode: { classPropertyName: "panActivationKeyCode", publicName: "panActivationKeyCode", isSignal: true, isRequired: false, transformFunction: null }, multiSelectionKeyCode: { classPropertyName: "multiSelectionKeyCode", publicName: "multiSelectionKeyCode", isSignal: true, isRequired: false, transformFunction: null }, zoomActivationKeyCode: { classPropertyName: "zoomActivationKeyCode", publicName: "zoomActivationKeyCode", isSignal: true, isRequired: false, transformFunction: null }, snapToGrid: { classPropertyName: "snapToGrid", publicName: "snapToGrid", isSignal: true, isRequired: false, transformFunction: null }, snapGrid: { classPropertyName: "snapGrid", publicName: "snapGrid", isSignal: true, isRequired: false, transformFunction: null }, onlyRenderVisibleElements: { classPropertyName: "onlyRenderVisibleElements", publicName: "onlyRenderVisibleElements", isSignal: true, isRequired: false, transformFunction: null }, nodesDraggable: { classPropertyName: "nodesDraggable", publicName: "nodesDraggable", isSignal: true, isRequired: false, transformFunction: null }, nodesConnectable: { classPropertyName: "nodesConnectable", publicName: "nodesConnectable", isSignal: true, isRequired: false, transformFunction: null }, nodesFocusable: { classPropertyName: "nodesFocusable", publicName: "nodesFocusable", isSignal: true, isRequired: false, transformFunction: null }, nodeOrigin: { classPropertyName: "nodeOrigin", publicName: "nodeOrigin", isSignal: true, isRequired: false, transformFunction: null }, edgesFocusable: { classPropertyName: "edgesFocusable", publicName: "edgesFocusable", isSignal: true, isRequired: false, transformFunction: null }, initNodeOrigin: { classPropertyName: "initNodeOrigin", publicName: "initNodeOrigin", isSignal: true, isRequired: false, transformFunction: null }, elementsSelectable: { classPropertyName: "elementsSelectable", publicName: "elementsSelectable", isSignal: true, isRequired: false, transformFunction: null }, selectNodesOnDrag: { classPropertyName: "selectNodesOnDrag", publicName: "selectNodesOnDrag", isSignal: true, isRequired: false, transformFunction: null }, panOnDrag: { classPropertyName: "panOnDrag", publicName: "panOnDrag", isSignal: true, isRequired: false, transformFunction: null }, minZoom: { classPropertyName: "minZoom", publicName: "minZoom", isSignal: true, isRequired: false, transformFunction: null }, maxZoom: { classPropertyName: "maxZoom", publicName: "maxZoom", isSignal: true, isRequired: false, transformFunction: null }, defaultViewport: { classPropertyName: "defaultViewport", publicName: "defaultViewport", isSignal: true, isRequired: false, transformFunction: null }, translateExtent: { classPropertyName: "translateExtent", publicName: "translateExtent", isSignal: true, isRequired: false, transformFunction: null }, preventScrolling: { classPropertyName: "preventScrolling", publicName: "preventScrolling", isSignal: true, isRequired: false, transformFunction: null }, nodeExtent: { classPropertyName: "nodeExtent", publicName: "nodeExtent", isSignal: true, isRequired: false, transformFunction: null }, defaultMarkerColor: { classPropertyName: "defaultMarkerColor", publicName: "defaultMarkerColor", isSignal: true, isRequired: false, transformFunction: null }, zoomOnScroll: { classPropertyName: "zoomOnScroll", publicName: "zoomOnScroll", isSignal: true, isRequired: false, transformFunction: null }, zoomOnPinch: { classPropertyName: "zoomOnPinch", publicName: "zoomOnPinch", isSignal: true, isRequired: false, transformFunction: null }, panOnScroll: { classPropertyName: "panOnScroll", publicName: "panOnScroll", isSignal: true, isRequired: false, transformFunction: null }, panOnScrollSpeed: { classPropertyName: "panOnScrollSpeed", publicName: "panOnScrollSpeed", isSignal: true, isRequired: false, transformFunction: null }, panOnScrollMode: { classPropertyName: "panOnScrollMode", publicName: "panOnScrollMode", isSignal: true, isRequired: false, transformFunction: null }, zoomOnDoubleClick: { classPropertyName: "zoomOnDoubleClick", publicName: "zoomOnDoubleClick", isSignal: true, isRequired: false, transformFunction: null }, edgeUpdaterRadius: { classPropertyName: "edgeUpdaterRadius", publicName: "edgeUpdaterRadius", isSignal: true, isRequired: false, transformFunction: null }, noDragClassName: { classPropertyName: "noDragClassName", publicName: "noDragClassName", isSignal: true, isRequired: false, transformFunction: null }, noWheelClassName: { classPropertyName: "noWheelClassName", publicName: "noWheelClassName", isSignal: true, isRequired: false, transformFunction: null }, noPanClassName: { classPropertyName: "noPanClassName", publicName: "noPanClassName", isSignal: true, isRequired: false, transformFunction: null }, fitView: { classPropertyName: "fitView", publicName: "fitView", isSignal: true, isRequired: false, transformFunction: null }, fitViewOptions: { classPropertyName: "fitViewOptions", publicName: "fitViewOptions", isSignal: true, isRequired: false, transformFunction: null }, connectOnClick: { classPropertyName: "connectOnClick", publicName: "connectOnClick", isSignal: true, isRequired: false, transformFunction: null }, attributionPosition: { classPropertyName: "attributionPosition", publicName: "attributionPosition", isSignal: true, isRequired: false, transformFunction: null }, proOptions: { classPropertyName: "proOptions", publicName: "proOptions", isSignal: true, isRequired: false, transformFunction: null }, elevateNodesOnSelect: { classPropertyName: "elevateNodesOnSelect", publicName: "elevateNodesOnSelect", isSignal: true, isRequired: false, transformFunction: null }, elevateEdgesOnSelect: { classPropertyName: "elevateEdgesOnSelect", publicName: "elevateEdgesOnSelect", isSignal: true, isRequired: false, transformFunction: null }, disableKeyboardA11y: { classPropertyName: "disableKeyboardA11y", publicName: "disableKeyboardA11y", isSignal: true, isRequired: false, transformFunction: null }, autoPanOnNodeDrag: { classPropertyName: "autoPanOnNodeDrag", publicName: "autoPanOnNodeDrag", isSignal: true, isRequired: false, transformFunction: null }, autoPanOnConnect: { classPropertyName: "autoPanOnConnect", publicName: "autoPanOnConnect", isSignal: true, isRequired: false, transformFunction: null }, connectionRadius: { classPropertyName: "connectionRadius", publicName: "connectionRadius", isSignal: true, isRequired: false, transformFunction: null } }, 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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ReactFlowComponentStore, decorators: [{
             type: Directive,
@@ -153,11 +151,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
         }] });
 
 class NodeComponent {
-    constructor() {
-        this.data = input();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: NodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.5", type: NodeComponent, isStandalone: true, selector: "machina-task-node", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    data = input();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: NodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.5", type: NodeComponent, isStandalone: true, selector: "machina-task-node", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
     <div class="task-node" [class]="'status-' + data().status">
       <div class="task-header">
         <span class="status-indicator"></span>
@@ -165,7 +161,7 @@ class NodeComponent {
       </div>
       <div class="task-label">{{ data().label }}</div>
     </div>
-  `, isInline: true, styles: [":host .task-node{background:#fff;border:2px solid #ddd;border-radius:8px;padding:10px;min-width:200px;box-shadow:0 2px 4px #0000001a}:host .task-node.status-pending{border-color:#9e9e9e}:host .task-node.status-pending .status-indicator{background:#9e9e9e}:host .task-node.status-in_progress{border-color:#2196f3}:host .task-node.status-in_progress .status-indicator{background:#2196f3}:host .task-node.status-completed{border-color:#4caf50}:host .task-node.status-completed .status-indicator{background:#4caf50}:host .task-node.status-abandoned{border-color:#f44336}:host .task-node.status-abandoned .status-indicator{background:#f44336}:host .task-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}:host .status-indicator{width:8px;height:8px;border-radius:50%;background:#ddd}:host .assignee{font-size:12px;color:#666}:host .task-label{font-size:14px;font-weight:500;color:#333}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+  `, isInline: true, styles: [":host .task-node{background:#fff;border:2px solid #ddd;border-radius:8px;padding:10px;min-width:200px;box-shadow:0 2px 4px #0000001a}:host .task-node.status-pending{border-color:#9e9e9e}:host .task-node.status-pending .status-indicator{background:#9e9e9e}:host .task-node.status-in_progress{border-color:#2196f3}:host .task-node.status-in_progress .status-indicator{background:#2196f3}:host .task-node.status-completed{border-color:#4caf50}:host .task-node.status-completed .status-indicator{background:#4caf50}:host .task-node.status-abandoned{border-color:#f44336}:host .task-node.status-abandoned .status-indicator{background:#f44336}:host .task-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}:host .status-indicator{width:8px;height:8px;border-radius:50%;background:#ddd}:host .assignee{font-size:12px;color:#666}:host .task-label{font-size:14px;font-weight:500;color:#333}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: NodeComponent, decorators: [{
             type: Component,
@@ -186,10 +182,8 @@ function setAngularContext(injector, appRef) {
     globalInjector = injector;
 }
 class NodeService {
-    constructor() {
-        this.componentCache = new Map();
-        this.injector = inject(EnvironmentInjector);
-    }
+    componentCache = new Map();
+    injector = inject(EnvironmentInjector);
     createNodeComponent(hostElement) {
         if (this.componentCache.has(hostElement)) {
             return this.componentCache.get(hostElement);
@@ -201,8 +195,8 @@ class NodeService {
         this.componentCache.set(hostElement, component);
         return component;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: NodeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: NodeService, providedIn: 'root' }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: NodeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: NodeService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: NodeService, decorators: [{
             type: Injectable,
@@ -275,11 +269,13 @@ const NODE_TYPES = {
 };
 
 class FlowNodeDirective {
+    template;
+    type;
     constructor(template) {
         this.template = template;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: FlowNodeDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.5", type: FlowNodeDirective, isStandalone: true, selector: "[flowNode]", inputs: { type: ["flowNode", "type"] }, ngImport: i0 }); }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: FlowNodeDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.5", type: FlowNodeDirective, isStandalone: true, selector: "[flowNode]", inputs: { type: ["flowNode", "type"] }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: FlowNodeDirective, decorators: [{
             type: Directive,
@@ -293,29 +289,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
             }] } });
 
 class ReactFlowComponent extends NgAtomicComponent {
+    store = inject(ReactFlowComponentStore);
+    el = inject((ElementRef));
+    vcr = inject(ViewContainerRef);
+    _root;
+    _nodeTypesCache = {};
+    contentNodeTemplates = contentChildren(FlowNodeDirective);
     constructor() {
         super();
-        this.store = inject(ReactFlowComponentStore);
-        this.el = inject((ElementRef));
-        this.vcr = inject(ViewContainerRef);
-        this._nodeTypesCache = {};
-        this.contentNodeTemplates = contentChildren(FlowNodeDirective);
-        this.nodeTypes = computed(() => {
-            const templates = this.contentNodeTemplates();
-            const nodeTypes = {};
-            if (templates) {
-                templates.forEach((template) => {
-                    if (!this._nodeTypesCache[template.type]) {
-                        // onNodeResizeEndコールバックを渡す
-                        this._nodeTypesCache[template.type] = createTemplateNodeComponent(template.template, this.vcr, (nodeId, width, height) => {
-                            this.store.onNodeResizeEnd?.emit({ nodeId, width, height });
-                        });
-                    }
-                    nodeTypes[template.type] = this._nodeTypesCache[template.type];
-                });
-            }
-            return nodeTypes;
-        });
         effect(() => this.render());
     }
     ngOnInit() {
@@ -324,6 +305,22 @@ class ReactFlowComponent extends NgAtomicComponent {
     ngOnDestroy() {
         this._root.unmount();
     }
+    nodeTypes = computed(() => {
+        const templates = this.contentNodeTemplates();
+        const nodeTypes = {};
+        if (templates) {
+            templates.forEach((template) => {
+                if (!this._nodeTypesCache[template.type]) {
+                    // onNodeResizeEndコールバックを渡す
+                    this._nodeTypesCache[template.type] = createTemplateNodeComponent(template.template, this.vcr, (nodeId, width, height) => {
+                        this.store.onNodeResizeEnd?.emit({ nodeId, width, height });
+                    });
+                }
+                nodeTypes[template.type] = this._nodeTypesCache[template.type];
+            });
+        }
+        return nodeTypes;
+    });
     render() {
         this._root.render(React.createElement(ReactFlowWrapper, {
             props: {
@@ -347,8 +344,8 @@ class ReactFlowComponent extends NgAtomicComponent {
             },
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ReactFlowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵ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"], 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}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    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"], 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}\n"], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: ReactFlowComponent, decorators: [{
             type: Component,