@foblex/flow 17.2.1 → 17.3.0

package/fesm2022/foblex-flow.mjs

@@ -2214,22 +2214,16 @@ class FConnectionPathComponent {
         this.hostElement.setAttribute('marker-end', `url(#${getMarkerEndId(this.base.fId)})`);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FConnectionPathComponent, deps: [{ token: i0.ElementRef }, { token: F_CONNECTION }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: FConnectionPathComponent, selector: "path[f-connection-path]", host: { properties: { "attr.id": "attrConnectionId", "attr.data-f-path-id": "fPathId", "attr.stroke": "linkToGradient" }, classAttribute: "f-component f-connection-path" }, providers: [{ provide: CONNECTION_PATH, useExisting: FConnectionPathComponent }], ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: FConnectionPathComponent, selector: "path[f-connection-path]", host: { properties: { "attr.id": "attrConnectionId", "attr.data-f-path-id": "fPathId", "attr.stroke": "linkToGradient" }, classAttribute: "f-component f-connection-path" }, providers: [{ provide: CONNECTION_PATH, useExisting: FConnectionPathComponent }], ngImport: i0, template: '', isInline: true, styles: [":host{fill:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FConnectionPathComponent, decorators: [{
             type: Component,
-            args: [{
-                    selector: "path[f-connection-path]",
-                    template: '',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    host: {
+            args: [{ selector: "path[f-connection-path]", template: '', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: "f-component f-connection-path",
                         '[attr.id]': 'attrConnectionId',
                         '[attr.data-f-path-id]': 'fPathId',
                         '[attr.stroke]': 'linkToGradient',
-                    },
-                    providers: [{ provide: CONNECTION_PATH, useExisting: FConnectionPathComponent }],
-                }]
+                    }, providers: [{ provide: CONNECTION_PATH, useExisting: FConnectionPathComponent }], styles: [":host{fill:none}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [F_CONNECTION]
@@ -2252,19 +2246,14 @@ class FConnectionSelectionComponent {
         this.hostElement.setAttribute("d", `${path}`);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FConnectionSelectionComponent, deps: [{ token: i0.ElementRef }, { token: F_CONNECTION }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: FConnectionSelectionComponent, selector: "path[fConnectionSelection]", host: { properties: { "attr.id": "connectionForSelectionId" }, classAttribute: "f-component f-connection-selection" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: FConnectionSelectionComponent, selector: "path[fConnectionSelection]", host: { properties: { "attr.id": "connectionForSelectionId" }, classAttribute: "f-component f-connection-selection" }, ngImport: i0, template: '', isInline: true, styles: [":host{fill:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FConnectionSelectionComponent, decorators: [{
             type: Component,
-            args: [{
-                    selector: "path[fConnectionSelection]",
-                    template: '',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    host: {
+            args: [{ selector: "path[fConnectionSelection]", template: '', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: "f-component f-connection-selection",
                         '[attr.id]': 'connectionForSelectionId',
-                    },
-                }]
+                    }, styles: [":host{fill:none}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [F_CONNECTION]
@@ -3481,6 +3470,176 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
 class EmitSelectionChangeEventRequest {
 }
 
+class GetNormalizedParentNodeRectRequest {
+    fNode;
+    constructor(fNode) {
+        this.fNode = fNode;
+    }
+}
+
+let GetNormalizedParentNodeRectExecution = class GetNormalizedParentNodeRectExecution {
+    fComponentsStore;
+    fMediator;
+    constructor(fComponentsStore, fMediator) {
+        this.fComponentsStore = fComponentsStore;
+        this.fMediator = fMediator;
+    }
+    handle(request) {
+        let result = RectExtensions.initialize(-Infinity, -Infinity, Infinity, Infinity);
+        const parentNode = this.getNode(request.fNode.fParentId);
+        if (parentNode) {
+            result = this.getParentRect(parentNode);
+        }
+        return result;
+    }
+    getNode(fId) {
+        return this.fComponentsStore.fNodes.find((x) => x.fId === fId);
+    }
+    getParentRect(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]);
+    }
+    _getNodeRect(fNode) {
+        return this.fMediator.execute(new GetNormalizedElementRectRequest(fNode.hostElement, false));
+    }
+    getNodePadding(node, rect) {
+        return this.fMediator.execute(new GetNodePaddingRequest(node, rect));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetNormalizedParentNodeRectExecution, deps: [{ token: FComponentsStore }, { token: i2$1.FMediator }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetNormalizedParentNodeRectExecution });
+};
+GetNormalizedParentNodeRectExecution = __decorate([
+    FExecutionRegister(GetNormalizedParentNodeRectRequest)
+], GetNormalizedParentNodeRectExecution);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetNormalizedParentNodeRectExecution, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: FComponentsStore }, { type: i2$1.FMediator }] });
+
+class IsArrayHasParentNodeRequest {
+    fParentNodes;
+    fDraggedNodes;
+    constructor(fParentNodes, fDraggedNodes) {
+        this.fParentNodes = fParentNodes;
+        this.fDraggedNodes = fDraggedNodes;
+    }
+}
+
+let IsArrayHasParentNodeExecution = class IsArrayHasParentNodeExecution {
+    handle(request) {
+        return this._isParentNodeInArray(this._getParentNodeIds(request.fParentNodes), request.fDraggedNodes);
+    }
+    _getParentNodeIds(fParentNodes) {
+        return fParentNodes.map((x) => x.fId);
+    }
+    _isParentNodeInArray(parentNodeIds, fDraggedNodes) {
+        return fDraggedNodes.some((x) => parentNodeIds.includes(x.fId));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: IsArrayHasParentNodeExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: IsArrayHasParentNodeExecution });
+};
+IsArrayHasParentNodeExecution = __decorate([
+    FExecutionRegister(IsArrayHasParentNodeRequest)
+], IsArrayHasParentNodeExecution);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: IsArrayHasParentNodeExecution, decorators: [{
+            type: Injectable
+        }] });
+
+class FNodeIntersectedWithConnections {
+    fNodeId;
+    fConnectionIds;
+    constructor(fNodeId, fConnectionIds) {
+        this.fNodeId = fNodeId;
+        this.fConnectionIds = fConnectionIds;
+    }
+}
+
+class IsConnectionUnderNodeRequest {
+    fNode;
+    constructor(fNode) {
+        this.fNode = fNode;
+    }
+}
+
+let IsConnectionUnderNodeExecution = class IsConnectionUnderNodeExecution {
+    _fMediator = inject(FMediator);
+    _fComponentsStore = inject(FComponentsStore);
+    handle(request) {
+        const fOutputConnectors = this._getOutputConnectors(request.fNode);
+        const fInputConnectors = this._getInputConnectors(request.fNode);
+        if (!fOutputConnectors.length || !fInputConnectors.length) {
+            return;
+        }
+        const fOutputConnections = this._getOutputConnectionsId(fOutputConnectors);
+        const fInputConnections = this._getInputConnectionsId(fInputConnectors);
+        const fConnectionsUnderNode = this._calculateConnectionsUnderNode(request.fNode).filter((x) => {
+            return !fOutputConnections.includes(x.fId) && !fInputConnections.includes(x.fId);
+        });
+        if (!fConnectionsUnderNode.length) {
+            return;
+        }
+        this._emitNodeIntersectedWithConnections(request.fNode, fConnectionsUnderNode);
+    }
+    _getOutputConnectors(fNode) {
+        return this._fComponentsStore.fOutputs.filter((x) => {
+            return fNode.isContains(x.hostElement) && x.canBeConnected;
+        });
+    }
+    _getInputConnectors(fNode) {
+        return this._fComponentsStore.fInputs.filter((x) => {
+            return fNode.isContains(x.hostElement) && x.canBeConnected;
+        });
+    }
+    _getOutputConnectionsId(connectors) {
+        const connectorsId = this._getConnectorsId(connectors);
+        return this._fComponentsStore.fConnections
+            .filter((x) => connectorsId.includes(x.fOutputId))
+            .map((x) => x.fId);
+    }
+    _getInputConnectionsId(connectors) {
+        const connectorsId = this._getConnectorsId(connectors);
+        return this._fComponentsStore.fConnections
+            .filter((x) => connectorsId.includes(x.fInputId))
+            .map((x) => x.fId);
+    }
+    _getConnectorsId(connectors) {
+        return connectors.map((x) => x.fId);
+    }
+    _calculateConnectionsUnderNode(fNode) {
+        const fNodeRect = this._fMediator.execute(new GetNormalizedElementRectRequest(fNode.hostElement, true));
+        return this._fComponentsStore.fConnections.filter((x) => this._isConnectionHasIntersectionsWithNode(x, fNodeRect));
+    }
+    _isConnectionHasIntersectionsWithNode(fConnection, fNodeRect) {
+        return GetIntersections.getRoundedRectIntersectionsWithSVGPath(fConnection.fPath.hostElement, fNodeRect).length > 0;
+    }
+    _emitNodeIntersectedWithConnections(fNode, fConnections) {
+        this._fComponentsStore.fDraggable?.fNodeIntersectedWithConnections.emit(new FNodeIntersectedWithConnections(fNode.fId, fConnections.map((x) => x.fId)));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: IsConnectionUnderNodeExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: IsConnectionUnderNodeExecution });
+};
+IsConnectionUnderNodeExecution = __decorate([
+    FExecutionRegister(IsConnectionUnderNodeRequest)
+], IsConnectionUnderNodeExecution);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: IsConnectionUnderNodeExecution, decorators: [{
+            type: Injectable
+        }] });
+
+class FDragStartedEvent {
+    fEventType;
+    fData;
+    constructor(fEventType, fData) {
+        this.fEventType = fEventType;
+        this.fData = fData;
+    }
+}
+
+const DRAG_AND_DROP_COMMON_PROVIDERS = [
+    GetNormalizedParentNodeRectExecution,
+    IsArrayHasParentNodeExecution,
+    IsConnectionUnderNodeExecution,
+];
+
 class FCanvasMoveFinalizeRequest {
     event;
     constructor(event) {
@@ -3570,8 +3729,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
 
 class FCanvasMovePreparationRequest {
     event;
-    constructor(event) {
+    fTrigger;
+    constructor(event, fTrigger) {
         this.event = event;
+        this.fTrigger = fTrigger;
     }
 }
 
@@ -3582,7 +3743,7 @@ let FCanvasMovePreparationExecution = class FCanvasMovePreparationExecution {
         return this._fComponentsStore.fFlow.hostElement;
     }
     handle(request) {
-        if (!this._isValid(request)) {
+        if (!this._isValid(request) || !this._isValidTrigger(request)) {
             return;
         }
         this._fDraggableDataContext.onPointerDownScale = 1;
@@ -3608,6 +3769,9 @@ let FCanvasMovePreparationExecution = class FCanvasMovePreparationExecution {
         }
         return result;
     }
+    _isValidTrigger(request) {
+        return isValidEventTrigger(request.event.originalEvent, request.fTrigger);
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FCanvasMovePreparationExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FCanvasMovePreparationExecution });
 };
@@ -3623,24 +3787,6 @@ const CANVAS_PROVIDERS = [
     FCanvasMovePreparationExecution,
 ];
 
-class FDragHandlerResult {
-    _data;
-    setData(data) {
-        this._data = { ...this._data, ...data };
-    }
-    getData() {
-        return this._data;
-    }
-    clear() {
-        this._data = undefined;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FDragHandlerResult, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FDragHandlerResult });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FDragHandlerResult, decorators: [{
-            type: Injectable
-        }] });
-
 class FCreateConnectionFinalizeRequest {
     event;
     constructor(event) {
@@ -3738,6 +3884,24 @@ class FCreateConnectionEvent {
     }
 }
 
+class FDragHandlerResult {
+    _data;
+    setData(data) {
+        this._data = { ...this._data, ...data };
+    }
+    getData() {
+        return this._data;
+    }
+    clear() {
+        this._data = undefined;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FDragHandlerResult, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FDragHandlerResult });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FDragHandlerResult, decorators: [{
+            type: Injectable
+        }] });
+
 class FCreateConnectionDragHandler {
     _fOutputOrOutlet;
     fEventType = 'create-connection';
@@ -4029,7 +4193,7 @@ let FCreateConnectionPreparationExecution = class FCreateConnectionPreparationEx
     _fDraggableDataContext = inject(FDraggableDataContext);
     _fNode;
     handle(request) {
-        if (!this._isValid(request)) {
+        if (!this._isValid(request) || !this._isValidTrigger(request)) {
             return;
         }
         if (isNodeOutlet(request.event.targetElement)) {
@@ -4050,6 +4214,9 @@ let FCreateConnectionPreparationExecution = class FCreateConnectionPreparationEx
     _isValidConditions() {
         return this._fDraggableDataContext.isEmpty() && !!this._fComponentsStore.fTempConnection;
     }
+    _isValidTrigger(request) {
+        return isValidEventTrigger(request.event.originalEvent, request.fTrigger);
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FCreateConnectionPreparationExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FCreateConnectionPreparationExecution });
 };
@@ -4256,7 +4423,7 @@ let FReassignConnectionPreparationExecution = class FReassignConnectionPreparati
         return this._fComponentsStore.fConnections;
     }
     handle(request) {
-        if (!this._isValid(request)) {
+        if (!this._isValid(request) || !this._isValidTrigger(request)) {
             return;
         }
         this._fDraggableDataContext.onPointerDownScale = this._transform.scale;
@@ -4271,6 +4438,9 @@ let FReassignConnectionPreparationExecution = class FReassignConnectionPreparati
         this._fConnection = this._getConnectionToReassign(this._getPointInFlow(request));
         return !!this._fConnection && !this._fDraggableDataContext.draggableItems.length;
     }
+    _isValidTrigger(request) {
+        return isValidEventTrigger(request.event.originalEvent, request.fTrigger);
+    }
     _getPointInFlow(request) {
         return Point.fromPoint(request.event.getPosition())
             .elementTransform(this._fHost)
@@ -4313,175 +4483,72 @@ const CONNECTIONS_PROVIDERS = [
     FReassignConnectionPreparationExecution,
 ];
 
-class GetNormalizedParentNodeRectRequest {
-    fNode;
-    constructor(fNode) {
-        this.fNode = fNode;
+class FNodeDropToGroupFinalizeRequest {
+    event;
+    constructor(event) {
+        this.event = event;
     }
 }
 
-let GetNormalizedParentNodeRectExecution = class GetNormalizedParentNodeRectExecution {
-    fComponentsStore;
-    fMediator;
-    constructor(fComponentsStore, fMediator) {
-        this.fComponentsStore = fComponentsStore;
-        this.fMediator = fMediator;
-    }
-    handle(request) {
-        let result = RectExtensions.initialize(-Infinity, -Infinity, Infinity, Infinity);
-        const parentNode = this.getNode(request.fNode.fParentId);
-        if (parentNode) {
-            result = this.getParentRect(parentNode);
-        }
-        return result;
+class FNodeDropToGroupDragHandler {
+    notDraggedNodesRects;
+    _fComponentsStore = fInject(FComponentsStore);
+    _fDraggableDataContext = fInject(FDraggableDataContext);
+    fEventType = 'move-node-to-parent';
+    _DEBOUNCE_TIME = 15;
+    get _transform() {
+        return this._fComponentsStore.fCanvas.transform;
     }
-    getNode(fId) {
-        return this.fComponentsStore.fNodes.find((x) => x.fId === fId);
-    }
-    getParentRect(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]);
-    }
-    _getNodeRect(fNode) {
-        return this.fMediator.execute(new GetNormalizedElementRectRequest(fNode.hostElement, false));
-    }
-    getNodePadding(node, rect) {
-        return this.fMediator.execute(new GetNodePaddingRequest(node, rect));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetNormalizedParentNodeRectExecution, deps: [{ token: FComponentsStore }, { token: i2$1.FMediator }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetNormalizedParentNodeRectExecution });
-};
-GetNormalizedParentNodeRectExecution = __decorate([
-    FExecutionRegister(GetNormalizedParentNodeRectRequest)
-], GetNormalizedParentNodeRectExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GetNormalizedParentNodeRectExecution, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: FComponentsStore }, { type: i2$1.FMediator }] });
-
-class IsArrayHasParentNodeRequest {
-    fParentNodes;
-    fDraggedNodes;
-    constructor(fParentNodes, fDraggedNodes) {
-        this.fParentNodes = fParentNodes;
-        this.fDraggedNodes = fDraggedNodes;
-    }
-}
-
-let IsArrayHasParentNodeExecution = class IsArrayHasParentNodeExecution {
-    handle(request) {
-        return this._isParentNodeInArray(this._getParentNodeIds(request.fParentNodes), request.fDraggedNodes);
-    }
-    _getParentNodeIds(fParentNodes) {
-        return fParentNodes.map((x) => x.fId);
-    }
-    _isParentNodeInArray(parentNodeIds, fDraggedNodes) {
-        return fDraggedNodes.some((x) => parentNodeIds.includes(x.fId));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: IsArrayHasParentNodeExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: IsArrayHasParentNodeExecution });
-};
-IsArrayHasParentNodeExecution = __decorate([
-    FExecutionRegister(IsArrayHasParentNodeRequest)
-], IsArrayHasParentNodeExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: IsArrayHasParentNodeExecution, decorators: [{
-            type: Injectable
-        }] });
-
-class FNodeIntersectedWithConnections {
-    fNodeId;
-    fConnectionIds;
-    constructor(fNodeId, fConnectionIds) {
-        this.fNodeId = fNodeId;
-        this.fConnectionIds = fConnectionIds;
-    }
-}
-
-class IsConnectionUnderNodeRequest {
-    fNode;
-    constructor(fNode) {
-        this.fNode = fNode;
+    _onPointerDownPosition = PointExtensions.initialize();
+    _debounceTimer = null;
+    fNodeWithRect = null;
+    constructor(notDraggedNodesRects) {
+        this.notDraggedNodesRects = notDraggedNodesRects;
+        this._onPointerDownPosition = this._fDraggableDataContext.onPointerDownPosition;
     }
-}
-
-let IsConnectionUnderNodeExecution = class IsConnectionUnderNodeExecution {
-    _fMediator = inject(FMediator);
-    _fComponentsStore = inject(FComponentsStore);
-    handle(request) {
-        const fOutputConnectors = this._getOutputConnectors(request.fNode);
-        const fInputConnectors = this._getInputConnectors(request.fNode);
-        if (!fOutputConnectors.length || !fInputConnectors.length) {
-            return;
+    _toggleParentNode(difference) {
+        const isInclude = this._isNodeInsideAnotherNode(this._getNewPosition(difference));
+        if (isInclude) {
+            this._markIncludeNode(isInclude);
         }
-        const fOutputConnections = this._getOutputConnectionsId(fOutputConnectors);
-        const fInputConnections = this._getInputConnectionsId(fInputConnectors);
-        const fConnectionsUnderNode = this._calculateConnectionsUnderNode(request.fNode).filter((x) => {
-            return !fOutputConnections.includes(x.fId) && !fInputConnections.includes(x.fId);
-        });
-        if (!fConnectionsUnderNode.length) {
-            return;
+        else {
+            this._unmarkIncludeNode();
         }
-        this._emitNodeIntersectedWithConnections(request.fNode, fConnectionsUnderNode);
-    }
-    _getOutputConnectors(fNode) {
-        return this._fComponentsStore.fOutputs.filter((x) => {
-            return fNode.isContains(x.hostElement) && x.canBeConnected;
-        });
-    }
-    _getInputConnectors(fNode) {
-        return this._fComponentsStore.fInputs.filter((x) => {
-            return fNode.isContains(x.hostElement) && x.canBeConnected;
-        });
     }
-    _getOutputConnectionsId(connectors) {
-        const connectorsId = this._getConnectorsId(connectors);
-        return this._fComponentsStore.fConnections
-            .filter((x) => connectorsId.includes(x.fOutputId))
-            .map((x) => x.fId);
-    }
-    _getInputConnectionsId(connectors) {
-        const connectorsId = this._getConnectorsId(connectors);
-        return this._fComponentsStore.fConnections
-            .filter((x) => connectorsId.includes(x.fInputId))
-            .map((x) => x.fId);
+    _getNewPosition(difference) {
+        return Point.fromPoint(this._onPointerDownPosition).add(difference).mult(this._transform.scale);
     }
-    _getConnectorsId(connectors) {
-        return connectors.map((x) => x.fId);
+    _isNodeInsideAnotherNode(point) {
+        return this.notDraggedNodesRects.find((x) => RectExtensions.isIncludePoint(x.rect, point));
     }
-    _calculateConnectionsUnderNode(fNode) {
-        const fNodeRect = this._fMediator.execute(new GetNormalizedElementRectRequest(fNode.hostElement, true));
-        return this._fComponentsStore.fConnections.filter((x) => this._isConnectionHasIntersectionsWithNode(x, fNodeRect));
+    onPointerMove(difference) {
+        if (this._debounceTimer) {
+            clearTimeout(this._debounceTimer);
+        }
+        this._debounceTimer = setTimeout(() => this._toggleParentNode(difference), this._DEBOUNCE_TIME);
     }
-    _isConnectionHasIntersectionsWithNode(fConnection, fNodeRect) {
-        return GetIntersections.getRoundedRectIntersectionsWithSVGPath(fConnection.fPath.hostElement, fNodeRect).length > 0;
+    _markIncludeNode(nodeWithRect) {
+        this._unmarkIncludeNode();
+        this.fNodeWithRect = nodeWithRect;
+        nodeWithRect.node.setClass('f-parent-for-drop');
     }
-    _emitNodeIntersectedWithConnections(fNode, fConnections) {
-        this._fComponentsStore.fDraggable?.fNodeIntersectedWithConnections.emit(new FNodeIntersectedWithConnections(fNode.fId, fConnections.map((x) => x.fId)));
+    _unmarkIncludeNode() {
+        this.fNodeWithRect?.node.removeClass('f-parent-for-drop');
+        this.fNodeWithRect = null;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: IsConnectionUnderNodeExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: IsConnectionUnderNodeExecution });
-};
-IsConnectionUnderNodeExecution = __decorate([
-    FExecutionRegister(IsConnectionUnderNodeRequest)
-], IsConnectionUnderNodeExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: IsConnectionUnderNodeExecution, decorators: [{
-            type: Injectable
-        }] });
-
-class FDragStartedEvent {
-    fEventType;
-    fData;
-    constructor(fEventType, fData) {
-        this.fEventType = fEventType;
-        this.fData = fData;
+    onPointerUp() {
+        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: FNodeDropToGroupDragHandler, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.4", type: FNodeDropToGroupDragHandler, ngImport: i0 });
 }
-
-const DRAG_AND_DROP_COMMON_PROVIDERS = [
-    GetNormalizedParentNodeRectExecution,
-    IsArrayHasParentNodeExecution,
-    IsConnectionUnderNodeExecution,
-];
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FNodeDropToGroupDragHandler, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [{ type: undefined }] });
 
 class BaseConnectionDragHandler {
     fConnection;
@@ -4822,7 +4889,7 @@ class CreateMoveNodesDragModelFromSelectionRequest {
     }
 }
 
-class NodeDragHandler {
+class FNodeMoveDragHandler {
     fNode;
     fSourceHandlers;
     fTargetHandlers;
@@ -4890,31 +4957,23 @@ class PointBoundsLimiter {
     }
 }
 
-// import { FMediator } from '@foblex/mediator';
-class SummaryNodeDragHandler {
+class FSummaryNodeMoveDragHandler {
     limits;
     fHandlers;
     commonRect;
     fEventType = 'move-node';
     fData;
-    // private _fMediator = fInject(FMediator);
     _fComponentStore = fInject(FComponentsStore);
     _fBoundsLimiter;
     constructor(limits, fHandlers, commonRect) {
         this.limits = limits;
         this.fHandlers = fHandlers;
         this.commonRect = commonRect;
-        //this._onPointerDownPosition = this._getDraggedNodesBoundingRect();
         this._fBoundsLimiter = new PointBoundsLimiter(this.commonRect, limits);
         this.fData = {
             fNodeIds: this.fHandlers.map((x) => x.fNode.fId)
         };
     }
-    // private _getDraggedNodesBoundingRect(): IRect {
-    //   return RectExtensions.union(this.fHandlers.map((x) => {
-    //     return this._fMediator.execute<IRect>(new GetNormalizedElementRectRequest(x.fNode.hostElement, false));
-    //   })) || RectExtensions.initialize();
-    // }
     onPointerMove(difference) {
         const adjustCellSize = this._fComponentStore.fDraggable.fCellSizeWhileDragging;
         const differenceWithRestrictions = this._fBoundsLimiter.limit(difference, adjustCellSize);
@@ -4938,7 +4997,7 @@ let CreateMoveNodesDragModelFromSelectionExecution = class CreateMoveNodesDragMo
         const fDragHandlers = this._mapToNodeDragHandlers(fNodesToDrag);
         this._setConnectionsHandlersToNodes(fDragHandlers, this._getAllOutputIds(fNodesToDrag), this._getAllInputIds(fNodesToDrag));
         const commonLimits = this._calculateCommonLimits(this._getNodesMoveLimits(fNodesToDrag, [], fDraggedNodes));
-        return new SummaryNodeDragHandler(commonLimits, fDragHandlers, this._getDraggedNodesBoundingRect(fNodesToDrag));
+        return new FSummaryNodeMoveDragHandler(commonLimits, fDragHandlers, this._getDraggedNodesBoundingRect(fNodesToDrag));
     }
     _getDraggedNodes(nodeWithDisabledSelection) {
         const result = this._getNodesFromSelection();
@@ -4995,7 +5054,7 @@ let CreateMoveNodesDragModelFromSelectionExecution = class CreateMoveNodesDragMo
             .map((x) => x.fId);
     }
     _mapToNodeDragHandlers(items) {
-        return items.map((x) => new NodeDragHandler(x));
+        return items.map((x) => new FNodeMoveDragHandler(x));
     }
     _setConnectionsHandlersToNodes(handlers, outputIds, inputIds) {
         const fConnectionHandlers = [];
@@ -5036,7 +5095,7 @@ class LineAlignmentPreparationRequest {
     }
 }
 
-class LineAlignmentDragHandler {
+class FLineAlignmentDragHandler {
     _lineService;
     _size;
     _draggedNodeRect;
@@ -5145,319 +5204,113 @@ class LineService {
         this.fHorizontalLine.draw({
             left: 0,
             top: y * transform.scale + transform.position.y + transform.scaledPosition.y,
-            width: size.width,
-            height: 1
-        });
-    }
-    hideVerticalLine() {
-        this.fVerticalLine.hide();
-    }
-    hideHorizontalLine() {
-        this.fHorizontalLine.hide();
-    }
-}
-
-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 });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.4", type: FLineAlignmentBase, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FLineAlignmentBase, decorators: [{
-            type: Directive
-        }] });
-
-class FLineAlignmentComponent extends FLineAlignmentBase {
-    fAlignThreshold = 10;
-    _fMediator = inject(FMediator);
-    _elementReference = inject(ElementRef);
-    get hostElement() {
-        return this._elementReference.nativeElement;
-    }
-    ngOnInit() {
-        this._fMediator.execute(new AddLineAlignmentToStoreRequest(this));
-    }
-    ngOnDestroy() {
-        this._fMediator.execute(new RemoveLineAlignmentFromStoreRequest());
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FLineAlignmentComponent, deps: null, 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: [
-            { provide: F_LINE_ALIGNMENT, useExisting: FLineAlignmentComponent }
-        ], exportAs: ["fComponent"], usesInheritance: true, ngImport: i0, template: "", isInline: true, styles: [":host{display:block;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}\n"] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FLineAlignmentComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "f-line-alignment", template: "", exportAs: "fComponent", host: {
-                        'class': 'f-line-alignment f-component'
-                    }, providers: [
-                        { provide: F_LINE_ALIGNMENT, useExisting: FLineAlignmentComponent }
-                    ], styles: [":host{display:block;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}\n"] }]
-        }], propDecorators: { fAlignThreshold: [{
-                type: Input
-            }] } });
-
-const F_LINE_ALIGNMENT_PROVIDERS = [
-    FLineAlignmentComponent
-];
-
-let LineAlignmentPreparationExecution = class LineAlignmentPreparationExecution {
-    _fMediator = inject(FMediator);
-    _fComponentsStore = inject(FComponentsStore);
-    _fDraggableDataContext = inject(FDraggableDataContext);
-    _fBrowser = inject(BrowserService);
-    _lineService;
-    handle(request) {
-        this._addLineAlignmentDragHandler(request.fNodes, request.commonRect);
-    }
-    _addLineAlignmentDragHandler(fNodes, commonRect) {
-        this._fDraggableDataContext.draggableItems.push(new LineAlignmentDragHandler(this._lineService || this._createLineService(), this._getFlowHostSize(), commonRect, this._getStaticNodeRects(fNodes), this._getCommonRestrictions()));
-    }
-    _getFlowHostSize() {
-        return this._fMediator.execute(new GetFlowHostElementRequest())
-            .getBoundingClientRect();
-    }
-    _createLineService() {
-        this._lineService = new LineService(this._fBrowser, this._fComponentsStore.fLineAlignment.hostElement);
-        return this._lineService;
-    }
-    _getStaticNodeRects(fNodes) {
-        return this._getStaticNodes(fNodes).map((x) => {
-            return this._fMediator.execute(new GetNormalizedElementRectRequest(x.hostElement, false));
-        });
-    }
-    _getStaticNodes(fNodes) {
-        return this._fComponentsStore.fNodes
-            .filter((x) => !fNodes.includes(x));
-    }
-    _getCommonRestrictions() {
-        return this._fDraggableDataContext.draggableItems
-            .filter((x) => x instanceof SummaryNodeDragHandler)[0].limits;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: LineAlignmentPreparationExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: LineAlignmentPreparationExecution });
-};
-LineAlignmentPreparationExecution = __decorate([
-    FExecutionRegister(LineAlignmentPreparationRequest)
-], LineAlignmentPreparationExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: LineAlignmentPreparationExecution, decorators: [{
-            type: Injectable
-        }] });
-
-class NodeDragToParentFinalizeRequest {
-    event;
-    constructor(event) {
-        this.event = event;
-    }
-}
-
-class NodeDragToParentDragHandler {
-    fComponentsStore;
-    fDraggableDataContext;
-    notDraggedNodesRects;
-    fEventType = 'move-node-to-parent';
-    DEBOUNCE_TIME = 15;
-    get _transform() {
-        return this.fComponentsStore.fCanvas.transform;
-    }
-    _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;
-    }
-    _toggleParentNode(difference) {
-        const isInclude = this._isNodeInsideAnotherNode(this._getNewPosition(difference));
-        if (isInclude) {
-            this._markIncludeNode(isInclude);
-        }
-        else {
-            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() {
-        this.fNodeWithRect?.node.removeClass('f-parent-for-drop');
-        this.fNodeWithRect = null;
-    }
-    onPointerUp() {
-        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 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: NodeDragToParentDragHandler, decorators: [{
-            type: Directive
-        }], ctorParameters: () => [{ type: FComponentsStore }, { type: FDraggableDataContext }, { type: undefined }] });
-
-class FDropToGroupEvent {
-    fTargetNode;
-    fNodes;
-    fDropPosition;
-    constructor(fTargetNode, fNodes, fDropPosition) {
-        this.fTargetNode = fTargetNode;
-        this.fNodes = fNodes;
-        this.fDropPosition = fDropPosition;
-    }
-}
-
-let NodeDragToParentFinalizeExecution = class NodeDragToParentFinalizeExecution {
-    fComponentsStore;
-    fDraggableDataContext;
-    constructor(fComponentsStore, fDraggableDataContext) {
-        this.fComponentsStore = fComponentsStore;
-        this.fDraggableDataContext = fDraggableDataContext;
-    }
-    handle(request) {
-        if (!this._isValid()) {
-            return;
-        }
-        const item = this.getDragHandleItem();
-        if (item.fNodeWithRect) {
-            this.emitDroppedChildrenEvent(item.fNodeWithRect.node.fId, request.event);
-        }
-        item.onPointerUp?.();
-    }
-    _isValid() {
-        return this.fDraggableDataContext.draggableItems
-            .some((x) => x instanceof NodeDragToParentDragHandler);
-    }
-    emitDroppedChildrenEvent(fTargetId, event) {
-        this.fComponentsStore.fDraggable?.fDropToGroup.emit(new FDropToGroupEvent(fTargetId, this.getDraggedNodeIds(), event.getPosition()));
-    }
-    getDragHandleItem() {
-        const result = this.findDragHandleItem();
-        if (!result) {
-            throw new Error('NodeDragToParentDragHandler not found');
-        }
-        return result;
+            width: size.width,
+            height: 1
+        });
     }
