@foblex/flow 1.5.5 → 1.5.7

package/fesm2022/foblex-flow.mjs

@@ -346,6 +346,7 @@ class CalculateConnectorConnectableSideRequest {
 class FConnectorBase {
     constructor() {
         this.stateChanges = new Subject();
+        this.isSelfConnectable = true;
         this.fConnectableSide = EFConnectableSide.AUTO;
         this._fConnectableSide = EFConnectableSide.AUTO;
     }
@@ -546,7 +547,7 @@ class FNodeOutputBase extends FConnectorBase {
         this.isConnected = false;
     }
     get canBeConnected() {
-        return !this.disabled && !this.isConnected;
+        return !this.disabled && (this.multiple ? true : !this.isConnected);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: FNodeOutputBase, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.1", type: FNodeOutputBase, usesInheritance: true, ngImport: i0 }); }
@@ -580,9 +581,11 @@ class FNodeOutputDirective extends FNodeOutputBase {
         this.fNode = fNode;
         this.fComponentsStore = fComponentsStore;
         this.id = `f-node-output-${uniqueId$5++}`;
+        this.multiple = false;
         this.isDisabled = false;
         this._fConnectableSide = EFConnectableSide.AUTO;
         this.isConnected = false;
+        this.isSelfConnectable = true;
     }
     ngOnInit() {
         if (!this.fNode) {
@@ -600,7 +603,7 @@ class FNodeOutputDirective extends FNodeOutputBase {
         this.fComponentsStore.removeOutput(this);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: FNodeOutputDirective, deps: [{ token: i0.ElementRef }, { token: F_NODE }, { token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.1", type: FNodeOutputDirective, selector: "[fNodeOutput]", inputs: { id: ["fOutputId", "id"], disabled: ["fOutputDisabled", "disabled"], _fConnectableSide: ["fOutputConnectableSide", "_fConnectableSide"] }, host: { properties: { "attr.data-f-output-id": "id", "class.f-node-output-disabled": "disabled" }, classAttribute: "f-component f-node-output" }, providers: [{ provide: F_NODE_OUTPUT, useExisting: FNodeOutputDirective }], exportAs: ["fNodeOutput"], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.1", type: FNodeOutputDirective, selector: "[fNodeOutput]", inputs: { id: ["fOutputId", "id"], multiple: ["fOutputMultiple", "multiple"], disabled: ["fOutputDisabled", "disabled"], _fConnectableSide: ["fOutputConnectableSide", "_fConnectableSide"], isSelfConnectable: "isSelfConnectable" }, host: { properties: { "attr.data-f-output-id": "id", "class.f-node-output-disabled": "disabled" }, classAttribute: "f-component f-node-output" }, providers: [{ provide: F_NODE_OUTPUT, useExisting: FNodeOutputDirective }], exportAs: ["fNodeOutput"], usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: FNodeOutputDirective, decorators: [{
             type: Directive,
@@ -620,12 +623,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImpor
                 }] }, { type: FComponentsStore }], propDecorators: { id: [{
                 type: Input,
                 args: ['fOutputId']
+            }], multiple: [{
+                type: Input,
+                args: ['fOutputMultiple']
             }], disabled: [{
                 type: Input,
                 args: ['fOutputDisabled']
             }], _fConnectableSide: [{
                 type: Input,
                 args: ['fOutputConnectableSide']
+            }], isSelfConnectable: [{
+                type: Input
             }] } });
 
 class FBezierPathBuilder extends FPathBuilderBase {
@@ -1311,6 +1319,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImpor
 var EFConnectionBehavior;
 (function (EFConnectionBehavior) {
     EFConnectionBehavior["FIXED"] = "fixed";
+    EFConnectionBehavior["FIXED_CENTER"] = "fixed_center";
     EFConnectionBehavior["FLOATING"] = "floating";
 })(EFConnectionBehavior || (EFConnectionBehavior = {}));
 
@@ -2165,6 +2174,39 @@ class FindInputsUnderPointerRequest {
     }
 }
 
+function createErrorClass(impl) {
+    const _super = (instance) => {
+        Error.call(instance);
+        // instance.stack = new Error().stack;
+    };
+    const constructor = impl(_super);
+    constructor.prototype = Object.create(Error.prototype);
+    constructor.prototype.constructor = constructor;
+    return constructor;
+}
+
+const NotFoundError = createErrorClass((_super) => function error(message) {
+    _super(this);
+    this.message = message || 'The requested resource was not found.';
+    this.code = 404;
+});
+
+const ConflictError = createErrorClass((_super) => function error(message) {
+    _super(this);
+    this.message = message || 'Conflict error occurred.';
+    this.code = 409;
+});
+
+function OutputNotFound(id) {
+    return new NotFoundError(`Output with fOutputId ${id} not found. Make sure there is no f-connection to a non-existent fOutput.`);
+}
+function InputNotFound(id) {
+    return new NotFoundError(`Input with fInputId ${id} not found. Make sure there is no f-connection to a non-existent fInput.`);
+}
+function RequiredOutput() {
+    return new ConflictError(`The fNode must contain at least one fOutput if there is an fOutlet`);
+}
+
 class FindInputsUnderPointerHandler {
     get fNodes() {
         return this.fComponentsStore.fNodes;
@@ -2180,7 +2222,7 @@ class FindInputsUnderPointerHandler {
         if (!output) {
             throw OutputNotFound(payload.dragHandler.connection.fOutputId);
         }
-        return inputsUnderPointer.filter((x) => {
+        return output.isSelfConnectable ? inputsUnderPointer : inputsUnderPointer.filter((x) => {
             const targetNode = this.fNodes.find((y) => y.isContains(x.hostElement));
             const sourceNode = this.fNodes.find((y) => y.isContains(output.hostElement));
             return sourceNode?.hostElement !== targetNode?.hostElement;
@@ -2226,7 +2268,7 @@ class CreateConnectionOnPointerUp {
                 if (isOutlet) {
                     output = this.findFirstCanBeConnectedOutputByOutletHandler.handle(output);
                     if (!output) {
-                        throw requiredOutput();
+                        throw RequiredOutput();
                     }
                 }
                 this.fComponentsStore.fDraggable?.fCreateConnection.emit(new FCreateConnectionEvent(output.id, inputsUnderPointer[0]?.id));
@@ -2248,10 +2290,9 @@ class CreateConnectionPrepareDragSequence {
     get flowHost() {
         return this.fComponentsStore.fFlow.hostElement;
     }
-    constructor(fComponentsStore, fDraggableDataContext, getElementRectInFlowHandler, fMediator, findFirstCanBeConnectedOutputByOutletHandler) {
+    constructor(fComponentsStore, fDraggableDataContext, fMediator, findFirstCanBeConnectedOutputByOutletHandler) {
         this.fComponentsStore = fComponentsStore;
         this.fDraggableDataContext = fDraggableDataContext;
-        this.getElementRectInFlowHandler = getElementRectInFlowHandler;
         this.fMediator = fMediator;
         this.findFirstCanBeConnectedOutputByOutletHandler = findFirstCanBeConnectedOutputByOutletHandler;
     }
@@ -2271,7 +2312,7 @@ class CreateConnectionPrepareDragSequence {
             const nodeOutputs = this.fComponentsStore.fOutputs.filter((x) => node.isContains(x.hostElement));
             outlet.setOutputs(nodeOutputs);
             if (outlet.canBeConnected) {
-                const outletCenter = this.getElementRectInFlowHandler.handle(outlet.hostElement).gravityCenter;
+                const outletCenter = this.fMediator.send(new GetElementRectInFlowRequest(outlet.hostElement)).gravityCenter;
                 if (outlet.isConnectionFromOutlet) {
                     this.createConnectionHandler(pointerPositionInFlow, outlet, outletCenter);
                 }
@@ -2292,7 +2333,7 @@ class CreateConnectionPrepareDragSequence {
                 throw new Error('Output not found');
             }
             if (output.canBeConnected) {
-                const outputCenter = this.getElementRectInFlowHandler.handle(output.hostElement).gravityCenter;
+                const outputCenter = this.fMediator.send(new GetElementRectInFlowRequest(output.hostElement)).gravityCenter;
                 this.createConnectionHandler(pointerPositionInFlow, output, outputCenter);
             }
         }
@@ -2310,16 +2351,15 @@ class CreateConnectionPrepareDragSequence {
         const outlets = this.fComponentsStore.fOutlets.filter((x) => node.isContains(x.hostElement));
         return isNodeOutput(targetElement) && !outlets.length;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: CreateConnectionPrepareDragSequence, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: GetElementRectInFlowHandler }, { token: FFlowMediator }, { token: FindFirstCanBeConnectedOutputByOutletHandler }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: CreateConnectionPrepareDragSequence, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: FFlowMediator }, { token: FindFirstCanBeConnectedOutputByOutletHandler }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: CreateConnectionPrepareDragSequence }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: CreateConnectionPrepareDragSequence, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: FComponentsStore }, { type: FDraggableDataContext }, { type: GetElementRectInFlowHandler }, { type: FFlowMediator }, { type: FindFirstCanBeConnectedOutputByOutletHandler }] });
+        }], ctorParameters: () => [{ type: FComponentsStore }, { type: FDraggableDataContext }, { type: FFlowMediator }, { type: FindFirstCanBeConnectedOutputByOutletHandler }] });
 
 class ReassignConnectionDragHandler {
-    constructor(getInputRectInFlowHandler, fMediator, connection) {
-        this.getInputRectInFlowHandler = getInputRectInFlowHandler;
+    constructor(fMediator, connection) {
         this.fMediator = fMediator;
         this.connection = connection;
         this.type = EFDraggableType.REASSIGN_CONNECTION;
@@ -2330,7 +2370,7 @@ class ReassignConnectionDragHandler {
     }
     initialize() {
         const fromConnector = this.fMediator.send(new GetOutputRectInFlowRequest(this.connection.fOutputId));
-        this.inputSide = this.getInputRectInFlowHandler.handle(this.connection.fInputId).fConnectableSide;
+        this.inputSide = this.fMediator.send(new GetInputRectInFlowRequest(this.connection.fInputId)).fConnectableSide;
         this.outputSide = fromConnector.fConnectableSide;
         this.onPointerDownFromConnectorRect = fromConnector.rect;
         this.onPointerDownToConnectorRect = RectExtensions.initialize(this.connection.vector.point2.x, this.connection.vector.point2.y, 0, 0);
@@ -2343,7 +2383,7 @@ class ReassignConnectionDragHandler {
     }
     complete() {
         const fromConnector = this.fMediator.send(new GetOutputRectInFlowRequest(this.connection.fOutputId));
-        const toConnector = this.getInputRectInFlowHandler.handle(this.connection.fInputId);
+        const toConnector = this.fMediator.send(new GetInputRectInFlowRequest(this.connection.fInputId));
         const vector = this.fMediator.send(new GetConnectionVectorRequest(fromConnector.rect, toConnector.rect, this.connection.fBehavior, fromConnector.fConnectableSide, toConnector.fConnectableSide));
         this.connection.setVector(vector.point1, fromConnector.fConnectableSide, vector.point2, toConnector.fConnectableSide);
         this.connection.redraw();
@@ -2422,7 +2462,7 @@ class ReassignConnectionPrepareDragSequence {
             this.fDraggableDataContext.onPointerDownScale = this.transform.scale;
             this.fDraggableDataContext.onPointerDownPosition = pointerPositionInFlow.div(this.transform.scale);
             this.fDraggableDataContext.draggableItems = [
-                new ReassignConnectionDragHandler(this.getInputRectInFlowHandler, this.fMediator, connectionToReassign)
+                new ReassignConnectionDragHandler(this.fMediator, connectionToReassign)
             ];
         }
     }
@@ -2535,7 +2575,8 @@ class FExternalItemDirective extends FExternalItemBase {
         super();
         this.elementReference = elementReference;
         this.fExternalItemService = fExternalItemService;
-        this.id = `f-external-item-${uniqueId$1++}`;
+        this.fExternalItemId = `f-external-item-${uniqueId$1++}`;
+        this.fDisabled = false;
     }
     ngOnInit() {
         this.fExternalItemService.registerItem(this);
@@ -2544,7 +2585,7 @@ class FExternalItemDirective extends FExternalItemBase {
         this.fExternalItemService.removeItem(this);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: FExternalItemDirective, deps: [{ token: i0.ElementRef }, { token: FExternalItemService }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.1", type: FExternalItemDirective, selector: "[fExternalItem]", inputs: { id: "id", data: "data" }, host: { properties: { "attr.id": "id" }, classAttribute: "f-component f-external-item" }, providers: [
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.1", type: FExternalItemDirective, selector: "[fExternalItem]", inputs: { fExternalItemId: "fExternalItemId", fData: "fData", fDisabled: "fDisabled" }, host: { properties: { "attr.id": "fExternalItemId", "class.f-external-item-disabled": "fDisabled" }, classAttribute: "f-component f-external-item" }, providers: [
             { provide: F_EXTERNAL_ITEM, useExisting: FExternalItemDirective }
         ], usesInheritance: true, ngImport: i0 }); }
 }
@@ -2553,16 +2594,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImpor
             args: [{
                     selector: "[fExternalItem]",
                     host: {
-                        '[attr.id]': 'id',
+                        '[attr.id]': 'fExternalItemId',
                         class: "f-component f-external-item",
+                        '[class.f-external-item-disabled]': 'fDisabled',
                     },
                     providers: [
                         { provide: F_EXTERNAL_ITEM, useExisting: FExternalItemDirective }
                     ],
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: FExternalItemService }], propDecorators: { id: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: FExternalItemService }], propDecorators: { fExternalItemId: [{
+                type: Input
+            }], fData: [{
                 type: Input
-            }], data: [{
+            }], fDisabled: [{
                 type: Input
             }] } });
 
@@ -2584,6 +2628,9 @@ class ExternalItemPrepareDragSequence {
             if (!item) {
                 throw new Error('External item not found');
             }
+            if (item.fDisabled) {
+                return;
+            }
             const pointerPositionInFlow = Point.fromPoint(event.getPosition()).elementTransform(this.flowHost);
             this.fDraggableDataContext.onPointerDownScale = 1;
             this.fDraggableDataContext.onPointerDownPosition = pointerPositionInFlow.div(1);
@@ -2606,10 +2653,10 @@ class ExternalItemOnPointerUp {
     get fCreateNode() {
         return this.fComponentsStore.fDraggable.fCreateNode;
     }
-    constructor(fComponentsStore, fDraggableDataContext, getElementRectInFlowHandler) {
+    constructor(fComponentsStore, fDraggableDataContext, fMediator) {
         this.fComponentsStore = fComponentsStore;
         this.fDraggableDataContext = fDraggableDataContext;
-        this.getElementRectInFlowHandler = getElementRectInFlowHandler;
+        this.fMediator = fMediator;
     }
     handle(event) {
         const pointerPositionInFlow = Point.fromPoint(event.getPosition()).elementTransform(this.flowHost);
@@ -2620,18 +2667,18 @@ class ExternalItemOnPointerUp {
             dragHandler.move(difference);
             const isPointerInCanvasRect = document.elementsFromPoint(event.getPosition().x, event.getPosition().y).some((x) => x === this.flowHost);
             if (isPointerInCanvasRect) {
-                const rectInCanvas = this.getElementRectInFlowHandler.handle(dragHandler.placeholder);
-                this.fCreateNode.emit(new FCreateNodeEvent(rectInCanvas, dragHandler.externalItem.data));
+                const rectInCanvas = this.fMediator.send(new GetElementRectInFlowRequest(dragHandler.placeholder));
+                this.fCreateNode.emit(new FCreateNodeEvent(rectInCanvas, dragHandler.externalItem.fData));
             }
             dragHandler.complete();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ExternalItemOnPointerUp, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: GetElementRectInFlowHandler }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ExternalItemOnPointerUp, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: FFlowMediator }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ExternalItemOnPointerUp }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ExternalItemOnPointerUp, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: FComponentsStore }, { type: FDraggableDataContext }, { type: GetElementRectInFlowHandler }] });
+        }], ctorParameters: () => [{ type: FComponentsStore }, { type: FDraggableDataContext }, { type: FFlowMediator }] });
 
 const EXTERNAL_ITEM_PROVIDERS = [
     ExternalItemOnPointerUp,
@@ -2645,10 +2692,10 @@ class IsConnectionUnderNodeHandler {
     get flowHost() {
         return this.fComponentsStore.fFlow.hostElement;
     }
-    constructor(fComponentsStore, fDraggableDataContext, getElementRectInFlowHandler, getOutgoingConnectionsHandler, getIncomingConnectionsHandler) {
+    constructor(fComponentsStore, fDraggableDataContext, fMediator, getOutgoingConnectionsHandler, getIncomingConnectionsHandler) {
         this.fComponentsStore = fComponentsStore;
         this.fDraggableDataContext = fDraggableDataContext;
-        this.getElementRectInFlowHandler = getElementRectInFlowHandler;
+        this.fMediator = fMediator;
         this.getOutgoingConnectionsHandler = getOutgoingConnectionsHandler;
         this.getIncomingConnectionsHandler = getIncomingConnectionsHandler;
     }
@@ -2672,6 +2719,7 @@ class IsConnectionUnderNodeHandler {
             if (outgoingConnections.length === 0 && incomingConnections.length === 0) {
                 const connections = this.findConnectionsUnderNode(fNode);
                 if (connections.length) {
+                    //TODO: need to implement
                 }
             }
         }
@@ -2688,22 +2736,21 @@ class IsConnectionUnderNodeHandler {
         return this.fComponentsStore.fInputs.filter((x) => node.isContains(x.hostElement));
     }
     findConnectionsUnderNode(node) {
-        const nodeRect = this.getElementRectInFlowHandler.handle(node.hostElement);
+        const nodeRect = this.fMediator.send(new GetElementRectInFlowRequest(node.hostElement));
         return this.fComponentsStore.fConnections.filter((x) => {
             const intersection = RectExtensions.intersectionWithVector(nodeRect, x.vector.point1, x.vector.point2);
             return (intersection || []).length > 0;
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IsConnectionUnderNodeHandler, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: GetElementRectInFlowHandler }, { token: GetOutgoingConnectionsHandler }, { token: GetIncomingConnectionsHandler }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IsConnectionUnderNodeHandler, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: FFlowMediator }, { token: GetOutgoingConnectionsHandler }, { token: GetIncomingConnectionsHandler }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IsConnectionUnderNodeHandler }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: IsConnectionUnderNodeHandler, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: FComponentsStore }, { type: FDraggableDataContext }, { type: GetElementRectInFlowHandler }, { type: GetOutgoingConnectionsHandler }, { type: GetIncomingConnectionsHandler }] });
+        }], ctorParameters: () => [{ type: FComponentsStore }, { type: FDraggableDataContext }, { type: FFlowMediator }, { type: GetOutgoingConnectionsHandler }, { type: GetIncomingConnectionsHandler }] });
 
 class ConnectionDragHandler {
-    constructor(getInputRectInFlowHandler, fMediator, connection) {
-        this.getInputRectInFlowHandler = getInputRectInFlowHandler;
+    constructor(fMediator, connection) {
         this.fMediator = fMediator;
         this.connection = connection;
         this.type = EFDraggableType.CONNECTION;
@@ -2714,7 +2761,7 @@ class ConnectionDragHandler {
     initialize() {
         const fromConnector = this.fMediator.send(new GetOutputRectInFlowRequest(this.connection.fOutputId));
         this.fromConnectorSide = fromConnector.fConnectableSide;
-        const toConnector = this.getInputRectInFlowHandler.handle(this.connection.fInputId);
+        const toConnector = this.fMediator.send(new GetInputRectInFlowRequest(this.connection.fInputId));
         this.toConnectorSide = toConnector.fConnectableSide;
         this.onPointerDownVector = this.fMediator.send(new GetConnectionVectorRequest(fromConnector.rect, toConnector.rect, this.connection.fBehavior, fromConnector.fConnectableSide, toConnector.fConnectableSide));
     }
@@ -2727,8 +2774,7 @@ class ConnectionDragHandler {
 }
 
 class ConnectionSourceDragHandler {
-    constructor(getInputRectInFlowHandler, fMediator, connection) {
-        this.getInputRectInFlowHandler = getInputRectInFlowHandler;
+    constructor(fMediator, connection) {
         this.fMediator = fMediator;
         this.connection = connection;
         this.type = EFDraggableType.CONNECTION;
@@ -2741,7 +2787,7 @@ class ConnectionSourceDragHandler {
         const fromConnector = this.fMediator.send(new GetOutputRectInFlowRequest(this.connection.fOutputId));
         this.fromConnectorRect = fromConnector.rect;
         this.fromConnectorSide = fromConnector.fConnectableSide;
-        const toConnector = this.getInputRectInFlowHandler.handle(this.connection.fInputId);
+        const toConnector = this.fMediator.send(new GetInputRectInFlowRequest(this.connection.fInputId));
         this.toConnectorRect = toConnector.rect;
         this.toConnectorSide = toConnector.fConnectableSide;
     }
@@ -2754,8 +2800,7 @@ class ConnectionSourceDragHandler {
 }
 
 class ConnectionTargetDragHandler {
-    constructor(getInputRectInFlowHandler, fMediator, connection) {
-        this.getInputRectInFlowHandler = getInputRectInFlowHandler;
+    constructor(fMediator, connection) {
         this.fMediator = fMediator;
         this.connection = connection;
         this.type = EFDraggableType.CONNECTION;
@@ -2768,7 +2813,7 @@ class ConnectionTargetDragHandler {
         const fromConnector = this.fMediator.send(new GetOutputRectInFlowRequest(this.connection.fOutputId));
         this.fromConnectorRect = fromConnector.rect;
         this.fromConnectorSide = fromConnector.fConnectableSide;
-        const toConnector = this.getInputRectInFlowHandler.handle(this.connection.fInputId);
+        const toConnector = this.fMediator.send(new GetInputRectInFlowRequest(this.connection.fInputId));
         this.toConnectorRect = toConnector.rect;
         this.toConnectorSide = toConnector.fConnectableSide;
     }
@@ -2843,11 +2888,10 @@ class NodePrepareDragSequence {
     get flowHost() {
         return this.fComponentsStore.fFlow.hostElement;
     }
-    constructor(fComponentsStore, fDraggableDataContext, updateNodeLayerHandler, getInputRectInFlowHandler, getOutgoingConnectionsHandler, getIncomingConnectionsHandler, fMediator) {
+    constructor(fComponentsStore, fDraggableDataContext, updateNodeLayerHandler, getOutgoingConnectionsHandler, getIncomingConnectionsHandler, fMediator) {
         this.fComponentsStore = fComponentsStore;
         this.fDraggableDataContext = fDraggableDataContext;
         this.updateNodeLayerHandler = updateNodeLayerHandler;
-        this.getInputRectInFlowHandler = getInputRectInFlowHandler;
         this.getOutgoingConnectionsHandler = getOutgoingConnectionsHandler;
         this.getIncomingConnectionsHandler = getIncomingConnectionsHandler;
         this.fMediator = fMediator;
@@ -2891,10 +2935,10 @@ class NodePrepareDragSequence {
             const outputConnections = this.getOutgoingConnectionsHandler.handle(this.getOutputsForNode(nodeHandler.fNode));
             outputConnections.forEach((c) => {
                 if (allInputIds.includes(c.fInputId)) {
-                    itemsToDrag.push(new ConnectionDragHandler(this.getInputRectInFlowHandler, this.fMediator, c));
+                    itemsToDrag.push(new ConnectionDragHandler(this.fMediator, c));
                 }
                 else {
-                    itemsToDrag.push(new ConnectionSourceDragHandler(this.getInputRectInFlowHandler, this.fMediator, c));
+                    itemsToDrag.push(new ConnectionSourceDragHandler(this.fMediator, c));
                 }
             });
             const inputConnections = this.getIncomingConnectionsHandler.handle(this.getInputsForNode(nodeHandler.fNode));
@@ -2902,11 +2946,11 @@ class NodePrepareDragSequence {
                 if (allOutputIds.includes(c.fOutputId)) {
                     const index = itemsToDrag.findIndex((x) => x.type === EFDraggableType.CONNECTION && x.connection.fConnectionId === c.fConnectionId);
                     if (index !== -1) {
-                        itemsToDrag.push(new ConnectionDragHandler(this.getInputRectInFlowHandler, this.fMediator, c));
+                        itemsToDrag.push(new ConnectionDragHandler(this.fMediator, c));
                     }
                 }
                 else {
-                    itemsToDrag.push(new ConnectionTargetDragHandler(this.getInputRectInFlowHandler, this.fMediator, c));
+                    itemsToDrag.push(new ConnectionTargetDragHandler(this.fMediator, c));
                 }
             });
         });
@@ -2918,12 +2962,12 @@ class NodePrepareDragSequence {
     getOutputsForNode(node) {
         return this.fComponentsStore.fOutputs.filter((x) => node.isContains(x.hostElement));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: NodePrepareDragSequence, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: UpdateNodeLayerHandler }, { token: GetInputRectInFlowHandler }, { token: GetOutgoingConnectionsHandler }, { token: GetIncomingConnectionsHandler }, { token: FFlowMediator }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: NodePrepareDragSequence, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: UpdateNodeLayerHandler }, { token: GetOutgoingConnectionsHandler }, { token: GetIncomingConnectionsHandler }, { token: FFlowMediator }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: NodePrepareDragSequence }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: NodePrepareDragSequence, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: FComponentsStore }, { type: FDraggableDataContext }, { type: UpdateNodeLayerHandler }, { type: GetInputRectInFlowHandler }, { type: GetOutgoingConnectionsHandler }, { type: GetIncomingConnectionsHandler }, { type: FFlowMediator }] });
+        }], ctorParameters: () => [{ type: FComponentsStore }, { type: FDraggableDataContext }, { type: UpdateNodeLayerHandler }, { type: GetOutgoingConnectionsHandler }, { type: GetIncomingConnectionsHandler }, { type: FFlowMediator }] });
 
 const NODE_PROVIDERS = [
     NodeOnPointerUp,
@@ -2941,10 +2985,10 @@ class GetCanBeSelectedItemsHandler {
     get transform() {
         return this.fComponentsStore.fCanvas.transform;
     }
-    constructor(fComponentsStore, fDraggableDataContext, getElementRectInFlowHandler) {
+    constructor(fComponentsStore, fDraggableDataContext, fMediator) {
         this.fComponentsStore = fComponentsStore;
         this.fDraggableDataContext = fDraggableDataContext;
-        this.getElementRectInFlowHandler = getElementRectInFlowHandler;
+        this.fMediator = fMediator;
     }
     handle() {
         const nodeRects = this.getNodesWithRects();
@@ -2956,7 +3000,7 @@ class GetCanBeSelectedItemsHandler {
     }
     getNodesWithRects() {
         return this.fNodes.map((x) => {
-            const rect = this.getElementRectInFlowHandler.handle(x.hostElement);
+            const rect = this.fMediator.send(new GetElementRectInFlowRequest(x.hostElement));
             return {
                 element: x,
                 rect: RectExtensions.mult(rect, this.transform.scale)
@@ -2965,19 +3009,19 @@ class GetCanBeSelectedItemsHandler {
     }
     getConnectionsWithRects() {
         return this.fConnections.map((x) => {
-            const rect = this.getElementRectInFlowHandler.handle(x.boundingElement);
+            const rect = this.fMediator.send(new GetElementRectInFlowRequest(x.boundingElement));
             return {
                 element: x,
                 rect: RectExtensions.mult(rect, this.transform.scale)
             };
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: GetCanBeSelectedItemsHandler, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: GetElementRectInFlowHandler }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: GetCanBeSelectedItemsHandler, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: FFlowMediator }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: GetCanBeSelectedItemsHandler }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: GetCanBeSelectedItemsHandler, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: FComponentsStore }, { type: FDraggableDataContext }, { type: GetElementRectInFlowHandler }] });
+        }], ctorParameters: () => [{ type: FComponentsStore }, { type: FDraggableDataContext }, { type: FFlowMediator }] });
 
 class SelectionAreaDragHandle {
     get canvasPosition() {
@@ -3461,7 +3505,7 @@ let GetConnectionVectorHandler = class GetConnectionVectorHandler {
     constructor() {
         this.behaviorHandlers = {
             [EFConnectionBehavior.FLOATING.toString()]: this.floatingBehavior,
-            // [EFConnectionBehavior.FIXED.toString()]: this.fixedBehavior,
+            [EFConnectionBehavior.FIXED_CENTER.toString()]: this.fixedCenterBehavior,
             [EFConnectionBehavior.FIXED.toString()]: this.fixedOutboundBehaviour,
         };
     }
@@ -3477,7 +3521,7 @@ let GetConnectionVectorHandler = class GetConnectionVectorHandler {
             point2: toResult ? toResult[0] : payload.inputRect.gravityCenter,
         };
     }
-    fixedBehavior(payload) {
+    fixedCenterBehavior(payload) {
         return {
             point1: payload.outputRect.gravityCenter,
             point2: payload.inputRect.gravityCenter,
@@ -3527,30 +3571,13 @@ const positionFixedOutbound = {
     },
 };
 
-class GetOutputRectInFlowRequest {
-    constructor(fOutputId) {
-        this.fOutputId = fOutputId;
-    }
-}
-
-function OutputNotFound(outputId) {
-    return new Error(`Output with id ${outputId} not found`);
-}
-function InputNotFound(inputId) {
-    return new Error(`Input with id ${inputId} not found`);
-}
-function requiredOutput() {
-    return new Error(`The node must contain at least one fOutput if there is an fOutlet`);
-}
-
-class GetOutputRectInFlowResponse {
-    constructor(rect, fConnectableSide) {
-        this.rect = rect;
-        this.fConnectableSide = fConnectableSide;
+class GetElementRectInFlowRequest {
+    constructor(element) {
+        this.element = element;
     }
 }
 
-class GetElementRectInFlowHandler {
+let GetElementRectInFlowHandler = class GetElementRectInFlowHandler {
     get transform() {
         return this.fComponentsStore.transform;
     }
@@ -3560,8 +3587,8 @@ class GetElementRectInFlowHandler {
     constructor(fComponentsStore) {
         this.fComponentsStore = fComponentsStore;
     }
-    handle(element) {
-        const systemRect = RectExtensions.fromElement(element);
+    handle(request) {
+        const systemRect = RectExtensions.fromElement(request.element);
         const position = Point.fromPoint(systemRect).elementTransform(this.flowHost).sub(this.transform.scaledPosition).sub(this.transform.position).div(this.transform.scale);
         const size = SizeExtensions.initialize(systemRect.width / this.transform.scale, systemRect.height / this.transform.scale);
         const result = RectExtensions.initialize(position.x, position.y, size.width, size.height);
@@ -3569,25 +3596,102 @@ class GetElementRectInFlowHandler {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: GetElementRectInFlowHandler, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: GetElementRectInFlowHandler }); }
-}
+};
+GetElementRectInFlowHandler = __decorate([
+    FHandlerRegister(GetElementRectInFlowRequest)
+], GetElementRectInFlowHandler);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: GetElementRectInFlowHandler, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: FComponentsStore }] });
 
+class GetInputRectInFlowRequest {
+    constructor(fInputId) {
+        this.fInputId = fInputId;
+    }
+}
+
+class GetInputRectInFlowResponse {
+    constructor(rect, fConnectableSide) {
+        this.rect = rect;
+        this.fConnectableSide = fConnectableSide;
+    }
+}
+
+let GetInputRectInFlowHandler = class GetInputRectInFlowHandler {
+    constructor(fComponentsStore, fMediator) {
+        this.fComponentsStore = fComponentsStore;
+        this.fMediator = fMediator;
+    }
+    handle(request) {
+        const input = this.fComponentsStore.fInputs.find((x) => x.id === request.fInputId);
+        if (!input) {
+            throw InputNotFound(request.fInputId);
+        }
+        const result = this.fMediator.send(new GetElementRectInFlowRequest(input.hostElement));
+        return new GetInputRectInFlowResponse(result, input.fConnectableSide);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: GetInputRectInFlowHandler, deps: [{ token: FComponentsStore }, { token: FFlowMediator }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: GetInputRectInFlowHandler }); }
+};
+GetInputRectInFlowHandler = __decorate([
+    FHandlerRegister(GetInputRectInFlowRequest)
+], GetInputRectInFlowHandler);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: GetInputRectInFlowHandler, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: FComponentsStore }, { type: FFlowMediator }] });
+
+class GetNodesRectRequest {
+}
+
+let GetNodesRectHandler = class GetNodesRectHandler {
+    constructor(fComponentsStore) {
+        this.fComponentsStore = fComponentsStore;
+    }
+    handle(request) {
+        const fNodes = this.fComponentsStore.fNodes;
+        const rects = fNodes.map((x) => {
+            return RectExtensions.fromElement(x.hostElement);
+        });
+        const result = RectExtensions.union(rects);
+        return result;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: GetNodesRectHandler, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: GetNodesRectHandler }); }
+};
+GetNodesRectHandler = __decorate([
+    FHandlerRegister(GetNodesRectRequest)
+], GetNodesRectHandler);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: GetNodesRectHandler, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: FComponentsStore }] });
+
+class GetOutputRectInFlowRequest {
+    constructor(fOutputId) {
+        this.fOutputId = fOutputId;
+    }
+}
+
+class GetOutputRectInFlowResponse {
+    constructor(rect, fConnectableSide) {
+        this.rect = rect;
+        this.fConnectableSide = fConnectableSide;
+    }
+}
+
 let GetOutputRectInFlowHandler = class GetOutputRectInFlowHandler {
-    constructor(fComponentsStore, getElementRectInFlowHandler) {
+    constructor(fComponentsStore, fMediator) {
         this.fComponentsStore = fComponentsStore;
-        this.getElementRectInFlowHandler = getElementRectInFlowHandler;
+        this.fMediator = fMediator;
     }
     handle(request) {
         const output = this.fComponentsStore.fOutputs.find((x) => x.id === request.fOutputId);
         if (!output) {
             throw OutputNotFound(request.fOutputId);
         }
-        const result = this.getElementRectInFlowHandler.handle(output.hostElement);
+        const result = this.fMediator.send(new GetElementRectInFlowRequest(output.hostElement));
         return new GetOutputRectInFlowResponse(result, output.fConnectableSide);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: GetOutputRectInFlowHandler, deps: [{ token: FComponentsStore }, { token: GetElementRectInFlowHandler }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: GetOutputRectInFlowHandler, deps: [{ token: FComponentsStore }, { token: FFlowMediator }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: GetOutputRectInFlowHandler }); }
 };
 GetOutputRectInFlowHandler = __decorate([
@@ -3595,7 +3699,7 @@ GetOutputRectInFlowHandler = __decorate([
 ], GetOutputRectInFlowHandler);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: GetOutputRectInFlowHandler, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: FComponentsStore }, { type: GetElementRectInFlowHandler }] });
