@foblex/flow 17.0.4 → 17.0.6

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;
@@ -1258,30 +1244,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
             type: Directive
         }] });
 
-function isNode(element) {
-    return !!element.closest('[fNode]');
-}
-
-const F_DRAG_HANDLE = new InjectionToken('F_DRAG_HANDLE');
-class FDragHandleDirective {
-    _elementReference = inject(ElementRef);
-    get hostElement() {
-        return this._elementReference.nativeElement;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FDragHandleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.4", type: FDragHandleDirective, selector: "[fDragHandle]", host: { classAttribute: "f-drag-handle f-component" }, providers: [{ provide: F_DRAG_HANDLE, useExisting: FDragHandleDirective }], ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FDragHandleDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: "[fDragHandle]",
-                    host: {
-                        class: "f-drag-handle f-component"
-                    },
-                    providers: [{ provide: F_DRAG_HANDLE, useExisting: FDragHandleDirective }],
-                }]
-        }] });
-
 var EFResizeHandleType;
 (function (EFResizeHandleType) {
     EFResizeHandleType["LEFT_TOP"] = "left-top";
@@ -1352,6 +1314,26 @@ class FRotateHandleDirective {
     }
 }
 
+const F_DRAG_HANDLE = new InjectionToken('F_DRAG_HANDLE');
+class FDragHandleDirective {
+    _elementReference = inject(ElementRef);
+    get hostElement() {
+        return this._elementReference.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FDragHandleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.4", type: FDragHandleDirective, selector: "[fDragHandle]", host: { classAttribute: "f-drag-handle f-component" }, providers: [{ provide: F_DRAG_HANDLE, useExisting: FDragHandleDirective }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FDragHandleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[fDragHandle]",
+                    host: {
+                        class: "f-drag-handle f-component"
+                    },
+                    providers: [{ provide: F_DRAG_HANDLE, useExisting: FDragHandleDirective }],
+                }]
+        }] });
+
 const F_SELECTED_CLASS = 'f-selected';
 function mixinChangeSelection(base) {
     return class extends base {
@@ -1673,6 +1655,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
                 type: Input
             }] } });
 
+function isNode(element) {
+    return !!element.closest('[fNode]');
+}
+
 const F_NODE_PROVIDERS = [
     FGroupDirective,
     FNodeDirective,
@@ -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();
@@ -4355,71 +4355,6 @@ const CONNECTIONS_PROVIDERS = [
     ReassignConnectionPreparationValidator,
 ];
 
-class GetNodePaddingRequest {
-    fNode;
-    rect;
-    constructor(fNode, rect) {
-        this.fNode = fNode;
-        this.rect = rect;
-    }
-}
-
-let GetNodePaddingExecution = class GetNodePaddingExecution {
-    fBrowser;
-    constructor(fBrowser) {
-        this.fBrowser = fBrowser;
-    }
-    handle(request) {
-        return request.fNode.fIncludePadding ? this.getPaddingData(request.fNode, request.rect) : [0, 0, 0, 0];
-    }
-    getPaddingData(node, rect) {
-        const style = this.fBrowser.window.getComputedStyle(node.hostElement);
-        return [
-            this.fBrowser.toPixels(style.paddingLeft, rect.width, rect.height, style.fontSize),
-            this.fBrowser.toPixels(style.paddingTop, rect.width, rect.height, style.fontSize),
-            this.fBrowser.toPixels(style.paddingRight, rect.width, rect.height, style.fontSize),
-            this.fBrowser.toPixels(style.paddingBottom, rect.width, rect.height, style.fontSize)
-        ];
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetNodePaddingExecution, deps: [{ token: i1.BrowserService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetNodePaddingExecution });
-};
-GetNodePaddingExecution = __decorate([
-    FExecutionRegister(GetNodePaddingRequest)
-], GetNodePaddingExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetNodePaddingExecution, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i1.BrowserService }] });
-
-class GetNormalizedNodeRectRequest {
-    fNode;
-    constructor(fNode) {
-        this.fNode = fNode;
-    }
-}
-
-let GetNormalizedNodeRectExecution = class GetNormalizedNodeRectExecution {
-    fComponentsStore;
-    constructor(fComponentsStore) {
-        this.fComponentsStore = fComponentsStore;
-    }
-    handle(request) {
-        return this.normalizeRect(RectExtensions.fromElement(request.fNode.hostElement), request.fNode.position);
-    }
-    normalizeRect(scaledRect, position) {
-        const rect = RectExtensions.div(scaledRect, this.fComponentsStore.fCanvas.transform.scale);
-        return RectExtensions.initialize(position.x, position.y, rect.width, rect.height);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetNormalizedNodeRectExecution, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetNormalizedNodeRectExecution });
-};
-GetNormalizedNodeRectExecution = __decorate([
-    FExecutionRegister(GetNormalizedNodeRectRequest)
-], GetNormalizedNodeRectExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetNormalizedNodeRectExecution, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: FComponentsStore }] });
-
 class GetNormalizedParentNodeRectRequest {
     fNode;
     constructor(fNode) {
@@ -4446,12 +4381,12 @@ let GetNormalizedParentNodeRectExecution = class GetNormalizedParentNodeRectExec
         return this.fComponentsStore.fNodes.find((x) => x.fId === fId);
     }
     getParentRect(node) {
-        const rect = this.getNormalizedNodeRect(node);
+        const rect = this._getNodeRect(node);
         const padding = this.getNodePadding(node, rect);
         return RectExtensions.initialize(rect.x + padding[0], rect.y + padding[1], rect.width - padding[0] - padding[2], rect.height - padding[1] - padding[3]);
     }
-    getNormalizedNodeRect(node) {
-        return this.fMediator.send(new GetNormalizedNodeRectRequest(node));
+    _getNodeRect(fNode) {
+        return this.fMediator.send(new GetNormalizedElementRectRequest(fNode.hostElement));
     }
     getNodePadding(node, rect) {
         return this.fMediator.send(new GetNodePaddingRequest(node, rect));
@@ -4466,6 +4401,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
             type: Injectable
         }], ctorParameters: () => [{ type: FComponentsStore }, { type: i2.FMediator }] });
 
