@foblex/flow 17.0.4 → 17.0.5

package/fesm2022/foblex-flow.mjs

@@ -1,11 +1,11 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, inject, Directive, ElementRef, Input, HostBinding, EventEmitter, DestroyRef, Output, booleanAttribute, Inject, Component, ChangeDetectionStrategy, ViewChild, Optional, ContentChildren, NgZone, ContentChild, NgModule } from '@angular/core';
-import { RoundedRect, RectExtensions, TransformModelExtensions, PointExtensions, Point, SizeExtensions, LineExtensions, GetIntersections, Line, setRectToElement, adjustRectToMinSize, setRectToViewBox } from '@foblex/2d';
+import { InjectionToken, inject, Injectable, Directive, ElementRef, Input, HostBinding, EventEmitter, DestroyRef, Output, booleanAttribute, Inject, Component, ChangeDetectionStrategy, ViewChild, Optional, ContentChildren, NgZone, ContentChild, NgModule } from '@angular/core';
+import { RectExtensions, RoundedRect, TransformModelExtensions, PointExtensions, Point, SizeExtensions, LineExtensions, GetIntersections, Line, setRectToElement, adjustRectToMinSize, setRectToViewBox } from '@foblex/2d';
 import { __decorate } from 'tslib';
 import * as i2 from '@foblex/mediator';
 import { FExecutionRegister, FMediator, FValidatorRegister } from '@foblex/mediator';
 import * as i1 from '@foblex/platform';
-import { EOperationSystem, BrowserService } from '@foblex/platform';
+import { BrowserService, EOperationSystem } from '@foblex/platform';
 import { normalizeDomElementId, castToEnum, flatMap, isClosestElementHasClass, getDataAttrValueFromClosestElementWithClass, deepCloneNode, castToBoolean } from '@foblex/utils';
 import * as i2$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
@@ -13,44 +13,36 @@ import { DragAndDropBase, EventExtensions } from '@foblex/drag-toolkit';
 
 const F_BACKGROUND_PATTERN = new InjectionToken('F_BACKGROUND_PATTERN');
 
-class CreateRoundedRectFromElementRequest {
+class GetElementRoundedRectRequest {
     element;
     constructor(element) {
         this.element = element;
     }
 }
 
-let CreateRoundedRectFromElementExecution = class CreateRoundedRectFromElementExecution {
-    fBrowser;
-    constructor(fBrowser) {
-        this.fBrowser = fBrowser;
-    }
+let GetElementRoundedRectExecution = class GetElementRoundedRectExecution {
+    _fBrowser = inject(BrowserService);
     handle(request) {
-        return this.setRadiusFromElement(RoundedRect.fromRect(RectExtensions.fromElement(request.element)), request.element);
+        return this._getRoundedRect(RectExtensions.fromElement(request.element), request.element, this._getComputedStyle(request.element));
     }
-    setRadiusFromElement(rect, element) {
-        const styles = this.getComputedStyle(element);
-        rect.radius1 = this.toPixels(styles.borderTopLeftRadius, element, styles.fontSize);
-        rect.radius2 = this.toPixels(styles.borderTopRightRadius, element, styles.fontSize);
-        rect.radius3 = this.toPixels(styles.borderBottomRightRadius, element, styles.fontSize);
-        rect.radius4 = this.toPixels(styles.borderBottomLeftRadius, element, styles.fontSize);
-        return rect;
+    _getRoundedRect(rect, element, styles) {
+        return new RoundedRect(rect.x, rect.y, rect.width, rect.height, this._toPixels(styles.borderTopLeftRadius, element, styles.fontSize), this._toPixels(styles.borderTopRightRadius, element, styles.fontSize), this._toPixels(styles.borderBottomRightRadius, element, styles.fontSize), this._toPixels(styles.borderBottomLeftRadius, element, styles.fontSize));
     }
-    getComputedStyle(element) {
-        return this.fBrowser.window.getComputedStyle(element);
+    _getComputedStyle(element) {
+        return this._fBrowser.window.getComputedStyle(element);
     }
-    toPixels(value, element, fontSize) {
-        return this.fBrowser.toPixels(value, element.clientWidth, element.clientHeight, fontSize) || 0;
+    _toPixels(value, element, fontSize) {
+        return this._fBrowser.toPixels(value, element.clientWidth, element.clientHeight, fontSize) || 0;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: CreateRoundedRectFromElementExecution, deps: [{ token: i1.BrowserService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: CreateRoundedRectFromElementExecution });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetElementRoundedRectExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetElementRoundedRectExecution });
 };
-CreateRoundedRectFromElementExecution = __decorate([
-    FExecutionRegister(CreateRoundedRectFromElementRequest)
-], CreateRoundedRectFromElementExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: CreateRoundedRectFromElementExecution, decorators: [{
+GetElementRoundedRectExecution = __decorate([
+    FExecutionRegister(GetElementRoundedRectRequest)
+], GetElementRoundedRectExecution);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetElementRoundedRectExecution, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1.BrowserService }] });
+        }] });
 
 class AddBackgroundToStoreRequest {
     fBackground;
@@ -984,44 +976,41 @@ class GetConnectorWithRectRequest {
     }
 }
 