-    findDragHandleItem() {
-        return this.fDraggableDataContext.draggableItems
-            .find((x) => x instanceof NodeDragToParentDragHandler);
+    hideVerticalLine() {
+        this.fVerticalLine.hide();
     }
-    getDraggedNodeIds() {
-        return this.fDraggableDataContext.draggableItems
-            .find((x) => x instanceof SummaryNodeDragHandler).fHandlers
-            .map((x) => x.fNode.fId);
+    hideHorizontalLine() {
+        this.fHorizontalLine.hide();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: NodeDragToParentFinalizeExecution, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: NodeDragToParentFinalizeExecution });
-};
-NodeDragToParentFinalizeExecution = __decorate([
-    FExecutionRegister(NodeDragToParentFinalizeRequest)
-], NodeDragToParentFinalizeExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: NodeDragToParentFinalizeExecution, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: FComponentsStore }, { type: FDraggableDataContext }] });
-
-const NODE_DRAG_TO_PARENT_FINALIZE_PROVIDERS = [
-    NodeDragToParentFinalizeExecution,
-];
+}
 
-class NodeDragToParentPreparationRequest {
-    event;
-    constructor(event) {
-        this.event = event;
-    }
+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 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.4", type: FLineAlignmentBase, ngImport: i0 });
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FLineAlignmentBase, decorators: [{
+            type: Directive
+        }] });
 