+class IsArrayHasParentNodeRequest {
+    fNode;
+    fNodes;
+    constructor(fNode, fNodes) {
+        this.fNode = fNode;
+        this.fNodes = fNodes;
+    }
+}
+
 class GetParentNodesRequest {
     fNode;
     constructor(fNode) {
@@ -4474,26 +4418,23 @@ class GetParentNodesRequest {
 }
 
 let GetParentNodesExecution = class GetParentNodesExecution {
-    fComponentsStore;
-    constructor(fComponentsStore) {
-        this.fComponentsStore = fComponentsStore;
-    }
+    _fComponentsStore = inject(FComponentsStore);
     handle(request) {
-        return this.getParentNodes(request.fNode, new Set(), []);
+        return this._getParentNodes(request.fNode, new Set(), []);
     }
-    getParentNodes(fNode, visited, result) {
+    _getParentNodes(fNode, visited, result) {
         if (visited.has(fNode.fId)) {
             throw new Error('Circular reference detected in the node hierarchy. Node id: ' + fNode.fId);
         }
         visited.add(fNode.fId);
-        const parent = this.fComponentsStore.fNodes.find((x) => x.fId === fNode.fParentId);
+        const parent = this._fComponentsStore.fNodes.find((x) => x.fId === fNode.fParentId);
         if (!parent) {
             return result;
         }
         result.push(parent);
-        return this.getParentNodes(parent, visited, result);
+        return this._getParentNodes(parent, visited, result);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetParentNodesExecution, deps: [{ token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetParentNodesExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetParentNodesExecution });
 };
 GetParentNodesExecution = __decorate([
@@ -4501,16 +4442,7 @@ GetParentNodesExecution = __decorate([
 ], GetParentNodesExecution);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetParentNodesExecution, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: FComponentsStore }] });
-
-class IsArrayHasParentNodeRequest {
-    fNode;
-    fNodes;
-    constructor(fNode, fNodes) {
-        this.fNode = fNode;
-        this.fNodes = fNodes;
-    }
-}
+        }] });
 
 let IsArrayHasParentNodeExecution = class IsArrayHasParentNodeExecution {
     fMediator;
@@ -4597,7 +4529,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);
         });
@@ -4632,10 +4564,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
         }] });
 
 const DRAG_AND_DROP_COMMON_PROVIDERS = [
-    GetNodePaddingExecution,
-    GetNormalizedNodeRectExecution,
     GetNormalizedParentNodeRectExecution,
-    GetParentNodesExecution,
     IsArrayHasParentNodeExecution,
     IsConnectionUnderNodeExecution,
     IsConnectionUnderNodeValidator,
@@ -4735,7 +4664,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 +4680,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 +4769,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));
     }
 }
 
