@foblex/flow 17.0.5 → 17.0.7

package/fesm2022/foblex-flow.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 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 { RectExtensions, RoundedRect, TransformModelExtensions, PointExtensions, Point, SizeExtensions, LineExtensions, GetIntersections, setRectToElement, adjustRectToMinSize, findClosestAlignment, setRectToViewBox } from '@foblex/2d';
 import { __decorate } from 'tslib';
 import * as i2 from '@foblex/mediator';
 import { FExecutionRegister, FMediator, FValidatorRegister } from '@foblex/mediator';
@@ -918,18 +918,16 @@ function createSVGElement$1(tag, fBrowser) {
     return fBrowser.document.createElementNS('http://www.w3.org/2000/svg', tag);
 }
 
-class FindClosestInputUsingSnapThresholdRequest {
+class FindClosestInputRequest {
     position;
     canBeConnectedInputs;
-    snapThreshold;
-    constructor(position, canBeConnectedInputs, snapThreshold) {
+    constructor(position, canBeConnectedInputs) {
         this.position = position;
         this.canBeConnectedInputs = canBeConnectedInputs;
-        this.snapThreshold = snapThreshold;
     }
 }
 
-let FindClosestInputUsingSnapThresholdExecution = class FindClosestInputUsingSnapThresholdExecution {
+let FindClosestInputExecution = class FindClosestInputExecution {
     handle(payload) {
         let result;
         let minDistance = Infinity;
@@ -940,7 +938,10 @@ let FindClosestInputUsingSnapThresholdExecution = class FindClosestInputUsingSna
                 result = element;
             }
         }
-        return minDistance < payload.snapThreshold ? result : undefined;
+        return result ? {
+            ...result,
+            distance: minDistance,
+        } : undefined;
     }
     distanceToRectangle(point, inputWithRect) {
         const closestX = this.clamp(point.x, inputWithRect.fRect.x, inputWithRect.fRect.x + inputWithRect.fRect.width);
@@ -952,13 +953,13 @@ let FindClosestInputUsingSnapThresholdExecution = class FindClosestInputUsingSna
     clamp(value, min, max) {
         return Math.max(min, Math.min(max, value));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FindClosestInputUsingSnapThresholdExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FindClosestInputUsingSnapThresholdExecution });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FindClosestInputExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FindClosestInputExecution });
 };
-FindClosestInputUsingSnapThresholdExecution = __decorate([
-    FExecutionRegister(FindClosestInputUsingSnapThresholdRequest)
-], FindClosestInputUsingSnapThresholdExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FindClosestInputUsingSnapThresholdExecution, decorators: [{
+FindClosestInputExecution = __decorate([
+    FExecutionRegister(FindClosestInputRequest)
+], FindClosestInputExecution);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FindClosestInputExecution, decorators: [{
             type: Injectable
         }] });
 
@@ -978,8 +979,10 @@ class GetConnectorWithRectRequest {
 
 class GetNormalizedElementRectRequest {
     element;
-    constructor(element) {
+    isRoundedRect;
+    constructor(element, isRoundedRect = true) {
         this.element = element;
+        this.isRoundedRect = isRoundedRect;
     }
 }
 
@@ -990,13 +993,13 @@ let GetNormalizedElementRectExecution = class GetNormalizedElementRectExecution
         return this._fComponentsStore.fCanvas.transform;
     }
     handle(request) {
-        const systemRect = this._getElementRoundedRect(request.element);
+        const systemRect = this._getElementRoundedRect(request);
         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);
     }
-    _getElementRoundedRect(element) {
-        return this._fMediator.send(new GetElementRoundedRectRequest(element));
+    _getElementRoundedRect(request) {
+        return request.isRoundedRect ? this._fMediator.send(new GetElementRoundedRectRequest(request.element)) : RoundedRect.fromRect(RectExtensions.fromElement(request.element));
     }
     _normalizePosition(rect) {
         return Point.fromPoint(rect).elementTransform(this._fComponentsStore.flowHost).sub(this._transform.scaledPosition).sub(this._transform.position).div(this._transform.scale);
@@ -1015,17 +1018,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
         }] });
 
 let GetConnectorWithRectExecution = class GetConnectorWithRectExecution {
-    fMediator;
-    constructor(fMediator) {
-        this.fMediator = fMediator;
-    }
+    _fMediator = inject(FMediator);
     handle(request) {
         return {
             fConnector: request.connector,
-            fRect: this.fMediator.send(new GetNormalizedElementRectRequest(request.connector.hostElement))
+            fRect: this._fMediator.send(new GetNormalizedElementRectRequest(request.connector.hostElement, true))
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetConnectorWithRectExecution, deps: [{ token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetConnectorWithRectExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetConnectorWithRectExecution });
 };
 GetConnectorWithRectExecution = __decorate([
@@ -1033,7 +1033,7 @@ GetConnectorWithRectExecution = __decorate([
 ], GetConnectorWithRectExecution);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetConnectorWithRectExecution, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i2.FMediator }] });
