@foblex/flow 17.0.6 → 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;
@@ -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();
     }
 }
@@ -4386,7 +4406,7 @@ let GetNormalizedParentNodeRectExecution = class GetNormalizedParentNodeRectExec
         return RectExtensions.initialize(rect.x + padding[0], rect.y + padding[1], rect.width - padding[0] - padding[2], rect.height - padding[1] - padding[3]);
     }
     _getNodeRect(fNode) {
-        return this.fMediator.send(new GetNormalizedElementRectRequest(fNode.hostElement));
+        return this.fMediator.send(new GetNormalizedElementRectRequest(fNode.hostElement, false));
     }
     getNodePadding(node, rect) {
         return this.fMediator.send(new GetNodePaddingRequest(node, rect));
@@ -4529,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);
         });
@@ -4631,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)
@@ -4664,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));
     }
 }
 
@@ -4680,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));
     }
 }
 
@@ -4769,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));
     }
 }
 
@@ -4858,7 +4878,7 @@ let GetNodeMoveRestrictionsExecution = class GetNodeMoveRestrictionsExecution {
         return { ...DEFAULT_RESTRICTIONS };
     }
     _getNodeRect(fNode) {
-        return this._fMediator.send(new GetNormalizedElementRectRequest(fNode.hostElement));
+        return this._fMediator.send(new GetNormalizedElementRectRequest(fNode.hostElement, false));
     }
     getParentNodeRect(fNode) {
         return this._fMediator.send(new GetNormalizedParentNodeRectRequest(fNode));
@@ -5044,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();
+        }
+    }
+    _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();
+    _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 });
@@ -5195,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 });
@@ -5641,7 +5683,7 @@ let GetNormalizedChildrenNodesRectExecution = class GetNormalizedChildrenNodesRe
         return this.fMediator.send(new GetDeepChildrenNodesAndGroupsRequest(fId));
     }
     normalizeRect(fNode) {
-        return this.fMediator.send(new GetNormalizedElementRectRequest(fNode.hostElement));
+        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]);
@@ -5734,7 +5776,7 @@ class NodeResizeDragHandler {
         this.fResizeHandleType = fResizeHandleType;
     }
     prepareDragSequence() {
-        this.originalRect = this.fMediator.send(new GetNormalizedElementRectRequest(this.fNode.hostElement));
+        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) => {
@@ -6075,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 });
@@ -7153,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)
             };
         });
     }
@@ -7161,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)
             };
         });
     }
@@ -8758,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 });
@@ -8874,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;
@@ -8884,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;
@@ -8901,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);
@@ -8934,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: [
@@ -9413,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, 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