@@ -4916,14 +4845,11 @@ class GetNodeMoveRestrictionsRequest {
 }
 
 let GetNodeMoveRestrictionsExecution = class GetNodeMoveRestrictionsExecution {
-    fMediator;
-    constructor(fMediator) {
-        this.fMediator = fMediator;
-    }
+    _fMediator = inject(FMediator);
     handle(request) {
         if (request.fNode.fParentId && !request.hasParentNodeInSelected) {
             const fParentNodeRect = this.getParentNodeRect(request.fNode);
-            const fCurrentNodeRect = this.getCurrentNodeRect(request.fNode);
+            const fCurrentNodeRect = this._getNodeRect(request.fNode);
             return {
                 min: PointExtensions.initialize(fParentNodeRect.x - fCurrentNodeRect.x, fParentNodeRect.y - fCurrentNodeRect.y),
                 max: PointExtensions.initialize((fParentNodeRect.x + fParentNodeRect.width) - (fCurrentNodeRect.x + fCurrentNodeRect.width), (fParentNodeRect.y + fParentNodeRect.height) - (fCurrentNodeRect.y + fCurrentNodeRect.height))
@@ -4931,13 +4857,13 @@ let GetNodeMoveRestrictionsExecution = class GetNodeMoveRestrictionsExecution {
         }
         return { ...DEFAULT_RESTRICTIONS };
     }
-    getCurrentNodeRect(fNode) {
-        return this.fMediator.send(new GetNormalizedNodeRectRequest(fNode));
+    _getNodeRect(fNode) {
+        return this._fMediator.send(new GetNormalizedElementRectRequest(fNode.hostElement));
     }
     getParentNodeRect(fNode) {
-        return this.fMediator.send(new GetNormalizedParentNodeRectRequest(fNode));
+        return this._fMediator.send(new GetNormalizedParentNodeRectRequest(fNode));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetNodeMoveRestrictionsExecution, deps: [{ token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetNodeMoveRestrictionsExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetNodeMoveRestrictionsExecution });
 };
 GetNodeMoveRestrictionsExecution = __decorate([
@@ -4945,7 +4871,7 @@ GetNodeMoveRestrictionsExecution = __decorate([
 ], GetNodeMoveRestrictionsExecution);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetNodeMoveRestrictionsExecution, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i2.FMediator }] });
+        }] });
 const DEFAULT_RESTRICTIONS = {
     min: PointExtensions.initialize(-Infinity, -Infinity),
     max: PointExtensions.initialize(Infinity, Infinity)
@@ -4960,38 +4886,53 @@ class CreateMoveNodesDragModelFromSelectionRequest {
 
 class NodeDragHandler {
     fDraggableDataContext;
+    fComponentsStore;
     fNode;
     minDistance;
     maxDistance;
-    onPointerDownPosition = PointExtensions.initialize();
-    constructor(fDraggableDataContext, fNode, minDistance, maxDistance) {
+    _onPointerDownPosition = PointExtensions.initialize();
+    constructor(fDraggableDataContext, fComponentsStore, fNode, minDistance, maxDistance) {
         this.fDraggableDataContext = fDraggableDataContext;
+        this.fComponentsStore = fComponentsStore;
         this.fNode = fNode;
         this.minDistance = minDistance;
         this.maxDistance = maxDistance;
-        this.onPointerDownPosition = { ...fNode.position };
+        this._onPointerDownPosition = { ...fNode.position };
     }
     onPointerMove(difference) {
-        const restrictedDifference = this.getDifference(difference, { min: this.minDistance, max: this.maxDistance });
-        this.redrawNode(this.getNewPosition(restrictedDifference));
+        const restrictedDifference = this._getDifference(difference, { min: this.minDistance, max: this.maxDistance });
+        this._redraw(this._getPosition(restrictedDifference));
         this.fDraggableDataContext.fLineAlignment?.handle(restrictedDifference);
     }
-    getNewPosition(difference) {
-        return Point.fromPoint(this.onPointerDownPosition).add(difference);
+    _getPosition(difference) {
+        return Point.fromPoint(this._onPointerDownPosition).add(difference);
     }
-    getDifference(difference, restrictions) {
+    _getDifference(difference, restrictions) {
         return {
             x: Math.min(Math.max(difference.x, restrictions.min.x), restrictions.max.x),
             y: Math.min(Math.max(difference.y, restrictions.min.y), restrictions.max.y)
         };
     }
-    redrawNode(position) {
+    _redraw(position) {
         this.fNode.updatePosition(position);
         this.fNode.redraw();
     }
     onPointerUp() {
         this.fNode.positionChange.emit(this.fNode.position);
     }
+    getDifferenceWithCellSize(difference) {
+        const restrictedDifference = this._getDifference(difference, { min: this.minDistance, max: this.maxDistance });
+        const position = this._getPosition(restrictedDifference);
+        return Point.fromPoint(this._applyCellSize(position)).sub(this._onPointerDownPosition);
+    }
+    _applyCellSize(position) {
+        const hCellSize = this.fComponentsStore.fDraggable.hCellSize;
+        const vCellSize = this.fComponentsStore.fDraggable.vCellSize;
+        return {
+            x: Math.round(position.x / hCellSize) * hCellSize,
+            y: Math.round(position.y / vCellSize) * vCellSize
+        };
+    }
 }
 
 //TODO: Implement this class
@@ -5010,36 +4951,34 @@ class NodeResizeByChildDragHandler {
 }
 
 let CreateMoveNodesDragModelFromSelectionExecution = class CreateMoveNodesDragModelFromSelectionExecution {
-    fComponentsStore;
-    fDraggableDataContext;
-    fMediator;
-    constructor(fComponentsStore, fDraggableDataContext, fMediator) {
-        this.fComponentsStore = fComponentsStore;
-        this.fDraggableDataContext = fDraggableDataContext;
-        this.fMediator = fMediator;
-    }
+    _fMediator = inject(FMediator);
+    _fComponentsStore = inject(FComponentsStore);
+    _fDraggableDataContext = inject(FDraggableDataContext);
     handle(request) {
-        const itemsToDrag = this.getNodesWithRestrictions(this.getSelectedNodes(request.nodeWithDisabledSelection));
+        const itemsToDrag = this._getNodesWithRestrictions(this._getSelectedNodes(request.nodeWithDisabledSelection));
         return this.getDragHandlersWithConnections(this.getDragHandlersFromNodes(itemsToDrag), this.getAllOutputIds(itemsToDrag), this.getAllInputIds(itemsToDrag));
     }
-    getSelectedNodes(nodeWithDisabledSelection) {
-        const result = this.fDraggableDataContext.selectedItems
-            .map((x) => this._findNode(x.hostElement))
-            .filter((x) => !!x);
+    _getSelectedNodes(nodeWithDisabledSelection) {
+        const result = this._getNodesFromSelection();
         if (nodeWithDisabledSelection) {
             result.push(nodeWithDisabledSelection);
         }
         return result;
     }
+    _getNodesFromSelection() {
+        return this._fDraggableDataContext.selectedItems
+            .map((x) => this._findNode(x.hostElement))
+            .filter((x) => !!x);
+    }
     _findNode(hostElement) {
-        return this.fComponentsStore.fNodes.find(n => n.isContains(hostElement));
+        return this._fComponentsStore.fNodes.find(n => n.isContains(hostElement));
     }
-    getNodesWithRestrictions(selectedNodes) {
+    _getNodesWithRestrictions(nodesToDrag) {
         const result = [];
-        selectedNodes.forEach((x) => {
-            const hasParentNodeInSelected = this.fMediator.send(new IsArrayHasParentNodeRequest(x, selectedNodes));
-            const restrictions = this.fMediator.send(new GetNodeMoveRestrictionsRequest(x, hasParentNodeInSelected));
-            const parentNodes = this.fMediator.send(new GetParentNodesRequest(x));
+        nodesToDrag.forEach((x) => {
+            const hasParentNodeInSelected = this._fMediator.send(new IsArrayHasParentNodeRequest(x, nodesToDrag));
+            const restrictions = this._fMediator.send(new GetNodeMoveRestrictionsRequest(x, hasParentNodeInSelected));
+            const parentNodes = this._fMediator.send(new GetParentNodesRequest(x));
             result.push({ node: x, parentNodes, ...restrictions }, ...this.getChildrenItemsToDrag(x, restrictions));
         });
         return result;
@@ -5048,36 +4987,36 @@ let CreateMoveNodesDragModelFromSelectionExecution = class CreateMoveNodesDragMo
         return this.getChildrenNodes(node.fId).map((x) => ({ node: x, ...restrictions }));
     }
     getChildrenNodes(fId) {
-        return this.fMediator.send(new GetDeepChildrenNodesAndGroupsRequest(fId));
+        return this._fMediator.send(new GetDeepChildrenNodesAndGroupsRequest(fId));
     }
     getAllOutputIds(items) {
         return flatMap(items, (item) => this.getOutputsForNode(item.node).map((x) => x.fId));
     }
     getOutputsForNode(node) {
-        return this.fComponentsStore.fOutputs.filter((x) => node.isContains(x.hostElement));
+        return this._fComponentsStore.fOutputs.filter((x) => node.isContains(x.hostElement));
     }
     getAllInputIds(items) {
         return flatMap(items, (item) => this.getInputsForNode(item.node).map((x) => x.fId));
     }
     getInputsForNode(node) {
-        return this.fComponentsStore.fInputs.filter((x) => node.isContains(x.hostElement));
+        return this._fComponentsStore.fInputs.filter((x) => node.isContains(x.hostElement));
     }
     getDragHandlersFromNodes(items) {
         let result = [];
         items.forEach((node) => {
-            result.push(new NodeDragHandler(this.fDraggableDataContext, node.node, node.min, node.max), ...(node.parentNodes || []).map(() => new NodeResizeByChildDragHandler(this.fDraggableDataContext)));
+            result.push(new NodeDragHandler(this._fDraggableDataContext, this._fComponentsStore, node.node, node.min, node.max), ...(node.parentNodes || []).map(() => new NodeResizeByChildDragHandler(this._fDraggableDataContext)));
         });
         return result;
     }
     getDragHandlersWithConnections(handlers, outputIds, inputIds) {
         let result = handlers;
         handlers.filter((x) => x instanceof NodeDragHandler).forEach((dragHandler) => {
-            this.fMediator.send(new PutOutputConnectionHandlersToArrayRequest(dragHandler, inputIds, result));
-            this.fMediator.send(new PutInputConnectionHandlersToArrayRequest(dragHandler, outputIds, result));
+            this._fMediator.send(new PutOutputConnectionHandlersToArrayRequest(dragHandler, inputIds, result));
+            this._fMediator.send(new PutInputConnectionHandlersToArrayRequest(dragHandler, outputIds, result));
         });
         return result;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: CreateMoveNodesDragModelFromSelectionExecution, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: CreateMoveNodesDragModelFromSelectionExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: CreateMoveNodesDragModelFromSelectionExecution });
 };
 CreateMoveNodesDragModelFromSelectionExecution = __decorate([
@@ -5085,7 +5024,7 @@ CreateMoveNodesDragModelFromSelectionExecution = __decorate([
 ], CreateMoveNodesDragModelFromSelectionExecution);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: CreateMoveNodesDragModelFromSelectionExecution, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: FComponentsStore }, { type: FDraggableDataContext }, { type: i2.FMediator }] });
+        }] });
 
 const CREATE_MOVE_NODE_DRAG_MODEL_FROM_SELECTION_PROVIDERS = [
     GetNodeMoveRestrictionsExecution,
@@ -5260,7 +5199,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)
@@ -5316,56 +5255,55 @@ class NodeMovePreparationRequest {
 }
 
 let NodeMovePreparationExecution = class NodeMovePreparationExecution {
-    fComponentsStore;
-    fDraggableDataContext;
-    fMediator;
-    get transform() {
-        return this.fComponentsStore.fCanvas.transform;
-    }
-    get flowHost() {
-        return this.fComponentsStore.fFlow.hostElement;
+    _fMediator = inject(FMediator);
+    _fComponentsStore = inject(FComponentsStore);
+    _fDraggableDataContext = inject(FDraggableDataContext);
+    get _transform() {
+        return this._fComponentsStore.fCanvas.transform;
     }
-    constructor(fComponentsStore, fDraggableDataContext, fMediator) {
-        this.fComponentsStore = fComponentsStore;
-        this.fDraggableDataContext = fDraggableDataContext;
-        this.fMediator = fMediator;
+    get _fHost() {
+        return this._fComponentsStore.fFlow.hostElement;
     }
     handle(request) {
-        const node = this.getNode(request.event.targetElement);
-        if (!node) {
+        const itemsToDrag = this._calculateDraggableItems(this._getNode(request.event.targetElement));
+        this._initializeLineAlignment(itemsToDrag);
+        this._fDraggableDataContext.onPointerDownScale = this._transform.scale;
+        this._fDraggableDataContext.onPointerDownPosition = Point.fromPoint(request.event.getPosition())
+            .elementTransform(this._fHost).div(this._transform.scale);
+        this._fDraggableDataContext.draggableItems = itemsToDrag;
+    }
+    _getNode(targetElement) {
+        const result = this._fComponentsStore.fNodes.find(n => n.isContains(targetElement));
+        if (!result) {
             throw new Error('Node not found');
         }
-        let itemsToDrag = [];
-        if (!node.fSelectionDisabled) {
-            this.selectAndUpdateNodeLayer(node);
-            itemsToDrag = this.createDragModelFromSelection();
+        return result;
+    }
+    //We drag nodes from selection model
+    _calculateDraggableItems(fNode) {
+        let result = [];
+        if (!fNode.fSelectionDisabled) {
+            // Need to select node before drag
+            this._fMediator.send(new SelectAndUpdateNodeLayerRequest(fNode));
+            result = this._dragModelFromSelection();
         }
         else {
-            itemsToDrag = this.createDragModelFromSelection(node);
+            // User can drag node that can't be selected
+            result = this._dragModelFromSelection(fNode);
         }
-        this.initializeLineAlignment(this.filterNodesFromDraggableItems(itemsToDrag));
-        this.fDraggableDataContext.onPointerDownScale = this.transform.scale;
-        this.fDraggableDataContext.onPointerDownPosition = Point.fromPoint(request.event.getPosition())
-            .elementTransform(this.flowHost).div(this.transform.scale);
-        this.fDraggableDataContext.draggableItems = itemsToDrag;
-    }
-    selectAndUpdateNodeLayer(node) {
-        this.fMediator.send(new SelectAndUpdateNodeLayerRequest(node));
-    }
-    getNode(targetElement) {
-        return this.fComponentsStore.fNodes.find(n => n.isContains(targetElement));
+        return result;
     }
-    createDragModelFromSelection(nodeWithDisabledSelection) {
-        return this.fMediator.send(new CreateMoveNodesDragModelFromSelectionRequest(nodeWithDisabledSelection));
+    _dragModelFromSelection(nodeWithDisabledSelection) {
+        return this._fMediator.send(new CreateMoveNodesDragModelFromSelectionRequest(nodeWithDisabledSelection));
     }
-    initializeLineAlignment(nodesToDrag) {
-        this.fDraggableDataContext.fLineAlignment?.initialize(this.fComponentsStore.fNodes, nodesToDrag);
+    _initializeLineAlignment(itemsToDrag) {
+        this._fDraggableDataContext.fLineAlignment?.initialize(this._fComponentsStore.fNodes, this._filterNodesFromDraggableItems(itemsToDrag));
     }
-    filterNodesFromDraggableItems(items) {
+    _filterNodesFromDraggableItems(items) {
         return items.filter((x) => x instanceof NodeDragHandler)
             .map(x => x.fNode);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: NodeMovePreparationExecution, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: NodeMovePreparationExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: NodeMovePreparationExecution });
 };
 NodeMovePreparationExecution = __decorate([
@@ -5373,33 +5311,29 @@ NodeMovePreparationExecution = __decorate([
 ], NodeMovePreparationExecution);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: NodeMovePreparationExecution, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: FComponentsStore }, { type: FDraggableDataContext }, { type: i2.FMediator }] });
+        }] });
 
 let NodeMovePreparationValidator = class NodeMovePreparationValidator {
-    fComponentsStore;
-    fDraggableDataContext;
-    constructor(fComponentsStore, fDraggableDataContext) {
-        this.fComponentsStore = fComponentsStore;
-        this.fDraggableDataContext = fDraggableDataContext;
-    }
+    _fComponentsStore = inject(FComponentsStore);
+    _fDraggableDataContext = inject(FDraggableDataContext);
     handle(request) {
-        return this.isDragHandlesEmpty()
-            && this.isDragHandleElement(request.event.targetElement)
-            && this.isNodeCanBeDragged(this.getNode(request.event.targetElement));
+        return this._isDragHandlesEmpty()
+            && this._isDragHandleElement(request.event.targetElement)
+            && this._isNodeCanBeDragged(this._getNode(request.event.targetElement));
     }
-    isDragHandlesEmpty() {
-        return !this.fDraggableDataContext.draggableItems.length;
+    _isDragHandlesEmpty() {
+        return !this._fDraggableDataContext.draggableItems.length;
     }
-    getNode(targetElement) {
-        return this.fComponentsStore.fNodes.find(n => n.isContains(targetElement));
+    _isDragHandleElement(element) {
+        return isClosestElementHasClass(element, '.f-drag-handle');
     }
-    isNodeCanBeDragged(node) {
-        return !!node && !node.fDraggingDisabled;
+    _isNodeCanBeDragged(fNode) {
+        return !!fNode && !fNode.fDraggingDisabled;
     }
-    isDragHandleElement(targetElement) {
-        return isClosestElementHasClass(targetElement, '.f-drag-handle');
+    _getNode(element) {
+        return this._fComponentsStore.fNodes.find(x => x.isContains(element));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: NodeMovePreparationValidator, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: NodeMovePreparationValidator, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: NodeMovePreparationValidator });
 };
 NodeMovePreparationValidator = __decorate([
@@ -5407,7 +5341,7 @@ NodeMovePreparationValidator = __decorate([
 ], NodeMovePreparationValidator);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: NodeMovePreparationValidator, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: FComponentsStore }, { type: FDraggableDataContext }] });
+        }] });
 
 const NODE_MOVE_PREPARATION_PROVIDERS = [
     NodeMovePreparationExecution,
@@ -5422,44 +5356,50 @@ class NodeMoveFinalizeRequest {
 }
 
 let NodeMoveFinalizeExecution = class NodeMoveFinalizeExecution {
-    fComponentsStore;
-    fDraggableDataContext;
-    fMediator;
-    get flowHost() {
-        return this.fComponentsStore.fFlow.hostElement;
-    }
-    constructor(fComponentsStore, fDraggableDataContext, fMediator) {
-        this.fComponentsStore = fComponentsStore;
-        this.fDraggableDataContext = fDraggableDataContext;
-        this.fMediator = fMediator;
+    _fMediator = inject(FMediator);
+    _fComponentsStore = inject(FComponentsStore);
+    _fDraggableDataContext = inject(FDraggableDataContext);
+    get _fHost() {
+        return this._fComponentsStore.fFlow.hostElement;
     }
     handle(request) {
-        const difference = this.getDifferenceWithLineAlignment(this.getDifferenceBetweenPreparationAndFinalize(request.event.getPosition()));
-        this.getItems().forEach((x) => {
+        const difference = this._getDifferenceWithLineAlignment(this._getDifferenceBetweenPreparationAndFinalize(request.event.getPosition()));
+        const firstNodeOrGroup = this._fDraggableDataContext.draggableItems
+            .find((x) => x instanceof NodeDragHandler);
+        const differenceWithCellSize = firstNodeOrGroup.getDifferenceWithCellSize(difference);
+        this._finalizeMove(differenceWithCellSize);
+        this._fMediator.send(new IsConnectionUnderNodeRequest());
+        this._fDraggableDataContext.fLineAlignment?.complete();
+    }
+    _finalizeMove(difference) {
+        this._getItems().forEach((x) => {
             x.onPointerMove({ ...difference });
             x.onPointerUp?.();
         });
-        this.fMediator.send(new IsConnectionUnderNodeRequest());
-        this.fDraggableDataContext.fLineAlignment?.complete();
     }
-    getItems() {
-        return this.fDraggableDataContext.draggableItems
+    _getItems() {
+        return this._fDraggableDataContext.draggableItems
             .filter((x) => !(x instanceof NodeDragToParentDragHandler));
     }
-    getDifferenceBetweenPreparationAndFinalize(position) {
-        return Point.fromPoint(position).elementTransform(this.flowHost)
-            .div(this.fDraggableDataContext.onPointerDownScale)
-            .sub(this.fDraggableDataContext.onPointerDownPosition);
+    _getDifferenceBetweenPreparationAndFinalize(position) {
+        return Point.fromPoint(position).elementTransform(this._fHost)
+            .div(this._fDraggableDataContext.onPointerDownScale)
+            .sub(this._fDraggableDataContext.onPointerDownPosition);
     }
-    getDifferenceWithLineAlignment(difference) {
-        const intersection = this.fDraggableDataContext.fLineAlignment?.findNearestCoordinate(difference);
+    _getDifferenceWithLineAlignment(difference) {
+        return this._applyLineAlignmentDifference(difference, this._getLineAlignmentDifference(difference));
+    }
+    _getLineAlignmentDifference(difference) {
+        return this._fDraggableDataContext.fLineAlignment?.findNearestCoordinate(difference);
+    }
+    _applyLineAlignmentDifference(difference, intersection) {
         if (intersection) {
             difference.x = intersection.xResult.value ? (difference.x - intersection.xResult.distance) : difference.x;
             difference.y = intersection.yResult.value ? (difference.y - intersection.yResult.distance) : difference.y;
         }
         return difference;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: NodeMoveFinalizeExecution, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: NodeMoveFinalizeExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: NodeMoveFinalizeExecution });
 };
 NodeMoveFinalizeExecution = __decorate([
@@ -5467,7 +5407,7 @@ NodeMoveFinalizeExecution = __decorate([
 ], NodeMoveFinalizeExecution);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: NodeMoveFinalizeExecution, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: FComponentsStore }, { type: FDraggableDataContext }, { type: i2.FMediator }] });
+        }] });
 
 let NodeMoveFinalizeValidator = class NodeMoveFinalizeValidator {
     fDraggableDataContext;
@@ -5700,8 +5640,8 @@ let GetNormalizedChildrenNodesRectExecution = class GetNormalizedChildrenNodesRe
     getChildrenNodes(fId) {
         return this.fMediator.send(new GetDeepChildrenNodesAndGroupsRequest(fId));
     }
-    normalizeRect(node) {
-        return this.fMediator.send(new GetNormalizedNodeRectRequest(node));
+    normalizeRect(fNode) {
+        return this.fMediator.send(new GetNormalizedElementRectRequest(fNode.hostElement));
     }
     concatRectWithParentPadding(rect, padding) {
         return RectExtensions.initialize(rect.x - padding[0], rect.y - padding[1], rect.width + padding[0] + padding[2], rect.height + +padding[1] + padding[3]);
@@ -5794,7 +5734,7 @@ class NodeResizeDragHandler {
         this.fResizeHandleType = fResizeHandleType;
     }
     prepareDragSequence() {
-        this.originalRect = this.fMediator.send(new GetNormalizedNodeRectRequest(this.fNode));
+        this.originalRect = this.fMediator.send(new GetNormalizedElementRectRequest(this.fNode.hostElement));
         this.restrictions = this.fMediator.send(new GetNodeResizeRestrictionsRequest(this.fNode, this.originalRect));
         if (this.restrictions.childRect) {
             this.childRestrictions = (rect, restrictionsRect) => {
@@ -6135,7 +6075,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 });
@@ -6432,6 +6372,8 @@ class FDraggableDirective extends FDraggableBase {
     fReassignConnection = new EventEmitter();
     fCreateConnection = new EventEmitter();
     fDropToGroup = new EventEmitter();
+    vCellSize = 1;
+    hCellSize = 1;
     plugins;
     constructor(ngZone, _fBrowser) {
         super(ngZone);
@@ -6490,7 +6432,7 @@ class FDraggableDirective extends FDraggableBase {
         super.unsubscribe();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FDraggableDirective, deps: [{ token: NgZone, optional: true }, { token: i1.BrowserService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.4", type: FDraggableDirective, selector: "f-flow[fDraggable]", inputs: { disabled: ["fDraggableDisabled", "disabled"] }, outputs: { fSelectionChange: "fSelectionChange", fNodeIntersectedWithConnections: "fNodeIntersectedWithConnections", fCreateNode: "fCreateNode", fReassignConnection: "fReassignConnection", fCreateConnection: "fCreateConnection", fDropToGroup: "fDropToGroup" }, queries: [{ propertyName: "plugins", predicate: F_DRAG_AND_DROP_PLUGIN, descendants: true }], exportAs: ["fDraggable"], usesInheritance: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.4", type: FDraggableDirective, selector: "f-flow[fDraggable]", inputs: { disabled: ["fDraggableDisabled", "disabled"], vCellSize: "vCellSize", hCellSize: "hCellSize" }, outputs: { fSelectionChange: "fSelectionChange", fNodeIntersectedWithConnections: "fNodeIntersectedWithConnections", fCreateNode: "fCreateNode", fReassignConnection: "fReassignConnection", fCreateConnection: "fCreateConnection", fDropToGroup: "fDropToGroup" }, queries: [{ propertyName: "plugins", predicate: F_DRAG_AND_DROP_PLUGIN, descendants: true }], exportAs: ["fDraggable"], usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FDraggableDirective, decorators: [{
             type: Directive,
@@ -6518,6 +6460,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
                 type: Output
             }], fDropToGroup: [{
                 type: Output
+            }], vCellSize: [{
+                type: Input
+            }], hCellSize: [{
+                type: Input
             }], plugins: [{
                 type: ContentChildren,
                 args: [F_DRAG_AND_DROP_PLUGIN, { descendants: true }]
@@ -6525,9 +6471,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 +6889,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 +6907,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 +6918,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 +7125,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);
+        });
+    }
+    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)
+            };
         });
-        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 });
+    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 +7500,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 +7518,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 +7761,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 +7902,7 @@ const F_FLOW_FEATURES = [
     AddFlowToStoreExecution,
     GetFlowExecution,
     GetFlowHostElementExecution,
+    ...GET_FLOW_STATE_PROVIDERS,
     RemoveFlowFromStoreExecution
 ];
 
@@ -7853,7 +7982,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 +7999,68 @@ 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 GetNodePaddingRequest {
+    fNode;
+    rect;
+    constructor(fNode, rect) {
+        this.fNode = fNode;
+        this.rect = rect;
+    }
+}
+
+let GetNodePaddingExecution = class GetNodePaddingExecution {
+    fBrowser;
+    constructor(fBrowser) {
+        this.fBrowser = fBrowser;
+    }
+    handle(request) {
+        return request.fNode.fIncludePadding ? this.getPaddingData(request.fNode, request.rect) : [0, 0, 0, 0];
+    }
+    getPaddingData(node, rect) {
+        const style = this.fBrowser.window.getComputedStyle(node.hostElement);
+        return [
+            this.fBrowser.toPixels(style.paddingLeft, rect.width, rect.height, style.fontSize),
+            this.fBrowser.toPixels(style.paddingTop, rect.width, rect.height, style.fontSize),
+            this.fBrowser.toPixels(style.paddingRight, rect.width, rect.height, style.fontSize),
+            this.fBrowser.toPixels(style.paddingBottom, rect.width, rect.height, style.fontSize)
+        ];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetNodePaddingExecution, deps: [{ token: i1.BrowserService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetNodePaddingExecution });
+};
+GetNodePaddingExecution = __decorate([
+    FExecutionRegister(GetNodePaddingRequest)
+], GetNodePaddingExecution);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetNodePaddingExecution, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i1.BrowserService }] });
+
 class GetNodesRequest {
 }
 
@@ -7944,240 +8137,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
 const F_NODE_FEATURES = [
     AddNodeToStoreExecution,
     CalculateNodesBoundingBoxExecution,
+    CalculateNodesBoundingBoxNormalizedPositionExecution,
+    GetNodePaddingExecution,
     GetNodesExecution,
+    GetParentNodesExecution,
     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 +8331,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 +8904,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 +9158,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 +9413,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, 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