+        }] });
 
 let GetAllCanBeConnectedInputPositionsExecution = class GetAllCanBeConnectedInputPositionsExecution {
     fComponentsStore;
@@ -1244,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";
@@ -1338,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 {
@@ -1659,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,
@@ -2690,7 +2690,7 @@ class FConnectionComponent extends FConnectionBase {
         this._fMediator.send(new RemoveConnectionFromStoreRequest(this));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FConnectionComponent, deps: [{ token: i0.ElementRef }, { token: FConnectionFactory }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.4", type: FConnectionComponent, selector: "f-connection", inputs: { fId: ["fConnectionId", "fId"], fText: "fText", fTextStartOffset: "fTextStartOffset", fStartColor: "fStartColor", fEndColor: "fEndColor", fOutputId: "fOutputId", fInputId: "fInputId", fRadius: "fRadius", fOffset: "fOffset", fBehavior: ["fBehavior", "fBehavior", (value) => castToEnum(value, 'fBehavior', EFConnectionBehavior)], fType: "fType", fDraggingDisabled: ["fReassignDisabled", "fDraggingDisabled"], fSelectionDisabled: "fSelectionDisabled" }, host: { properties: { "attr.id": "fId", "class.f-connection-selection-disabled": "fSelectionDisabled", "class.f-connection-reassign-disabled": "fDraggingDisabled" }, classAttribute: "f-component f-connection" }, providers: [{ provide: F_CONNECTION, useExisting: FConnectionComponent }], queries: [{ propertyName: "fConnectionCenters", predicate: FConnectionCenterDirective, descendants: true }], viewQueries: [{ propertyName: "fDefs", first: true, predicate: ["defs"], descendants: true, static: true }, { propertyName: "fPath", first: true, predicate: CONNECTION_PATH, descendants: true, static: true }, { propertyName: "fGradient", first: true, predicate: CONNECTION_GRADIENT, descendants: true, static: true }, { propertyName: "fDragHandle", first: true, predicate: FConnectionDragHandleComponent, descendants: true, static: true }, { propertyName: "fSelection", first: true, predicate: FConnectionSelectionComponent, descendants: true, static: true }, { propertyName: "fTextComponent", first: true, predicate: CONNECTION_TEXT, descendants: true, static: true }, { propertyName: "fConnectionCenter", first: true, predicate: ["fConnectionCenter"], descendants: true }], exportAs: ["fComponent"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<svg xmlns=\"http://www.w3.org/2000/svg\" style=\"overflow: visible; display: block; vertical-align: middle;\">\n  <defs #defs></defs>\n  <ng-content></ng-content>\n  <g class=\"f-connection-group\">\n    <linearGradient fConnectionGradient></linearGradient>\n    <path fConnectionSelection [attr.d]=\"path\"></path>\n    <g>\n      <path f-connection-path [attr.d]=\"path\"></path>\n      <circle f-connection-drag-handle r=\"8\"></circle>\n    </g>\n    <text f-connection-text></text>\n  </g>\n</svg>\n<div #fConnectionCenter class=\"f-connection-center\" *ngIf=\"fConnectionCenters.length\">\n  <ng-content select=\"[fConnectionCenter]\"></ng-content>\n</div>\n", styles: [":host{pointer-events:none;position:absolute}:host svg{overflow:visible}:host svg .f-connection-group{pointer-events:all}:host .f-connection-center{pointer-events:all}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FConnectionTextComponent, selector: "text[f-connection-text]" }, { kind: "component", type: FConnectionDragHandleComponent, selector: "circle[f-connection-drag-handle]" }, { kind: "component", type: FConnectionGradientComponent, selector: "linearGradient[fConnectionGradient]" }, { kind: "component", type: FConnectionPathComponent, selector: "path[f-connection-path]" }, { kind: "component", type: FConnectionSelectionComponent, selector: "path[fConnectionSelection]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.4", type: FConnectionComponent, selector: "f-connection", inputs: { fId: ["fConnectionId", "fId"], fText: "fText", fTextStartOffset: "fTextStartOffset", fStartColor: "fStartColor", fEndColor: "fEndColor", fOutputId: "fOutputId", fInputId: "fInputId", fRadius: "fRadius", fOffset: "fOffset", fBehavior: ["fBehavior", "fBehavior", (value) => castToEnum(value, 'fBehavior', EFConnectionBehavior)], fType: "fType", fDraggingDisabled: ["fReassignDisabled", "fDraggingDisabled", booleanAttribute], fSelectionDisabled: ["fSelectionDisabled", "fSelectionDisabled", booleanAttribute] }, host: { properties: { "attr.id": "fId", "class.f-connection-selection-disabled": "fSelectionDisabled", "class.f-connection-reassign-disabled": "fDraggingDisabled" }, classAttribute: "f-component f-connection" }, providers: [{ provide: F_CONNECTION, useExisting: FConnectionComponent }], queries: [{ propertyName: "fConnectionCenters", predicate: FConnectionCenterDirective, descendants: true }], viewQueries: [{ propertyName: "fDefs", first: true, predicate: ["defs"], descendants: true, static: true }, { propertyName: "fPath", first: true, predicate: CONNECTION_PATH, descendants: true, static: true }, { propertyName: "fGradient", first: true, predicate: CONNECTION_GRADIENT, descendants: true, static: true }, { propertyName: "fDragHandle", first: true, predicate: FConnectionDragHandleComponent, descendants: true, static: true }, { propertyName: "fSelection", first: true, predicate: FConnectionSelectionComponent, descendants: true, static: true }, { propertyName: "fTextComponent", first: true, predicate: CONNECTION_TEXT, descendants: true, static: true }, { propertyName: "fConnectionCenter", first: true, predicate: ["fConnectionCenter"], descendants: true }], exportAs: ["fComponent"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<svg xmlns=\"http://www.w3.org/2000/svg\" style=\"overflow: visible; display: block; vertical-align: middle;\">\n  <defs #defs></defs>\n  <ng-content></ng-content>\n  <g class=\"f-connection-group\">\n    <linearGradient fConnectionGradient></linearGradient>\n    <path fConnectionSelection [attr.d]=\"path\"></path>\n    <g>\n      <path f-connection-path [attr.d]=\"path\"></path>\n      <circle f-connection-drag-handle r=\"8\"></circle>\n    </g>\n    <text f-connection-text></text>\n  </g>\n</svg>\n<div #fConnectionCenter class=\"f-connection-center\" *ngIf=\"fConnectionCenters.length\">\n  <ng-content select=\"[fConnectionCenter]\"></ng-content>\n</div>\n", styles: [":host{pointer-events:none;position:absolute}:host svg{overflow:visible}:host svg .f-connection-group{pointer-events:all}:host .f-connection-center{pointer-events:all}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FConnectionTextComponent, selector: "text[f-connection-text]" }, { kind: "component", type: FConnectionDragHandleComponent, selector: "circle[f-connection-drag-handle]" }, { kind: "component", type: FConnectionGradientComponent, selector: "linearGradient[fConnectionGradient]" }, { kind: "component", type: FConnectionPathComponent, selector: "path[f-connection-path]" }, { kind: "component", type: FConnectionSelectionComponent, selector: "path[fConnectionSelection]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FConnectionComponent, decorators: [{
             type: Component,
@@ -2726,9 +2726,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
                 type: Input
             }], fDraggingDisabled: [{
                 type: Input,
-                args: ['fReassignDisabled']
+                args: [{ alias: 'fReassignDisabled', transform: booleanAttribute }]
             }], fSelectionDisabled: [{
-                type: Input
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], fDefs: [{
                 type: ViewChild,
                 args: ['defs', { static: true }]
@@ -2942,42 +2943,39 @@ 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);
+    return {
+        point1: from ? from : payload.outputRect.gravityCenter,
+        point2: to ? to : payload.inputRect.gravityCenter
+    };
 }
 
 function fixedCenterBehavior(payload) {
-    return new Line(payload.outputRect.gravityCenter, payload.inputRect.gravityCenter);
+    return {
+        point1: payload.outputRect.gravityCenter,
+        point2: 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));
+    return {
+        point1: _getPosition(payload.outputRect, payload.outputSide === EFConnectableSide.AUTO ? EFConnectableSide.BOTTOM : payload.outputSide),
+        point2: _getPosition(payload.inputRect, payload.inputSide === EFConnectableSide.AUTO ? EFConnectableSide.TOP : payload.inputSide)
+    };
+}
+function _getPosition(rect, side) {
+    switch (side) {
+        case EFConnectableSide.TOP:
+            return { x: rect.x + rect.width / 2, y: rect.y };
+        case EFConnectableSide.BOTTOM:
+            return { x: rect.x + rect.width / 2, y: rect.y + rect.height };
+        case EFConnectableSide.LEFT:
+            return { x: rect.x, y: rect.y + rect.height / 2 };
+        case EFConnectableSide.RIGHT:
+            return { x: rect.x + rect.width, y: rect.y + rect.height / 2 };
+        default:
+            throw new Error(`Unknown side: ${side}`);
+    }
 }
-const positions = {
-    [EFConnectableSide.TOP]: (rect) => {
-        const result = new Point();
-        result.y = rect.y;
-        result.x = rect.x + rect.width / 2;
-        return result;
-    },
-    [EFConnectableSide.BOTTOM]: (rect) => {
-        const result = new Point();
-        result.y = rect.y + rect.height;
-        result.x = rect.x + rect.width / 2;
-        return result;
-    },
-    [EFConnectableSide.LEFT]: (rect) => {
-        const result = new Point();
-        result.x = rect.x;
-        result.y = rect.y + rect.height / 2;
-        return result;
-    },
-    [EFConnectableSide.RIGHT]: (rect) => {
-        const result = new Point();
-        result.x = rect.x + rect.width;
-        result.y = rect.y + rect.height / 2;
-        return result;
-    },
-};
 
 let CalculateConnectionLineByBehaviorExecution = class CalculateConnectionLineByBehaviorExecution {
     _handlers = {
@@ -3038,7 +3036,7 @@ let RedrawConnectionsExecution = class RedrawConnectionsExecution {
         connection.isSelected() ? connection.select() : null;
     }
     getLine(output, input, connection) {
-        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));
+        return this.fMediator.execute(new CalculateConnectionLineByBehaviorRequest(this.fMediator.execute(new GetNormalizedElementRectRequest(output.hostElement, true)), this.fMediator.execute(new GetNormalizedElementRectRequest(input.hostElement, true)), connection.fBehavior, output.fConnectableSide, input.fConnectableSide));
     }
     setMarkers(connection) {
         this.fMediator.send(new CreateConnectionMarkersRequest(connection));
@@ -3147,7 +3145,7 @@ const F_CONNECTION_FEATURES = [
     AddConnectionToStoreExecution,
     AddSnapConnectionToStoreExecution,
     CreateConnectionMarkersExecution,
-    FindClosestInputUsingSnapThresholdExecution,
+    FindClosestInputExecution,
     GetAllCanBeConnectedInputPositionsExecution,
     CalculateConnectionLineByBehaviorExecution,
     GetConnectorWithRectExecution,
@@ -3789,34 +3787,42 @@ class CreateConnectionDragHandler {
         this.onPointerDownPosition = onPointerDownPosition;
     }
     prepareDragSequence() {
-        if (this.fSnapConnection) {
-            this.fSnapConnection.fOutputId = this.fOutput.fId;
-            this.fSnapConnection.initialize();
-            this.canBeConnectedInputs = this.fMediator.send(new GetAllCanBeConnectedInputPositionsRequest(this.fOutput.fId));
-        }
-        this.fConnection.fOutputId = this.fOutput.fId;
-        this.fConnection.initialize();
+        this._initializeSnapConnection();
+        this._initializeConnectionForCreate();
+        this.canBeConnectedInputs = this.fMediator.send(new GetAllCanBeConnectedInputPositionsRequest(this.fOutput.fId));
         this.fOutputWithRect = this.fMediator.send(new GetConnectorWithRectRequest(this.fOutput));
         this.toConnectorRect = RoundedRect.fromRect(RectExtensions.initialize(this.onPointerDownPosition.x, this.onPointerDownPosition.y));
         this.fConnection.show();
         this.onPointerMove(PointExtensions.initialize());
     }
+    _initializeSnapConnection() {
+        if (!this.fSnapConnection) {
+            return;
+        }
+        this.fSnapConnection.fOutputId = this.fOutput.fId;
+        this.fSnapConnection.initialize();
+    }
+    _initializeConnectionForCreate() {
+        this.fConnection.fOutputId = this.fOutput.fId;
+        this.fConnection.initialize();
+    }
     onPointerMove(difference) {
-        this.drawTempConnection(this.toConnectorRect.addPoint(difference));
+        const fClosestInput = this._findClosestInput(difference);
+        this._drawConnectionForCreate(this.toConnectorRect.addPoint(difference), fClosestInput?.fConnector.fConnectableSide || EFConnectableSide.TOP);
         if (this.fSnapConnection) {
-            this.drawSnapConnection(this.getClosetInput(difference));
+            this._drawSnapConnection(this._getClosestInputForSnapConnection(fClosestInput));
         }
     }
-    drawTempConnection(fInputRect) {
-        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);
+    _drawConnectionForCreate(fInputRect, fSide) {
+        const line = this.fMediator.send(new CalculateConnectionLineByBehaviorRequest(this.fOutputWithRect.fRect, fInputRect, this.fConnection.fBehavior, this.fOutputWithRect.fConnector.fConnectableSide, fSide));
+        this.fConnection.setLine(line.point1, this.fOutputWithRect.fConnector.fConnectableSide, line.point2, fSide);
         this.fConnection.redraw();
     }
-    drawSnapConnection(fInputWithRect) {
-        if (fInputWithRect) {
-            const line = this.fMediator.send(new CalculateConnectionLineByBehaviorRequest(this.fOutputWithRect.fRect, fInputWithRect.fRect, this.fSnapConnection.fBehavior, this.fOutputWithRect.fConnector.fConnectableSide, fInputWithRect.fConnector.fConnectableSide));
+    _drawSnapConnection(fClosestInput) {
+        if (fClosestInput) {
+            const line = this.fMediator.send(new CalculateConnectionLineByBehaviorRequest(this.fOutputWithRect.fRect, fClosestInput.fRect, this.fSnapConnection.fBehavior, this.fOutputWithRect.fConnector.fConnectableSide, fClosestInput.fConnector.fConnectableSide));
             this.fSnapConnection.show();
-            this.fSnapConnection.setLine(line.point1, this.fOutputWithRect.fConnector.fConnectableSide, line.point2, fInputWithRect.fConnector.fConnectableSide);
+            this.fSnapConnection.setLine(line.point1, this.fOutputWithRect.fConnector.fConnectableSide, line.point2, fClosestInput.fConnector.fConnectableSide);
             this.fSnapConnection.redraw();
         }
         else {
@@ -3827,7 +3833,13 @@ class CreateConnectionDragHandler {
         if (!this.fSnapConnection) {
             return undefined;
         }
-        return this.fMediator.send(new FindClosestInputUsingSnapThresholdRequest(Point.fromPoint(this.toConnectorRect).add(difference), this.canBeConnectedInputs, this.fSnapConnection.fSnapThreshold));
+        return this._getClosestInputForSnapConnection(this._findClosestInput(difference));
+    }
+    _findClosestInput(difference) {
+        return this.fMediator.send(new FindClosestInputRequest(Point.fromPoint(this.toConnectorRect).add(difference), this.canBeConnectedInputs));
+    }
+    _getClosestInputForSnapConnection(fClosestInput) {
+        return fClosestInput && fClosestInput.distance < this.fSnapConnection.fSnapThreshold ? fClosestInput : undefined;
     }
     onPointerUp() {
         this.fConnection.redraw();
@@ -4168,15 +4180,19 @@ class ReassignConnectionDragHandler {
         this.fConnection = fConnection;
     }
     prepareDragSequence() {
-        if (this.fSnapConnection) {
-            this.fSnapConnection.fOutputId = this.fConnection.fOutputId;
-            this.fSnapConnection.initialize();
-            this.canBeConnectedInputs = this.fMediator.send(new GetAllCanBeConnectedInputPositionsRequest(this.fConnection.fOutputId));
-        }
+        this._initializeSnapConnection();
+        this.canBeConnectedInputs = this.fMediator.send(new GetAllCanBeConnectedInputPositionsRequest(this.fConnection.fOutputId));
         this.fOutputWithRect = this.fMediator.send(new GetConnectorWithRectRequest(this.getOutput()));
         this.fInputWithRect = this.fMediator.send(new GetConnectorWithRectRequest(this.getInput()));
         this.toConnectorRect = RoundedRect.fromRect(RectExtensions.initialize(this.fConnection.line.point2.x, this.fConnection.line.point2.y));
     }
+    _initializeSnapConnection() {
+        if (!this.fSnapConnection) {
+            return;
+        }
+        this.fSnapConnection.fOutputId = this.fConnection.fOutputId;
+        this.fSnapConnection.initialize();
+    }
     getOutput() {
         return this.fComponentsStore.fOutputs.find((x) => x.fId === this.fConnection.fOutputId);
     }
@@ -4184,24 +4200,22 @@ class ReassignConnectionDragHandler {
         return this.fComponentsStore.fInputs.find((x) => x.fId === this.fConnection.fInputId);
     }
     onPointerMove(difference) {
-        this.drawConnection({
-            fRect: this.toConnectorRect.addPoint(difference),
-            fConnector: this.fInputWithRect.fConnector
-        });
+        const fClosestInput = this._findClosestInput(difference);
+        this._drawConnection(this.toConnectorRect.addPoint(difference), fClosestInput?.fConnector.fConnectableSide || this.fInputWithRect.fConnector.fConnectableSide);
         if (this.fSnapConnection) {
-            this.drawSnapConnection(this.getClosetInput(difference));
+            this._drawSnapConnection(this._getClosestInputForSnapConnection(fClosestInput));
         }
     }
-    drawConnection(fInputWithRect) {
-        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);
+    _drawConnection(fInputRect, fSide) {
+        const line = this.fMediator.send(new CalculateConnectionLineByBehaviorRequest(this.fOutputWithRect.fRect, fInputRect, this.fConnection.fBehavior, this.fOutputWithRect.fConnector.fConnectableSide, fSide));
+        this.fConnection.setLine(line.point1, this.fOutputWithRect.fConnector.fConnectableSide, line.point2, fSide);
         this.fConnection.redraw();
     }
-    drawSnapConnection(fInputWithRect) {
-        if (fInputWithRect) {
-            const line = this.fMediator.send(new CalculateConnectionLineByBehaviorRequest(this.fOutputWithRect.fRect, fInputWithRect.fRect, this.fSnapConnection.fBehavior, this.fOutputWithRect.fConnector.fConnectableSide, fInputWithRect.fConnector.fConnectableSide));
+    _drawSnapConnection(fClosestInput) {
+        if (fClosestInput) {
+            const line = this.fMediator.send(new CalculateConnectionLineByBehaviorRequest(this.fOutputWithRect.fRect, fClosestInput.fRect, this.fSnapConnection.fBehavior, this.fOutputWithRect.fConnector.fConnectableSide, fClosestInput.fConnector.fConnectableSide));
             this.fSnapConnection.show();
-            this.fSnapConnection.setLine(line.point1, this.fOutputWithRect.fConnector.fConnectableSide, line.point2, fInputWithRect.fConnector.fConnectableSide);
+            this.fSnapConnection.setLine(line.point1, this.fOutputWithRect.fConnector.fConnectableSide, line.point2, fClosestInput.fConnector.fConnectableSide);
             this.fSnapConnection.redraw();
         }
         else {
@@ -4212,10 +4226,16 @@ class ReassignConnectionDragHandler {
         if (!this.fSnapConnection) {
             return undefined;
         }
-        return this.fMediator.send(new FindClosestInputUsingSnapThresholdRequest(Point.fromPoint(this.toConnectorRect).add(difference), this.canBeConnectedInputs, this.fSnapConnection.fSnapThreshold));
+        return this._getClosestInputForSnapConnection(this._findClosestInput(difference));
+    }
+    _findClosestInput(difference) {
+        return this.fMediator.send(new FindClosestInputRequest(Point.fromPoint(this.toConnectorRect).add(difference), this.canBeConnectedInputs));
+    }
+    _getClosestInputForSnapConnection(fClosestInput) {
+        return fClosestInput && fClosestInput.distance < this.fSnapConnection.fSnapThreshold ? fClosestInput : undefined;
     }
     onPointerUp() {
-        this.drawConnection(this.fInputWithRect);
+        this._drawConnection(this.fInputWithRect.fRect, this.fInputWithRect.fConnector.fConnectableSide);
         this.fSnapConnection?.hide();
     }
 }
@@ -4355,71 +4375,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 +4401,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, false));
     }
     getNodePadding(node, rect) {
         return this.fMediator.send(new GetNodePaddingRequest(node, rect));
@@ -4466,6 +4421,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 +4438,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 +4462,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 +4549,7 @@ let IsConnectionUnderNodeExecution = class IsConnectionUnderNodeExecution {
         return connectors.map((x) => x.fId);
     }
     _calculateConnectionsUnderNode(fNode) {
-        const fNodeRect = this._fMediator.send(new GetNormalizedElementRectRequest(fNode.hostElement));
+        const fNodeRect = this._fMediator.send(new GetNormalizedElementRectRequest(fNode.hostElement, true));
         return this._fComponentsStore.fConnections.filter((x) => {
             return this._isConnectionHasIntersectionsWithNode(x, fNodeRect);
         });
@@ -4632,10 +4584,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,
@@ -4702,7 +4651,7 @@ class ConnectionBaseDragHandler {
     connectorNotFoundPrefix(message) {
         return `ConnectionDragHandler Error: Connection From (fOutput)${this.connection.fOutputId} To (fInput)${this.connection.fInputId}. ${message}. Please ensure that all f-connections are associated with existing connectors`;
     }
-    getDifference(difference, restrictions) {
+    getRestrictedDifference(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)
@@ -4735,7 +4684,7 @@ class ConnectionDragHandler extends ConnectionBaseDragHandler {
         this.redrawConnection(this.getNewLineValue(difference));
     }
     getNewLineValue(difference) {
-        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));
+        return this.fMediator.execute(new CalculateConnectionLineByBehaviorRequest(RoundedRect.fromRoundedRect(this.fOutputWithRect.fRect).addPoint(this.getRestrictedDifference({ ...difference }, this.sourceRestrictions)), RoundedRect.fromRoundedRect(this.fInputWithRect.fRect).addPoint(this.getRestrictedDifference({ ...difference }, this.targetRestrictions)), this.connection.fBehavior, this.fOutputWithRect.fConnector.fConnectableSide, this.fInputWithRect.fConnector.fConnectableSide));
     }
 }
 
@@ -4751,7 +4700,7 @@ class ConnectionTargetDragHandler extends ConnectionBaseDragHandler {
         this.redrawConnection(this.getNewLineValue(difference));
     }
     getNewLineValue(difference) {
-        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));
+        return this.fMediator.execute(new CalculateConnectionLineByBehaviorRequest(this.fOutputWithRect.fRect, RoundedRect.fromRoundedRect(this.fInputWithRect.fRect).addPoint(this.getRestrictedDifference({ ...difference }, { min: this.minDistance, max: this.maxDistance })), this.connection.fBehavior, this.fOutputWithRect.fConnector.fConnectableSide, this.fInputWithRect.fConnector.fConnectableSide));
     }
 }
 
@@ -4840,7 +4789,7 @@ class ConnectionSourceDragHandler extends ConnectionBaseDragHandler {
         this.redrawConnection(this.getNewLineValue(difference));
     }
     getNewLineValue(difference) {
-        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));
+        return this.fMediator.execute(new CalculateConnectionLineByBehaviorRequest(RoundedRect.fromRoundedRect(this.fOutputWithRect.fRect).addPoint(this.getRestrictedDifference({ ...difference }, { min: this.minDistance, max: this.maxDistance })), this.fInputWithRect.fRect, this.connection.fBehavior, this.fOutputWithRect.fConnector.fConnectableSide, this.fInputWithRect.fConnector.fConnectableSide));
     }
 }
 
@@ -4916,14 +4865,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 +4877,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, false));
     }
     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 +4891,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 +4906,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 +4971,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 +5007,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 +5044,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,
@@ -5105,40 +5064,55 @@ class NodeDragToParentDragHandler {
     fComponentsStore;
     fDraggableDataContext;
     notDraggedNodesRects;
-    get transform() {
+    DEBOUNCE_TIME = 15;
+    get _transform() {
         return this.fComponentsStore.fCanvas.transform;
     }
-    onPointerDownPosition = PointExtensions.initialize();
+    _onPointerDownPosition = PointExtensions.initialize();
+    _debounceTimer = null;
     fNodeWithRect = null;
     constructor(fComponentsStore, fDraggableDataContext, notDraggedNodesRects) {
         this.fComponentsStore = fComponentsStore;
         this.fDraggableDataContext = fDraggableDataContext;
         this.notDraggedNodesRects = notDraggedNodesRects;
-        this.onPointerDownPosition = this.fDraggableDataContext.onPointerDownPosition;
+        this._onPointerDownPosition = this.fDraggableDataContext.onPointerDownPosition;
     }
-    onPointerMove(difference) {
-        let point = Point.fromPoint(this.onPointerDownPosition).add(difference).mult(this.transform.scale);
-        const isInclude = this.notDraggedNodesRects.findIndex((x) => RectExtensions.isIncludePoint(x.rect, point));
-        if (isInclude !== -1) {
-            this.markIncludeNode(this.notDraggedNodesRects[isInclude]);
+    _toggleParentNode(difference) {
+        const isInclude = this._isNodeInsideAnotherNode(this._getNewPosition(difference));
+        if (isInclude) {
+            this._markIncludeNode(isInclude);
         }
         else {
-            this.unmarkIncludeNode();
+            this._unmarkIncludeNode();
         }
     }
-    markIncludeNode(nodeWithRect) {
-        this.unmarkIncludeNode();
+    _getNewPosition(difference) {
+        return Point.fromPoint(this._onPointerDownPosition).add(difference).mult(this._transform.scale);
+    }
+    _isNodeInsideAnotherNode(point) {
+        return this.notDraggedNodesRects.find((x) => RectExtensions.isIncludePoint(x.rect, point));
+    }
+    onPointerMove(difference) {
+        if (this._debounceTimer) {
+            clearTimeout(this._debounceTimer);
+        }
+        this._debounceTimer = setTimeout(() => this._toggleParentNode(difference), this.DEBOUNCE_TIME);
+    }
+    _markIncludeNode(nodeWithRect) {
+        this._unmarkIncludeNode();
         this.fNodeWithRect = nodeWithRect;
         nodeWithRect.node.setClass('f-parent-for-drop');
     }
-    unmarkIncludeNode() {
-        if (this.fNodeWithRect) {
-            this.fNodeWithRect.node.removeClass('f-parent-for-drop');
-        }
+    _unmarkIncludeNode() {
+        this.fNodeWithRect?.node.removeClass('f-parent-for-drop');
         this.fNodeWithRect = null;
     }
     onPointerUp() {
-        this.unmarkIncludeNode();
+        this._unmarkIncludeNode();
+        if (this._debounceTimer) {
+            clearTimeout(this._debounceTimer);
+            this._debounceTimer = null;
+        }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: NodeDragToParentDragHandler, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.4", type: NodeDragToParentDragHandler, ngImport: i0 });
@@ -5256,23 +5230,30 @@ let NodeDragToParentPreparationExecution = class NodeDragToParentPreparationExec
         if (!fNode) {
             throw new Error('Node not found');
         }
-        this.fDraggableDataContext.draggableItems.push(new NodeDragToParentDragHandler(this.fComponentsStore, this.fDraggableDataContext, this.getNotDraggedNodesRects()));
+        this.fDraggableDataContext.draggableItems.push(new NodeDragToParentDragHandler(this.fComponentsStore, this.fDraggableDataContext, this._getNotDraggedNodesRects()));
     }
-    getNotDraggedNodesRects() {
-        return this.getNotDraggedNodes(this.getDraggedNodes()).map((x) => {
-            const rect = this.fMediator.send(new GetNormalizedElementRectRequest(x.hostElement));
+    _getNotDraggedNodesRects() {
+        const draggedNodes = this._addParentNodes(this._getNodesBeingDragged());
+        return this._getNotDraggedNodes(draggedNodes).map((x) => {
+            const rect = this.fMediator.send(new GetNormalizedElementRectRequest(x.hostElement, false));
             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)
             };
         });
     }
-    getDraggedNodes() {
+    _getNodesBeingDragged() {
         return this.fDraggableDataContext.draggableItems
             .filter((x) => x instanceof NodeDragHandler)
             .map((x) => x.fNode);
     }
-    getNotDraggedNodes(draggedNodes) {
+    _addParentNodes(fNodes) {
+        return fNodes.reduce((result, x) => {
+            result.push(x, ...this.fMediator.send(new GetParentNodesRequest(x)));
+            return result;
+        }, []);
+    }
+    _getNotDraggedNodes(draggedNodes) {
         return this.fNodes.filter((x) => !draggedNodes.includes(x));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: NodeDragToParentPreparationExecution, deps: [{ token: i2.FMediator }, { token: FDraggableDataContext }, { token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable });
@@ -5316,56 +5297,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 +5353,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 +5383,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 +5398,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) {
+        return this._applyLineAlignmentDifference(difference, this._getLineAlignmentDifference(difference));
     }
-    getDifferenceWithLineAlignment(difference) {
-        const intersection = this.fDraggableDataContext.fLineAlignment?.findNearestCoordinate(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 +5449,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 +5682,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, false));
     }
     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 +5776,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, false));
         this.restrictions = this.fMediator.send(new GetNodeResizeRestrictionsRequest(this.fNode, this.originalRect));
         if (this.restrictions.childRect) {
             this.childRestrictions = (rect, restrictionsRect) => {
@@ -6135,7 +6117,7 @@ let ExternalItemFinalizeExecution = class ExternalItemFinalizeExecution {
         return elements.length ? this.flowHost.contains(elements[0]) : false;
     }
     getRectInCanvas() {
-        return this.fMediator.send(new GetNormalizedElementRectRequest(this.dragHandler.placeholder));
+        return this.fMediator.send(new GetNormalizedElementRectRequest(this.dragHandler.placeholder, false));
     }
     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 +6414,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 +6474,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 +6502,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 }]
@@ -7207,7 +7195,7 @@ let GetCanBeSelectedItemsExecution = class GetCanBeSelectedItemsExecution {
         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)
+                rect: RectExtensions.mult(this._fMediator.send(new GetNormalizedElementRectRequest(x.hostElement, false)), this.transform.scale)
             };
         });
     }
@@ -7215,7 +7203,7 @@ let GetCanBeSelectedItemsExecution = class GetCanBeSelectedItemsExecution {
         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)
+                rect: RectExtensions.mult(this._fMediator.send(new GetNormalizedElementRectRequest(x.boundingElement, false)), this.transform.scale)
             };
         });
     }
@@ -8079,6 +8067,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
             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 {
 }
 
@@ -8156,7 +8180,9 @@ const F_NODE_FEATURES = [
     AddNodeToStoreExecution,
     CalculateNodesBoundingBoxExecution,
     CalculateNodesBoundingBoxNormalizedPositionExecution,
+    GetNodePaddingExecution,
     GetNodesExecution,
+    GetParentNodesExecution,
     UpdateNodeWhenStateOrSizeChangedExecution,
     RemoveNodeFromStoreExecution
 ];
@@ -8774,110 +8800,6 @@ class LineService {
     }
 }
 
-/**
- * A class to find the nearest coordinate.
- */
-class NearestCoordinateFinder {
-    alignThreshold;
-    elements;
-    target;
-    /**
-     * Constructor to initialize the NearestCoordinateFinder.
-     * @param elements - The array of IRect elements.
-     * @param target - The target IRect element.
-     * @param alignThreshold - The threshold to align the elements.
-     */
-    constructor(elements, target, alignThreshold = 10) {
-        this.alignThreshold = alignThreshold;
-        this.elements = elements;
-        this.target = target;
-    }
-    /**
-     * Finds the nearest coordinate on a specified axis.
-     * @returns The nearest coordinate and its distance.
-     */
-    findNearestCoordinateByX() {
-        let nearest;
-        let minDistance;
-        for (const element of this.elements) {
-            const distanceLeftLeft = this.target.x - element.x;
-            const distanceLeftRight = this.target.x - (element.x + element.width);
-            const distanceCenterCenter = this.target.gravityCenter.x - element.gravityCenter.x;
-            const distanceRightLeft = (this.target.x + this.target.width) - element.x;
-            const distanceRightRight = (this.target.x + this.target.width) - (element.x + element.width);
-            if (Math.abs(distanceLeftLeft) <= this.alignThreshold ||
-                Math.abs(distanceLeftRight) <= this.alignThreshold ||
-                Math.abs(distanceCenterCenter) <= this.alignThreshold ||
-                Math.abs(distanceRightLeft) <= this.alignThreshold ||
-                Math.abs(distanceRightRight) <= this.alignThreshold) {
-                if (minDistance === undefined || Math.abs(distanceCenterCenter) < Math.abs(minDistance)) {
-                    minDistance = distanceCenterCenter;
-                    nearest = element.gravityCenter.x;
-                }
-                if (Math.abs(distanceLeftLeft) < Math.abs(minDistance)) {
-                    minDistance = distanceLeftLeft;
-                    nearest = element.x;
-                }
-                if (Math.abs(distanceRightRight) < Math.abs(minDistance)) {
-                    minDistance = distanceRightRight;
-                    nearest = element.x + element.width;
-                }
-                if (Math.abs(distanceLeftRight) < Math.abs(minDistance)) {
-                    minDistance = distanceLeftRight;
-                    nearest = element.x + element.width;
-                }
-                if (Math.abs(distanceRightLeft) < Math.abs(minDistance)) {
-                    minDistance = distanceRightLeft;
-                    nearest = element.x;
-                }
-            }
-        }
-        return { value: nearest, distance: minDistance };
-    }
-    /**
-     * Finds the nearest coordinate on a specified axis.
-     * @returns The nearest coordinate and its distance.
-     */
-    findNearestCoordinateByY() {
-        let nearest;
-        let minDistance;
-        for (const element of this.elements) {
-            const distanceTopTop = this.target.y - element.y;
-            const distanceTopBottom = this.target.y - (element.y + element.height);
-            const distanceCenterCenter = this.target.gravityCenter.y - element.gravityCenter.y;
-            const distanceBottomTop = (this.target.y + this.target.height) - element.y;
-            const distanceBottomBottom = (this.target.y + this.target.height) - (element.y + element.height);
-            if (Math.abs(distanceTopTop) <= this.alignThreshold ||
-                Math.abs(distanceTopBottom) <= this.alignThreshold ||
-                Math.abs(distanceCenterCenter) <= this.alignThreshold ||
-                Math.abs(distanceBottomTop) <= this.alignThreshold ||
-                Math.abs(distanceBottomBottom) <= this.alignThreshold) {
-                if (minDistance === undefined || Math.abs(distanceCenterCenter) < Math.abs(minDistance)) {
-                    minDistance = distanceCenterCenter;
-                    nearest = element.gravityCenter.y;
-                }
-                if (Math.abs(distanceTopTop) < Math.abs(minDistance)) {
-                    minDistance = distanceTopTop;
-                    nearest = element.y;
-                }
-                if (Math.abs(distanceBottomBottom) < Math.abs(minDistance)) {
-                    minDistance = distanceBottomBottom;
-                    nearest = element.y + element.height;
-                }
-                if (Math.abs(distanceTopBottom) < Math.abs(minDistance)) {
-                    minDistance = distanceTopBottom;
-                    nearest = element.y + element.height;
-                }
-                if (Math.abs(distanceBottomTop) < Math.abs(minDistance)) {
-                    minDistance = distanceBottomTop;
-                    nearest = element.y;
-                }
-            }
-        }
-        return { value: nearest, distance: minDistance };
-    }
-}
-
 const F_LINE_ALIGNMENT = new InjectionToken('F_LINE_ALIGNMENT');
 class FLineAlignmentBase {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FLineAlignmentBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
@@ -8890,6 +8812,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
 class FLineAlignmentComponent extends FLineAlignmentBase {
     elementReference;
     fDraggableDataContext;
+    DEBOUNCE_TIME = 10;
     fAlignThreshold = 10;
     get hostElement() {
         return this.elementReference.nativeElement;
@@ -8900,12 +8823,10 @@ class FLineAlignmentComponent extends FLineAlignmentBase {
     rects = [];
     _fMediator = inject(FMediator);
     _fCanvas;
+    _debounceTimer = null;
     get _transform() {
         return this._fCanvas.transform;
     }
-    get _fFlowHostElement() {
-        return this._fMediator.send(new GetFlowHostElementRequest());
-    }
     constructor(elementReference, fDraggableDataContext, fBrowser) {
         super();
         this.elementReference = elementReference;
@@ -8917,21 +8838,24 @@ class FLineAlignmentComponent extends FLineAlignmentBase {
         this.fDraggableDataContext.fLineAlignment = this;
     }
     initialize(allNodes, currentNodes) {
-        this.size = this._fFlowHostElement.getBoundingClientRect();
+        this.size = this._fMediator.send(new GetFlowHostElementRequest()).getBoundingClientRect();
         this.rects = [];
         const draggedNodeRects = currentNodes.map((x) => {
-            return this._fMediator.send(new GetNormalizedElementRectRequest(x.hostElement));
+            return this._fMediator.execute(new GetNormalizedElementRectRequest(x.hostElement, false));
         });
         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 GetNormalizedElementRectRequest(x.hostElement));
+            return this._fMediator.execute(new GetNormalizedElementRectRequest(x.hostElement, false));
         });
     }
     handle(difference) {
-        this.drawIntersectingLines(difference);
+        if (this._debounceTimer) {
+            clearTimeout(this._debounceTimer);
+        }
+        this._debounceTimer = setTimeout(() => this.drawIntersectingLines(difference), this.DEBOUNCE_TIME);
     }
     drawIntersectingLines(difference) {
         const intersect = this.findNearestCoordinate(difference);
@@ -8950,12 +8874,15 @@ class FLineAlignmentComponent extends FLineAlignmentBase {
     }
     findNearestCoordinate(difference) {
         const rect = RectExtensions.addPoint(this.draggedNodeRect, difference);
-        const finder = new NearestCoordinateFinder(this.rects, rect, this.fAlignThreshold);
-        return { xResult: finder.findNearestCoordinateByX(), yResult: finder.findNearestCoordinateByY() };
+        return findClosestAlignment(this.rects, rect, this.fAlignThreshold);
     }
     complete() {
         this.lineService.hideVerticalLine();
         this.lineService.hideHorizontalLine();
+        if (this._debounceTimer) {
+            clearTimeout(this._debounceTimer);
+            this._debounceTimer = null;
+        }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FLineAlignmentComponent, deps: [{ token: i0.ElementRef }, { token: FDraggableDataContext }, { token: i1.BrowserService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: FLineAlignmentComponent, selector: "f-line-alignment", inputs: { fAlignThreshold: "fAlignThreshold" }, host: { classAttribute: "f-line-alignment f-component" }, providers: [
@@ -9429,5 +9356,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, CalculateConnectionLineByBehaviorExecution, CalculateConnectionLineByBehaviorRequest, CalculateConnectorConnectableSideHandler, CalculateConnectorConnectableSideRequest, CalculateFlowPointFromMinimapPointExecution, CalculateFlowPointFromMinimapPointRequest, CalculateNodesBoundingBoxExecution, CalculateNodesBoundingBoxNormalizedPositionExecution, CalculateNodesBoundingBoxNormalizedPositionRequest, CalculateNodesBoundingBoxRequest, CanvasDragHandler, CanvasMoveFinalizeExecution, CanvasMoveFinalizeRequest, CanvasMoveFinalizeValidator, CanvasMovePreparationExecution, CanvasMovePreparationRequest, CanvasMovePreparationValidator, CenterGroupOrNodeExecution, CenterGroupOrNodeRequest, ClearSelectionExecution, ClearSelectionRequest, ConnectionBaseDragHandler, ConnectionDragHandler, ConnectionSourceDragHandler, ConnectionTargetDragHandler, CreateConnectionDragHandler, CreateConnectionDragHandlerExecution, CreateConnectionDragHandlerRequest, CreateConnectionFinalizeExecution, CreateConnectionFinalizeRequest, CreateConnectionFinalizeValidator, CreateConnectionFromOutletPreparationExecution, CreateConnectionFromOutletPreparationRequest, CreateConnectionFromOutputPreparationExecution, CreateConnectionFromOutputPreparationRequest, CreateConnectionFromOutputPreparationValidator, CreateConnectionMarkersExecution, CreateConnectionMarkersRequest, CreateConnectionPreparationExecution, CreateConnectionPreparationRequest, CreateConnectionPreparationValidator, CreateMoveNodesDragModelFromSelectionExecution, CreateMoveNodesDragModelFromSelectionRequest, DRAG_AND_DROP_COMMON_PROVIDERS, EFConnectableSide, EFConnectionBehavior, EFConnectionType, EFMarkerType, EFResizeHandleType, EXTERNAL_ITEM_FINALIZE_PROVIDERS, EXTERNAL_ITEM_PREPARATION_PROVIDERS, EmitSelectionChangeEventExecution, EmitSelectionChangeEventRequest, EndDragSequenceExecution, EndDragSequenceRequest, ExternalItemDragHandler, ExternalItemFinalizeExecution, ExternalItemFinalizeRequest, ExternalItemFinalizeValidator, ExternalItemPreparationExecution, ExternalItemPreparationRequest, ExternalItemPreparationValidator, FBackgroundBase, FBackgroundComponent, FBezierPathBuilder, FCanvasBase, FCanvasChangeEvent, FCanvasComponent, FChannel, FChannelHub, FCirclePatternComponent, FComponentsStore, FConnectionBase, FConnectionCenterDirective, FConnectionComponent, FConnectionDragHandleComponent, FConnectionFactory, FConnectionForCreateComponent, FConnectionGradientComponent, FConnectionPathComponent, FConnectionSelectionComponent, FConnectionTextComponent, FConnectionTextPathDirective, FConnectorBase, FCreateConnectionEvent, FCreateNodeEvent, FDragHandleDirective, FDraggableBase, FDraggableDataContext, FDraggableDirective, FDropToGroupEvent, FExternalItemBase, FExternalItemDirective, FExternalItemService, FFlowBase, FFlowComponent, FFlowModule, FGroupDirective, FLineAlignmentBase, FLineAlignmentComponent, FMarkerBase, FMarkerDirective, FMinimapCanvasDirective, FMinimapComponent, FMinimapData, FMinimapDragHandler, FMinimapFlowDirective, FMinimapViewDirective, FNodeBase, FNodeDirective, FNodeInputBase, FNodeInputDirective, FNodeIntersectedWithConnections, FNodeOutletBase, FNodeOutletDirective, FNodeOutputBase, FNodeOutputDirective, FReassignConnectionEvent, FRectPatternComponent, FResizeChannel, FResizeHandleDirective, FRotateHandleDirective, FSegmentPathBuilder, FSelectionAreaBase, FSelectionAreaComponent, FSelectionChangeEvent, FSnapConnectionComponent, FStraightPathBuilder, FZoomBase, FZoomDirective, F_BACKGROUND, F_BACKGROUND_FEATURES, F_BACKGROUND_PATTERN, F_BACKGROUND_PROVIDERS, F_CANVAS, F_CANVAS_FEATURES, F_CANVAS_PROVIDERS, F_CONNECTION_BUILDERS, F_CONNECTION_DRAG_HANDLE_CLASS, F_CONNECTION_FEATURES, F_CONNECTION_IDENTIFIERS, F_CONNECTION_PROVIDERS, F_CONNECTORS_FEATURES, F_CONNECTORS_PROVIDERS, F_DRAGGABLE_FEATURES, F_DRAGGABLE_PROVIDERS, F_DRAG_AND_DROP_PLUGIN, F_DRAG_HANDLE, F_EXTERNAL_ITEM, F_EXTERNAL_ITEM_DRAG_AND_DROP_PROVIDERS, F_EXTERNAL_ITEM_PROVIDERS, F_FLOW, F_FLOW_FEATURES, F_FLOW_PROVIDERS, F_LINE_ALIGNMENT, F_LINE_ALIGNMENT_FEATURES, F_LINE_ALIGNMENT_PROVIDERS, F_MARKER, F_MINIMAP_DRAG_AND_DROP_PROVIDERS, F_MINIMAP_PROVIDERS, F_NODE, F_NODE_FEATURES, F_NODE_INPUT, F_NODE_OUTLET, F_NODE_OUTPUT, F_NODE_PROVIDERS, F_RESIZE_HANDLE, F_SELECTED_CLASS, F_SELECTION_AREA_DRAG_AND_DROP_PROVIDERS, F_SELECTION_AREA_PROVIDERS, F_SELECTION_FEATURES, F_STORAGE_PROVIDERS, F_ZOOM, F_ZOOM_PROVIDERS, FindClosestInputUsingSnapThresholdExecution, FindClosestInputUsingSnapThresholdRequest, FitToFlowExecution, FitToFlowRequest, GET_FLOW_STATE_PROVIDERS, GetAllCanBeConnectedInputPositionsExecution, GetAllCanBeConnectedInputPositionsRequest, GetCanBeConnectedOutputByOutletExecution, GetCanBeConnectedOutputByOutletRequest, GetCanBeConnectedOutputByOutletValidator, GetCanBeSelectedItemsExecution, GetCanBeSelectedItemsRequest, GetCanvasExecution, GetCanvasRequest, GetConnectorWithRectExecution, GetConnectorWithRectRequest, GetCurrentSelectionExecution, GetCurrentSelectionRequest, GetDeepChildrenNodesAndGroupsExecution, GetDeepChildrenNodesAndGroupsRequest, GetElementRoundedRectExecution, GetElementRoundedRectRequest, GetFlowExecution, GetFlowHostElementExecution, GetFlowHostElementRequest, GetFlowRequest, GetFlowStateConnectionsExecution, GetFlowStateConnectionsRequest, GetFlowStateExecution, GetFlowStateNodesExecution, GetFlowStateNodesRequest, GetFlowStateRequest, GetInputUnderPointerExecution, GetInputUnderPointerRequest, GetInputUnderPointerValidator, GetNodeMoveRestrictionsExecution, GetNodeMoveRestrictionsRequest, GetNodePaddingExecution, GetNodePaddingRequest, GetNodeResizeRestrictionsExecution, GetNodeResizeRestrictionsRequest, GetNodesExecution, GetNodesRequest, GetNormalizedChildrenNodesRectExecution, GetNormalizedChildrenNodesRectRequest, GetNormalizedElementRectExecution, GetNormalizedElementRectRequest, GetNormalizedNodeRectExecution, GetNormalizedNodeRectRequest, GetNormalizedParentNodeRectExecution, GetNormalizedParentNodeRectRequest, GetNormalizedPointExecution, GetNormalizedPointRequest, GetParentNodesExecution, GetParentNodesRequest, InitializeDragSequenceExecution, InitializeDragSequenceRequest, InputCanvasPositionExecution, InputCanvasPositionRequest, InputCanvasScaleExecution, InputCanvasScaleRequest, IsArrayHasParentNodeExecution, IsArrayHasParentNodeRequest, IsConnectionUnderNodeExecution, IsConnectionUnderNodeRequest, IsConnectionUnderNodeValidator, IsDragStartedExecution, IsDragStartedRequest, LineElement, LineService, ListenCountChangesExecution, ListenCountChangesRequest, ListenDataChangesExecution, ListenDataChangesRequest, ListenTransformChangesExecution, ListenTransformChangesRequest, MINIMAP_DRAG_FINALIZE_PROVIDERS, MINIMAP_DRAG_PREPARATION_PROVIDERS, MinimapCalculateSvgScaleAndViewBoxExecution, MinimapCalculateSvgScaleAndViewBoxRequest, MinimapCalculateViewBoxExecution, MinimapCalculateViewBoxRequest, MinimapDragFinalizeExecution, MinimapDragFinalizeRequest, MinimapDragFinalizeValidator, MinimapDragPreparationExecution, MinimapDragPreparationRequest, MinimapDragPreparationValidator, MinimapDrawNodesExecution, MinimapDrawNodesRequest, MoveFrontElementsBeforeTargetElementExecution, MoveFrontElementsBeforeTargetElementRequest, NODE_DRAG_TO_PARENT_FINALIZE_PROVIDERS, NODE_DRAG_TO_PARENT_PREPARATION_PROVIDERS, NODE_MOVE_FINALIZE_PROVIDERS, NODE_MOVE_PREPARATION_PROVIDERS, NODE_PROVIDERS, NODE_RESIZE_FINALIZE_PROVIDERS, NODE_RESIZE_PREPARATION_PROVIDERS, NODE_RESIZE_PROVIDERS, NearestCoordinateFinder, NodeDragHandler, NodeDragToParentDragHandler, NodeDragToParentFinalizeExecution, NodeDragToParentFinalizeRequest, NodeDragToParentFinalizeValidator, NodeDragToParentPreparationExecution, NodeDragToParentPreparationRequest, NodeDragToParentPreparationValidator, NodeMoveFinalizeExecution, NodeMoveFinalizeRequest, NodeMoveFinalizeValidator, NodeMovePreparationExecution, NodeMovePreparationRequest, NodeMovePreparationValidator, NodeResizeByChildDragHandler, NodeResizeDragHandler, NodeResizeFinalizeExecution, NodeResizeFinalizeRequest, NodeResizeFinalizeValidator, NodeResizePreparationExecution, NodeResizePreparationRequest, NodeResizePreparationValidator, NotifyDataChangedExecution, NotifyDataChangedRequest, NotifyTransformChangedExecution, NotifyTransformChangedRequest, OnPointerMoveExecution, OnPointerMoveRequest, PrepareDragSequenceExecution, PrepareDragSequenceRequest, PreventDefaultIsExternalItemExecution, PreventDefaultIsExternalItemRequest, PutInputConnectionHandlersToArrayExecution, PutInputConnectionHandlersToArrayRequest, PutOutputConnectionHandlersToArrayExecution, PutOutputConnectionHandlersToArrayRequest, RESIZE_DIRECTIONS, ReassignConnectionDragHandler, ReassignConnectionFinalizeExecution, ReassignConnectionFinalizeRequest, ReassignConnectionFinalizeValidator, ReassignConnectionPreparationExecution, ReassignConnectionPreparationRequest, ReassignConnectionPreparationValidator, RedrawCanvasWithAnimationExecution, RedrawCanvasWithAnimationRequest, RedrawConnectionsExecution, RedrawConnectionsRequest, RemoveBackgroundFromStoreExecution, RemoveBackgroundFromStoreRequest, RemoveCanvasFromStoreExecution, RemoveCanvasFromStoreRequest, RemoveConnectionForCreateFromStoreExecution, RemoveConnectionForCreateFromStoreRequest, RemoveConnectionFromStoreExecution, RemoveConnectionFromStoreRequest, RemoveConnectionMarkerFromStoreExecution, RemoveConnectionMarkerFromStoreRequest, RemoveDndFromStoreExecution, RemoveDndFromStoreRequest, RemoveFlowFromStoreExecution, RemoveFlowFromStoreRequest, RemoveInputFromStoreExecution, RemoveInputFromStoreRequest, RemoveLineAlignmentFromStoreExecution, RemoveLineAlignmentFromStoreRequest, RemoveNodeFromStoreExecution, RemoveNodeFromStoreRequest, RemoveOutletFromStoreExecution, RemoveOutletFromStoreRequest, RemoveOutputFromStoreExecution, RemoveOutputFromStoreRequest, RemoveSnapConnectionFromStoreExecution, RemoveSnapConnectionFromStoreRequest, ResetScaleAndCenterExecution, ResetScaleAndCenterRequest, ResetScaleExecution, ResetScaleRequest, SELECTION_AREA_FINALIZE_PROVIDERS, SELECTION_AREA_PREPARATION_PROVIDERS, SINGLE_SELECT_PROVIDERS, SelectAllExecution, SelectAllRequest, SelectAndUpdateNodeLayerExecution, SelectAndUpdateNodeLayerRequest, SelectExecution, SelectRequest, SelectionAreaDragHandle, SelectionAreaFinalizeExecution, SelectionAreaFinalizeRequest, SelectionAreaFinalizeValidator, SelectionAreaPreparationExecution, SelectionAreaPreparationRequest, SelectionAreaPreparationValidator, SetBackgroundTransformExecution, SetBackgroundTransformRequest, SingleSelectExecution, SingleSelectRequest, SingleSelectValidator, SortItemLayersExecution, SortItemLayersRequest, SortItemsByParentExecution, SortItemsByParentRequest, SortNodeLayersExecution, SortNodeLayersRequest, StartDragSequenceExecution, StartDragSequenceRequest, UpdateItemAndChildrenLayersExecution, UpdateItemAndChildrenLayersRequest, UpdateNodeWhenStateOrSizeChangedExecution, UpdateNodeWhenStateOrSizeChangedRequest, UpdateScaleExecution, UpdateScaleRequest, createSVGElement, debounceTime, fixedCenterBehavior, fixedOutboundBehavior, floatingBehavior, getExternalItem, getMarkerEndId, getMarkerSelectedEndId, getMarkerSelectedStartId, getMarkerStartId, isExternalItem, isMobile, isNode, isNodeOutlet, isNodeOutput, mixinChangeSelection, mixinChangeVisibility, notifyOnStart, transitionEnd };
+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, FindClosestInputExecution, FindClosestInputRequest, 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, 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