-class GetElementRectInFlowRequest {
+class GetNormalizedElementRectRequest {
     element;
     constructor(element) {
         this.element = element;
     }
 }
 
-let GetElementRectInFlowExecution = class GetElementRectInFlowExecution {
+let GetNormalizedElementRectExecution = class GetNormalizedElementRectExecution {
     _fComponentsStore = inject(FComponentsStore);
     _fMediator = inject(FMediator);
     get _transform() {
         return this._fComponentsStore.fCanvas.transform;
     }
-    get flowHost() {
-        return this._fComponentsStore.flowHost;
-    }
     handle(request) {
-        const systemRect = this._getElementRoundRect(request.element);
-        const position = this.transformElementPositionInFlow(systemRect);
-        const size = this.transformElementSizeInFlow(systemRect);
+        const systemRect = this._getElementRoundedRect(request.element);
+        const position = this._normalizePosition(systemRect);
+        const size = this._normalizeSize(systemRect);
         return new RoundedRect(position.x, position.y, size.width, size.height, systemRect.radius1, systemRect.radius2, systemRect.radius3, systemRect.radius4);
     }
-    _getElementRoundRect(element) {
-        return this._fMediator.send(new CreateRoundedRectFromElementRequest(element));
+    _getElementRoundedRect(element) {
+        return this._fMediator.send(new GetElementRoundedRectRequest(element));
     }
-    transformElementPositionInFlow(rect) {
-        return Point.fromPoint(rect).elementTransform(this.flowHost).sub(this._transform.scaledPosition).sub(this._transform.position).div(this._transform.scale);
+    _normalizePosition(rect) {
+        return Point.fromPoint(rect).elementTransform(this._fComponentsStore.flowHost).sub(this._transform.scaledPosition).sub(this._transform.position).div(this._transform.scale);
     }
-    transformElementSizeInFlow(rect) {
+    _normalizeSize(rect) {
         return SizeExtensions.initialize(rect.width / this._transform.scale, rect.height / this._transform.scale);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetElementRectInFlowExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetElementRectInFlowExecution });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetNormalizedElementRectExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetNormalizedElementRectExecution });
 };
-GetElementRectInFlowExecution = __decorate([
-    FExecutionRegister(GetElementRectInFlowRequest)
-], GetElementRectInFlowExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetElementRectInFlowExecution, decorators: [{
+GetNormalizedElementRectExecution = __decorate([
+    FExecutionRegister(GetNormalizedElementRectRequest)
+], GetNormalizedElementRectExecution);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetNormalizedElementRectExecution, decorators: [{
             type: Injectable
         }] });
 
@@ -1033,7 +1022,7 @@ let GetConnectorWithRectExecution = class GetConnectorWithRectExecution {
     handle(request) {
         return {
             fConnector: request.connector,
-            fRect: this.fMediator.send(new GetElementRectInFlowRequest(request.connector.hostElement))
+            fRect: this.fMediator.send(new GetNormalizedElementRectRequest(request.connector.hostElement))
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetConnectorWithRectExecution, deps: [{ token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable });
@@ -1094,10 +1083,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
             type: Injectable
         }], ctorParameters: () => [{ type: FComponentsStore }, { type: i2.FMediator }] });
 
-class RedrawConnectionsRequest {
-}
-
-class GetConnectionLineRequest {
+class CalculateConnectionLineByBehaviorRequest {
     outputRect;
     inputRect;
     behavior;
@@ -2946,36 +2932,27 @@ const F_CONNECTION_PROVIDERS = [
     FSnapConnectionComponent
 ];
 
-let GetConnectionLineExecution = class GetConnectionLineExecution {
-    behaviorHandlers = {
-        [EFConnectionBehavior.FLOATING.toString()]: this.floatingBehavior,
-        [EFConnectionBehavior.FIXED_CENTER.toString()]: this.fixedCenterBehavior,
-        [EFConnectionBehavior.FIXED.toString()]: this.fixedOutboundBehaviour,
-    };
-    handle(payload) {
-        return this.behaviorHandlers[payload.behavior](payload);
-    }
-    floatingBehavior(payload) {
-        const fromResult = GetIntersections.getRoundedRectIntersections(payload.outputRect.gravityCenter, payload.inputRect.gravityCenter, payload.outputRect)[0];
-        const toResult = GetIntersections.getRoundedRectIntersections(payload.inputRect.gravityCenter, payload.outputRect.gravityCenter, payload.inputRect)[0];
-        return new Line(fromResult ? fromResult : payload.outputRect.gravityCenter, toResult ? toResult : payload.inputRect.gravityCenter);
-    }
-    fixedCenterBehavior(payload) {
-        return new Line(payload.outputRect.gravityCenter, payload.inputRect.gravityCenter);
-    }
-    fixedOutboundBehaviour(payload) {
-        return new Line(positionFixedOutbound[payload.outputSide === EFConnectableSide.AUTO ? EFConnectableSide.BOTTOM : payload.outputSide](payload.outputRect), positionFixedOutbound[payload.inputSide === EFConnectableSide.AUTO ? EFConnectableSide.TOP : payload.inputSide](payload.inputRect));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetConnectionLineExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetConnectionLineExecution });
-};
-GetConnectionLineExecution = __decorate([
-    FExecutionRegister(GetConnectionLineRequest)
-], GetConnectionLineExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetConnectionLineExecution, decorators: [{
-            type: Injectable
-        }] });
-const positionFixedOutbound = {
+function floatingBehavior(payload) {
+    return _getIntersectionsLine(_fromRoundedRectIntersections(payload), _toRoundedRectIntersections(payload), payload);
+}
+function _fromRoundedRectIntersections(payload) {
+    return GetIntersections.getRoundedRectIntersections(payload.outputRect.gravityCenter, payload.inputRect.gravityCenter, payload.outputRect)[0];
+}
+function _toRoundedRectIntersections(payload) {
+    return GetIntersections.getRoundedRectIntersections(payload.inputRect.gravityCenter, payload.outputRect.gravityCenter, payload.inputRect)[0];
+}
+function _getIntersectionsLine(from, to, payload) {
+    return new Line(from ? from : payload.outputRect.gravityCenter, to ? to : payload.inputRect.gravityCenter);
+}
+
+function fixedCenterBehavior(payload) {
+    return new Line(payload.outputRect.gravityCenter, payload.inputRect.gravityCenter);
+}
+
+function fixedOutboundBehavior(payload) {
+    return new Line(positions[payload.outputSide === EFConnectableSide.AUTO ? EFConnectableSide.BOTTOM : payload.outputSide](payload.outputRect), positions[payload.inputSide === EFConnectableSide.AUTO ? EFConnectableSide.TOP : payload.inputSide](payload.inputRect));
+}
+const positions = {
     [EFConnectableSide.TOP]: (rect) => {
         const result = new Point();
         result.y = rect.y;
@@ -3002,6 +2979,28 @@ const positionFixedOutbound = {
     },
 };
 
+let CalculateConnectionLineByBehaviorExecution = class CalculateConnectionLineByBehaviorExecution {
+    _handlers = {
+        [EFConnectionBehavior.FLOATING.toString()]: floatingBehavior,
+        [EFConnectionBehavior.FIXED_CENTER.toString()]: fixedCenterBehavior,
+        [EFConnectionBehavior.FIXED.toString()]: fixedOutboundBehavior,
+    };
+    handle(payload) {
+        return this._handlers[payload.behavior](payload);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: CalculateConnectionLineByBehaviorExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: CalculateConnectionLineByBehaviorExecution });
+};
+CalculateConnectionLineByBehaviorExecution = __decorate([
+    FExecutionRegister(CalculateConnectionLineByBehaviorRequest)
+], CalculateConnectionLineByBehaviorExecution);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: CalculateConnectionLineByBehaviorExecution, decorators: [{
+            type: Injectable
+        }] });
+
+class RedrawConnectionsRequest {
+}
+
 let RedrawConnectionsExecution = class RedrawConnectionsExecution {
     fComponentsStore;
     fMediator;
@@ -3039,7 +3038,7 @@ let RedrawConnectionsExecution = class RedrawConnectionsExecution {
         connection.isSelected() ? connection.select() : null;
     }
     getLine(output, input, connection) {
-        return this.fMediator.send(new GetConnectionLineRequest(this.fMediator.send(new GetElementRectInFlowRequest(output.hostElement)), this.fMediator.send(new GetElementRectInFlowRequest(input.hostElement)), connection.fBehavior, output.fConnectableSide, input.fConnectableSide));
+        return this.fMediator.send(new CalculateConnectionLineByBehaviorRequest(this.fMediator.send(new GetNormalizedElementRectRequest(output.hostElement)), this.fMediator.send(new GetNormalizedElementRectRequest(input.hostElement)), connection.fBehavior, output.fConnectableSide, input.fConnectableSide));
     }
     setMarkers(connection) {
         this.fMediator.send(new CreateConnectionMarkersRequest(connection));
@@ -3150,6 +3149,7 @@ const F_CONNECTION_FEATURES = [
     CreateConnectionMarkersExecution,
     FindClosestInputUsingSnapThresholdExecution,
     GetAllCanBeConnectedInputPositionsExecution,
+    CalculateConnectionLineByBehaviorExecution,
     GetConnectorWithRectExecution,
     RedrawConnectionsExecution,
     RemoveConnectionForCreateFromStoreExecution,
@@ -3808,13 +3808,13 @@ class CreateConnectionDragHandler {
         }
     }
     drawTempConnection(fInputRect) {
-        const line = this.fMediator.send(new GetConnectionLineRequest(this.fOutputWithRect.fRect, fInputRect, this.fConnection.fBehavior, this.fOutputWithRect.fConnector.fConnectableSide, EFConnectableSide.TOP));
+        const line = this.fMediator.send(new CalculateConnectionLineByBehaviorRequest(this.fOutputWithRect.fRect, fInputRect, this.fConnection.fBehavior, this.fOutputWithRect.fConnector.fConnectableSide, EFConnectableSide.TOP));
         this.fConnection.setLine(line.point1, this.fOutputWithRect.fConnector.fConnectableSide, line.point2, EFConnectableSide.TOP);
         this.fConnection.redraw();
     }
     drawSnapConnection(fInputWithRect) {
         if (fInputWithRect) {
-            const line = this.fMediator.send(new GetConnectionLineRequest(this.fOutputWithRect.fRect, fInputWithRect.fRect, this.fSnapConnection.fBehavior, this.fOutputWithRect.fConnector.fConnectableSide, fInputWithRect.fConnector.fConnectableSide));
+            const line = this.fMediator.send(new CalculateConnectionLineByBehaviorRequest(this.fOutputWithRect.fRect, fInputWithRect.fRect, this.fSnapConnection.fBehavior, this.fOutputWithRect.fConnector.fConnectableSide, fInputWithRect.fConnector.fConnectableSide));
             this.fSnapConnection.show();
             this.fSnapConnection.setLine(line.point1, this.fOutputWithRect.fConnector.fConnectableSide, line.point2, fInputWithRect.fConnector.fConnectableSide);
             this.fSnapConnection.redraw();
@@ -4193,13 +4193,13 @@ class ReassignConnectionDragHandler {
         }
     }
     drawConnection(fInputWithRect) {
-        const line = this.fMediator.send(new GetConnectionLineRequest(this.fOutputWithRect.fRect, fInputWithRect.fRect, this.fConnection.fBehavior, this.fOutputWithRect.fConnector.fConnectableSide, fInputWithRect.fConnector.fConnectableSide));
+        const line = this.fMediator.send(new CalculateConnectionLineByBehaviorRequest(this.fOutputWithRect.fRect, fInputWithRect.fRect, this.fConnection.fBehavior, this.fOutputWithRect.fConnector.fConnectableSide, fInputWithRect.fConnector.fConnectableSide));
         this.fConnection.setLine(line.point1, this.fOutputWithRect.fConnector.fConnectableSide, line.point2, fInputWithRect.fConnector.fConnectableSide);
         this.fConnection.redraw();
     }
     drawSnapConnection(fInputWithRect) {
         if (fInputWithRect) {
-            const line = this.fMediator.send(new GetConnectionLineRequest(this.fOutputWithRect.fRect, fInputWithRect.fRect, this.fSnapConnection.fBehavior, this.fOutputWithRect.fConnector.fConnectableSide, fInputWithRect.fConnector.fConnectableSide));
+            const line = this.fMediator.send(new CalculateConnectionLineByBehaviorRequest(this.fOutputWithRect.fRect, fInputWithRect.fRect, this.fSnapConnection.fBehavior, this.fOutputWithRect.fConnector.fConnectableSide, fInputWithRect.fConnector.fConnectableSide));
             this.fSnapConnection.show();
             this.fSnapConnection.setLine(line.point1, this.fOutputWithRect.fConnector.fConnectableSide, line.point2, fInputWithRect.fConnector.fConnectableSide);
             this.fSnapConnection.redraw();
@@ -4597,7 +4597,7 @@ let IsConnectionUnderNodeExecution = class IsConnectionUnderNodeExecution {
         return connectors.map((x) => x.fId);
     }
     _calculateConnectionsUnderNode(fNode) {
-        const fNodeRect = this._fMediator.send(new GetElementRectInFlowRequest(fNode.hostElement));
+        const fNodeRect = this._fMediator.send(new GetNormalizedElementRectRequest(fNode.hostElement));
         return this._fComponentsStore.fConnections.filter((x) => {
             return this._isConnectionHasIntersectionsWithNode(x, fNodeRect);
         });
@@ -4735,7 +4735,7 @@ class ConnectionDragHandler extends ConnectionBaseDragHandler {
         this.redrawConnection(this.getNewLineValue(difference));
     }
     getNewLineValue(difference) {
-        return this.fMediator.send(new GetConnectionLineRequest(RoundedRect.fromRoundedRect(this.fOutputWithRect.fRect).addPoint(this.getDifference({ ...difference }, this.sourceRestrictions)), RoundedRect.fromRoundedRect(this.fInputWithRect.fRect).addPoint(this.getDifference({ ...difference }, this.targetRestrictions)), this.connection.fBehavior, this.fOutputWithRect.fConnector.fConnectableSide, this.fInputWithRect.fConnector.fConnectableSide));
+        return this.fMediator.send(new CalculateConnectionLineByBehaviorRequest(RoundedRect.fromRoundedRect(this.fOutputWithRect.fRect).addPoint(this.getDifference({ ...difference }, this.sourceRestrictions)), RoundedRect.fromRoundedRect(this.fInputWithRect.fRect).addPoint(this.getDifference({ ...difference }, this.targetRestrictions)), this.connection.fBehavior, this.fOutputWithRect.fConnector.fConnectableSide, this.fInputWithRect.fConnector.fConnectableSide));
     }
 }
 
@@ -4751,7 +4751,7 @@ class ConnectionTargetDragHandler extends ConnectionBaseDragHandler {
         this.redrawConnection(this.getNewLineValue(difference));
     }
     getNewLineValue(difference) {
-        return this.fMediator.send(new GetConnectionLineRequest(RoundedRect.fromRoundedRect(this.fOutputWithRect.fRect), RoundedRect.fromRoundedRect(this.fInputWithRect.fRect).addPoint(this.getDifference({ ...difference }, { min: this.minDistance, max: this.maxDistance })), this.connection.fBehavior, this.fOutputWithRect.fConnector.fConnectableSide, this.fInputWithRect.fConnector.fConnectableSide));
+        return this.fMediator.send(new CalculateConnectionLineByBehaviorRequest(RoundedRect.fromRoundedRect(this.fOutputWithRect.fRect), RoundedRect.fromRoundedRect(this.fInputWithRect.fRect).addPoint(this.getDifference({ ...difference }, { min: this.minDistance, max: this.maxDistance })), this.connection.fBehavior, this.fOutputWithRect.fConnector.fConnectableSide, this.fInputWithRect.fConnector.fConnectableSide));
     }
 }
 
@@ -4840,7 +4840,7 @@ class ConnectionSourceDragHandler extends ConnectionBaseDragHandler {
         this.redrawConnection(this.getNewLineValue(difference));
     }
     getNewLineValue(difference) {
-        return this.fMediator.send(new GetConnectionLineRequest(RoundedRect.fromRoundedRect(this.fOutputWithRect.fRect).addPoint(this.getDifference({ ...difference }, { min: this.minDistance, max: this.maxDistance })), RoundedRect.fromRoundedRect(this.fInputWithRect.fRect), this.connection.fBehavior, this.fOutputWithRect.fConnector.fConnectableSide, this.fInputWithRect.fConnector.fConnectableSide));
+        return this.fMediator.send(new CalculateConnectionLineByBehaviorRequest(RoundedRect.fromRoundedRect(this.fOutputWithRect.fRect).addPoint(this.getDifference({ ...difference }, { min: this.minDistance, max: this.maxDistance })), RoundedRect.fromRoundedRect(this.fInputWithRect.fRect), this.connection.fBehavior, this.fOutputWithRect.fConnector.fConnectableSide, this.fInputWithRect.fConnector.fConnectableSide));
     }
 }
 
@@ -5260,7 +5260,7 @@ let NodeDragToParentPreparationExecution = class NodeDragToParentPreparationExec
     }
     getNotDraggedNodesRects() {
         return this.getNotDraggedNodes(this.getDraggedNodes()).map((x) => {
-            const rect = this.fMediator.send(new GetElementRectInFlowRequest(x.hostElement));
+            const rect = this.fMediator.send(new GetNormalizedElementRectRequest(x.hostElement));
             return {
                 node: x,
                 rect: RectExtensions.initialize(rect.x + this.fCanvasPosition.x, rect.y + this.fCanvasPosition.y, rect.width * this.transform.scale, rect.height * this.transform.scale)
@@ -6135,7 +6135,7 @@ let ExternalItemFinalizeExecution = class ExternalItemFinalizeExecution {
         return elements.length ? this.flowHost.contains(elements[0]) : false;
     }
     getRectInCanvas() {
-        return this.fMediator.send(new GetElementRectInFlowRequest(this.dragHandler.placeholder));
+        return this.fMediator.send(new GetNormalizedElementRectRequest(this.dragHandler.placeholder));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: ExternalItemFinalizeExecution, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: i2.FMediator }, { token: i1.BrowserService }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: ExternalItemFinalizeExecution });
@@ -6525,9 +6525,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
 
 class FSelectionChangeEvent {
     nodes;
+    groups;
     connections;
-    constructor(nodes, connections) {
+    constructor(nodes, groups, connections) {
         this.nodes = nodes;
+        this.groups = groups;
         this.connections = connections;
     }
 }
@@ -6941,18 +6943,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
             type: Injectable
         }], ctorParameters: () => [{ type: FDraggableDataContext }] });
 
-class GetCanBeSelectedItemsRequest {
-}
-
 class SelectionAreaDragHandle {
     fComponentsStore;
     fSelectionArea;
     fDraggableDataContext;
     fMediator;
-    canBeSelected = [];
-    selectedByMove = [];
+    _canBeSelected = [];
+    _selectedByMove = [];
     get canvasPosition() {
-        return Point.fromPoint(this.fComponentsStore.fCanvas.transform.position).add(this.fComponentsStore.fCanvas.transform.scaledPosition);
+        return Point.fromPoint(this.fComponentsStore.fCanvas.transform.position)
+            .add(this.fComponentsStore.fCanvas.transform.scaledPosition);
     }
     constructor(fComponentsStore, fSelectionArea, fDraggableDataContext, fMediator) {
         this.fComponentsStore = fComponentsStore;
@@ -6961,7 +6961,7 @@ class SelectionAreaDragHandle {
         this.fMediator = fMediator;
     }
     prepareDragSequence() {
-        this.canBeSelected = this.fMediator.send(new GetCanBeSelectedItemsRequest());
+        this._canBeSelected = this.fMediator.send(new GetCanBeSelectedItemsRequest());
         this.fSelectionArea.show();
         this.fSelectionArea.draw(RectExtensions.initialize(this.fDraggableDataContext.onPointerDownPosition.x, this.fDraggableDataContext.onPointerDownPosition.y));
     }
@@ -6972,22 +6972,22 @@ class SelectionAreaDragHandle {
         const width = Math.abs(difference.x);
         const height = Math.abs(difference.y);
         this.fSelectionArea.draw(RectExtensions.initialize(x, y, width, height));
-        this.selectedByMove = [];
-        this.canBeSelected.forEach((item) => {
+        this._selectedByMove = [];
+        this._canBeSelected.forEach((item) => {
             item.element.deselect();
             const itemRect = RectExtensions.addPoint(item.rect, this.canvasPosition);
             const isIntersect = RectExtensions.intersectionWithRect(itemRect, RectExtensions.initialize(x, y, width, height));
             if (isIntersect) {
                 item.element.select();
-                this.selectedByMove.push(item.element);
+                this._selectedByMove.push(item.element);
             }
         });
         this.fMediator.send(new NotifyTransformChangedRequest());
     }
     onPointerUp() {
         this.fSelectionArea.hide();
-        this.fDraggableDataContext.selectedItems.push(...this.selectedByMove);
-        if (this.selectedByMove.length > 0) {
+        this.fDraggableDataContext.selectedItems.push(...this._selectedByMove);
+        if (this._selectedByMove.length > 0) {
             this.fDraggableDataContext.isSelectedChanged = true;
         }
     }
@@ -7179,37 +7179,93 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
             type: Injectable
         }], ctorParameters: () => [{ type: FDraggableDataContext }] });
 
-class GetSelectionRequest {
+class GetCanBeSelectedItemsRequest {
 }
 
-let GetSelectionExecution = class GetSelectionExecution {
+let GetCanBeSelectedItemsExecution = class GetCanBeSelectedItemsExecution {
     fDraggableDataContext;
+    _fMediator = inject(FMediator);
+    _fComponentsStore = inject(FComponentsStore);
+    get fNodes() {
+        return this._fComponentsStore.fNodes;
+    }
+    get fConnections() {
+        return this._fComponentsStore.fConnections;
+    }
+    get transform() {
+        return this._fComponentsStore.fCanvas.transform;
+    }
     constructor(fDraggableDataContext) {
         this.fDraggableDataContext = fDraggableDataContext;
     }
     handle() {
-        let selectedNodes = [];
-        let selectedConnections = [];
-        this.fDraggableDataContext.selectedItems.forEach((x) => {
-            if (x.hostElement.classList.contains('f-node')) {
-                selectedNodes.push(x.hostElement.dataset['fNodeId']);
-            }
-            else {
-                selectedConnections.push(x.hostElement.id);
-            }
+        return [...this.getNodesWithRects(), ...this.getConnectionsWithRects()].filter((x) => {
+            return !this.fDraggableDataContext.selectedItems.includes(x.element);
         });
-        return new FSelectionChangeEvent(selectedNodes, selectedConnections);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetSelectionExecution, deps: [{ token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetSelectionExecution });
+    getNodesWithRects() {
+        return this.fNodes.filter((x) => !x.fSelectionDisabled).map((x) => {
+            return {
+                element: x,
+                rect: RectExtensions.mult(this._fMediator.send(new GetNormalizedElementRectRequest(x.hostElement)), this.transform.scale)
+            };
+        });
+    }
+    getConnectionsWithRects() {
+        return this.fConnections.filter((x) => !x.fSelectionDisabled).map((x) => {
+            return {
+                element: x,
+                rect: RectExtensions.mult(this._fMediator.send(new GetNormalizedElementRectRequest(x.boundingElement)), this.transform.scale)
+            };
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetCanBeSelectedItemsExecution, deps: [{ token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetCanBeSelectedItemsExecution });
 };
-GetSelectionExecution = __decorate([
-    FExecutionRegister(GetSelectionRequest)
-], GetSelectionExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetSelectionExecution, decorators: [{
+GetCanBeSelectedItemsExecution = __decorate([
+    FExecutionRegister(GetCanBeSelectedItemsRequest)
+], GetCanBeSelectedItemsExecution);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetCanBeSelectedItemsExecution, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: FDraggableDataContext }] });
 
+class GetCurrentSelectionRequest {
+}
+
+let GetCurrentSelectionExecution = class GetCurrentSelectionExecution {
+    _fDraggableDataContext = inject(FDraggableDataContext);
+    handle() {
+        return {
+            nodes: this._getSelectedNodes(),
+            groups: this._getSelectedGroups(),
+            connections: this._getSelectedConnections()
+        };
+    }
+    _getSelectedNodes() {
+        return this._fDraggableDataContext.selectedItems
+            .filter(x => x.hostElement.classList.contains('f-node'))
+            .map(x => x.hostElement.dataset['fNodeId']);
+    }
+    _getSelectedGroups() {
+        return this._fDraggableDataContext.selectedItems
+            .filter(x => x.hostElement.classList.contains('f-group'))
+            .map(x => x.hostElement.dataset['fGroupId']);
+    }
+    _getSelectedConnections() {
+        return this._fDraggableDataContext.selectedItems
+            .filter(x => !x.hostElement.classList.contains('f-node') && !x.hostElement.classList.contains('f-group'))
+            .map(x => x.hostElement.id);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetCurrentSelectionExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetCurrentSelectionExecution });
+};
+GetCurrentSelectionExecution = __decorate([
+    FExecutionRegister(GetCurrentSelectionRequest)
+], GetCurrentSelectionExecution);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetCurrentSelectionExecution, decorators: [{
+            type: Injectable
+        }] });
+
 class SelectRequest {
     nodes;
     connections;
@@ -7498,7 +7554,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
 
 const F_SELECTION_FEATURES = [
     ClearSelectionExecution,
-    GetSelectionExecution,
+    GetCanBeSelectedItemsExecution,
+    GetCurrentSelectionExecution,
     SelectExecution,
     SelectAllExecution,
     SelectAndUpdateNodeLayerExecution
@@ -7515,10 +7572,16 @@ let EmitSelectionChangeEventExecution = class EmitSelectionChangeEventExecution
         if (!this._fDraggableDataContext.isSelectedChanged) {
             return;
         }
-        this._fSelectionChange.emit(this._fMediator.send(new GetSelectionRequest()));
+        this._emitSelectionChange(this._getSelection());
         this._fDraggableDataContext.isSelectedChanged = false;
         this._fMediator.send(new NotifyTransformChangedRequest());
     }
+    _getSelection() {
+        return this._fMediator.send(new GetCurrentSelectionRequest());
+    }
+    _emitSelectionChange(selection) {
+        this._fSelectionChange.emit(new FSelectionChangeEvent(selection.nodes, selection.groups, selection.connections));
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: EmitSelectionChangeEventExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: EmitSelectionChangeEventExecution });
 };
@@ -7752,6 +7815,125 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
             type: Injectable
         }] });
 
+class GetFlowStateConnectionsRequest {
+}
+
+let GetFlowStateConnectionsExecution = class GetFlowStateConnectionsExecution {
+    fComponentsStore;
+    constructor(fComponentsStore) {
+        this.fComponentsStore = fComponentsStore;
+    }
+    handle(request) {
+        return this.fComponentsStore.fConnections.map((x) => {
+            return {
+                id: x.fId,
+                fOutputId: x.fOutputId,
+                fInputId: x.fInputId,
+                fType: x.fType,
+                fBehavior: x.fBehavior,
+                isSelected: x.isSelected()
+            };
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetFlowStateConnectionsExecution, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetFlowStateConnectionsExecution });
+};
+GetFlowStateConnectionsExecution = __decorate([
+    FExecutionRegister(GetFlowStateConnectionsRequest)
+], GetFlowStateConnectionsExecution);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetFlowStateConnectionsExecution, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: FComponentsStore }] });
+
+class GetFlowStateNodesRequest {
+    type;
+    constructor(type) {
+        this.type = type;
+    }
+}
+
+let GetFlowStateNodesExecution = class GetFlowStateNodesExecution {
+    fComponentsStore;
+    constructor(fComponentsStore) {
+        this.fComponentsStore = fComponentsStore;
+    }
+    handle(request) {
+        return this.fComponentsStore.fNodes.filter((x) => x instanceof request.type).map((x) => {
+            return {
+                id: x.fId,
+                parent: x.fParentId,
+                position: x.position,
+                size: x.size,
+                fOutputs: this.getOutputs(x.hostElement),
+                fInputs: this.getInputs(x.hostElement),
+                isSelected: x.isSelected()
+            };
+        });
+    }
+    getOutputs(hostElement) {
+        return this.fComponentsStore.fOutputs.filter((x) => hostElement.contains(x.hostElement)).map((x) => {
+            return {
+                id: x.fId,
+                fConnectableSide: x.fConnectableSide
+            };
+        });
+    }
+    getInputs(hostElement) {
+        return this.fComponentsStore.fInputs.filter((x) => hostElement.contains(x.hostElement)).map((x) => {
+            return {
+                id: x.fId,
+                fConnectableSide: x.fConnectableSide
+            };
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetFlowStateNodesExecution, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetFlowStateNodesExecution });
+};
+GetFlowStateNodesExecution = __decorate([
+    FExecutionRegister(GetFlowStateNodesRequest)
+], GetFlowStateNodesExecution);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetFlowStateNodesExecution, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: FComponentsStore }] });
+
+class GetFlowStateRequest {
+}
+
+let GetFlowStateExecution = class GetFlowStateExecution {
+    fComponentsStore;
+    fMediator;
+    constructor(fComponentsStore, fMediator) {
+        this.fComponentsStore = fComponentsStore;
+        this.fMediator = fMediator;
+    }
+    handle(payload) {
+        return {
+            position: this.getCanvasPosition(this.fComponentsStore.fCanvas.transform),
+            scale: this.fComponentsStore.fCanvas.transform.scale,
+            nodes: this.fMediator.send(new GetFlowStateNodesRequest(FNodeDirective)),
+            groups: this.fMediator.send(new GetFlowStateNodesRequest(FGroupDirective)),
+            connections: this.fMediator.send(new GetFlowStateConnectionsRequest())
+        };
+    }
+    getCanvasPosition(transform) {
+        return PointExtensions.sum(transform.position, transform.scaledPosition);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetFlowStateExecution, deps: [{ token: FComponentsStore }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetFlowStateExecution });
+};
+GetFlowStateExecution = __decorate([
+    FExecutionRegister(GetFlowStateRequest)
+], GetFlowStateExecution);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetFlowStateExecution, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: FComponentsStore }, { type: i2.FMediator }] });
+
+const GET_FLOW_STATE_PROVIDERS = [
+    GetFlowStateExecution,
+    GetFlowStateNodesExecution,
+    GetFlowStateConnectionsExecution
+];
+
 class RemoveFlowFromStoreRequest {
 }
 