+        }], ctorParameters: () => [{ type: FComponentsStore }, { type: FFlowMediator }] });
 
 class GetSelectionRequest {
 }
@@ -3633,9 +3737,8 @@ class RedrawConnectionsRequest {
 }
 
 let RedrawConnectionsHandler = class RedrawConnectionsHandler {
-    constructor(fComponentsStore, getElementRectInFlowHandler, fMediator) {
+    constructor(fComponentsStore, fMediator) {
         this.fComponentsStore = fComponentsStore;
-        this.getElementRectInFlowHandler = getElementRectInFlowHandler;
         this.fMediator = fMediator;
     }
     handle(request) {
@@ -3662,11 +3765,11 @@ let RedrawConnectionsHandler = class RedrawConnectionsHandler {
         connection.initialize();
     }
     getVector(output, input, connection) {
-        const outputRect = this.getElementRectInFlowHandler.handle(output.hostElement);
-        const inputRect = this.getElementRectInFlowHandler.handle(input.hostElement);
+        const outputRect = this.fMediator.send(new GetElementRectInFlowRequest(output.hostElement));
+        const inputRect = this.fMediator.send(new GetElementRectInFlowRequest(input.hostElement));
         return this.fMediator.send(new GetConnectionVectorRequest(outputRect, inputRect, connection.fBehavior, output.fConnectableSide, input.fConnectableSide));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: RedrawConnectionsHandler, deps: [{ token: FComponentsStore }, { token: GetElementRectInFlowHandler }, { token: FFlowMediator }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: RedrawConnectionsHandler, deps: [{ token: FComponentsStore }, { token: FFlowMediator }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: RedrawConnectionsHandler }); }
 };
 RedrawConnectionsHandler = __decorate([
@@ -3674,7 +3777,7 @@ RedrawConnectionsHandler = __decorate([
 ], RedrawConnectionsHandler);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: RedrawConnectionsHandler, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: FComponentsStore }, { type: GetElementRectInFlowHandler }, { type: FFlowMediator }] });