-let NodeDragToParentPreparationExecution = class NodeDragToParentPreparationExecution {
-    fMediator;
-    fDraggableDataContext;
-    fComponentsStore;
-    get fNodes() {
-        return this.fComponentsStore.fNodes;
-    }
-    get transform() {
-        return this.fComponentsStore.fCanvas.transform;
+class FLineAlignmentComponent extends FLineAlignmentBase {
+    fAlignThreshold = 10;
+    _fMediator = inject(FMediator);
+    _elementReference = inject(ElementRef);
+    get hostElement() {
+        return this._elementReference.nativeElement;
     }
-    get fCanvasPosition() {
-        return PointExtensions.sum(this.transform.position, this.transform.scaledPosition);
+    ngOnInit() {
+        this._fMediator.execute(new AddLineAlignmentToStoreRequest(this));
     }
-    constructor(fMediator, fDraggableDataContext, fComponentsStore) {
-        this.fMediator = fMediator;
-        this.fDraggableDataContext = fDraggableDataContext;
-        this.fComponentsStore = fComponentsStore;
+    ngOnDestroy() {
+        this._fMediator.execute(new RemoveLineAlignmentFromStoreRequest());
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FLineAlignmentComponent, deps: null, 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: [
+            { provide: F_LINE_ALIGNMENT, useExisting: FLineAlignmentComponent }
+        ], exportAs: ["fComponent"], usesInheritance: true, ngImport: i0, template: "", isInline: true, styles: [":host{display:block;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FLineAlignmentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "f-line-alignment", template: "", exportAs: "fComponent", host: {
+                        'class': 'f-line-alignment f-component'
+                    }, providers: [
+                        { provide: F_LINE_ALIGNMENT, useExisting: FLineAlignmentComponent }
+                    ], styles: [":host{display:block;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}\n"] }]
+        }], propDecorators: { fAlignThreshold: [{
+                type: Input
+            }] } });
+
+const F_LINE_ALIGNMENT_PROVIDERS = [
+    FLineAlignmentComponent
+];
+
+let LineAlignmentPreparationExecution = class LineAlignmentPreparationExecution {
+    _fMediator = inject(FMediator);
+    _fComponentsStore = inject(FComponentsStore);
+    _fDraggableDataContext = inject(FDraggableDataContext);
+    _fBrowser = inject(BrowserService);
+    _lineService;
     handle(request) {
-        if (!this._isValid()) {
-            return;
-        }
-        const fNode = this.fComponentsStore
-            .fNodes.find(n => n.isContains(request.event.targetElement));
-        if (!fNode) {
-            throw new Error('Node not found');
-        }
-        this.fDraggableDataContext.draggableItems.push(new NodeDragToParentDragHandler(this.fComponentsStore, this.fDraggableDataContext, this._getNotDraggedNodesRects()));
+        this._addLineAlignmentDragHandler(request.fNodes, request.commonRect);
     }
-    _isValid() {
-        return this.fDraggableDataContext.draggableItems
-            .some((x) => x instanceof SummaryNodeDragHandler);
+    _addLineAlignmentDragHandler(fNodes, commonRect) {
+        this._fDraggableDataContext.draggableItems.push(new FLineAlignmentDragHandler(this._lineService || this._createLineService(), this._getFlowHostSize(), commonRect, this._getStaticNodeRects(fNodes), this._getCommonRestrictions()));
     }
-    _getNotDraggedNodesRects() {
-        const draggedNodes = this._addParentNodes(this._getNodesBeingDragged());
-        return this._getNotDraggedNodes(draggedNodes).map((x) => {
-            const rect = this.fMediator.execute(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)
-            };
-        });
+    _getFlowHostSize() {
+        return this._fMediator.execute(new GetFlowHostElementRequest())
+            .getBoundingClientRect();
     }
-    _getNodesBeingDragged() {
-        return this.fDraggableDataContext.draggableItems
-            .find((x) => x instanceof SummaryNodeDragHandler)
-            .fHandlers.map((x) => x.fNode);
+    _createLineService() {
+        this._lineService = new LineService(this._fBrowser, this._fComponentsStore.fLineAlignment.hostElement);
+        return this._lineService;
     }
-    _addParentNodes(fNodes) {
-        return fNodes.reduce((result, x) => {
-            result.push(x, ...this.fMediator.execute(new GetParentNodesRequest(x)));
-            return result;
-        }, []);
+    _getStaticNodeRects(fNodes) {
+        return this._getStaticNodes(fNodes).map((x) => {
+            return this._fMediator.execute(new GetNormalizedElementRectRequest(x.hostElement, false));
+        });
     }
-    _getNotDraggedNodes(draggedNodes) {
-        return this.fNodes.filter((x) => !draggedNodes.includes(x));
+    _getStaticNodes(fNodes) {
+        return this._fComponentsStore.fNodes
+            .filter((x) => !fNodes.includes(x));
+    }
+    _getCommonRestrictions() {
+        return this._fDraggableDataContext.draggableItems
+            .filter((x) => x instanceof FSummaryNodeMoveDragHandler)[0].limits;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: NodeDragToParentPreparationExecution, deps: [{ token: i2$1.FMediator }, { token: FDraggableDataContext }, { token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: NodeDragToParentPreparationExecution });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: LineAlignmentPreparationExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: LineAlignmentPreparationExecution });
 };
-NodeDragToParentPreparationExecution = __decorate([
-    FExecutionRegister(NodeDragToParentPreparationRequest)
-], NodeDragToParentPreparationExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: NodeDragToParentPreparationExecution, decorators: [{
+LineAlignmentPreparationExecution = __decorate([
+    FExecutionRegister(LineAlignmentPreparationRequest)
+], LineAlignmentPreparationExecution);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: LineAlignmentPreparationExecution, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i2$1.FMediator }, { type: FDraggableDataContext }, { type: FComponentsStore }] });
+        }] });
 