@@ -7774,6 +7956,7 @@ const F_FLOW_FEATURES = [
     AddFlowToStoreExecution,
     GetFlowExecution,
     GetFlowHostElementExecution,
+    ...GET_FLOW_STATE_PROVIDERS,
     RemoveFlowFromStoreExecution
 ];
 
@@ -7853,7 +8036,9 @@ let CalculateNodesBoundingBoxExecution = class CalculateNodesBoundingBoxExecutio
         return RectExtensions.union(this._getNodesRects());
     }
     _getNodesRects() {
-        return this._fComponentsStore.fNodes.map((x) => this._getElementRect(x.hostElement));
+        return this._fComponentsStore.fNodes.map((x) => {
+            return this._getElementRect(x.hostElement);
+        });
     }
     _getElementRect(element) {
         return RectExtensions.fromElement(element);
@@ -7868,6 +8053,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
             type: Injectable
         }] });
 
+class CalculateNodesBoundingBoxNormalizedPositionRequest {
+}
+
+let CalculateNodesBoundingBoxNormalizedPositionExecution = class CalculateNodesBoundingBoxNormalizedPositionExecution {
+    _fComponentsStore = inject(FComponentsStore);
+    handle(request) {
+        return RectExtensions.union(this._getNodesRects());
+    }
+    _getNodesRects() {
+        return this._fComponentsStore.fNodes.map((x) => {
+            return this._getElementRect(x, RectExtensions.fromElement(x.hostElement));
+        });
+    }
+    _getElementRect(fNode, rect) {
+        return RectExtensions.initialize(fNode.position.x, fNode.position.y, rect.width, rect.height);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: CalculateNodesBoundingBoxNormalizedPositionExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: CalculateNodesBoundingBoxNormalizedPositionExecution });
+};
+CalculateNodesBoundingBoxNormalizedPositionExecution = __decorate([
+    FExecutionRegister(CalculateNodesBoundingBoxNormalizedPositionRequest)
+], CalculateNodesBoundingBoxNormalizedPositionExecution);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: CalculateNodesBoundingBoxNormalizedPositionExecution, decorators: [{
+            type: Injectable
+        }] });
+
 class GetNodesRequest {
 }
 