+        }], ctorParameters: () => [{ type: FComponentsStore }, { type: FFlowMediator }] });
 
 class SelectAllRequest {
 }
@@ -3709,25 +3812,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImpor
             type: Injectable
         }], ctorParameters: () => [{ type: FComponentsStore }, { type: FDraggableDataContext }] });
 
-class GetAllNodesRectHandler {
-    constructor(fComponentsStore) {
-        this.fComponentsStore = fComponentsStore;
-    }
-    handle() {
-        const fNodes = this.fComponentsStore.fNodes;
-        const rects = fNodes.map((x) => {
-            return RectExtensions.fromElement(x.hostElement);
-        });
-        const result = RectExtensions.union(rects);
-        return result;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: GetAllNodesRectHandler, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: GetAllNodesRectHandler }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: GetAllNodesRectHandler, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: FComponentsStore }] });
-
 class GetConnectionHandler {
     get fConnections() {
         return this.fComponentsStore.fConnections;
@@ -3786,26 +3870,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImpor
             type: Injectable
         }], ctorParameters: () => [{ type: FComponentsStore }] });
 
-class GetInputRectInFlowHandler {
-    constructor(fComponentsStore, getElementRectInFlowHandler) {
-        this.fComponentsStore = fComponentsStore;
-        this.getElementRectInFlowHandler = getElementRectInFlowHandler;
-    }
-    handle(inputId) {
-        const input = this.fComponentsStore.fInputs.find((x) => x.id === inputId);
-        if (!input) {
-            throw InputNotFound(inputId);
-        }
-        const result = this.getElementRectInFlowHandler.handle(input.hostElement);
-        return { rect: result, fConnectableSide: input.fConnectableSide };
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: GetInputRectInFlowHandler, deps: [{ token: FComponentsStore }, { token: GetElementRectInFlowHandler }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: GetInputRectInFlowHandler }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: GetInputRectInFlowHandler, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: FComponentsStore }, { type: GetElementRectInFlowHandler }] });
-
 class UpdateNodeLayerHandler {
     get fNodesContainer() {
         return this.fComponentsStore.fCanvas?.fNodesContainer?.nativeElement;
@@ -3861,13 +3925,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImpor
 const COMMON_PROVIDERS = [
     ClearSelectionHandler,
     GetConnectionVectorHandler,
+    GetElementRectInFlowHandler,
+    GetNodesRectHandler,
     GetOutputRectInFlowHandler,
     GetSelectionHandler,
     RedrawConnectionsHandler,
     SelectAllHandler,
-    GetAllNodesRectHandler,
     GetConnectionHandler,
-    GetElementRectInFlowHandler,
     GetInputRectInFlowHandler,
     GetIncomingConnectionsHandler,
     GetOutgoingConnectionsHandler,
@@ -3900,10 +3964,10 @@ class FCanvasComponent extends FCanvasBase {
     get hostElement() {
         return this.elementReference.nativeElement;
     }
-    constructor(getAllNodesRectHandler, elementReference, fComponentsStore) {
+    constructor(elementReference, fMediator, fComponentsStore) {
         super();
-        this.getAllNodesRectHandler = getAllNodesRectHandler;
         this.elementReference = elementReference;
+        this.fMediator = fMediator;
         this.fComponentsStore = fComponentsStore;
         this.fCanvasChange = new EventEmitter();
     }
@@ -3922,7 +3986,10 @@ class FCanvasComponent extends FCanvasBase {
         }, 150);
     }
     fitToScreen(toCenter = PointExtensions.initialize(), animated = true) {
-        const fNodesRect = this.getAllNodesRectHandler.handle();
+        const fNodesRect = this.fMediator.send(new GetNodesRectRequest());
+        if (fNodesRect.width === 0 || fNodesRect.height === 0) {
+            return;
+        }
         const rect = RectExtensions.addPointToSize(fNodesRect, Point.fromPoint(toCenter).mult(2));
         this.fitToParent(rect, RectExtensions.fromElement(this.fComponentsStore.fFlow.hostElement), this.fNodes.map((x) => {
             return Point.fromPoint(x.position).sub(toCenter);
@@ -3931,14 +3998,17 @@ class FCanvasComponent extends FCanvasBase {
         this.completeDrag();
     }
     oneToOne() {
-        const fNodesRect = this.getAllNodesRectHandler.handle();
+        const fNodesRect = this.fMediator.send(new GetNodesRectRequest());
+        if (fNodesRect.width === 0 || fNodesRect.height === 0) {
+            return;
+        }
         this.oneToOneCentering(fNodesRect, RectExtensions.fromElement(this.fComponentsStore.fFlow.hostElement), this.fNodes.map((x) => {
             return Point.fromPoint(x.position).sub(new Point(0, 0));
         }));
         this.redrawWithAnimation();
         this.completeDrag();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: FCanvasComponent, deps: [{ token: GetAllNodesRectHandler }, { token: i0.ElementRef }, { token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: FCanvasComponent, deps: [{ token: i0.ElementRef }, { token: FFlowMediator }, { token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: FCanvasComponent, selector: "f-canvas", inputs: { position: "position", scale: "scale" }, outputs: { fCanvasChange: "fCanvasChange" }, host: { classAttribute: "f-component f-canvas" }, providers: [{ provide: F_CANVAS, useExisting: FCanvasComponent }], viewQueries: [{ propertyName: "fNodesContainer", first: true, predicate: ["fNodesContainer"], descendants: true, static: true }, { propertyName: "fConnectionsContainer", first: true, predicate: ["fConnectionsContainer"], descendants: true, static: true }], exportAs: ["fComponent"], usesInheritance: true, ngImport: i0, template: "<ng-container>\n    <div #fConnectionsContainer>\n        <ng-content select=\"f-connection\"></ng-content>\n        <ng-content select=\"f-connection-for-create\"></ng-content>\n    </div>\n    <div #fNodesContainer>\n        <ng-content select=\"[fNode]\"></ng-content>\n    </div>\n</ng-container>\n", styles: [":host{position:absolute;overflow:visible;width:100%;height:100%;left:0;top:0;transform-origin:0 0;pointer-events:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: FCanvasComponent, decorators: [{
@@ -3946,7 +4016,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImpor
             args: [{ selector: 'f-canvas', exportAs: 'fComponent', host: {
                         'class': 'f-component f-canvas',
                     }, providers: [{ provide: F_CANVAS, useExisting: FCanvasComponent }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container>\n    <div #fConnectionsContainer>\n        <ng-content select=\"f-connection\"></ng-content>\n        <ng-content select=\"f-connection-for-create\"></ng-content>\n    </div>\n    <div #fNodesContainer>\n        <ng-content select=\"[fNode]\"></ng-content>\n    </div>\n</ng-container>\n", styles: [":host{position:absolute;overflow:visible;width:100%;height:100%;left:0;top:0;transform-origin:0 0;pointer-events:none}\n"] }]
-        }], ctorParameters: () => [{ type: GetAllNodesRectHandler }, { type: i0.ElementRef }, { type: FComponentsStore }], propDecorators: { fCanvasChange: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: FFlowMediator }, { type: FComponentsStore }], propDecorators: { fCanvasChange: [{
                 type: Output
             }], position: [{
                 type: Input
@@ -4133,12 +4203,12 @@ class FLineAlignmentComponent extends FLineAlignmentBase {
     get flowHost() {
         return this.fComponentsStore.fFlow.hostElement;
     }
-    constructor(elementReference, fComponentsStore, fDraggableDataContext, getElementRectInFlowHandler) {
+    constructor(elementReference, fComponentsStore, fDraggableDataContext, fMediator) {
         super();
         this.elementReference = elementReference;
         this.fComponentsStore = fComponentsStore;
         this.fDraggableDataContext = fDraggableDataContext;
-        this.getElementRectInFlowHandler = getElementRectInFlowHandler;
+        this.fMediator = fMediator;
         this.size = SizeExtensions.initialize();
         this.draggedNodeRect = RectExtensions.initialize();
         this.rects = [];
@@ -4151,14 +4221,14 @@ class FLineAlignmentComponent extends FLineAlignmentBase {
         this.size = this.flowHost.getBoundingClientRect();
         this.rects = [];
         const draggedNodeRects = currentNodes.map((x) => {
-            return this.getElementRectInFlowHandler.handle(x.hostElement);
+            return this.fMediator.send(new GetElementRectInFlowRequest(x.hostElement));
         });
         this.draggedNodeRect = RectExtensions.union(draggedNodeRects);
         const allNodesExcludeCurrents = allNodes.filter((x) => {
             return !currentNodes.includes(x);
         });
         this.rects = allNodesExcludeCurrents.map((x) => {
-            return this.getElementRectInFlowHandler.handle(x.hostElement);
+            return this.fMediator.send(new GetElementRectInFlowRequest(x.hostElement));
         });
     }
     handle(difference) {
@@ -4191,7 +4261,7 @@ class FLineAlignmentComponent extends FLineAlignmentBase {
         this.lineService.hideVerticalLine();
         this.lineService.hideHorizontalLine();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: FLineAlignmentComponent, deps: [{ token: i0.ElementRef }, { token: FComponentsStore }, { token: FDraggableDataContext }, { token: GetElementRectInFlowHandler }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: FLineAlignmentComponent, deps: [{ token: i0.ElementRef }, { token: FComponentsStore }, { token: FDraggableDataContext }, { token: FFlowMediator }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: FLineAlignmentComponent, selector: "f-line-alignment", host: { classAttribute: "f-line-alignment f-component" }, providers: [
             { provide: F_LINE_ALIGNMENT, useExisting: FLineAlignmentComponent }
         ], exportAs: ["fComponent"], usesInheritance: true, ngImport: i0, template: "", isInline: true, styles: [":host{display:block;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}\n"] }); }
@@ -4203,7 +4273,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImpor
                     }, providers: [
                         { provide: F_LINE_ALIGNMENT, useExisting: FLineAlignmentComponent }
                     ], styles: [":host{display:block;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: FComponentsStore }, { type: FDraggableDataContext }, { type: GetElementRectInFlowHandler }] });
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: FComponentsStore }, { type: FDraggableDataContext }, { type: FFlowMediator }] });
 
 const F_SELECTION_AREA = new InjectionToken('F_SELECTION_AREA');
 class FSelectionAreaBase {
@@ -4263,10 +4333,9 @@ class FFlowComponent extends FFlowBase {
     get hostElement() {
         return this.elementReference.nativeElement;
     }
-    constructor(elementReference, getAllNodesRectHandler, fComponentsStore, fMediator) {
+    constructor(elementReference, fComponentsStore, fMediator) {
         super();
         this.elementReference = elementReference;
-        this.getAllNodesRectHandler = getAllNodesRectHandler;
         this.fComponentsStore = fComponentsStore;
         this.fMediator = fMediator;
         this.subscription$ = new Subscription();
@@ -4290,11 +4359,16 @@ class FFlowComponent extends FFlowBase {
             }
         });
     }
+    reset() {
+        this.isLoaded = false;
+    }
     getNodesRect() {
-        return this.getAllNodesRectHandler.handle();
+        const result = this.fMediator.send(new GetNodesRectRequest());
+        return result;
     }
     getSelection() {
-        return this.fMediator.send(new GetSelectionRequest());
+        const result = this.fMediator.send(new GetSelectionRequest());
+        return result;
     }
     selectAll() {
         this.fMediator.send(new SelectAllRequest());
@@ -4305,7 +4379,7 @@ class FFlowComponent extends FFlowBase {
     ngOnDestroy() {
         this.subscription$.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: FFlowComponent, deps: [{ token: i0.ElementRef }, { token: GetAllNodesRectHandler }, { token: FComponentsStore }, { token: FFlowMediator }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: FFlowComponent, deps: [{ token: i0.ElementRef }, { token: FComponentsStore }, { token: FFlowMediator }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: FFlowComponent, selector: "f-flow", inputs: { fFlowId: "fFlowId" }, outputs: { fLoaded: "fLoaded" }, host: { properties: { "attr.id": "fFlowId" }, classAttribute: "f-component f-flow" }, providers: [
             FFlowMediator,
             FComponentsStore,
@@ -4318,7 +4392,7 @@ class FFlowComponent extends FFlowBase {
             ...CONNECTIONS_PROVIDERS,
             ...COMMON_PROVIDERS,
             { provide: F_FLOW, useExisting: FFlowComponent },
-        ], usesInheritance: true, ngImport: i0, template: "<ng-container>\n    <ng-content select=\"[fDefinitions]\"></ng-content>\n\n    <ng-content select=\"f-background\"></ng-content>\n\n    <ng-content select=\"f-line-alignment\"></ng-content>\n\n    <ng-content select=\"f-canvas\"></ng-content>\n\n    <ng-content select=\"f-selection-area\"></ng-content>\n</ng-container>\n", styles: [":host{display:block;position:relative;width:100%;height:100%;overflow:hidden;pointer-events:all;-webkit-user-select:none;user-select:none;touch-action:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], usesInheritance: true, ngImport: i0, template: "<ng-container>\n  <ng-content select=\"[fDefinitions]\"></ng-content>\n\n  <ng-content select=\"f-background\"></ng-content>\n\n  <ng-content select=\"f-line-alignment\"></ng-content>\n\n  <ng-content select=\"f-canvas\"></ng-content>\n\n  <ng-content select=\"f-selection-area\"></ng-content>\n\n  <ng-content select=\"f-mini-map\"></ng-content>\n</ng-container>\n", styles: [":host{display:block;position:relative;width:100%;height:100%;overflow:hidden;pointer-events:all;-webkit-user-select:none;user-select:none;touch-action:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: FFlowComponent, decorators: [{
             type: Component,
@@ -4337,8 +4411,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImpor
                         ...CONNECTIONS_PROVIDERS,
                         ...COMMON_PROVIDERS,
                         { provide: F_FLOW, useExisting: FFlowComponent },
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container>\n    <ng-content select=\"[fDefinitions]\"></ng-content>\n\n    <ng-content select=\"f-background\"></ng-content>\n\n    <ng-content select=\"f-line-alignment\"></ng-content>\n\n    <ng-content select=\"f-canvas\"></ng-content>\n\n    <ng-content select=\"f-selection-area\"></ng-content>\n</ng-container>\n", styles: [":host{display:block;position:relative;width:100%;height:100%;overflow:hidden;pointer-events:all;-webkit-user-select:none;user-select:none;touch-action:none}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: GetAllNodesRectHandler }, { type: FComponentsStore }, { type: FFlowMediator }], propDecorators: { fFlowId: [{
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container>\n  <ng-content select=\"[fDefinitions]\"></ng-content>\n\n  <ng-content select=\"f-background\"></ng-content>\n\n  <ng-content select=\"f-line-alignment\"></ng-content>\n\n  <ng-content select=\"f-canvas\"></ng-content>\n\n  <ng-content select=\"f-selection-area\"></ng-content>\n\n  <ng-content select=\"f-mini-map\"></ng-content>\n</ng-container>\n", styles: [":host{display:block;position:relative;width:100%;height:100%;overflow:hidden;pointer-events:all;-webkit-user-select:none;user-select:none;touch-action:none}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: FComponentsStore }, { type: FFlowMediator }], propDecorators: { fFlowId: [{
                 type: Input
             }], fLoaded: [{
                 type: Output
@@ -4437,5 +4511,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { CANVAS_PROVIDERS, COMMON_PROVIDERS, CONNECTIONS_PROVIDERS, CONNECTION_GRADIENT, CONNECTION_PATH, CONNECTION_TEXT, CalculateCenterBetweenPointsHandler, CalculateCenterBetweenPointsRequest, CalculateConnectionCenterHandler, CalculateConnectionCenterRequest, CalculateConnectorConnectableSideHandler, CalculateConnectorConnectableSideRequest, CanvasDragHandler, CanvasOnPointerUp, CanvasPrepareDragSequence, ClearSelectionHandler, ClearSelectionRequest, ConnectionDragHandler, ConnectionSourceDragHandler, ConnectionTargetDragHandler, CreateConnectionDragHandler, CreateConnectionOnPointerUp, CreateConnectionPrepareDragSequence, EFConnectableSide, EFConnectionBehavior, EFConnectionType, EFDraggableType, EFMarkerType, EXTERNAL_ITEM_PROVIDERS, ExternalItemDragHandler, ExternalItemOnPointerUp, ExternalItemPrepareDragSequence, FBackgroundBase, FBackgroundComponent, FBezierPathBuilder, FCanvasBase, FCanvasChangeEvent, FCanvasComponent, FCellPatternComponent, FComponentsStore, FConnectionBase, FConnectionCenterDirective, FConnectionComponent, FConnectionDragHandleComponent, FConnectionForCreateComponent, FConnectionGradientComponent, FConnectionPathComponent, FConnectionSelectionComponent, FConnectionTextComponent, FConnectionTextPathDirective, FConnectorBase, FCreateConnectionEvent, FCreateNodeEvent, FDragHandleDirective, FDraggableBase, FDraggableDataContext, FDraggableDirective, FExternalItemBase, FExternalItemDirective, FExternalItemService, FFlowBase, FFlowComponent, FFlowMediator, FFlowModule, FHandlerRegister, FLOW, FLineAlignmentBase, FLineAlignmentComponent, FMarkerBase, FMarkerDirective, FNodeBase, FNodeDirective, FNodeInputBase, FNodeInputDirective, FNodeOutletBase, FNodeOutletDirective, FNodeOutputBase, FNodeOutputDirective, FPathBuilderBase, FPathBuilderSelector, FReassignConnectionEvent, FResizeObserver, FSegmentPathBuilder, FSelectionAreaBase, FSelectionAreaComponent, FSelectionChangeEvent, FStraightPathBuilder, FZoomBase, FZoomDirective, F_BACKGROUND, F_BACKGROUND_PATTERN, F_CANVAS, F_CONNECTION_DRAG_HANDLE_CLASS, F_CONNECTION_IDENTIFIERS, F_DRAGGABLE, F_DRAG_HANDLE, F_EXTERNAL_ITEM, F_FLOW, F_LINE_ALIGNMENT, F_MARKER, F_NODE, F_NODE_INPUT, F_NODE_OUTLET, F_NODE_OUTPUT, F_SELECTED_CLASS, F_SELECTION_AREA, F_ZOOM, FindFirstCanBeConnectedOutputByOutletHandler, FindInputsUnderPointerHandler, FindInputsUnderPointerRequest, FirstNotConnectedInputOfNodeUnderPointerHandler, GetAllNodesRectHandler, GetCanBeSelectedItemsHandler, GetConnectionHandler, GetConnectionVectorHandler, GetConnectionVectorRequest, GetElementRectInFlowHandler, GetIncomingConnectionsHandler, GetInputRectInFlowHandler, GetOutgoingConnectionsHandler, GetOutputRectInFlowHandler, GetOutputRectInFlowRequest, GetOutputRectInFlowResponse, GetSelectionHandler, GetSelectionRequest, InputNotFound, InputsUnderPointerHandler, IsConnectionUnderNodeHandler, LineElement, LineService, MOUSE_EVENT_IGNORE_TIME, NODE_PROVIDERS, NearestCoordinateFinder, NodeDragHandler, NodeOnPointerUp, NodePrepareDragSequence, OutputNotFound, ReassignConnectionDragHandler, ReassignConnectionOnPointerUp, ReassignConnectionPrepareDragSequence, RedrawConnectionsHandler, RedrawConnectionsRequest, SELECTION_AREA_PROVIDERS, SINGLE_SELECT_PROVIDERS, SelectAllHandler, SelectAllRequest, SelectionAreaDragHandle, SelectionAreaOnPointerUp, SelectionAreaPrepareDragSequence, SingleSelectOnPointerDown, UpdateConnectionLayerHandler, UpdateNodeLayerHandler, castToConnectionBehavior, castToConnectionType, getExternalItem, getFlowUid, isExternalItem, isNode, isNodeDragHandle, isNodeInput, isNodeOutlet, isNodeOutput, mixinChangeConnectionSelection, mixinChangeConnectionVisibility, requiredOutput };
+export { CANVAS_PROVIDERS, COMMON_PROVIDERS, CONNECTIONS_PROVIDERS, CONNECTION_GRADIENT, CONNECTION_PATH, CONNECTION_TEXT, CalculateCenterBetweenPointsHandler, CalculateCenterBetweenPointsRequest, CalculateConnectionCenterHandler, CalculateConnectionCenterRequest, CalculateConnectorConnectableSideHandler, CalculateConnectorConnectableSideRequest, CanvasDragHandler, CanvasOnPointerUp, CanvasPrepareDragSequence, ClearSelectionHandler, ClearSelectionRequest, ConnectionDragHandler, ConnectionSourceDragHandler, ConnectionTargetDragHandler, CreateConnectionDragHandler, CreateConnectionOnPointerUp, CreateConnectionPrepareDragSequence, EFConnectableSide, EFConnectionBehavior, EFConnectionType, EFDraggableType, EFMarkerType, EXTERNAL_ITEM_PROVIDERS, ExternalItemDragHandler, ExternalItemOnPointerUp, ExternalItemPrepareDragSequence, FBackgroundBase, FBackgroundComponent, FBezierPathBuilder, FCanvasBase, FCanvasChangeEvent, FCanvasComponent, FCellPatternComponent, FComponentsStore, FConnectionBase, FConnectionCenterDirective, FConnectionComponent, FConnectionDragHandleComponent, FConnectionForCreateComponent, FConnectionGradientComponent, FConnectionPathComponent, FConnectionSelectionComponent, FConnectionTextComponent, FConnectionTextPathDirective, FConnectorBase, FCreateConnectionEvent, FCreateNodeEvent, FDragHandleDirective, FDraggableBase, FDraggableDataContext, FDraggableDirective, FExternalItemBase, FExternalItemDirective, FExternalItemService, FFlowBase, FFlowComponent, FFlowMediator, FFlowModule, FHandlerRegister, FLOW, FLineAlignmentBase, FLineAlignmentComponent, FMarkerBase, FMarkerDirective, FNodeBase, FNodeDirective, FNodeInputBase, FNodeInputDirective, FNodeOutletBase, FNodeOutletDirective, FNodeOutputBase, FNodeOutputDirective, FPathBuilderBase, FPathBuilderSelector, FReassignConnectionEvent, FResizeObserver, FSegmentPathBuilder, FSelectionAreaBase, FSelectionAreaComponent, FSelectionChangeEvent, FStraightPathBuilder, FZoomBase, FZoomDirective, F_BACKGROUND, F_BACKGROUND_PATTERN, F_CANVAS, F_CONNECTION_DRAG_HANDLE_CLASS, F_CONNECTION_IDENTIFIERS, F_DRAGGABLE, F_DRAG_HANDLE, F_EXTERNAL_ITEM, F_FLOW, F_LINE_ALIGNMENT, F_MARKER, F_NODE, F_NODE_INPUT, F_NODE_OUTLET, F_NODE_OUTPUT, F_SELECTED_CLASS, F_SELECTION_AREA, F_ZOOM, FindFirstCanBeConnectedOutputByOutletHandler, FindInputsUnderPointerHandler, FindInputsUnderPointerRequest, FirstNotConnectedInputOfNodeUnderPointerHandler, GetCanBeSelectedItemsHandler, GetConnectionHandler, GetConnectionVectorHandler, GetConnectionVectorRequest, GetElementRectInFlowHandler, GetElementRectInFlowRequest, GetIncomingConnectionsHandler, GetInputRectInFlowHandler, GetInputRectInFlowRequest, GetInputRectInFlowResponse, GetNodesRectHandler, GetNodesRectRequest, GetOutgoingConnectionsHandler, GetOutputRectInFlowHandler, GetOutputRectInFlowRequest, GetOutputRectInFlowResponse, GetSelectionHandler, GetSelectionRequest, InputsUnderPointerHandler, IsConnectionUnderNodeHandler, LineElement, LineService, MOUSE_EVENT_IGNORE_TIME, NODE_PROVIDERS, NearestCoordinateFinder, NodeDragHandler, NodeOnPointerUp, NodePrepareDragSequence, ReassignConnectionDragHandler, ReassignConnectionOnPointerUp, ReassignConnectionPrepareDragSequence, RedrawConnectionsHandler, RedrawConnectionsRequest, SELECTION_AREA_PROVIDERS, SINGLE_SELECT_PROVIDERS, SelectAllHandler, SelectAllRequest, SelectionAreaDragHandle, SelectionAreaOnPointerUp, SelectionAreaPrepareDragSequence, SingleSelectOnPointerDown, UpdateConnectionLayerHandler, UpdateNodeLayerHandler, castToConnectionBehavior, castToConnectionType, getExternalItem, getFlowUid, isExternalItem, isNode, isNodeDragHandle, isNodeInput, isNodeOutlet, isNodeOutput, mixinChangeConnectionSelection, mixinChangeConnectionVisibility };
 //# sourceMappingURL=foblex-flow.mjs.map