-class NodeMovePreparationRequest {
+class FNodeMovePreparationRequest {
     event;
-    constructor(event) {
+    fTrigger;
+    constructor(event, fTrigger) {
         this.event = event;
+        this.fTrigger = fTrigger;
     }
 }
 
-let NodeMovePreparationExecution = class NodeMovePreparationExecution {
+let FNodeMovePreparationExecution = class FNodeMovePreparationExecution {
     _fMediator = inject(FMediator);
     _fComponentsStore = inject(FComponentsStore);
     _fDraggableDataContext = inject(FDraggableDataContext);
@@ -5469,7 +5322,7 @@ let NodeMovePreparationExecution = class NodeMovePreparationExecution {
     }
     _fNode;
     handle(request) {
-        if (!this._isValid(request)) {
+        if (!this._isValid(request) || !this._isValidTrigger(request)) {
             return;
         }
         const summaryDragHandler = this._calculateDraggedItems(this._fNode);
@@ -5494,6 +5347,9 @@ let NodeMovePreparationExecution = class NodeMovePreparationExecution {
             .find(x => x.isContains(element) && !x.fDraggingDisabled);
         return this._fNode;
     }
+    _isValidTrigger(request) {
+        return isValidEventTrigger(request.event.originalEvent, request.fTrigger);
+    }
     //We drag nodes from selection model
     _calculateDraggedItems(fNode) {
         let result;
@@ -5511,28 +5367,24 @@ let NodeMovePreparationExecution = class NodeMovePreparationExecution {
     _dragModelFromSelection(nodeWithDisabledSelection) {
         return this._fMediator.execute(new CreateMoveNodesDragModelFromSelectionRequest(nodeWithDisabledSelection));
     }
-    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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FNodeMovePreparationExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FNodeMovePreparationExecution });
 };
-NodeMovePreparationExecution = __decorate([
-    FExecutionRegister(NodeMovePreparationRequest)
-], NodeMovePreparationExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: NodeMovePreparationExecution, decorators: [{
+FNodeMovePreparationExecution = __decorate([
+    FExecutionRegister(FNodeMovePreparationRequest)
+], FNodeMovePreparationExecution);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FNodeMovePreparationExecution, decorators: [{
             type: Injectable
         }] });
 
-const NODE_MOVE_PREPARATION_PROVIDERS = [
-    NodeMovePreparationExecution,
-];
-
-class NodeMoveFinalizeRequest {
+class FNodeMoveFinalizeRequest {
     event;
     constructor(event) {
         this.event = event;
     }
 }
 
-let NodeMoveFinalizeExecution = class NodeMoveFinalizeExecution {
+let FNodeMoveFinalizeExecution = class FNodeMoveFinalizeExecution {
     _fMediator = inject(FMediator);
     _fComponentsStore = inject(FComponentsStore);
     _fDraggableDataContext = inject(FDraggableDataContext);
@@ -5545,12 +5397,12 @@ let NodeMoveFinalizeExecution = class NodeMoveFinalizeExecution {
         }
         const difference = this._getDifferenceWithLineAlignment(this._getDifferenceBetweenPreparationAndFinalize(request.event.getPosition()));
         const firstNodeOrGroup = this._fDraggableDataContext.draggableItems
-            .find((x) => x instanceof SummaryNodeDragHandler);
+            .find((x) => x instanceof FSummaryNodeMoveDragHandler);
         this._finalizeMove(firstNodeOrGroup.calculateRestrictedDifference(difference));
         this._applyConnectionUnderDroppedNode();
     }
     _isValid() {
-        return this._fDraggableDataContext.draggableItems.some((x) => x instanceof SummaryNodeDragHandler);
+        return this._fDraggableDataContext.draggableItems.some((x) => x instanceof FSummaryNodeMoveDragHandler);
     }
     _finalizeMove(difference) {
         this._getItems().forEach((x) => {
@@ -5560,7 +5412,7 @@ let NodeMoveFinalizeExecution = class NodeMoveFinalizeExecution {
     }
     _getItems() {
         return this._fDraggableDataContext.draggableItems
-            .filter((x) => !(x instanceof NodeDragToParentDragHandler));
+            .filter((x) => !(x instanceof FNodeDropToGroupDragHandler));
     }
     _getDifferenceBetweenPreparationAndFinalize(position) {
         return Point.fromPoint(position).elementTransform(this._fHost)
@@ -5572,16 +5424,19 @@ let NodeMoveFinalizeExecution = class NodeMoveFinalizeExecution {
     }
     _getLineAlignmentDifference(difference) {
         return this._fDraggableDataContext.draggableItems
-            .find((x) => x instanceof LineAlignmentDragHandler)
+            .find((x) => x instanceof FLineAlignmentDragHandler)
             ?.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;
+            difference.x = this._isIntersectValue(intersection.xResult) ? (difference.x - intersection.xResult.distance) : difference.x;
+            difference.y = this._isIntersectValue(intersection.yResult) ? (difference.y - intersection.yResult.distance) : difference.y;
         }
         return difference;
     }
+    _isIntersectValue(result) {
+        return result.value !== undefined && result.value !== null;
+    }
     _applyConnectionUnderDroppedNode() {
         if (this._isDraggedJustOneNode() && this._fComponentsStore.fDraggable?.fEmitOnNodeIntersect) {
             const fNode = this._getFirstNodeOrGroup();
@@ -5594,23 +5449,152 @@ let NodeMoveFinalizeExecution = class NodeMoveFinalizeExecution {
     _getFirstNodeOrGroup() {
         return this._fDraggableDataContext.draggableItems[0].fHandlers[0].fNode;
     }
-    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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FNodeMoveFinalizeExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FNodeMoveFinalizeExecution });
 };
-NodeMoveFinalizeExecution = __decorate([
-    FExecutionRegister(NodeMoveFinalizeRequest)
-], NodeMoveFinalizeExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: NodeMoveFinalizeExecution, decorators: [{
+FNodeMoveFinalizeExecution = __decorate([
+    FExecutionRegister(FNodeMoveFinalizeRequest)
+], FNodeMoveFinalizeExecution);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FNodeMoveFinalizeExecution, decorators: [{
             type: Injectable
         }] });
 
 const NODE_PROVIDERS = [
     ...CREATE_MOVE_NODE_DRAG_MODEL_FROM_SELECTION_PROVIDERS,
     LineAlignmentPreparationExecution,
-    NodeMoveFinalizeExecution,
-    ...NODE_MOVE_PREPARATION_PROVIDERS,
-    NodeDragToParentPreparationExecution,
-    ...NODE_DRAG_TO_PARENT_FINALIZE_PROVIDERS
+    FNodeMoveFinalizeExecution,
+    FNodeMovePreparationExecution,
+];
+
+class FDropToGroupEvent {
+    fTargetNode;
+    fNodes;
+    fDropPosition;
+    constructor(fTargetNode, fNodes, fDropPosition) {
+        this.fTargetNode = fTargetNode;
+        this.fNodes = fNodes;
+        this.fDropPosition = fDropPosition;
+    }
+}
+
+let FNodeDropToGroupFinalizeExecution = class FNodeDropToGroupFinalizeExecution {
+    _fDraggableDataContext = inject(FDraggableDataContext);
+    _fComponentsStore = inject(FComponentsStore);
+    handle(request) {
+        if (!this._isValid()) {
+            return;
+        }
+        const item = this._getDragHandleItem();
+        if (item.fNodeWithRect) {
+            this._emitDroppedChildrenEvent(item.fNodeWithRect.node.fId, request.event);
+        }
+        item.onPointerUp?.();
+    }
+    _isValid() {
+        return this._fDraggableDataContext.draggableItems
+            .some((x) => x instanceof FNodeDropToGroupDragHandler);
+    }
+    _emitDroppedChildrenEvent(fTargetId, event) {
+        this._fComponentsStore.fDraggable?.fDropToGroup.emit(new FDropToGroupEvent(fTargetId, this._getDraggedNodeIds(), event.getPosition()));
+    }
+    _getDragHandleItem() {
+        const result = this._findDragHandleItem();
+        if (!result) {
+            throw new Error('NodeDragToParentDragHandler not found');
+        }
+        return result;
+    }
+    _findDragHandleItem() {
+        return this._fDraggableDataContext.draggableItems
+            .find((x) => x instanceof FNodeDropToGroupDragHandler);
+    }
+    _getDraggedNodeIds() {
+        return this._fDraggableDataContext.draggableItems
+            .find((x) => x instanceof FSummaryNodeMoveDragHandler).fHandlers
+            .map((x) => x.fNode.fId);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FNodeDropToGroupFinalizeExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FNodeDropToGroupFinalizeExecution });
+};
+FNodeDropToGroupFinalizeExecution = __decorate([
+    FExecutionRegister(FNodeDropToGroupFinalizeRequest)
+], FNodeDropToGroupFinalizeExecution);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FNodeDropToGroupFinalizeExecution, decorators: [{
+            type: Injectable
+        }] });
+
+class FNodeDropToGroupPreparationRequest {
+    event;
+    constructor(event) {
+        this.event = event;
+    }
+}
+
+let FNodeDropToGroupPreparationExecution = class FNodeDropToGroupPreparationExecution {
+    _fMediator = inject(FMediator);
+    _fDraggableDataContext = inject(FDraggableDataContext);
+    _fComponentsStore = inject(FComponentsStore);
+    get _fNodes() {
+        return this._fComponentsStore.fNodes;
+    }
+    get _transform() {
+        return this._fComponentsStore.fCanvas.transform;
+    }
+    get _fCanvasPosition() {
+        return PointExtensions.sum(this._transform.position, this._transform.scaledPosition);
+    }
+    handle(request) {
+        if (!this._isValid()) {
+            return;
+        }
+        const fNode = this._fComponentsStore
+            .fNodes.find(n => n.isContains(request.event.targetElement));
+        if (!fNode) {
+            throw new Error('Node not found');
+        }
+        this._fDraggableDataContext.draggableItems.push(new FNodeDropToGroupDragHandler(this._getNotDraggedNodesRects()));
+    }
+    _isValid() {
+        return this._fDraggableDataContext.draggableItems
+            .some((x) => x instanceof FSummaryNodeMoveDragHandler);
+    }
+    _getNotDraggedNodesRects() {
+        const draggedNodes = this._addParentNodes(this._getNodesBeingDragged());
+        return this._getNotDraggedNodes(draggedNodes).map((x) => {
+            const rect = this._fMediator.execute(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)
+            };
+        });
+    }
+    _getNodesBeingDragged() {
+        return this._fDraggableDataContext.draggableItems
+            .find((x) => x instanceof FSummaryNodeMoveDragHandler)
+            .fHandlers.map((x) => x.fNode);
+    }
+    _addParentNodes(fNodes) {
+        return fNodes.reduce((result, x) => {
+            result.push(x, ...this._fMediator.execute(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: FNodeDropToGroupPreparationExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FNodeDropToGroupPreparationExecution });
+};
+FNodeDropToGroupPreparationExecution = __decorate([
+    FExecutionRegister(FNodeDropToGroupPreparationRequest)
+], FNodeDropToGroupPreparationExecution);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FNodeDropToGroupPreparationExecution, decorators: [{
+            type: Injectable
+        }] });
+
+const NODE_DROP_TO_GROUP_PROVIDERS = [
+    FNodeDropToGroupPreparationExecution,
+    FNodeDropToGroupFinalizeExecution
 ];
 
 class ApplyChildResizeRestrictionsRequest {
@@ -5875,14 +5859,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
             type: Injectable
         }] });
 
-class NodeResizeFinalizeRequest {
+class FNodeResizeFinalizeRequest {
     event;
     constructor(event) {
         this.event = event;
     }
 }
 
-class NodeResizeDragHandler {
+class FNodeResizeDragHandler {
     _fNode;
     _fResizeHandleType;
     fEventType = 'node-resize';
@@ -5945,7 +5929,7 @@ class NodeResizeDragHandler {
     }
 }
 
-let NodeResizeFinalizeExecution = class NodeResizeFinalizeExecution {
+let FNodeResizeFinalizeExecution = class FNodeResizeFinalizeExecution {
     _fDraggableDataContext = inject(FDraggableDataContext);
     handle(request) {
         if (!this._isValid()) {
@@ -5956,30 +5940,28 @@ let NodeResizeFinalizeExecution = class NodeResizeFinalizeExecution {
         });
     }
     _isValid() {
-        return this._fDraggableDataContext.draggableItems.some((x) => x instanceof NodeResizeDragHandler);
+        return this._fDraggableDataContext.draggableItems.some((x) => x instanceof FNodeResizeDragHandler);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: NodeResizeFinalizeExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: NodeResizeFinalizeExecution });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FNodeResizeFinalizeExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FNodeResizeFinalizeExecution });
 };
-NodeResizeFinalizeExecution = __decorate([
-    FExecutionRegister(NodeResizeFinalizeRequest)
-], NodeResizeFinalizeExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: NodeResizeFinalizeExecution, decorators: [{
+FNodeResizeFinalizeExecution = __decorate([
+    FExecutionRegister(FNodeResizeFinalizeRequest)
+], FNodeResizeFinalizeExecution);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FNodeResizeFinalizeExecution, decorators: [{
             type: Injectable
         }] });
 
-const NODE_RESIZE_FINALIZE_PROVIDERS = [
-    NodeResizeFinalizeExecution,
-];
-
-class NodeResizePreparationRequest {
+class FNodeResizePreparationRequest {
     event;
-    constructor(event) {
+    fTrigger;
+    constructor(event, fTrigger) {
         this.event = event;
+        this.fTrigger = fTrigger;
     }
 }
 
-let NodeResizePreparationExecution = class NodeResizePreparationExecution {
+let FNodeResizePreparationExecution = class FNodeResizePreparationExecution {
     _fMediator = inject(FMediator);
     _fComponentsStore = inject(FComponentsStore);
     _fDraggableDataContext = inject(FDraggableDataContext);
@@ -5991,7 +5973,7 @@ let NodeResizePreparationExecution = class NodeResizePreparationExecution {
     }
     _fNode;
     handle(request) {
-        if (!this._isValid(request)) {
+        if (!this._isValid(request) || !this._isValidTrigger(request)) {
             return;
         }
         this._selectAndUpdateNodeLayer();
@@ -6000,7 +5982,7 @@ let NodeResizePreparationExecution = class NodeResizePreparationExecution {
             .elementTransform(this._fHost).div(this._transform.scale);
         const resizeHandleType = EFResizeHandleType[this._getHandleType(request.event.targetElement)];
         this._fDraggableDataContext.draggableItems = [
-            new NodeResizeDragHandler(this._fNode, resizeHandleType)
+            new FNodeResizeDragHandler(this._fNode, resizeHandleType)
         ];
     }
     _isValid(request) {
@@ -6019,19 +6001,22 @@ let NodeResizePreparationExecution = class NodeResizePreparationExecution {
             .fNodes.find(x => x.isContains(element));
         return this._fNode;
     }
+    _isValidTrigger(request) {
+        return isValidEventTrigger(request.event.originalEvent, request.fTrigger);
+    }
     _selectAndUpdateNodeLayer() {
         this._fMediator.execute(new SelectAndUpdateNodeLayerRequest(this._fNode));
     }
     _getHandleType(element) {
         return getDataAttrValueFromClosestElementWithClass(element, 'fResizeHandleType', '.f-resize-handle');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: NodeResizePreparationExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: NodeResizePreparationExecution });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FNodeResizePreparationExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FNodeResizePreparationExecution });
 };
-NodeResizePreparationExecution = __decorate([
-    FExecutionRegister(NodeResizePreparationRequest)
-], NodeResizePreparationExecution);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: NodeResizePreparationExecution, decorators: [{
+FNodeResizePreparationExecution = __decorate([
+    FExecutionRegister(FNodeResizePreparationRequest)
+], FNodeResizePreparationExecution);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FNodeResizePreparationExecution, decorators: [{
             type: Injectable
         }] });
 
@@ -6042,8 +6027,8 @@ const NODE_RESIZE_PROVIDERS = [
     CalculateChangedSizeExecution,
     GetNormalizedChildrenNodesRectExecution,
     GetNodeResizeRestrictionsExecution,
-    ...NODE_RESIZE_FINALIZE_PROVIDERS,
-    NodeResizePreparationExecution,
+    FNodeResizeFinalizeExecution,
+    FNodeResizePreparationExecution,
 ];
 
 class FSingleSelectRequest {
@@ -6423,8 +6408,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
 
 class FExternalItemPreparationRequest {
     event;
-    constructor(event) {
+    fTrigger;
+    constructor(event, fTrigger) {
         this.event = event;
+        this.fTrigger = fTrigger;
     }
 }
 
@@ -6436,7 +6423,7 @@ let FExternalItemPreparationExecution = class FExternalItemPreparationExecution
         return this._fComponentsStore.fFlow.hostElement;
     }
     handle(request) {
-        if (!this._isValid(request)) {
+        if (!this._isValid(request) || !this._isValidTrigger(request)) {
             return;
         }
         this._fDraggableDataContext.onPointerDownScale = 1;
@@ -6454,6 +6441,9 @@ let FExternalItemPreparationExecution = class FExternalItemPreparationExecution
     _getExternalItem(targetElement) {
         return this._fExternalItemService.getItem(getExternalItem(targetElement));
     }
+    _isValidTrigger(request) {
+        return isValidEventTrigger(request.event.originalEvent, request.fTrigger);
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FExternalItemPreparationExecution, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FExternalItemPreparationExecution });
 };
@@ -6657,7 +6647,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
                 }]
         }] });
 
-const F_DRAG_AND_DROP_PLUGIN = new InjectionToken('F_DRAG_AND_DROP_PLUGIN');
+const F_BEFORE_MAIN_PLUGIN = new InjectionToken('F_BEFORE_MAIN_PLUGIN');
+const F_AFTER_MAIN_PLUGIN = new InjectionToken('F_AFTER_MAIN_PLUGIN');
 
 class FDraggableDirective extends FDraggableBase {
     _fBrowser;
@@ -6675,6 +6666,10 @@ class FDraggableDirective extends FDraggableBase {
     };
     fReassignConnectionTrigger = defaultEventTrigger;
     fCreateConnectionTrigger = defaultEventTrigger;
+    fNodeResizeTrigger = defaultEventTrigger;
+    fNodeMoveTrigger = defaultEventTrigger;
+    fCanvasMoveTrigger = defaultEventTrigger;
+    fExternalItemTrigger = defaultEventTrigger;
     fSelectionChange = new EventEmitter();
     fNodeIntersectedWithConnections = new EventEmitter();
     fEmitOnNodeIntersect = false;
@@ -6687,7 +6682,8 @@ class FDraggableDirective extends FDraggableBase {
     fCellSizeWhileDragging = false;
     fDragStarted = new EventEmitter();
     fDragEnded = new EventEmitter();
-    plugins;
+    _beforePlugins;
+    _afterPlugins;
     constructor(ngZone, _fBrowser) {
         super(ngZone);
         this._fBrowser = _fBrowser;
@@ -6702,10 +6698,11 @@ class FDraggableDirective extends FDraggableBase {
         FInjector.set(this._injector);
         this._fResult.clear();
         this._fMediator.execute(new InitializeDragSequenceRequest());
-        this.plugins.forEach((p) => p.onPointerDown?.(event));
+        this._beforePlugins.forEach((p) => p.onPointerDown?.(event));
         this._fMediator.execute(new FSingleSelectRequest(event, this.fMultiSelectTrigger));
         this._fMediator.execute(new FReassignConnectionPreparationRequest(event, this.fReassignConnectionTrigger));
         this._fMediator.execute(new FCreateConnectionPreparationRequest(event, this.fCreateConnectionTrigger));
+        this._afterPlugins.forEach((p) => p.onPointerDown?.(event));
         const isMouseLeftOrTouch = event.isMouseLeftButton();
         if (!isMouseLeftOrTouch) {
             this.finalizeDragSequence();
@@ -6713,30 +6710,31 @@ class FDraggableDirective extends FDraggableBase {
         return isMouseLeftOrTouch;
     }
     prepareDragSequence(event) {
-        this.plugins.forEach((p) => p.prepareDragSequence?.(event));
-        this._fMediator.execute(new NodeResizePreparationRequest(event));
-        this._fMediator.execute(new NodeMovePreparationRequest(event));
-        this._fMediator.execute(new NodeDragToParentPreparationRequest(event));
-        this._fMediator.execute(new FCanvasMovePreparationRequest(event));
-        this._fMediator.execute(new FExternalItemPreparationRequest(event));
+        this._beforePlugins.forEach((p) => p.prepareDragSequence?.(event));
+        this._fMediator.execute(new FNodeResizePreparationRequest(event, this.fNodeResizeTrigger));
+        this._fMediator.execute(new FNodeMovePreparationRequest(event, this.fNodeMoveTrigger));
+        this._fMediator.execute(new FNodeDropToGroupPreparationRequest(event));
+        this._fMediator.execute(new FCanvasMovePreparationRequest(event, this.fCanvasMoveTrigger));
+        this._fMediator.execute(new FExternalItemPreparationRequest(event, this.fExternalItemTrigger));
+        this._afterPlugins.forEach((p) => p.prepareDragSequence?.(event));
         this._fMediator.execute(new PrepareDragSequenceRequest());
     }
     onSelect(event) {
-        this.plugins.forEach((x) => x.onSelect?.(event));
         this._fMediator.execute(new PreventDefaultIsExternalItemRequest(event));
     }
     onPointerMove(event) {
         this._fMediator.execute(new OnPointerMoveRequest(event));
     }
     onPointerUp(event) {
-        this.plugins.forEach((x) => x.onPointerUp?.(event));
+        this._beforePlugins.forEach((x) => x.onPointerUp?.(event));
         this._fMediator.execute(new FReassignConnectionFinalizeRequest(event));
         this._fMediator.execute(new FCreateConnectionFinalizeRequest(event));
-        this._fMediator.execute(new NodeResizeFinalizeRequest(event));
-        this._fMediator.execute(new NodeMoveFinalizeRequest(event));
-        this._fMediator.execute(new NodeDragToParentFinalizeRequest(event));
+        this._fMediator.execute(new FNodeResizeFinalizeRequest(event));
+        this._fMediator.execute(new FNodeMoveFinalizeRequest(event));
+        this._fMediator.execute(new FNodeDropToGroupFinalizeRequest(event));
         this._fMediator.execute(new FCanvasMoveFinalizeRequest(event));
         this._fMediator.execute(new FExternalItemFinalizeRequest(event));
+        this._afterPlugins.forEach((x) => x.onPointerUp?.(event));
         this._fMediator.execute(new EndDragSequenceRequest());
         FInjector.clear();
     }
@@ -6751,7 +6749,7 @@ class FDraggableDirective extends FDraggableBase {
         FInjector.clear();
     }
     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: "16.1.0", version: "18.2.4", type: FDraggableDirective, selector: "f-flow[fDraggable]", inputs: { disabled: ["fDraggableDisabled", "disabled", booleanAttribute], fMultiSelectTrigger: "fMultiSelectTrigger", fReassignConnectionTrigger: "fReassignConnectionTrigger", fCreateConnectionTrigger: "fCreateConnectionTrigger", fEmitOnNodeIntersect: ["fEmitOnNodeIntersect", "fEmitOnNodeIntersect", booleanAttribute], vCellSize: ["vCellSize", "vCellSize", numberAttribute], hCellSize: ["hCellSize", "hCellSize", numberAttribute], fCellSizeWhileDragging: ["fCellSizeWhileDragging", "fCellSizeWhileDragging", booleanAttribute] }, outputs: { fSelectionChange: "fSelectionChange", fNodeIntersectedWithConnections: "fNodeIntersectedWithConnections", fCreateNode: "fCreateNode", fReassignConnection: "fReassignConnection", fCreateConnection: "fCreateConnection", fDropToGroup: "fDropToGroup", fDragStarted: "fDragStarted", fDragEnded: "fDragEnded" }, providers: [FDragHandlerResult], queries: [{ propertyName: "plugins", predicate: F_DRAG_AND_DROP_PLUGIN, descendants: true }], exportAs: ["fDraggable"], usesInheritance: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.4", type: FDraggableDirective, selector: "f-flow[fDraggable]", inputs: { disabled: ["fDraggableDisabled", "disabled", booleanAttribute], fMultiSelectTrigger: "fMultiSelectTrigger", fReassignConnectionTrigger: "fReassignConnectionTrigger", fCreateConnectionTrigger: "fCreateConnectionTrigger", fNodeResizeTrigger: "fNodeResizeTrigger", fNodeMoveTrigger: "fNodeMoveTrigger", fCanvasMoveTrigger: "fCanvasMoveTrigger", fExternalItemTrigger: "fExternalItemTrigger", fEmitOnNodeIntersect: ["fEmitOnNodeIntersect", "fEmitOnNodeIntersect", booleanAttribute], vCellSize: ["vCellSize", "vCellSize", numberAttribute], hCellSize: ["hCellSize", "hCellSize", numberAttribute], fCellSizeWhileDragging: ["fCellSizeWhileDragging", "fCellSizeWhileDragging", booleanAttribute] }, outputs: { fSelectionChange: "fSelectionChange", fNodeIntersectedWithConnections: "fNodeIntersectedWithConnections", fCreateNode: "fCreateNode", fReassignConnection: "fReassignConnection", fCreateConnection: "fCreateConnection", fDropToGroup: "fDropToGroup", fDragStarted: "fDragStarted", fDragEnded: "fDragEnded" }, providers: [FDragHandlerResult], queries: [{ propertyName: "_beforePlugins", predicate: F_BEFORE_MAIN_PLUGIN, descendants: true }, { propertyName: "_afterPlugins", predicate: F_AFTER_MAIN_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,
@@ -6774,6 +6772,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
                 type: Input
             }], fCreateConnectionTrigger: [{
                 type: Input
+            }], fNodeResizeTrigger: [{
+                type: Input
+            }], fNodeMoveTrigger: [{
+                type: Input
+            }], fCanvasMoveTrigger: [{
+                type: Input
+            }], fExternalItemTrigger: [{
+                type: Input
             }], fSelectionChange: [{
                 type: Output
             }], fNodeIntersectedWithConnections: [{
@@ -6802,9 +6808,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
                 type: Output
             }], fDragEnded: [{
                 type: Output
-            }], plugins: [{
+            }], _beforePlugins: [{
                 type: ContentChildren,
-                args: [F_DRAG_AND_DROP_PLUGIN, { descendants: true }]
+                args: [F_BEFORE_MAIN_PLUGIN, { descendants: true }]
+            }], _afterPlugins: [{
+                type: ContentChildren,
+                args: [F_AFTER_MAIN_PLUGIN, { descendants: true }]
             }] } });
 
 class FSelectionChangeEvent {
@@ -7346,7 +7355,7 @@ class FSelectionAreaComponent extends FSelectionAreaBase {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FSelectionAreaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: FSelectionAreaComponent, selector: "f-selection-area", inputs: { fTrigger: "fTrigger" }, host: { classAttribute: "f-selection-area f-component" }, providers: [
-            { provide: F_DRAG_AND_DROP_PLUGIN, useExisting: FSelectionAreaComponent },
+            { provide: F_BEFORE_MAIN_PLUGIN, useExisting: FSelectionAreaComponent },
         ], usesInheritance: true, ngImport: i0, template: ``, isInline: true, styles: [":host{position:absolute}\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FSelectionAreaComponent, decorators: [{
@@ -7354,7 +7363,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
             args: [{ selector: "f-selection-area", template: ``, host: {
                         'class': 'f-selection-area f-component'
                     }, providers: [
-                        { provide: F_DRAG_AND_DROP_PLUGIN, useExisting: FSelectionAreaComponent },
+                        { provide: F_BEFORE_MAIN_PLUGIN, useExisting: FSelectionAreaComponent },
                     ], styles: [":host{position:absolute}\n"] }]
         }], propDecorators: { fTrigger: [{
                 type: Input
@@ -7371,6 +7380,7 @@ const F_DRAGGABLE_PROVIDERS = [
     ...SINGLE_SELECT_PROVIDERS,
     ...F_EXTERNAL_ITEM_DRAG_AND_DROP_PROVIDERS,
     ...NODE_PROVIDERS,
+    ...NODE_DROP_TO_GROUP_PROVIDERS,
     ...NODE_RESIZE_PROVIDERS,
     ...F_SELECTION_AREA_DRAG_AND_DROP_PROVIDERS,
     ...F_MINIMAP_DRAG_AND_DROP_PROVIDERS
@@ -8807,17 +8817,6 @@ function defaultEventTrigger(event) {
     return true;
 }
 
-var EFTriggerEvent;
-(function (EFTriggerEvent) {
-    EFTriggerEvent["WHEEL"] = "wheel";
-    EFTriggerEvent["DOUBLE_CLICK"] = "dblclick";
-    EFTriggerEvent["MOUSE_DOWN"] = "mousedown";
-    EFTriggerEvent["MOUSE_UP"] = "mouseup";
-    EFTriggerEvent["MOUSE_MOVE"] = "mousemove";
-    EFTriggerEvent["KEY_DOWN"] = "keydown";
-    EFTriggerEvent["KEY_UP"] = "keyup";
-})(EFTriggerEvent || (EFTriggerEvent = {}));
-
 function isMobile() {
     // @ts-ignore
     return /android|iPad|iPhone|iPod/i.test(navigator.userAgent || navigator.vendor || window['opera']);
@@ -9361,7 +9360,7 @@ class FMinimapComponent {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FMinimapComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: FMinimapComponent, selector: "f-minimap", inputs: { fMinSize: "fMinSize" }, host: { classAttribute: "f-component f-minimap" }, providers: [
-            { provide: F_DRAG_AND_DROP_PLUGIN, useExisting: FMinimapComponent },
+            { provide: F_BEFORE_MAIN_PLUGIN, useExisting: FMinimapComponent },
         ], viewQueries: [{ propertyName: "fMinimapCanvas", first: true, predicate: FMinimapCanvasDirective, descendants: true, static: true }, { propertyName: "fMinimapFlow", first: true, predicate: FMinimapFlowDirective, descendants: true, static: true }, { propertyName: "fMinimapView", first: true, predicate: FMinimapViewDirective, descendants: true, static: true }], exportAs: ["fComponent"], ngImport: i0, template: "<svg fMinimapFlow width=\"100%\" height=\"100%\" fLockedContext [fMinSize]=\"fMinSize\">\n  <g fMinimapCanvas></g>\n  <rect fMinimapView x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" stroke=\"none\"/>\n</svg>\n\n", styles: [":host{display:block;position:absolute}:host svg{overflow:hidden}\n"], dependencies: [{ kind: "directive", type: FMinimapCanvasDirective, selector: "g[fMinimapCanvas]" }, { kind: "directive", type: FMinimapViewDirective, selector: "rect[fMinimapView]" }, { kind: "directive", type: FMinimapFlowDirective, selector: "svg[fMinimapFlow]", inputs: ["fMinSize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FMinimapComponent, decorators: [{
@@ -9369,7 +9368,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
             args: [{ selector: 'f-minimap', exportAs: 'fComponent', host: {
                         'class': 'f-component f-minimap',
                     }, providers: [
-                        { provide: F_DRAG_AND_DROP_PLUGIN, useExisting: FMinimapComponent },
+                        { provide: F_BEFORE_MAIN_PLUGIN, useExisting: FMinimapComponent },
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<svg fMinimapFlow width=\"100%\" height=\"100%\" fLockedContext [fMinSize]=\"fMinSize\">\n  <g fMinimapCanvas></g>\n  <rect fMinimapView x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" stroke=\"none\"/>\n</svg>\n\n", styles: [":host{display:block;position:absolute}:host svg{overflow:hidden}\n"] }]
         }], propDecorators: { fMinimapCanvas: [{
                 type: ViewChild,
@@ -9504,12 +9503,6 @@ const F_FLOW_PROVIDERS = [
     FFlowComponent
 ];
 
-var EFZoomAction;
-(function (EFZoomAction) {
-    EFZoomAction["WHEEL"] = "wheel";
-    EFZoomAction["DOUBLE_CLICK"] = "dbl-click";
-})(EFZoomAction || (EFZoomAction = {}));
-
 var EFZoomDirection;
 (function (EFZoomDirection) {
     EFZoomDirection[EFZoomDirection["ZOOM_IN"] = 1] = "ZOOM_IN";
@@ -9524,20 +9517,9 @@ class FZoomDirective extends FZoomBase {
     _fMediator = inject(FMediator);
     _rendered = inject(Renderer2);
     _triggersListener = [];
-    _isEnabled = false;
-    set fZoom(isEnabled) {
-        if (isEnabled !== this._isEnabled) {
-            this._isEnabled = isEnabled;
-            this._listenTriggers();
-        }
-    }
-    /**
-     *  @deprecated`,
-     */
-    fZoomTriggers = [
-        { event: EFTriggerEvent.WHEEL, action: EFZoomAction.WHEEL },
-        { event: EFTriggerEvent.DOUBLE_CLICK, action: EFZoomAction.DOUBLE_CLICK }
-    ];
+    isEnabled = false;
+    fWheelTrigger = defaultEventTrigger;
+    fDblClickTrigger = defaultEventTrigger;
     minimum = 0.1;
     maximum = 4;
     step = 0.1;
@@ -9555,7 +9537,7 @@ class FZoomDirective extends FZoomBase {
         this._listenTriggers();
     }
     ngOnChanges(changes) {
-        if (changes['fZoomTriggers']) {
+        if (changes['isEnabled']) {
             this._listenTriggers();
         }
     }
@@ -9564,38 +9546,14 @@ class FZoomDirective extends FZoomBase {
             return;
         }
         this._disposeListeners();
-        this._validateTriggers();
-        if (!this._isEnabled) {
+        if (!this.isEnabled) {
             return;
         }
-        this.fZoomTriggers.forEach((x) => {
-            this._triggersListener.push(this._rendered.listen(this._fHost, x.event, this._getAction(x)));
-        });
-    }
-    _validateTriggers() {
-        const SUPPORTED_EVENTS = Object.values(EFTriggerEvent);
-        const SUPPORTED_ACTIONS = Object.values(EFZoomAction);
-        this.fZoomTriggers.forEach((trigger) => {
-            if (!SUPPORTED_EVENTS.includes(trigger.event)) {
-                throw new Error(`Unsupported event: ${trigger.event}`);
-            }
-            if (!SUPPORTED_ACTIONS.includes(trigger.action)) {
-                throw new Error(`Unsupported action: ${trigger.action}`);
-            }
-        });
-    }
-    _getAction(trigger) {
-        switch (trigger.action) {
-            case EFZoomAction.WHEEL:
-                return (event) => this._onWheel(event, trigger);
-            case EFZoomAction.DOUBLE_CLICK:
-                return (event) => this._onDoubleClick(event, trigger);
-            default:
-                throw new Error(`Unknown action: ${trigger.action}`);
-        }
+        this._triggersListener.push(this._rendered.listen(this._fHost, 'wheel', this._onWheel));
+        this._triggersListener.push(this._rendered.listen(this._fHost, 'dblclick', this._onDoubleClick));
     }
-    _onWheel = (event, trigger) => {
-        if (trigger.validator && !trigger.validator(event)) {
+    _onWheel = (event) => {
+        if (!isValidEventTrigger(event, this.fWheelTrigger)) {
             return;
         }
         event.preventDefault();
@@ -9608,8 +9566,8 @@ class FZoomDirective extends FZoomBase {
     _calculateDirection(deltaY) {
         return deltaY > 0 ? EFZoomDirection.ZOOM_OUT : EFZoomDirection.ZOOM_IN;
     }
-    _onDoubleClick = (event, trigger) => {
-        if (trigger.validator && !trigger.validator(event)) {
+    _onDoubleClick = (event) => {
+        if (!isValidEventTrigger(event, this.fDblClickTrigger)) {
             return;
         }
         event.preventDefault();
@@ -9655,7 +9613,7 @@ class FZoomDirective extends FZoomBase {
         this._fMediator.execute(new RemoveZoomFromStoreRequest());
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FZoomDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.4", type: FZoomDirective, selector: "f-canvas[fZoom]", inputs: { fZoom: ["fZoom", "fZoom", booleanAttribute], fZoomTriggers: "fZoomTriggers", minimum: ["fZoomMinimum", "minimum", numberAttribute], maximum: ["fZoomMaximum", "maximum", numberAttribute], step: ["fZoomStep", "step", numberAttribute], dblClickStep: ["fZoomDblClickStep", "dblClickStep", numberAttribute] }, host: { classAttribute: "f-zoom f-component" }, providers: [{ provide: F_ZOOM, useExisting: FZoomDirective }], exportAs: ["fComponent"], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.4", type: FZoomDirective, isStandalone: true, selector: "f-canvas[fZoom]", inputs: { isEnabled: ["fZoom", "isEnabled", booleanAttribute], fWheelTrigger: "fWheelTrigger", fDblClickTrigger: "fDblClickTrigger", minimum: ["fZoomMinimum", "minimum", numberAttribute], maximum: ["fZoomMaximum", "maximum", numberAttribute], step: ["fZoomStep", "step", numberAttribute], dblClickStep: ["fZoomDblClickStep", "dblClickStep", numberAttribute] }, host: { classAttribute: "f-zoom f-component" }, providers: [{ provide: F_ZOOM, useExisting: FZoomDirective }], exportAs: ["fComponent"], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
 }
 __decorate([
     Deprecated('getZoomValue')
@@ -9665,15 +9623,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
             args: [{
                     selector: "f-canvas[fZoom]",
                     exportAs: 'fComponent',
+                    standalone: true,
                     host: {
                         'class': 'f-zoom f-component'
                     },
                     providers: [{ provide: F_ZOOM, useExisting: FZoomDirective }],
                 }]
-        }], propDecorators: { fZoom: [{
+        }], propDecorators: { isEnabled: [{
                 type: Input,
                 args: [{ alias: 'fZoom', transform: booleanAttribute }]
-            }], fZoomTriggers: [{
+            }], fWheelTrigger: [{
+                type: Input
+            }], fDblClickTrigger: [{
                 type: Input
             }], minimum: [{
                 type: Input,
@@ -9689,13 +9650,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
                 args: [{ alias: 'fZoomDblClickStep', transform: numberAttribute }]
             }], getScale: [] } });
 
-const F_ZOOM_PROVIDERS = [
-    FZoomDirective
-];
-
 class FFlowModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FFlowModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.4", ngImport: i0, type: FFlowModule, declarations: [FBackgroundComponent, FRectPatternComponent, FCirclePatternComponent, FCanvasComponent, FZoomDirective, FConnectionTextComponent, FConnectionTextPathDirective, FConnectionDragHandleComponent, FConnectionGradientComponent, FConnectionPathComponent, FConnectionSelectionComponent, FConnectionComponent, FConnectionCenterDirective, FConnectionForCreateComponent, FMarkerDirective, FSnapConnectionComponent, FNodeInputDirective, FNodeOutletDirective, FNodeOutputDirective, FFlowComponent, FLineAlignmentComponent, FMinimapComponent, FMinimapCanvasDirective, FMinimapViewDirective, FMinimapFlowDirective, FGroupDirective, FNodeDirective, FDragHandleDirective, FResizeHandleDirective, FSelectionAreaComponent, FDraggableDirective], imports: [CommonModule], exports: [FBackgroundComponent, FRectPatternComponent, FCirclePatternComponent, FCanvasComponent, FZoomDirective, FConnectionTextComponent, FConnectionTextPathDirective, FConnectionDragHandleComponent, FConnectionGradientComponent, FConnectionPathComponent, FConnectionSelectionComponent, FConnectionComponent, FConnectionCenterDirective, FConnectionForCreateComponent, FMarkerDirective, FSnapConnectionComponent, FNodeInputDirective, FNodeOutletDirective, FNodeOutputDirective, FFlowComponent, FLineAlignmentComponent, FMinimapComponent, FMinimapCanvasDirective, FMinimapViewDirective, FMinimapFlowDirective, FGroupDirective, FNodeDirective, FDragHandleDirective, FResizeHandleDirective, FSelectionAreaComponent, FDraggableDirective] });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.4", ngImport: i0, type: FFlowModule, declarations: [FBackgroundComponent, FRectPatternComponent, FCirclePatternComponent, FCanvasComponent, FConnectionTextComponent, FConnectionTextPathDirective, FConnectionDragHandleComponent, FConnectionGradientComponent, FConnectionPathComponent, FConnectionSelectionComponent, FConnectionComponent, FConnectionCenterDirective, FConnectionForCreateComponent, FMarkerDirective, FSnapConnectionComponent, FNodeInputDirective, FNodeOutletDirective, FNodeOutputDirective, FFlowComponent, FLineAlignmentComponent, FMinimapComponent, FMinimapCanvasDirective, FMinimapViewDirective, FMinimapFlowDirective, FGroupDirective, FNodeDirective, FDragHandleDirective, FResizeHandleDirective, FSelectionAreaComponent, FDraggableDirective], imports: [CommonModule], exports: [FBackgroundComponent, FRectPatternComponent, FCirclePatternComponent, FCanvasComponent, FConnectionTextComponent, FConnectionTextPathDirective, FConnectionDragHandleComponent, FConnectionGradientComponent, FConnectionPathComponent, FConnectionSelectionComponent, FConnectionComponent, FConnectionCenterDirective, FConnectionForCreateComponent, FMarkerDirective, FSnapConnectionComponent, FNodeInputDirective, FNodeOutletDirective, FNodeOutputDirective, FFlowComponent, FLineAlignmentComponent, FMinimapComponent, FMinimapCanvasDirective, FMinimapViewDirective, FMinimapFlowDirective, FGroupDirective, FNodeDirective, FDragHandleDirective, FResizeHandleDirective, FSelectionAreaComponent, FDraggableDirective] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FFlowModule, imports: [CommonModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FFlowModule, decorators: [{
@@ -9704,7 +9661,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
                     declarations: [
                         ...F_BACKGROUND_PROVIDERS,
                         ...F_CANVAS_PROVIDERS,
-                        ...F_ZOOM_PROVIDERS,
                         ...F_CONNECTION_PROVIDERS,
                         ...F_CONNECTORS_PROVIDERS,
                         ...F_FLOW_PROVIDERS,
@@ -9720,7 +9676,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImpor
                     exports: [
                         ...F_BACKGROUND_PROVIDERS,
                         ...F_CANVAS_PROVIDERS,
-                        ...F_ZOOM_PROVIDERS,
                         ...F_CONNECTION_PROVIDERS,
                         ...F_CONNECTORS_PROVIDERS,
                         ...F_FLOW_PROVIDERS,
@@ -9737,5 +9692,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, AddZoomToStoreExecution, AddZoomToStoreRequest, ApplyChildResizeRestrictionsExecution, ApplyChildResizeRestrictionsRequest, ApplyParentResizeRestrictionsExecution, ApplyParentResizeRestrictionsRequest, BaseConnectionDragHandler, 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, CalculateClosestInputExecution, CalculateClosestInputRequest, CalculateCommonNodeMoveLimitsExecution, CalculateCommonNodeMoveLimitsRequest, CalculateConnectionCenterHandler, CalculateConnectionCenterRequest, CalculateConnectionLineByBehaviorExecution, CalculateConnectionLineByBehaviorRequest, CalculateFlowPointFromMinimapPointExecution, CalculateFlowPointFromMinimapPointRequest, CalculateNodeMoveLimitsExecution, CalculateNodeMoveLimitsRequest, CalculateNodesBoundingBoxExecution, CalculateNodesBoundingBoxNormalizedPositionExecution, CalculateNodesBoundingBoxNormalizedPositionRequest, CalculateNodesBoundingBoxRequest, CenterGroupOrNodeExecution, CenterGroupOrNodeRequest, ClearSelectionExecution, ClearSelectionRequest, CreateConnectionMarkersExecution, CreateConnectionMarkersRequest, CreateMoveNodesDragModelFromSelectionExecution, CreateMoveNodesDragModelFromSelectionRequest, DRAG_AND_DROP_COMMON_PROVIDERS, Deprecated, EFConnectableSide, EFConnectionBehavior, EFConnectionType, EFMarkerType, EFResizeHandleType, EFTriggerEvent, EFZoomAction, EFZoomDirection, EmitSelectionChangeEventExecution, EmitSelectionChangeEventRequest, EndDragSequenceExecution, EndDragSequenceRequest, FBackgroundBase, FBackgroundComponent, FBezierPathBuilder, FCanvasBase, FCanvasChangeEvent, FCanvasComponent, FCanvasDragHandler, FCanvasMoveFinalizeExecution, FCanvasMoveFinalizeRequest, FCanvasMovePreparationExecution, FCanvasMovePreparationRequest, FChannel, FChannelHub, FCirclePatternComponent, FComponentsStore, FConnectionBase, FConnectionCenterDirective, FConnectionComponent, FConnectionDragHandleComponent, FConnectionFactory, FConnectionForCreateComponent, FConnectionGradientComponent, FConnectionPathComponent, FConnectionSelectionComponent, FConnectionTextComponent, FConnectionTextPathDirective, FConnectorBase, FCreateConnectionDragHandler, FCreateConnectionDragHandlerPreparationExecution, FCreateConnectionDragHandlerPreparationRequest, FCreateConnectionEvent, FCreateConnectionFinalizeExecution, FCreateConnectionFinalizeRequest, FCreateConnectionFromOutletPreparationExecution, FCreateConnectionFromOutletPreparationRequest, FCreateConnectionFromOutputPreparationExecution, FCreateConnectionFromOutputPreparationRequest, FCreateConnectionPreparationExecution, FCreateConnectionPreparationRequest, FCreateNodeEvent, FDragHandleDirective, FDragHandlerResult, FDragStartedEvent, FDraggableBase, FDraggableDataContext, FDraggableDirective, FDropToGroupEvent, FExternalItemBase, FExternalItemCreatePlaceholderExecution, FExternalItemCreatePlaceholderRequest, FExternalItemCreatePreviewExecution, FExternalItemCreatePreviewRequest, FExternalItemDirective, FExternalItemDragHandler, FExternalItemFinalizeExecution, FExternalItemFinalizeRequest, FExternalItemPlaceholderDirective, FExternalItemPreparationExecution, FExternalItemPreparationRequest, FExternalItemPreviewDirective, FExternalItemService, FFlowBase, FFlowComponent, FFlowModule, FGroupDirective, FInjector, FLineAlignmentBase, FLineAlignmentComponent, FMarkerBase, FMarkerDirective, FMinimapCanvasDirective, FMinimapComponent, FMinimapData, FMinimapDragHandler, FMinimapFlowDirective, FMinimapViewDirective, FNodeBase, FNodeDirective, FNodeInputBase, FNodeInputDirective, FNodeIntersectedWithConnections, FNodeOutletBase, FNodeOutletDirective, FNodeOutputBase, FNodeOutputDirective, FReassignConnectionDragHandler, FReassignConnectionEvent, FReassignConnectionFinalizeExecution, FReassignConnectionFinalizeRequest, FReassignConnectionPreparationExecution, FReassignConnectionPreparationRequest, FRectPatternComponent, FResizeChannel, FResizeHandleDirective, FRotateHandleDirective, FSegmentPathBuilder, FSelectionAreaBase, FSelectionAreaComponent, FSelectionChangeEvent, FSingleSelectExecution, FSingleSelectRequest, 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_CSS_CLASS, 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_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_FEATURES, F_ZOOM_PROVIDERS, F_ZOOM_TAG, FindInputAtPositionExecution, FindInputAtPositionRequest, FitToFlowExecution, FitToFlowRequest, GET_FLOW_STATE_PROVIDERS, GetAllCanBeConnectedInputsAndRectsExecution, GetAllCanBeConnectedInputsAndRectsRequest, GetCanBeSelectedItemsExecution, GetCanBeSelectedItemsRequest, GetCanvasExecution, GetCanvasRequest, GetConnectorAndRectExecution, GetConnectorAndRectRequest, GetCurrentSelectionExecution, GetCurrentSelectionRequest, GetDeepChildrenNodesAndGroupsExecution, GetDeepChildrenNodesAndGroupsRequest, GetElementRoundedRectExecution, GetElementRoundedRectRequest, GetFirstConnectableOutputExecution, GetFirstConnectableOutputRequest, GetFlowExecution, GetFlowHostElementExecution, GetFlowHostElementRequest, GetFlowRequest, GetFlowStateConnectionsExecution, GetFlowStateConnectionsRequest, GetFlowStateExecution, GetFlowStateNodesExecution, GetFlowStateNodesRequest, GetFlowStateRequest, 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, IsDragStartedExecution, IsDragStartedRequest, LineAlignmentDragHandler, LineAlignmentPreparationExecution, LineAlignmentPreparationRequest, LineElement, LineService, ListenCountChangesExecution, ListenCountChangesRequest, ListenDataChangesExecution, ListenDataChangesRequest, ListenTransformChangesExecution, ListenTransformChangesRequest, LogExecutionTime, MINIMAP_DRAG_FINALIZE_PROVIDERS, MINIMAP_DRAG_PREPARATION_PROVIDERS, MarkAllCanBeConnectedInputsExecution, MarkAllCanBeConnectedInputsRequest, MinimapCalculateSvgScaleAndViewBoxExecution, MinimapCalculateSvgScaleAndViewBoxRequest, MinimapCalculateViewBoxExecution, MinimapCalculateViewBoxRequest, MinimapDragFinalizeExecution, MinimapDragFinalizeRequest, MinimapDragPreparationExecution, MinimapDragPreparationRequest, MinimapDrawNodesExecution, MinimapDrawNodesRequest, MoveFrontElementsBeforeTargetElementExecution, MoveFrontElementsBeforeTargetElementRequest, NODE_DRAG_TO_PARENT_FINALIZE_PROVIDERS, NODE_MOVE_PREPARATION_PROVIDERS, NODE_PROVIDERS, NODE_RESIZE_FINALIZE_PROVIDERS, NODE_RESIZE_PROVIDERS, NodeDragHandler, NodeDragToParentDragHandler, NodeDragToParentFinalizeExecution, NodeDragToParentFinalizeRequest, NodeDragToParentPreparationExecution, NodeDragToParentPreparationRequest, NodeMoveFinalizeExecution, NodeMoveFinalizeRequest, NodeMovePreparationExecution, NodeMovePreparationRequest, NodeResizeDragHandler, NodeResizeFinalizeExecution, NodeResizeFinalizeRequest, NodeResizePreparationExecution, NodeResizePreparationRequest, NotifyDataChangedExecution, NotifyDataChangedRequest, NotifyTransformChangedExecution, NotifyTransformChangedRequest, OnPointerMoveExecution, OnPointerMoveRequest, PointBoundsLimiter, PrepareDragSequenceExecution, PrepareDragSequenceRequest, PreventDefaultIsExternalItemExecution, PreventDefaultIsExternalItemRequest, PutInputConnectionHandlersToArrayExecution, PutInputConnectionHandlersToArrayRequest, PutOutputConnectionHandlersToArrayExecution, PutOutputConnectionHandlersToArrayRequest, RESIZE_DIRECTIONS, 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, RemoveZoomFromStoreExecution, RemoveZoomFromStoreRequest, ResetScaleAndCenterExecution, ResetScaleAndCenterRequest, ResetScaleExecution, ResetScaleRequest, ResetZoomExecution, ResetZoomRequest, SINGLE_SELECT_PROVIDERS, SelectAllExecution, SelectAllRequest, SelectAndUpdateNodeLayerExecution, SelectAndUpdateNodeLayerRequest, SelectExecution, SelectRequest, SelectionAreaDragHandle, SelectionAreaFinalizeExecution, SelectionAreaFinalizeRequest, SelectionAreaPreparationExecution, SelectionAreaPreparationRequest, SetBackgroundTransformExecution, SetBackgroundTransformRequest, SetZoomExecution, SetZoomRequest, SortItemLayersExecution, SortItemLayersRequest, SortItemsByParentExecution, SortItemsByParentRequest, SortNodeLayersExecution, SortNodeLayersRequest, SourceConnectionDragHandler, SourceTargetConnectionDragHandler, StartDragSequenceExecution, StartDragSequenceRequest, SummaryNodeDragHandler, TargetConnectionDragHandler, UnmarkAllCanBeConnectedInputsExecution, UnmarkAllCanBeConnectedInputsRequest, UpdateItemAndChildrenLayersExecution, UpdateItemAndChildrenLayersRequest, UpdateNodeWhenStateOrSizeChangedExecution, UpdateNodeWhenStateOrSizeChangedRequest, UpdateScaleExecution, UpdateScaleRequest, createSVGElement, debounceTime, defaultEventTrigger, fInject, fixedCenterBehavior, fixedOutboundBehavior, floatingBehavior, getExternalItem, getMarkerEndId, getMarkerSelectedEndId, getMarkerSelectedStartId, getMarkerStartId, isExternalItem, isMobile, isNode, isNodeOutlet, isNodeOutput, isValidEventTrigger, 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, AddZoomToStoreExecution, AddZoomToStoreRequest, ApplyChildResizeRestrictionsExecution, ApplyChildResizeRestrictionsRequest, ApplyParentResizeRestrictionsExecution, ApplyParentResizeRestrictionsRequest, BaseConnectionDragHandler, 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, CalculateClosestInputExecution, CalculateClosestInputRequest, CalculateCommonNodeMoveLimitsExecution, CalculateCommonNodeMoveLimitsRequest, CalculateConnectionCenterHandler, CalculateConnectionCenterRequest, CalculateConnectionLineByBehaviorExecution, CalculateConnectionLineByBehaviorRequest, CalculateFlowPointFromMinimapPointExecution, CalculateFlowPointFromMinimapPointRequest, CalculateNodeMoveLimitsExecution, CalculateNodeMoveLimitsRequest, CalculateNodesBoundingBoxExecution, CalculateNodesBoundingBoxNormalizedPositionExecution, CalculateNodesBoundingBoxNormalizedPositionRequest, CalculateNodesBoundingBoxRequest, CenterGroupOrNodeExecution, CenterGroupOrNodeRequest, ClearSelectionExecution, ClearSelectionRequest, CreateConnectionMarkersExecution, CreateConnectionMarkersRequest, CreateMoveNodesDragModelFromSelectionExecution, CreateMoveNodesDragModelFromSelectionRequest, DRAG_AND_DROP_COMMON_PROVIDERS, Deprecated, EFConnectableSide, EFConnectionBehavior, EFConnectionType, EFMarkerType, EFResizeHandleType, EFZoomDirection, EmitSelectionChangeEventExecution, EmitSelectionChangeEventRequest, EndDragSequenceExecution, EndDragSequenceRequest, FBackgroundBase, FBackgroundComponent, FBezierPathBuilder, FCanvasBase, FCanvasChangeEvent, FCanvasComponent, FCanvasDragHandler, FCanvasMoveFinalizeExecution, FCanvasMoveFinalizeRequest, FCanvasMovePreparationExecution, FCanvasMovePreparationRequest, FChannel, FChannelHub, FCirclePatternComponent, FComponentsStore, FConnectionBase, FConnectionCenterDirective, FConnectionComponent, FConnectionDragHandleComponent, FConnectionFactory, FConnectionForCreateComponent, FConnectionGradientComponent, FConnectionPathComponent, FConnectionSelectionComponent, FConnectionTextComponent, FConnectionTextPathDirective, FConnectorBase, FCreateConnectionDragHandler, FCreateConnectionDragHandlerPreparationExecution, FCreateConnectionDragHandlerPreparationRequest, FCreateConnectionEvent, FCreateConnectionFinalizeExecution, FCreateConnectionFinalizeRequest, FCreateConnectionFromOutletPreparationExecution, FCreateConnectionFromOutletPreparationRequest, FCreateConnectionFromOutputPreparationExecution, FCreateConnectionFromOutputPreparationRequest, FCreateConnectionPreparationExecution, FCreateConnectionPreparationRequest, FCreateNodeEvent, FDragHandleDirective, FDragHandlerResult, FDragStartedEvent, FDraggableBase, FDraggableDataContext, FDraggableDirective, FDropToGroupEvent, FExternalItemBase, FExternalItemCreatePlaceholderExecution, FExternalItemCreatePlaceholderRequest, FExternalItemCreatePreviewExecution, FExternalItemCreatePreviewRequest, FExternalItemDirective, FExternalItemDragHandler, FExternalItemFinalizeExecution, FExternalItemFinalizeRequest, FExternalItemPlaceholderDirective, FExternalItemPreparationExecution, FExternalItemPreparationRequest, FExternalItemPreviewDirective, FExternalItemService, FFlowBase, FFlowComponent, FFlowModule, FGroupDirective, FInjector, FLineAlignmentBase, FLineAlignmentComponent, FLineAlignmentDragHandler, FMarkerBase, FMarkerDirective, FMinimapCanvasDirective, FMinimapComponent, FMinimapData, FMinimapDragHandler, FMinimapFlowDirective, FMinimapViewDirective, FNodeBase, FNodeDirective, FNodeDropToGroupDragHandler, FNodeDropToGroupFinalizeExecution, FNodeDropToGroupFinalizeRequest, FNodeDropToGroupPreparationExecution, FNodeDropToGroupPreparationRequest, FNodeInputBase, FNodeInputDirective, FNodeIntersectedWithConnections, FNodeMoveDragHandler, FNodeMoveFinalizeExecution, FNodeMoveFinalizeRequest, FNodeMovePreparationExecution, FNodeMovePreparationRequest, FNodeOutletBase, FNodeOutletDirective, FNodeOutputBase, FNodeOutputDirective, FNodeResizeDragHandler, FNodeResizeFinalizeExecution, FNodeResizeFinalizeRequest, FNodeResizePreparationExecution, FNodeResizePreparationRequest, FReassignConnectionDragHandler, FReassignConnectionEvent, FReassignConnectionFinalizeExecution, FReassignConnectionFinalizeRequest, FReassignConnectionPreparationExecution, FReassignConnectionPreparationRequest, FRectPatternComponent, FResizeChannel, FResizeHandleDirective, FRotateHandleDirective, FSegmentPathBuilder, FSelectionAreaBase, FSelectionAreaComponent, FSelectionChangeEvent, FSingleSelectExecution, FSingleSelectRequest, FSnapConnectionComponent, FStraightPathBuilder, FSummaryNodeMoveDragHandler, FZoomBase, FZoomDirective, F_AFTER_MAIN_PLUGIN, F_BACKGROUND, F_BACKGROUND_FEATURES, F_BACKGROUND_PATTERN, F_BACKGROUND_PROVIDERS, F_BEFORE_MAIN_PLUGIN, 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_CSS_CLASS, F_DRAGGABLE_FEATURES, F_DRAGGABLE_PROVIDERS, F_DRAG_HANDLE, F_EXTERNAL_ITEM, F_EXTERNAL_ITEM_DRAG_AND_DROP_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_FEATURES, F_ZOOM_TAG, FindInputAtPositionExecution, FindInputAtPositionRequest, FitToFlowExecution, FitToFlowRequest, GET_FLOW_STATE_PROVIDERS, GetAllCanBeConnectedInputsAndRectsExecution, GetAllCanBeConnectedInputsAndRectsRequest, GetCanBeSelectedItemsExecution, GetCanBeSelectedItemsRequest, GetCanvasExecution, GetCanvasRequest, GetConnectorAndRectExecution, GetConnectorAndRectRequest, GetCurrentSelectionExecution, GetCurrentSelectionRequest, GetDeepChildrenNodesAndGroupsExecution, GetDeepChildrenNodesAndGroupsRequest, GetElementRoundedRectExecution, GetElementRoundedRectRequest, GetFirstConnectableOutputExecution, GetFirstConnectableOutputRequest, GetFlowExecution, GetFlowHostElementExecution, GetFlowHostElementRequest, GetFlowRequest, GetFlowStateConnectionsExecution, GetFlowStateConnectionsRequest, GetFlowStateExecution, GetFlowStateNodesExecution, GetFlowStateNodesRequest, GetFlowStateRequest, 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, IsDragStartedExecution, IsDragStartedRequest, LineAlignmentPreparationExecution, LineAlignmentPreparationRequest, LineElement, LineService, ListenCountChangesExecution, ListenCountChangesRequest, ListenDataChangesExecution, ListenDataChangesRequest, ListenTransformChangesExecution, ListenTransformChangesRequest, LogExecutionTime, MINIMAP_DRAG_FINALIZE_PROVIDERS, MINIMAP_DRAG_PREPARATION_PROVIDERS, MarkAllCanBeConnectedInputsExecution, MarkAllCanBeConnectedInputsRequest, MinimapCalculateSvgScaleAndViewBoxExecution, MinimapCalculateSvgScaleAndViewBoxRequest, MinimapCalculateViewBoxExecution, MinimapCalculateViewBoxRequest, MinimapDragFinalizeExecution, MinimapDragFinalizeRequest, MinimapDragPreparationExecution, MinimapDragPreparationRequest, MinimapDrawNodesExecution, MinimapDrawNodesRequest, MoveFrontElementsBeforeTargetElementExecution, MoveFrontElementsBeforeTargetElementRequest, NODE_DROP_TO_GROUP_PROVIDERS, NODE_PROVIDERS, NODE_RESIZE_PROVIDERS, NotifyDataChangedExecution, NotifyDataChangedRequest, NotifyTransformChangedExecution, NotifyTransformChangedRequest, OnPointerMoveExecution, OnPointerMoveRequest, PointBoundsLimiter, PrepareDragSequenceExecution, PrepareDragSequenceRequest, PreventDefaultIsExternalItemExecution, PreventDefaultIsExternalItemRequest, PutInputConnectionHandlersToArrayExecution, PutInputConnectionHandlersToArrayRequest, PutOutputConnectionHandlersToArrayExecution, PutOutputConnectionHandlersToArrayRequest, RESIZE_DIRECTIONS, 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, RemoveZoomFromStoreExecution, RemoveZoomFromStoreRequest, ResetScaleAndCenterExecution, ResetScaleAndCenterRequest, ResetScaleExecution, ResetScaleRequest, ResetZoomExecution, ResetZoomRequest, SINGLE_SELECT_PROVIDERS, SelectAllExecution, SelectAllRequest, SelectAndUpdateNodeLayerExecution, SelectAndUpdateNodeLayerRequest, SelectExecution, SelectRequest, SelectionAreaDragHandle, SelectionAreaFinalizeExecution, SelectionAreaFinalizeRequest, SelectionAreaPreparationExecution, SelectionAreaPreparationRequest, SetBackgroundTransformExecution, SetBackgroundTransformRequest, SetZoomExecution, SetZoomRequest, SortItemLayersExecution, SortItemLayersRequest, SortItemsByParentExecution, SortItemsByParentRequest, SortNodeLayersExecution, SortNodeLayersRequest, SourceConnectionDragHandler, SourceTargetConnectionDragHandler, StartDragSequenceExecution, StartDragSequenceRequest, TargetConnectionDragHandler, UnmarkAllCanBeConnectedInputsExecution, UnmarkAllCanBeConnectedInputsRequest, UpdateItemAndChildrenLayersExecution, UpdateItemAndChildrenLayersRequest, UpdateNodeWhenStateOrSizeChangedExecution, UpdateNodeWhenStateOrSizeChangedRequest, UpdateScaleExecution, UpdateScaleRequest, createSVGElement, debounceTime, defaultEventTrigger, fInject, fixedCenterBehavior, fixedOutboundBehavior, floatingBehavior, getExternalItem, getMarkerEndId, getMarkerSelectedEndId, getMarkerSelectedStartId, getMarkerStartId, isExternalItem, isMobile, isNode, isNodeOutlet, isNodeOutput, isValidEventTrigger, mixinChangeSelection, mixinChangeVisibility, notifyOnStart, transitionEnd };
 //# sourceMappingURL=foblex-flow.mjs.map