@@ -7944,240 +8155,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
 const F_NODE_FEATURES = [
     AddNodeToStoreExecution,
     CalculateNodesBoundingBoxExecution,
+    CalculateNodesBoundingBoxNormalizedPositionExecution,
     GetNodesExecution,
     UpdateNodeWhenStateOrSizeChangedExecution,
     RemoveNodeFromStoreExecution
 ];
 
-let GetCanBeSelectedItemsExecution = class GetCanBeSelectedItemsExecution {
-    fComponentsStore;
-    fDraggableDataContext;
-    fMediator;
-    get fNodes() {
-        return this.fComponentsStore.fNodes;
-    }
-    get fConnections() {
-        return this.fComponentsStore.fConnections;
-    }
-    get transform() {
-        return this.fComponentsStore.fCanvas.transform;
-    }
-    constructor(fComponentsStore, fDraggableDataContext, fMediator) {
-        this.fComponentsStore = fComponentsStore;
-        this.fDraggableDataContext = fDraggableDataContext;
-        this.fMediator = fMediator;
-    }
-    handle() {
-        return [...this.getNodesWithRects(), ...this.getConnectionsWithRects()].filter((x) => {
-            return !this.fDraggableDataContext.selectedItems.includes(x.element);
-        });
-    }
-    getNodesWithRects() {
-        return this.fNodes.filter((x) => !x.fSelectionDisabled).map((x) => {
-            return {
-                element: x,
-                rect: RectExtensions.mult(this.fMediator.send(new GetElementRectInFlowRequest(x.hostElement)), this.transform.scale)
-            };
-        });
-    }
-    getConnectionsWithRects() {
-        return this.fConnections.filter((x) => !x.fSelectionDisabled).map((x) => {
-            return {
-                element: x,
-                rect: RectExtensions.mult(this.fMediator.send(new GetElementRectInFlowRequest(x.boundingElement)), this.transform.scale)
-            };
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetCanBeSelectedItemsExecution, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetCanBeSelectedItemsExecution });
-};
-GetCanBeSelectedItemsExecution = __decorate([
-    FExecutionRegister(GetCanBeSelectedItemsRequest)
-], GetCanBeSelectedItemsExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetCanBeSelectedItemsExecution, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: FComponentsStore }, { type: FDraggableDataContext }, { type: i2.FMediator }] });
-
-class GetFlowStateConnectionsRequest {
-}
-
-let GetFlowStateConnectionsExecution = class GetFlowStateConnectionsExecution {
-    fComponentsStore;
-    constructor(fComponentsStore) {
-        this.fComponentsStore = fComponentsStore;
-    }
-    handle(request) {
-        return this.fComponentsStore.fConnections.map((x) => {
-            return {
-                id: x.fId,
-                fOutputId: x.fOutputId,
-                fInputId: x.fInputId,
-                fType: x.fType,
-                fBehavior: x.fBehavior,
-                isSelected: x.isSelected()
-            };
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetFlowStateConnectionsExecution, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetFlowStateConnectionsExecution });
-};
-GetFlowStateConnectionsExecution = __decorate([
-    FExecutionRegister(GetFlowStateConnectionsRequest)
-], GetFlowStateConnectionsExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetFlowStateConnectionsExecution, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: FComponentsStore }] });
-
-class GetFlowStateNodesRequest {
-    type;
-    constructor(type) {
-        this.type = type;
-    }
-}
-
-let GetFlowStateNodesExecution = class GetFlowStateNodesExecution {
-    fComponentsStore;
-    constructor(fComponentsStore) {
-        this.fComponentsStore = fComponentsStore;
-    }
-    handle(request) {
-        return this.fComponentsStore.fNodes.filter((x) => x instanceof request.type).map((x) => {
-            return {
-                id: x.fId,
-                parent: x.fParentId,
-                position: x.position,
-                size: x.size,
-                fOutputs: this.getOutputs(x.hostElement),
-                fInputs: this.getInputs(x.hostElement),
-                isSelected: x.isSelected()
-            };
-        });
-    }
-    getOutputs(hostElement) {
-        return this.fComponentsStore.fOutputs.filter((x) => hostElement.contains(x.hostElement)).map((x) => {
-            return {
-                id: x.fId,
-                fConnectableSide: x.fConnectableSide
-            };
-        });
-    }
-    getInputs(hostElement) {
-        return this.fComponentsStore.fInputs.filter((x) => hostElement.contains(x.hostElement)).map((x) => {
-            return {
-                id: x.fId,
-                fConnectableSide: x.fConnectableSide
-            };
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetFlowStateNodesExecution, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetFlowStateNodesExecution });
-};
-GetFlowStateNodesExecution = __decorate([
-    FExecutionRegister(GetFlowStateNodesRequest)
-], GetFlowStateNodesExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetFlowStateNodesExecution, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: FComponentsStore }] });
-
-class GetFlowStateRequest {
-}
-
-let GetFlowStateExecution = class GetFlowStateExecution {
-    fComponentsStore;
-    fMediator;
-    constructor(fComponentsStore, fMediator) {
-        this.fComponentsStore = fComponentsStore;
-        this.fMediator = fMediator;
-    }
-    handle(payload) {
-        return {
-            position: this.getCanvasPosition(this.fComponentsStore.fCanvas.transform),
-            scale: this.fComponentsStore.fCanvas.transform.scale,
-            nodes: this.fMediator.send(new GetFlowStateNodesRequest(FNodeDirective)),
-            groups: this.fMediator.send(new GetFlowStateNodesRequest(FGroupDirective)),
-            connections: this.fMediator.send(new GetFlowStateConnectionsRequest())
-        };
-    }
-    getCanvasPosition(transform) {
-        return PointExtensions.sum(transform.position, transform.scaledPosition);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetFlowStateExecution, deps: [{ token: FComponentsStore }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetFlowStateExecution });
-};
-GetFlowStateExecution = __decorate([
-    FExecutionRegister(GetFlowStateRequest)
-], GetFlowStateExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetFlowStateExecution, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: FComponentsStore }, { type: i2.FMediator }] });
-
-const GET_FLOW_STATE_PROVIDERS = [
-    GetFlowStateExecution,
-    GetFlowStateNodesExecution,
-    GetFlowStateConnectionsExecution
-];
-
-class GetScaledNodeRectsWithFlowPositionRequest {
-}
-
-let GetScaledNodeRectsWithFlowPositionExecution = class GetScaledNodeRectsWithFlowPositionExecution {
-    fComponentsStore;
-    constructor(fComponentsStore) {
-        this.fComponentsStore = fComponentsStore;
-    }
-    handle(request) {
-        return RectExtensions.union(this.getNodesRects());
-    }
-    getNodesRects() {
-        return this.getNodes().map((x) => {
-            const rect = RectExtensions.fromElement(x.hostElement);
-            return RectExtensions.initialize(x.position.x, x.position.y, rect.width, rect.height);
-        });
-    }
-    getNodes() {
-        return this.fComponentsStore.fNodes;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetScaledNodeRectsWithFlowPositionExecution, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetScaledNodeRectsWithFlowPositionExecution });
-};
-GetScaledNodeRectsWithFlowPositionExecution = __decorate([
-    FExecutionRegister(GetScaledNodeRectsWithFlowPositionRequest)
-], GetScaledNodeRectsWithFlowPositionExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetScaledNodeRectsWithFlowPositionExecution, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: FComponentsStore }] });
-
-class GetPositionInFlowRequest {
+class GetNormalizedPointRequest {
     position;
     constructor(position) {
         this.position = position;
     }
 }
 
-let GetPositionInFlowExecution = class GetPositionInFlowExecution {
-    fComponentsStore;
-    get transform() {
-        return this.fComponentsStore.fCanvas.transform;
-    }
-    get flowHost() {
-        return this.fComponentsStore.flowHost;
-    }
-    constructor(fComponentsStore) {
-        this.fComponentsStore = fComponentsStore;
+let GetNormalizedPointExecution = class GetNormalizedPointExecution {
+    _fComponentsStore = inject(FComponentsStore);
+    get _transform() {
+        return this._fComponentsStore.fCanvas.transform;
     }
     handle(request) {
-        return Point.fromPoint(request.position).elementTransform(this.flowHost)
-            .sub(this.transform.scaledPosition).sub(this.transform.position).div(this.transform.scale);
+        return Point.fromPoint(request.position).elementTransform(this._fComponentsStore.flowHost)
+            .sub(this._transform.scaledPosition).sub(this._transform.position).div(this._transform.scale);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetPositionInFlowExecution, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetPositionInFlowExecution });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetNormalizedPointExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetNormalizedPointExecution });
 };
-GetPositionInFlowExecution = __decorate([
-    FExecutionRegister(GetPositionInFlowRequest)
-], GetPositionInFlowExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetPositionInFlowExecution, decorators: [{
+GetNormalizedPointExecution = __decorate([
+    FExecutionRegister(GetNormalizedPointRequest)
+], GetNormalizedPointExecution);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetNormalizedPointExecution, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: FComponentsStore }] });
+        }] });
 
 class SortNodeLayersRequest {
 }
@@ -8339,15 +8347,11 @@ const COMMON_PROVIDERS = [
     ...F_FLOW_FEATURES,
     ...F_LINE_ALIGNMENT_FEATURES,
     ...F_NODE_FEATURES,
-    CreateRoundedRectFromElementExecution,
+    GetElementRoundedRectExecution,
     ...F_SELECTION_FEATURES,
-    GetCanBeSelectedItemsExecution,
     GetDeepChildrenNodesAndGroupsExecution,
-    GetConnectionLineExecution,
-    GetElementRectInFlowExecution,
-    ...GET_FLOW_STATE_PROVIDERS,
-    GetScaledNodeRectsWithFlowPositionExecution,
-    GetPositionInFlowExecution,
+    GetNormalizedElementRectExecution,
+    GetNormalizedPointExecution,
     SortItemLayersExecution,
     SortItemsByParentExecution,
     SortNodeLayersExecution,
@@ -8916,14 +8920,14 @@ class FLineAlignmentComponent extends FLineAlignmentBase {
         this.size = this._fFlowHostElement.getBoundingClientRect();
         this.rects = [];
         const draggedNodeRects = currentNodes.map((x) => {
-            return this._fMediator.send(new GetElementRectInFlowRequest(x.hostElement));
+            return this._fMediator.send(new GetNormalizedElementRectRequest(x.hostElement));
         });
         this.draggedNodeRect = RectExtensions.union(draggedNodeRects) || RectExtensions.initialize();
         const allNodesExcludeCurrents = allNodes.filter((x) => {
             return !currentNodes.includes(x);
         });
         this.rects = allNodesExcludeCurrents.map((x) => {
-            return this._fMediator.send(new GetElementRectInFlowRequest(x.hostElement));
+            return this._fMediator.send(new GetNormalizedElementRectRequest(x.hostElement));
         });
     }
     handle(difference) {
@@ -9170,14 +9174,14 @@ class FFlowComponent extends FFlowBase {
     reset() {
         this._isLoaded = false;
     }
-    getAllNodesRect() {
-        return this._fMediator.send(new GetScaledNodeRectsWithFlowPositionRequest());
+    getNodesBoundingBox() {
+        return this._fMediator.send(new CalculateNodesBoundingBoxNormalizedPositionRequest());
     }
     getSelection() {
-        return this._fMediator.send(new GetSelectionRequest());
+        return this._fMediator.send(new GetCurrentSelectionRequest());
     }
     getPositionInFlow(position) {
-        return this._fMediator.send(new GetPositionInFlowRequest(position));
+        return this._fMediator.send(new GetNormalizedPointRequest(position));
     }
     getState() {
         return this._fMediator.send(new GetFlowStateRequest());
@@ -9425,5 +9429,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AddBackgroundToStoreExecution, AddBackgroundToStoreRequest, AddCanvasToStoreExecution, AddCanvasToStoreRequest, AddConnectionForCreateToStoreExecution, AddConnectionForCreateToStoreRequest, AddConnectionMarkerToStoreExecution, AddConnectionMarkerToStoreRequest, AddConnectionToStoreExecution, AddConnectionToStoreRequest, AddDndToStoreExecution, AddDndToStoreRequest, AddFlowToStoreExecution, AddFlowToStoreRequest, AddInputToStoreExecution, AddInputToStoreRequest, AddLineAlignmentToStoreExecution, AddLineAlignmentToStoreRequest, AddNodeToStoreExecution, AddNodeToStoreRequest, AddOutletToStoreExecution, AddOutletToStoreRequest, AddOutputToStoreExecution, AddOutputToStoreRequest, AddPatternToBackgroundExecution, AddPatternToBackgroundRequest, AddSnapConnectionToStoreExecution, AddSnapConnectionToStoreRequest, ApplyChildResizeRestrictionsExecution, ApplyChildResizeRestrictionsRequest, ApplyParentResizeRestrictionsExecution, ApplyParentResizeRestrictionsRequest, CANVAS_MOVE_FINALIZE_PROVIDERS, CANVAS_MOVE_PREPARATION_PROVIDERS, CANVAS_PROVIDERS, COMMON_PROVIDERS, CONNECTIONS_PROVIDERS, CONNECTION_GRADIENT, CONNECTION_PATH, CONNECTION_TEXT, CREATE_MOVE_NODE_DRAG_MODEL_FROM_SELECTION_PROVIDERS, CalculateCenterBetweenPointsHandler, CalculateCenterBetweenPointsRequest, CalculateChangedPositionExecution, CalculateChangedPositionRequest, CalculateChangedSizeExecution, CalculateChangedSizeRequest, CalculateConnectionCenterHandler, CalculateConnectionCenterRequest, CalculateConnectorConnectableSideHandler, CalculateConnectorConnectableSideRequest, CalculateFlowPointFromMinimapPointExecution, CalculateFlowPointFromMinimapPointRequest, CalculateNodesBoundingBoxExecution, CalculateNodesBoundingBoxRequest, CanvasDragHandler, CanvasMoveFinalizeExecution, CanvasMoveFinalizeRequest, CanvasMoveFinalizeValidator, CanvasMovePreparationExecution, CanvasMovePreparationRequest, CanvasMovePreparationValidator, CenterGroupOrNodeExecution, CenterGroupOrNodeRequest, ClearSelectionExecution, ClearSelectionRequest, ConnectionBaseDragHandler, ConnectionDragHandler, ConnectionSourceDragHandler, ConnectionTargetDragHandler, CreateConnectionDragHandler, CreateConnectionDragHandlerExecution, CreateConnectionDragHandlerRequest, CreateConnectionFinalizeExecution, CreateConnectionFinalizeRequest, CreateConnectionFinalizeValidator, CreateConnectionFromOutletPreparationExecution, CreateConnectionFromOutletPreparationRequest, CreateConnectionFromOutputPreparationExecution, CreateConnectionFromOutputPreparationRequest, CreateConnectionFromOutputPreparationValidator, CreateConnectionMarkersExecution, CreateConnectionMarkersRequest, CreateConnectionPreparationExecution, CreateConnectionPreparationRequest, CreateConnectionPreparationValidator, CreateMoveNodesDragModelFromSelectionExecution, CreateMoveNodesDragModelFromSelectionRequest, CreateRoundedRectFromElementExecution, CreateRoundedRectFromElementRequest, DRAG_AND_DROP_COMMON_PROVIDERS, EFConnectableSide, EFConnectionBehavior, EFConnectionType, EFMarkerType, EFResizeHandleType, EXTERNAL_ITEM_FINALIZE_PROVIDERS, EXTERNAL_ITEM_PREPARATION_PROVIDERS, EmitSelectionChangeEventExecution, EmitSelectionChangeEventRequest, EndDragSequenceExecution, EndDragSequenceRequest, ExternalItemDragHandler, ExternalItemFinalizeExecution, ExternalItemFinalizeRequest, ExternalItemFinalizeValidator, ExternalItemPreparationExecution, ExternalItemPreparationRequest, ExternalItemPreparationValidator, FBackgroundBase, FBackgroundComponent, FBezierPathBuilder, FCanvasBase, FCanvasChangeEvent, FCanvasComponent, FChannel, FChannelHub, FCirclePatternComponent, FComponentsStore, FConnectionBase, FConnectionCenterDirective, FConnectionComponent, FConnectionDragHandleComponent, FConnectionFactory, FConnectionForCreateComponent, FConnectionGradientComponent, FConnectionPathComponent, FConnectionSelectionComponent, FConnectionTextComponent, FConnectionTextPathDirective, FConnectorBase, FCreateConnectionEvent, FCreateNodeEvent, FDragHandleDirective, FDraggableBase, FDraggableDataContext, FDraggableDirective, FDropToGroupEvent, FExternalItemBase, FExternalItemDirective, FExternalItemService, FFlowBase, FFlowComponent, FFlowModule, FGroupDirective, FLineAlignmentBase, FLineAlignmentComponent, FMarkerBase, FMarkerDirective, FMinimapCanvasDirective, FMinimapComponent, FMinimapData, FMinimapDragHandler, FMinimapFlowDirective, FMinimapViewDirective, FNodeBase, FNodeDirective, FNodeInputBase, FNodeInputDirective, FNodeIntersectedWithConnections, FNodeOutletBase, FNodeOutletDirective, FNodeOutputBase, FNodeOutputDirective, FReassignConnectionEvent, FRectPatternComponent, FResizeChannel, FResizeHandleDirective, FRotateHandleDirective, FSegmentPathBuilder, FSelectionAreaBase, FSelectionAreaComponent, FSelectionChangeEvent, FSnapConnectionComponent, FStraightPathBuilder, FZoomBase, FZoomDirective, F_BACKGROUND, F_BACKGROUND_FEATURES, F_BACKGROUND_PATTERN, F_BACKGROUND_PROVIDERS, F_CANVAS, F_CANVAS_FEATURES, F_CANVAS_PROVIDERS, F_CONNECTION_BUILDERS, F_CONNECTION_DRAG_HANDLE_CLASS, F_CONNECTION_FEATURES, F_CONNECTION_IDENTIFIERS, F_CONNECTION_PROVIDERS, F_CONNECTORS_FEATURES, F_CONNECTORS_PROVIDERS, F_DRAGGABLE_FEATURES, F_DRAGGABLE_PROVIDERS, F_DRAG_AND_DROP_PLUGIN, F_DRAG_HANDLE, F_EXTERNAL_ITEM, F_EXTERNAL_ITEM_DRAG_AND_DROP_PROVIDERS, F_EXTERNAL_ITEM_PROVIDERS, F_FLOW, F_FLOW_FEATURES, F_FLOW_PROVIDERS, F_LINE_ALIGNMENT, F_LINE_ALIGNMENT_FEATURES, F_LINE_ALIGNMENT_PROVIDERS, F_MARKER, F_MINIMAP_DRAG_AND_DROP_PROVIDERS, F_MINIMAP_PROVIDERS, F_NODE, F_NODE_FEATURES, F_NODE_INPUT, F_NODE_OUTLET, F_NODE_OUTPUT, F_NODE_PROVIDERS, F_RESIZE_HANDLE, F_SELECTED_CLASS, F_SELECTION_AREA_DRAG_AND_DROP_PROVIDERS, F_SELECTION_AREA_PROVIDERS, F_SELECTION_FEATURES, F_STORAGE_PROVIDERS, F_ZOOM, F_ZOOM_PROVIDERS, FindClosestInputUsingSnapThresholdExecution, FindClosestInputUsingSnapThresholdRequest, FitToFlowExecution, FitToFlowRequest, GET_FLOW_STATE_PROVIDERS, GetAllCanBeConnectedInputPositionsExecution, GetAllCanBeConnectedInputPositionsRequest, GetCanBeConnectedOutputByOutletExecution, GetCanBeConnectedOutputByOutletRequest, GetCanBeConnectedOutputByOutletValidator, GetCanBeSelectedItemsExecution, GetCanvasExecution, GetCanvasRequest, GetConnectionLineExecution, GetConnectionLineRequest, GetConnectorWithRectExecution, GetConnectorWithRectRequest, GetDeepChildrenNodesAndGroupsExecution, GetDeepChildrenNodesAndGroupsRequest, GetElementRectInFlowExecution, GetElementRectInFlowRequest, GetFlowExecution, GetFlowHostElementExecution, GetFlowHostElementRequest, GetFlowRequest, GetFlowStateConnectionsExecution, GetFlowStateConnectionsRequest, GetFlowStateExecution, GetFlowStateNodesExecution, GetFlowStateNodesRequest, GetFlowStateRequest, GetInputUnderPointerExecution, GetInputUnderPointerRequest, GetInputUnderPointerValidator, GetNodeMoveRestrictionsExecution, GetNodeMoveRestrictionsRequest, GetNodePaddingExecution, GetNodePaddingRequest, GetNodeResizeRestrictionsExecution, GetNodeResizeRestrictionsRequest, GetNodesExecution, GetNodesRequest, GetNormalizedChildrenNodesRectExecution, GetNormalizedChildrenNodesRectRequest, GetNormalizedNodeRectExecution, GetNormalizedNodeRectRequest, GetNormalizedParentNodeRectExecution, GetNormalizedParentNodeRectRequest, GetParentNodesExecution, GetParentNodesRequest, GetPositionInFlowExecution, GetPositionInFlowRequest, GetScaledNodeRectsWithFlowPositionExecution, GetScaledNodeRectsWithFlowPositionRequest, GetSelectionExecution, GetSelectionRequest, InitializeDragSequenceExecution, InitializeDragSequenceRequest, InputCanvasPositionExecution, InputCanvasPositionRequest, InputCanvasScaleExecution, InputCanvasScaleRequest, IsArrayHasParentNodeExecution, IsArrayHasParentNodeRequest, IsConnectionUnderNodeExecution, IsConnectionUnderNodeRequest, IsConnectionUnderNodeValidator, IsDragStartedExecution, IsDragStartedRequest, LineElement, LineService, ListenCountChangesExecution, ListenCountChangesRequest, ListenDataChangesExecution, ListenDataChangesRequest, ListenTransformChangesExecution, ListenTransformChangesRequest, MINIMAP_DRAG_FINALIZE_PROVIDERS, MINIMAP_DRAG_PREPARATION_PROVIDERS, MinimapCalculateSvgScaleAndViewBoxExecution, MinimapCalculateSvgScaleAndViewBoxRequest, MinimapCalculateViewBoxExecution, MinimapCalculateViewBoxRequest, MinimapDragFinalizeExecution, MinimapDragFinalizeRequest, MinimapDragFinalizeValidator, MinimapDragPreparationExecution, MinimapDragPreparationRequest, MinimapDragPreparationValidator, MinimapDrawNodesExecution, MinimapDrawNodesRequest, MoveFrontElementsBeforeTargetElementExecution, MoveFrontElementsBeforeTargetElementRequest, NODE_DRAG_TO_PARENT_FINALIZE_PROVIDERS, NODE_DRAG_TO_PARENT_PREPARATION_PROVIDERS, NODE_MOVE_FINALIZE_PROVIDERS, NODE_MOVE_PREPARATION_PROVIDERS, NODE_PROVIDERS, NODE_RESIZE_FINALIZE_PROVIDERS, NODE_RESIZE_PREPARATION_PROVIDERS, NODE_RESIZE_PROVIDERS, NearestCoordinateFinder, NodeDragHandler, NodeDragToParentDragHandler, NodeDragToParentFinalizeExecution, NodeDragToParentFinalizeRequest, NodeDragToParentFinalizeValidator, NodeDragToParentPreparationExecution, NodeDragToParentPreparationRequest, NodeDragToParentPreparationValidator, NodeMoveFinalizeExecution, NodeMoveFinalizeRequest, NodeMoveFinalizeValidator, NodeMovePreparationExecution, NodeMovePreparationRequest, NodeMovePreparationValidator, NodeResizeByChildDragHandler, NodeResizeDragHandler, NodeResizeFinalizeExecution, NodeResizeFinalizeRequest, NodeResizeFinalizeValidator, NodeResizePreparationExecution, NodeResizePreparationRequest, NodeResizePreparationValidator, NotifyDataChangedExecution, NotifyDataChangedRequest, NotifyTransformChangedExecution, NotifyTransformChangedRequest, OnPointerMoveExecution, OnPointerMoveRequest, PrepareDragSequenceExecution, PrepareDragSequenceRequest, PreventDefaultIsExternalItemExecution, PreventDefaultIsExternalItemRequest, PutInputConnectionHandlersToArrayExecution, PutInputConnectionHandlersToArrayRequest, PutOutputConnectionHandlersToArrayExecution, PutOutputConnectionHandlersToArrayRequest, RESIZE_DIRECTIONS, ReassignConnectionDragHandler, ReassignConnectionFinalizeExecution, ReassignConnectionFinalizeRequest, ReassignConnectionFinalizeValidator, ReassignConnectionPreparationExecution, ReassignConnectionPreparationRequest, ReassignConnectionPreparationValidator, RedrawCanvasWithAnimationExecution, RedrawCanvasWithAnimationRequest, RedrawConnectionsExecution, RedrawConnectionsRequest, RemoveBackgroundFromStoreExecution, RemoveBackgroundFromStoreRequest, RemoveCanvasFromStoreExecution, RemoveCanvasFromStoreRequest, RemoveConnectionForCreateFromStoreExecution, RemoveConnectionForCreateFromStoreRequest, RemoveConnectionFromStoreExecution, RemoveConnectionFromStoreRequest, RemoveConnectionMarkerFromStoreExecution, RemoveConnectionMarkerFromStoreRequest, RemoveDndFromStoreExecution, RemoveDndFromStoreRequest, RemoveFlowFromStoreExecution, RemoveFlowFromStoreRequest, RemoveInputFromStoreExecution, RemoveInputFromStoreRequest, RemoveLineAlignmentFromStoreExecution, RemoveLineAlignmentFromStoreRequest, RemoveNodeFromStoreExecution, RemoveNodeFromStoreRequest, RemoveOutletFromStoreExecution, RemoveOutletFromStoreRequest, RemoveOutputFromStoreExecution, RemoveOutputFromStoreRequest, RemoveSnapConnectionFromStoreExecution, RemoveSnapConnectionFromStoreRequest, ResetScaleAndCenterExecution, ResetScaleAndCenterRequest, ResetScaleExecution, ResetScaleRequest, SELECTION_AREA_FINALIZE_PROVIDERS, SELECTION_AREA_PREPARATION_PROVIDERS, SINGLE_SELECT_PROVIDERS, SelectAllExecution, SelectAllRequest, SelectAndUpdateNodeLayerExecution, SelectAndUpdateNodeLayerRequest, SelectExecution, SelectRequest, SelectionAreaDragHandle, SelectionAreaFinalizeExecution, SelectionAreaFinalizeRequest, SelectionAreaFinalizeValidator, SelectionAreaPreparationExecution, SelectionAreaPreparationRequest, SelectionAreaPreparationValidator, SetBackgroundTransformExecution, SetBackgroundTransformRequest, SingleSelectExecution, SingleSelectRequest, SingleSelectValidator, SortItemLayersExecution, SortItemLayersRequest, SortItemsByParentExecution, SortItemsByParentRequest, SortNodeLayersExecution, SortNodeLayersRequest, StartDragSequenceExecution, StartDragSequenceRequest, UpdateItemAndChildrenLayersExecution, UpdateItemAndChildrenLayersRequest, UpdateNodeWhenStateOrSizeChangedExecution, UpdateNodeWhenStateOrSizeChangedRequest, UpdateScaleExecution, UpdateScaleRequest, createSVGElement, debounceTime, getExternalItem, getMarkerEndId, getMarkerSelectedEndId, getMarkerSelectedStartId, getMarkerStartId, isExternalItem, isMobile, isNode, isNodeOutlet, isNodeOutput, mixinChangeSelection, mixinChangeVisibility, notifyOnStart, transitionEnd };
+export { AddBackgroundToStoreExecution, AddBackgroundToStoreRequest, AddCanvasToStoreExecution, AddCanvasToStoreRequest, AddConnectionForCreateToStoreExecution, AddConnectionForCreateToStoreRequest, AddConnectionMarkerToStoreExecution, AddConnectionMarkerToStoreRequest, AddConnectionToStoreExecution, AddConnectionToStoreRequest, AddDndToStoreExecution, AddDndToStoreRequest, AddFlowToStoreExecution, AddFlowToStoreRequest, AddInputToStoreExecution, AddInputToStoreRequest, AddLineAlignmentToStoreExecution, AddLineAlignmentToStoreRequest, AddNodeToStoreExecution, AddNodeToStoreRequest, AddOutletToStoreExecution, AddOutletToStoreRequest, AddOutputToStoreExecution, AddOutputToStoreRequest, AddPatternToBackgroundExecution, AddPatternToBackgroundRequest, AddSnapConnectionToStoreExecution, AddSnapConnectionToStoreRequest, ApplyChildResizeRestrictionsExecution, ApplyChildResizeRestrictionsRequest, ApplyParentResizeRestrictionsExecution, ApplyParentResizeRestrictionsRequest, CANVAS_MOVE_FINALIZE_PROVIDERS, CANVAS_MOVE_PREPARATION_PROVIDERS, CANVAS_PROVIDERS, COMMON_PROVIDERS, CONNECTIONS_PROVIDERS, CONNECTION_GRADIENT, CONNECTION_PATH, CONNECTION_TEXT, CREATE_MOVE_NODE_DRAG_MODEL_FROM_SELECTION_PROVIDERS, CalculateCenterBetweenPointsHandler, CalculateCenterBetweenPointsRequest, CalculateChangedPositionExecution, CalculateChangedPositionRequest, CalculateChangedSizeExecution, CalculateChangedSizeRequest, CalculateConnectionCenterHandler, CalculateConnectionCenterRequest, CalculateConnectionLineByBehaviorExecution, CalculateConnectionLineByBehaviorRequest, CalculateConnectorConnectableSideHandler, CalculateConnectorConnectableSideRequest, CalculateFlowPointFromMinimapPointExecution, CalculateFlowPointFromMinimapPointRequest, CalculateNodesBoundingBoxExecution, CalculateNodesBoundingBoxNormalizedPositionExecution, CalculateNodesBoundingBoxNormalizedPositionRequest, CalculateNodesBoundingBoxRequest, CanvasDragHandler, CanvasMoveFinalizeExecution, CanvasMoveFinalizeRequest, CanvasMoveFinalizeValidator, CanvasMovePreparationExecution, CanvasMovePreparationRequest, CanvasMovePreparationValidator, CenterGroupOrNodeExecution, CenterGroupOrNodeRequest, ClearSelectionExecution, ClearSelectionRequest, ConnectionBaseDragHandler, ConnectionDragHandler, ConnectionSourceDragHandler, ConnectionTargetDragHandler, CreateConnectionDragHandler, CreateConnectionDragHandlerExecution, CreateConnectionDragHandlerRequest, CreateConnectionFinalizeExecution, CreateConnectionFinalizeRequest, CreateConnectionFinalizeValidator, CreateConnectionFromOutletPreparationExecution, CreateConnectionFromOutletPreparationRequest, CreateConnectionFromOutputPreparationExecution, CreateConnectionFromOutputPreparationRequest, CreateConnectionFromOutputPreparationValidator, CreateConnectionMarkersExecution, CreateConnectionMarkersRequest, CreateConnectionPreparationExecution, CreateConnectionPreparationRequest, CreateConnectionPreparationValidator, CreateMoveNodesDragModelFromSelectionExecution, CreateMoveNodesDragModelFromSelectionRequest, DRAG_AND_DROP_COMMON_PROVIDERS, EFConnectableSide, EFConnectionBehavior, EFConnectionType, EFMarkerType, EFResizeHandleType, EXTERNAL_ITEM_FINALIZE_PROVIDERS, EXTERNAL_ITEM_PREPARATION_PROVIDERS, EmitSelectionChangeEventExecution, EmitSelectionChangeEventRequest, EndDragSequenceExecution, EndDragSequenceRequest, ExternalItemDragHandler, ExternalItemFinalizeExecution, ExternalItemFinalizeRequest, ExternalItemFinalizeValidator, ExternalItemPreparationExecution, ExternalItemPreparationRequest, ExternalItemPreparationValidator, FBackgroundBase, FBackgroundComponent, FBezierPathBuilder, FCanvasBase, FCanvasChangeEvent, FCanvasComponent, FChannel, FChannelHub, FCirclePatternComponent, FComponentsStore, FConnectionBase, FConnectionCenterDirective, FConnectionComponent, FConnectionDragHandleComponent, FConnectionFactory, FConnectionForCreateComponent, FConnectionGradientComponent, FConnectionPathComponent, FConnectionSelectionComponent, FConnectionTextComponent, FConnectionTextPathDirective, FConnectorBase, FCreateConnectionEvent, FCreateNodeEvent, FDragHandleDirective, FDraggableBase, FDraggableDataContext, FDraggableDirective, FDropToGroupEvent, FExternalItemBase, FExternalItemDirective, FExternalItemService, FFlowBase, FFlowComponent, FFlowModule, FGroupDirective, FLineAlignmentBase, FLineAlignmentComponent, FMarkerBase, FMarkerDirective, FMinimapCanvasDirective, FMinimapComponent, FMinimapData, FMinimapDragHandler, FMinimapFlowDirective, FMinimapViewDirective, FNodeBase, FNodeDirective, FNodeInputBase, FNodeInputDirective, FNodeIntersectedWithConnections, FNodeOutletBase, FNodeOutletDirective, FNodeOutputBase, FNodeOutputDirective, FReassignConnectionEvent, FRectPatternComponent, FResizeChannel, FResizeHandleDirective, FRotateHandleDirective, FSegmentPathBuilder, FSelectionAreaBase, FSelectionAreaComponent, FSelectionChangeEvent, FSnapConnectionComponent, FStraightPathBuilder, FZoomBase, FZoomDirective, F_BACKGROUND, F_BACKGROUND_FEATURES, F_BACKGROUND_PATTERN, F_BACKGROUND_PROVIDERS, F_CANVAS, F_CANVAS_FEATURES, F_CANVAS_PROVIDERS, F_CONNECTION_BUILDERS, F_CONNECTION_DRAG_HANDLE_CLASS, F_CONNECTION_FEATURES, F_CONNECTION_IDENTIFIERS, F_CONNECTION_PROVIDERS, F_CONNECTORS_FEATURES, F_CONNECTORS_PROVIDERS, F_DRAGGABLE_FEATURES, F_DRAGGABLE_PROVIDERS, F_DRAG_AND_DROP_PLUGIN, F_DRAG_HANDLE, F_EXTERNAL_ITEM, F_EXTERNAL_ITEM_DRAG_AND_DROP_PROVIDERS, F_EXTERNAL_ITEM_PROVIDERS, F_FLOW, F_FLOW_FEATURES, F_FLOW_PROVIDERS, F_LINE_ALIGNMENT, F_LINE_ALIGNMENT_FEATURES, F_LINE_ALIGNMENT_PROVIDERS, F_MARKER, F_MINIMAP_DRAG_AND_DROP_PROVIDERS, F_MINIMAP_PROVIDERS, F_NODE, F_NODE_FEATURES, F_NODE_INPUT, F_NODE_OUTLET, F_NODE_OUTPUT, F_NODE_PROVIDERS, F_RESIZE_HANDLE, F_SELECTED_CLASS, F_SELECTION_AREA_DRAG_AND_DROP_PROVIDERS, F_SELECTION_AREA_PROVIDERS, F_SELECTION_FEATURES, F_STORAGE_PROVIDERS, F_ZOOM, F_ZOOM_PROVIDERS, FindClosestInputUsingSnapThresholdExecution, FindClosestInputUsingSnapThresholdRequest, FitToFlowExecution, FitToFlowRequest, GET_FLOW_STATE_PROVIDERS, GetAllCanBeConnectedInputPositionsExecution, GetAllCanBeConnectedInputPositionsRequest, GetCanBeConnectedOutputByOutletExecution, GetCanBeConnectedOutputByOutletRequest, GetCanBeConnectedOutputByOutletValidator, GetCanBeSelectedItemsExecution, GetCanBeSelectedItemsRequest, GetCanvasExecution, GetCanvasRequest, GetConnectorWithRectExecution, GetConnectorWithRectRequest, GetCurrentSelectionExecution, GetCurrentSelectionRequest, GetDeepChildrenNodesAndGroupsExecution, GetDeepChildrenNodesAndGroupsRequest, GetElementRoundedRectExecution, GetElementRoundedRectRequest, GetFlowExecution, GetFlowHostElementExecution, GetFlowHostElementRequest, GetFlowRequest, GetFlowStateConnectionsExecution, GetFlowStateConnectionsRequest, GetFlowStateExecution, GetFlowStateNodesExecution, GetFlowStateNodesRequest, GetFlowStateRequest, GetInputUnderPointerExecution, GetInputUnderPointerRequest, GetInputUnderPointerValidator, GetNodeMoveRestrictionsExecution, GetNodeMoveRestrictionsRequest, GetNodePaddingExecution, GetNodePaddingRequest, GetNodeResizeRestrictionsExecution, GetNodeResizeRestrictionsRequest, GetNodesExecution, GetNodesRequest, GetNormalizedChildrenNodesRectExecution, GetNormalizedChildrenNodesRectRequest, GetNormalizedElementRectExecution, GetNormalizedElementRectRequest, GetNormalizedNodeRectExecution, GetNormalizedNodeRectRequest, GetNormalizedParentNodeRectExecution, GetNormalizedParentNodeRectRequest, GetNormalizedPointExecution, GetNormalizedPointRequest, GetParentNodesExecution, GetParentNodesRequest, InitializeDragSequenceExecution, InitializeDragSequenceRequest, InputCanvasPositionExecution, InputCanvasPositionRequest, InputCanvasScaleExecution, InputCanvasScaleRequest, IsArrayHasParentNodeExecution, IsArrayHasParentNodeRequest, IsConnectionUnderNodeExecution, IsConnectionUnderNodeRequest, IsConnectionUnderNodeValidator, IsDragStartedExecution, IsDragStartedRequest, LineElement, LineService, ListenCountChangesExecution, ListenCountChangesRequest, ListenDataChangesExecution, ListenDataChangesRequest, ListenTransformChangesExecution, ListenTransformChangesRequest, MINIMAP_DRAG_FINALIZE_PROVIDERS, MINIMAP_DRAG_PREPARATION_PROVIDERS, MinimapCalculateSvgScaleAndViewBoxExecution, MinimapCalculateSvgScaleAndViewBoxRequest, MinimapCalculateViewBoxExecution, MinimapCalculateViewBoxRequest, MinimapDragFinalizeExecution, MinimapDragFinalizeRequest, MinimapDragFinalizeValidator, MinimapDragPreparationExecution, MinimapDragPreparationRequest, MinimapDragPreparationValidator, MinimapDrawNodesExecution, MinimapDrawNodesRequest, MoveFrontElementsBeforeTargetElementExecution, MoveFrontElementsBeforeTargetElementRequest, NODE_DRAG_TO_PARENT_FINALIZE_PROVIDERS, NODE_DRAG_TO_PARENT_PREPARATION_PROVIDERS, NODE_MOVE_FINALIZE_PROVIDERS, NODE_MOVE_PREPARATION_PROVIDERS, NODE_PROVIDERS, NODE_RESIZE_FINALIZE_PROVIDERS, NODE_RESIZE_PREPARATION_PROVIDERS, NODE_RESIZE_PROVIDERS, NearestCoordinateFinder, NodeDragHandler, NodeDragToParentDragHandler, NodeDragToParentFinalizeExecution, NodeDragToParentFinalizeRequest, NodeDragToParentFinalizeValidator, NodeDragToParentPreparationExecution, NodeDragToParentPreparationRequest, NodeDragToParentPreparationValidator, NodeMoveFinalizeExecution, NodeMoveFinalizeRequest, NodeMoveFinalizeValidator, NodeMovePreparationExecution, NodeMovePreparationRequest, NodeMovePreparationValidator, NodeResizeByChildDragHandler, NodeResizeDragHandler, NodeResizeFinalizeExecution, NodeResizeFinalizeRequest, NodeResizeFinalizeValidator, NodeResizePreparationExecution, NodeResizePreparationRequest, NodeResizePreparationValidator, NotifyDataChangedExecution, NotifyDataChangedRequest, NotifyTransformChangedExecution, NotifyTransformChangedRequest, OnPointerMoveExecution, OnPointerMoveRequest, PrepareDragSequenceExecution, PrepareDragSequenceRequest, PreventDefaultIsExternalItemExecution, PreventDefaultIsExternalItemRequest, PutInputConnectionHandlersToArrayExecution, PutInputConnectionHandlersToArrayRequest, PutOutputConnectionHandlersToArrayExecution, PutOutputConnectionHandlersToArrayRequest, RESIZE_DIRECTIONS, ReassignConnectionDragHandler, ReassignConnectionFinalizeExecution, ReassignConnectionFinalizeRequest, ReassignConnectionFinalizeValidator, ReassignConnectionPreparationExecution, ReassignConnectionPreparationRequest, ReassignConnectionPreparationValidator, RedrawCanvasWithAnimationExecution, RedrawCanvasWithAnimationRequest, RedrawConnectionsExecution, RedrawConnectionsRequest, RemoveBackgroundFromStoreExecution, RemoveBackgroundFromStoreRequest, RemoveCanvasFromStoreExecution, RemoveCanvasFromStoreRequest, RemoveConnectionForCreateFromStoreExecution, RemoveConnectionForCreateFromStoreRequest, RemoveConnectionFromStoreExecution, RemoveConnectionFromStoreRequest, RemoveConnectionMarkerFromStoreExecution, RemoveConnectionMarkerFromStoreRequest, RemoveDndFromStoreExecution, RemoveDndFromStoreRequest, RemoveFlowFromStoreExecution, RemoveFlowFromStoreRequest, RemoveInputFromStoreExecution, RemoveInputFromStoreRequest, RemoveLineAlignmentFromStoreExecution, RemoveLineAlignmentFromStoreRequest, RemoveNodeFromStoreExecution, RemoveNodeFromStoreRequest, RemoveOutletFromStoreExecution, RemoveOutletFromStoreRequest, RemoveOutputFromStoreExecution, RemoveOutputFromStoreRequest, RemoveSnapConnectionFromStoreExecution, RemoveSnapConnectionFromStoreRequest, ResetScaleAndCenterExecution, ResetScaleAndCenterRequest, ResetScaleExecution, ResetScaleRequest, SELECTION_AREA_FINALIZE_PROVIDERS, SELECTION_AREA_PREPARATION_PROVIDERS, SINGLE_SELECT_PROVIDERS, SelectAllExecution, SelectAllRequest, SelectAndUpdateNodeLayerExecution, SelectAndUpdateNodeLayerRequest, SelectExecution, SelectRequest, SelectionAreaDragHandle, SelectionAreaFinalizeExecution, SelectionAreaFinalizeRequest, SelectionAreaFinalizeValidator, SelectionAreaPreparationExecution, SelectionAreaPreparationRequest, SelectionAreaPreparationValidator, SetBackgroundTransformExecution, SetBackgroundTransformRequest, SingleSelectExecution, SingleSelectRequest, SingleSelectValidator, SortItemLayersExecution, SortItemLayersRequest, SortItemsByParentExecution, SortItemsByParentRequest, SortNodeLayersExecution, SortNodeLayersRequest, StartDragSequenceExecution, StartDragSequenceRequest, UpdateItemAndChildrenLayersExecution, UpdateItemAndChildrenLayersRequest, UpdateNodeWhenStateOrSizeChangedExecution, UpdateNodeWhenStateOrSizeChangedRequest, UpdateScaleExecution, UpdateScaleRequest, createSVGElement, debounceTime, fixedCenterBehavior, fixedOutboundBehavior, floatingBehavior, getExternalItem, getMarkerEndId, getMarkerSelectedEndId, getMarkerSelectedStartId, getMarkerStartId, isExternalItem, isMobile, isNode, isNodeOutlet, isNodeOutput, mixinChangeSelection, mixinChangeVisibility, notifyOnStart, transitionEnd };
 //# sourceMappingURL=foblex-flow.mjs.map