@foblex/flow 16.0.4 → 17.0.0

package/fesm2022/foblex-flow.mjs

@@ -1150,6 +1150,12 @@ class FNodeBase extends MIXIN_BASE$1 {
     updateSize(value) {
         this._size = value;
     }
+    setClass(className) {
+        this.hostElement.classList.add(className);
+    }
+    removeClass(className) {
+        this.hostElement.classList.remove(className);
+    }
 }
 
 class FResizeObserver extends Observable {
@@ -2706,7 +2712,7 @@ class FConnectionTextPathDirective {
     getSymbolWidth(name) {
         const text = name || 'connection';
         const { fontFamily, fontSize } = this.getFontStyles(this.hostElement);
-        this.fontSize = fontSize;
+        this.fontSize = fontSize || '12px';
         const canvas = this.fBrowser.document.createElement('canvas');
         let context;
         try {
@@ -3884,10 +3890,21 @@ class ConnectionBaseDragHandler {
         this.fInputWithRect = this.fMediator.send(new GetConnectorWithRectRequest(this.getInput()));
     }
     getOutput() {
-        return this.fComponentsStore.fOutputs.find((x) => x.id === this.connection.fOutputId);
+        const result = this.fComponentsStore.fOutputs.find((x) => x.id === this.connection.fOutputId);
+        if (!result) {
+            throw new Error(this.connectorNotFoundPrefix(`fOutput with id ${this.connection.fOutputId} not found`));
+        }
+        return result;
     }
     getInput() {
-        return this.fComponentsStore.fInputs.find((x) => x.id === this.connection.fInputId);
+        const result = this.fComponentsStore.fInputs.find((x) => x.id === this.connection.fInputId);
+        if (!result) {
+            throw new Error(this.connectorNotFoundPrefix(`fInput with id ${this.connection.fInputId} not found`));
+        }
+        return result;
+    }
+    connectorNotFoundPrefix(message) {
+        return `ConnectionDragHandler Error: Connection From (fOutput)${this.connection.fOutputId} To (fInput)${this.connection.fInputId}. ${message}. Please ensure that all f-connections are associated with existing connectors`;
     }
     getDifference(difference, restrictions) {
         return {
@@ -4123,6 +4140,9 @@ const DEFAULT_RESTRICTIONS = {
 };
 
 class CreateMoveNodesDragModelFromSelectionRequest {
+    constructor(nodeWithDisabledSelection) {
+        this.nodeWithDisabledSelection = nodeWithDisabledSelection;
+    }
 }
 
 class NodeDragHandler {
@@ -4176,13 +4196,17 @@ let CreateMoveNodesDragModelFromSelectionExecution = class CreateMoveNodesDragMo
         this.fMediator = fMediator;
     }
     handle(request) {
-        const itemsToDrag = this.getNodesWithRestrictions(this.getSelectedNodes());
+        const itemsToDrag = this.getNodesWithRestrictions(this.getSelectedNodes(request.nodeWithDisabledSelection));
         return this.getDragHandlersWithConnections(this.getDragHandlersFromNodes(itemsToDrag), this.getAllOutputIds(itemsToDrag), this.getAllInputIds(itemsToDrag));
     }
-    getSelectedNodes() {
-        return this.fDraggableDataContext.selectedItems
+    getSelectedNodes(nodeWithDisabledSelection) {
+        const result = this.fDraggableDataContext.selectedItems
             .map((x) => this.fComponentsStore.findNode(x.hostElement))
             .filter((x) => !!x);
+        if (nodeWithDisabledSelection) {
+            result.push(nodeWithDisabledSelection);
+        }
+        return result;
     }
     getNodesWithRestrictions(selectedNodes) {
         const result = [];
@@ -4244,6 +4268,204 @@ const CREATE_MOVE_NODE_DRAG_MODEL_FROM_SELECTION_PROVIDERS = [
     CreateMoveNodesDragModelFromSelectionExecution,
 ];
 
+class NodeDragToParentFinalizeRequest {
+    constructor(event) {
+        this.event = event;
+    }
+}
+
+class NodeDragToParentDragHandler {
+    get transform() {
+        return this.fComponentsStore.transform;
+    }
+    constructor(fComponentsStore, fDraggableDataContext, notDraggedNodesRects) {
+        this.fComponentsStore = fComponentsStore;
+        this.fDraggableDataContext = fDraggableDataContext;
+        this.notDraggedNodesRects = notDraggedNodesRects;
+        this.onPointerDownPosition = PointExtensions.initialize();
+        this.fNodeWithRect = null;
+        this.onPointerDownPosition = this.fDraggableDataContext.onPointerDownPosition;
+    }
+    move(difference) {
+        let point = Point.fromPoint(this.onPointerDownPosition).add(difference).mult(this.transform.scale);
+        const isInclude = this.notDraggedNodesRects.findIndex((x) => RectExtensions.isIncludePoint(x.rect, point));
+        if (isInclude !== -1) {
+            this.markIncludeNode(this.notDraggedNodesRects[isInclude]);
+        }
+        else {
+            this.unmarkIncludeNode();
+        }
+    }
+    markIncludeNode(nodeWithRect) {
+        this.unmarkIncludeNode();
+        this.fNodeWithRect = nodeWithRect;
+        nodeWithRect.node.setClass('f-parent-for-drop');
+    }
+    unmarkIncludeNode() {
+        if (this.fNodeWithRect) {
+            this.fNodeWithRect.node.removeClass('f-parent-for-drop');
+        }
+        this.fNodeWithRect = null;
+    }
+    complete() {
+        this.unmarkIncludeNode();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeDragToParentDragHandler, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: NodeDragToParentDragHandler, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeDragToParentDragHandler, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return [{ type: FComponentsStore }, { type: FDraggableDataContext }, { type: undefined }]; } });
+
+class FDropToGroupEvent {
+    constructor(fTargetNode, fNodes, fDropPosition) {
+        this.fTargetNode = fTargetNode;
+        this.fNodes = fNodes;
+        this.fDropPosition = fDropPosition;
+    }
+}
+
+let NodeDragToParentFinalizeExecution = class NodeDragToParentFinalizeExecution {
+    constructor(fComponentsStore, fDraggableDataContext) {
+        this.fComponentsStore = fComponentsStore;
+        this.fDraggableDataContext = fDraggableDataContext;
+    }
+    handle(request) {
+        const item = this.getDragHandleItem();
+        if (item.fNodeWithRect) {
+            this.emitDroppedChildrenEvent(item.fNodeWithRect.node.fId, request.event);
+        }
+        item.complete?.();
+    }
+    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 NodeDragToParentDragHandler);
+    }
+    getDraggedNodeIds() {
+        return this.fDraggableDataContext.draggableItems
+            .filter((x) => x instanceof NodeDragHandler)
+            .map((x) => x.fNode.fId);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeDragToParentFinalizeExecution, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeDragToParentFinalizeExecution }); }
+};
+NodeDragToParentFinalizeExecution = __decorate([
+    FExecutionRegister(NodeDragToParentFinalizeRequest)
+], NodeDragToParentFinalizeExecution);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeDragToParentFinalizeExecution, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: FComponentsStore }, { type: FDraggableDataContext }]; } });
+
+let NodeDragToParentFinalizeValidator = class NodeDragToParentFinalizeValidator {
+    constructor(fDraggableDataContext) {
+        this.fDraggableDataContext = fDraggableDataContext;
+    }
+    handle(request) {
+        return this.fDraggableDataContext.draggableItems
+            .some((x) => x instanceof NodeDragToParentDragHandler);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeDragToParentFinalizeValidator, deps: [{ token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeDragToParentFinalizeValidator }); }
+};
+NodeDragToParentFinalizeValidator = __decorate([
+    FValidatorRegister(NodeDragToParentFinalizeRequest)
+], NodeDragToParentFinalizeValidator);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeDragToParentFinalizeValidator, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: FDraggableDataContext }]; } });
+
+const NODE_DRAG_TO_PARENT_FINALIZE_PROVIDERS = [
+    NodeDragToParentFinalizeExecution,
+    NodeDragToParentFinalizeValidator,
+];
+
+class NodeDragToParentPreparationRequest {
+    constructor(event) {
+        this.event = event;
+    }
+}
+
+let NodeDragToParentPreparationExecution = class NodeDragToParentPreparationExecution {
+    get fNodes() {
+        return this.fComponentsStore.fNodes;
+    }
+    get transform() {
+        return this.fComponentsStore.transform;
+    }
+    get fCanvasPosition() {
+        return PointExtensions.sum(this.transform.position, this.transform.scaledPosition);
+    }
+    constructor(fMediator, fDraggableDataContext, fComponentsStore) {
+        this.fMediator = fMediator;
+        this.fDraggableDataContext = fDraggableDataContext;
+        this.fComponentsStore = fComponentsStore;
+    }
+    handle(request) {
+        const fNode = this.fComponentsStore.findNode(request.event.targetElement);
+        if (!fNode) {
+            throw new Error('Node not found');
+        }
+        this.fDraggableDataContext.draggableItems.push(new NodeDragToParentDragHandler(this.fComponentsStore, this.fDraggableDataContext, this.getNotDraggedNodesRects()));
+    }
+    getNotDraggedNodesRects() {
+        return this.getNotDraggedNodes(this.getDraggedNodes()).map((x) => {
+            const rect = this.fMediator.send(new GetElementRectInFlowRequest(x.hostElement));
+            return {
+                node: x,
+                rect: RectExtensions.initialize(rect.x + this.fCanvasPosition.x, rect.y + this.fCanvasPosition.y, rect.width * this.transform.scale, rect.height * this.transform.scale)
+            };
+        });
+    }
+    getDraggedNodes() {
+        return this.fDraggableDataContext.draggableItems
+            .filter((x) => x instanceof NodeDragHandler)
+            .map((x) => x.fNode);
+    }
+    getNotDraggedNodes(draggedNodes) {
+        return this.fNodes.filter((x) => !draggedNodes.includes(x));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeDragToParentPreparationExecution, deps: [{ token: i2.FMediator }, { token: FDraggableDataContext }, { token: FComponentsStore }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeDragToParentPreparationExecution }); }
+};
+NodeDragToParentPreparationExecution = __decorate([
+    FExecutionRegister(NodeDragToParentPreparationRequest)
+], NodeDragToParentPreparationExecution);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeDragToParentPreparationExecution, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i2.FMediator }, { type: FDraggableDataContext }, { type: FComponentsStore }]; } });
+
+let NodeDragToParentPreparationValidator = class NodeDragToParentPreparationValidator {
+    constructor(fDraggableDataContext) {
+        this.fDraggableDataContext = fDraggableDataContext;
+    }
+    handle(request) {
+        return this.fDraggableDataContext.draggableItems.some((x) => x instanceof NodeDragHandler);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeDragToParentPreparationValidator, deps: [{ token: FDraggableDataContext }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeDragToParentPreparationValidator }); }
+};
+NodeDragToParentPreparationValidator = __decorate([
+    FValidatorRegister(NodeDragToParentPreparationRequest)
+], NodeDragToParentPreparationValidator);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeDragToParentPreparationValidator, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: FDraggableDataContext }]; } });
+
+const NODE_DRAG_TO_PARENT_PREPARATION_PROVIDERS = [
+    NodeDragToParentPreparationExecution,
+    NodeDragToParentPreparationValidator,
+];
+
 class NodeMovePreparationRequest {
     constructor(event) {
         this.event = event;
@@ -4263,28 +4485,39 @@ let NodeMovePreparationExecution = class NodeMovePreparationExecution {
         this.fMediator = fMediator;
     }
     handle(request) {
-        this.selectAndUpdateNodeLayer(request.event.targetElement);
-        const itemsToDrag = this.createDragModelFromSelection();
+        const node = this.getNode(request.event.targetElement);
+        if (!node) {
+            throw new Error('Node not found');
+        }
+        let itemsToDrag = [];
+        if (!node.fSelectionDisabled) {
+            this.selectAndUpdateNodeLayer(node);
+            itemsToDrag = this.createDragModelFromSelection();
+        }
+        else {
+            itemsToDrag = this.createDragModelFromSelection(node);
+        }
         this.initializeLineAlignment(this.filterNodesFromDraggableItems(itemsToDrag));
         this.fDraggableDataContext.onPointerDownScale = this.transform.scale;
         this.fDraggableDataContext.onPointerDownPosition = Point.fromPoint(request.event.getPosition())
             .elementTransform(this.flowHost).div(this.transform.scale);
         this.fDraggableDataContext.draggableItems = itemsToDrag;
     }
-    selectAndUpdateNodeLayer(targetElement) {
-        this.fMediator.send(new SelectAndUpdateNodeLayerRequest(this.getNode(targetElement)));
+    selectAndUpdateNodeLayer(node) {
+        this.fMediator.send(new SelectAndUpdateNodeLayerRequest(node));
     }
     getNode(targetElement) {
         return this.fComponentsStore.findNode(targetElement);
     }
-    createDragModelFromSelection() {
-        return this.fMediator.send(new CreateMoveNodesDragModelFromSelectionRequest());
+    createDragModelFromSelection(nodeWithDisabledSelection) {
+        return this.fMediator.send(new CreateMoveNodesDragModelFromSelectionRequest(nodeWithDisabledSelection));
     }
     initializeLineAlignment(nodesToDrag) {
         this.fDraggableDataContext.fLineAlignment?.initialize(this.fComponentsStore.fNodes, nodesToDrag);
     }
     filterNodesFromDraggableItems(items) {
-        return items.filter((x) => x instanceof NodeDragHandler).map(x => x.fNode);
+        return items.filter((x) => x instanceof NodeDragHandler)
+            .map(x => x.fNode);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeMovePreparationExecution, deps: [{ token: FComponentsStore }, { token: FDraggableDataContext }, { token: i2.FMediator }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NodeMovePreparationExecution }); }
@@ -4353,16 +4586,21 @@ let NodeMoveFinalizeExecution = class NodeMoveFinalizeExecution {
     }
     handle(request) {
         const difference = this.getDifferenceWithLineAlignment(this.getDifferenceBetweenPreparationAndFinalize(request.event.getPosition()));
-        this.fDraggableDataContext.draggableItems.forEach((x) => {
+        this.getItems().forEach((x) => {
             x.move({ ...difference });
             x.complete?.();
         });
         this.fMediator.send(new IsConnectionUnderNodeRequest());
         this.fDraggableDataContext.fLineAlignment?.complete();
     }
+    getItems() {
+        return this.fDraggableDataContext.draggableItems
+            .filter((x) => !(x instanceof NodeDragToParentDragHandler));
+    }
     getDifferenceBetweenPreparationAndFinalize(position) {
         return Point.fromPoint(position).elementTransform(this.flowHost)
-            .div(this.fDraggableDataContext.onPointerDownScale).sub(this.fDraggableDataContext.onPointerDownPosition);
+            .div(this.fDraggableDataContext.onPointerDownScale)
+            .sub(this.fDraggableDataContext.onPointerDownPosition);
     }
     getDifferenceWithLineAlignment(difference) {
         const intersection = this.fDraggableDataContext.fLineAlignment?.findNearestCoordinate(difference);
@@ -4408,6 +4646,8 @@ const NODE_PROVIDERS = [
     ...CREATE_MOVE_NODE_DRAG_MODEL_FROM_SELECTION_PROVIDERS,
     ...NODE_MOVE_FINALIZE_PROVIDERS,
     ...NODE_MOVE_PREPARATION_PROVIDERS,
+    ...NODE_DRAG_TO_PARENT_PREPARATION_PROVIDERS,
+    ...NODE_DRAG_TO_PARENT_FINALIZE_PROVIDERS
 ];
 
 class ApplyChildResizeRestrictionsRequest {
@@ -4871,6 +5111,9 @@ let SingleSelectExecution = class SingleSelectExecution {
                 this.clearSelection();
                 this.selectItem(item);
             }
+            else if (item.fSelectionDisabled) {
+                this.clearSelection();
+            }
         }
         else {
             this.clearSelection();
@@ -5245,6 +5488,7 @@ class FDraggableDirective extends FDraggableBase {
         this.fCreateNode = new EventEmitter();
         this.fReassignConnection = new EventEmitter();
         this.fCreateConnection = new EventEmitter();
+        this.fDropToGroup = new EventEmitter();
     }
     ngOnInit() {
         this.fComponentsStore.fDraggable = this;
@@ -5272,6 +5516,7 @@ class FDraggableDirective extends FDraggableBase {
         });
         this.fMediator.send(new NodeResizePreparationRequest(event));
         this.fMediator.send(new NodeMovePreparationRequest(event));
+        this.fMediator.send(new NodeDragToParentPreparationRequest(event));
         this.fMediator.send(new CanvasMovePreparationRequest(event));
         this.fMediator.send(new ExternalItemPreparationRequest(event));
         this.fDraggableDataContext.draggableItems.forEach((item) => {
@@ -5319,6 +5564,7 @@ class FDraggableDirective extends FDraggableBase {
         this.fMediator.send(new CreateConnectionFinalizeRequest(event));
         this.fMediator.send(new NodeResizeFinalizeRequest(event));
         this.fMediator.send(new NodeMoveFinalizeRequest(event));
+        this.fMediator.send(new NodeDragToParentFinalizeRequest(event));
         this.fMediator.send(new CanvasMoveFinalizeRequest(event));
         this.fMediator.send(new ExternalItemFinalizeRequest(event));
         this.hostElement.classList.remove('f-dragging');
@@ -5340,7 +5586,7 @@ class FDraggableDirective extends FDraggableBase {
         this.subscriptions$.unsubscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FDraggableDirective, deps: [{ token: i0.ElementRef }, { token: FDraggableDataContext }, { token: NgZone, optional: true }, { token: FComponentsStore }, { token: i2.FMediator }, { token: i1.BrowserService }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FDraggableDirective, selector: "f-flow[fDraggable]", inputs: { disabled: ["fDraggableDisabled", "disabled"] }, outputs: { fSelectionChange: "fSelectionChange", fCreateNode: "fCreateNode", fReassignConnection: "fReassignConnection", fCreateConnection: "fCreateConnection" }, queries: [{ propertyName: "plugins", predicate: F_DRAG_AND_DROP_PLUGIN, descendants: true }], exportAs: ["fDraggable"], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FDraggableDirective, selector: "f-flow[fDraggable]", inputs: { disabled: ["fDraggableDisabled", "disabled"] }, outputs: { fSelectionChange: "fSelectionChange", fCreateNode: "fCreateNode", fReassignConnection: "fReassignConnection", fCreateConnection: "fCreateConnection", fDropToGroup: "fDropToGroup" }, queries: [{ propertyName: "plugins", predicate: F_DRAG_AND_DROP_PLUGIN, descendants: true }], exportAs: ["fDraggable"], usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FDraggableDirective, decorators: [{
             type: Directive,
@@ -5364,6 +5610,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Output
             }], fCreateConnection: [{
                 type: Output
+            }], fDropToGroup: [{
+                type: Output
             }], plugins: [{
                 type: ContentChildren,
                 args: [F_DRAG_AND_DROP_PLUGIN, { descendants: true }]
@@ -6793,7 +7041,7 @@ class FRectPatternComponent {
         this._stateChanges.next();
     }
     set hColor(value) {
-        this._vColor = value;
+        this._hColor = value;
         this._stateChanges.next();
     }
     set vSize(value) {
@@ -7762,6 +8010,38 @@ class FZoomBase {
         this.fComponentsStore = fComponentsStore;
         this.isEnabled = false;
         this.listeners = EventExtensions.emptyListener();
+        this.onWheel = (event) => {
+            event.preventDefault();
+            const targetElement = event.target;
+            if (this.fComponentsStore.fDraggable?.isDragStarted || targetElement?.closest('[fLockedContext]')) {
+                return;
+            }
+            let result = this.getScale();
+            const direction = event.deltaY > 0 ? -1 : 1;
+            const step = this.step;
+            result = result + step * direction;
+            result = Math.max(this.minimum, Math.min(result, this.maximum));
+            const pointerPositionInFlow = new Point(event.clientX, event.clientY).elementTransform(this.flowHost);
+            this.fCanvas.setZoom(result, pointerPositionInFlow);
+            this.fCanvas.redraw();
+            this.fCanvas.emitCanvasChangeEvent();
+        };
+        this.onDoubleClick = (event) => {
+            event.preventDefault();
+            const targetElement = event.target;
+            if (this.fComponentsStore.fDraggable?.isDragStarted || isNode(targetElement) || targetElement?.closest('[fLockedContext]')) {
+                return;
+            }
+            let result = this.getScale();
+            const direction = 1;
+            const step = this.dblClickStep;
+            result = result + step * direction;
+            result = Math.max(this.minimum, Math.min(result, this.maximum));
+            const pointerPositionInFlow = new Point(event.clientX, event.clientY).elementTransform(this.flowHost);
+            this.fCanvas.setZoom(result, pointerPositionInFlow);
+            this.fCanvas.redrawWithAnimation();
+            this.fCanvas.emitCanvasChangeEvent();
+        };
     }
     toggleZoom() {
         if (this.isEnabled) {
@@ -7776,48 +8056,16 @@ class FZoomBase {
         if (!this.flowHost) {
             return;
         }
-        this.flowHost.addEventListener('wheel', this.onWheel.bind(this));
-        this.flowHost.addEventListener('dblclick', this.onDoubleClick.bind(this));
+        this.flowHost.addEventListener('wheel', this.onWheel);
+        this.flowHost.addEventListener('dblclick', this.onDoubleClick);
         this.listeners = () => {
-            this.flowHost.removeEventListener('wheel', this.onWheel.bind(this));
-            this.flowHost.removeEventListener('dblclick', this.onDoubleClick.bind(this));
+            this.flowHost.removeEventListener('wheel', this.onWheel);
+            this.flowHost.removeEventListener('dblclick', this.onDoubleClick);
         };
     }
     getScale() {
         return this.fCanvas.transform.scale || 1;
     }
-    onWheel(event) {
-        event.preventDefault();
-        const targetElement = event.target;
-        if (this.fComponentsStore.fDraggable?.isDragStarted || targetElement?.closest('[fLockedContext]')) {
-            return;
-        }
-        let result = this.getScale();
-        const direction = event.deltaY > 0 ? -1 : 1;
-        const step = this.step;
-        result = result + step * direction;
-        result = Math.max(this.minimum, Math.min(result, this.maximum));
-        const pointerPositionInFlow = new Point(event.clientX, event.clientY).elementTransform(this.flowHost);
-        this.fCanvas.setZoom(result, pointerPositionInFlow);
-        this.fCanvas.redraw();
-        this.fCanvas.emitCanvasChangeEvent();
-    }
-    onDoubleClick(event) {
-        event.preventDefault();
-        const targetElement = event.target;
-        if (this.fComponentsStore.fDraggable?.isDragStarted || isNode(targetElement) || targetElement?.closest('[fLockedContext]')) {
-            return;
-        }
-        let result = this.getScale();
-        const direction = 1;
-        const step = this.dblClickStep;
-        result = result + step * direction;
-        result = Math.max(this.minimum, Math.min(result, this.maximum));
-        const pointerPositionInFlow = new Point(event.clientX, event.clientY).elementTransform(this.flowHost);
-        this.fCanvas.setZoom(result, pointerPositionInFlow);
-        this.fCanvas.redrawWithAnimation();
-        this.fCanvas.emitCanvasChangeEvent();
-    }
     onZoomToCenter(deltaY, position) {
         const preventDefault = () => {
         };
@@ -7947,5 +8195,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AddConnectionToStoreExecution, AddConnectionToStoreRequest, AddPatternToBackgroundExecution, AddPatternToBackgroundRequest, ApplyChildResizeRestrictionsExecution, ApplyChildResizeRestrictionsRequest, ApplyParentResizeRestrictionsExecution, ApplyParentResizeRestrictionsRequest, CANVAS_MOVE_FINALIZE_PROVIDERS, CANVAS_MOVE_PREPARATION_PROVIDERS, CANVAS_PROVIDERS, COMMON_PROVIDERS, CONNECTIONS_PROVIDERS, CONNECTION_GRADIENT, CONNECTION_PATH, CONNECTION_TEXT, CREATE_MOVE_NODE_DRAG_MODEL_FROM_SELECTION_PROVIDERS, CalculateCenterBetweenPointsHandler, CalculateCenterBetweenPointsRequest, CalculateChangedPositionExecution, CalculateChangedPositionRequest, CalculateChangedSizeExecution, CalculateChangedSizeRequest, CalculateConnectionCenterHandler, CalculateConnectionCenterRequest, CalculateConnectorConnectableSideHandler, CalculateConnectorConnectableSideRequest, CalculateFlowPointFromMinimapPointExecution, CalculateFlowPointFromMinimapPointRequest, CanvasDragHandler, CanvasMoveFinalizeExecution, CanvasMoveFinalizeRequest, CanvasMoveFinalizeValidator, CanvasMovePreparationExecution, CanvasMovePreparationRequest, CanvasMovePreparationValidator, CenterGroupOrNodeExecution, CenterGroupOrNodeRequest, ClearSelectionExecution, ClearSelectionRequest, ConnectionBaseDragHandler, ConnectionDragHandler, ConnectionSourceDragHandler, ConnectionTargetDragHandler, CreateConnectionDragHandler, CreateConnectionDragHandlerExecution, CreateConnectionDragHandlerRequest, CreateConnectionFinalizeExecution, CreateConnectionFinalizeRequest, CreateConnectionFinalizeValidator, CreateConnectionFromOutletPreparationExecution, CreateConnectionFromOutletPreparationRequest, CreateConnectionFromOutputPreparationExecution, CreateConnectionFromOutputPreparationRequest, CreateConnectionFromOutputPreparationValidator, CreateConnectionMarkersExecution, CreateConnectionMarkersRequest, CreateConnectionPreparationExecution, CreateConnectionPreparationRequest, CreateConnectionPreparationValidator, CreateMoveNodesDragModelFromSelectionExecution, CreateMoveNodesDragModelFromSelectionRequest, CreateRoundedRectFromElementExecution, CreateRoundedRectFromElementRequest, DRAG_AND_DROP_COMMON_PROVIDERS, EFConnectableSide, EFConnectionBehavior, EFConnectionType, EFMarkerType, EFResizeHandleType, EXTERNAL_ITEM_FINALIZE_PROVIDERS, EXTERNAL_ITEM_PREPARATION_PROVIDERS, EmitTransformChangesExecution, EmitTransformChangesRequest, ExternalItemDragHandler, ExternalItemFinalizeExecution, ExternalItemFinalizeRequest, ExternalItemFinalizeValidator, ExternalItemPreparationExecution, ExternalItemPreparationRequest, ExternalItemPreparationValidator, FBackgroundBase, FBackgroundComponent, FBezierPathBuilder, FCanvasBase, FCanvasChangeEvent, FCanvasComponent, FCirclePatternComponent, FComponentsStore, FConnectionBase, FConnectionCenterDirective, FConnectionComponent, FConnectionDragHandleComponent, FConnectionFactory, FConnectionForCreateComponent, FConnectionGradientComponent, FConnectionPathComponent, FConnectionSelectionComponent, FConnectionTextComponent, FConnectionTextPathDirective, FConnectorBase, FCreateConnectionEvent, FCreateNodeEvent, FDragHandleDirective, FDraggableBase, FDraggableDataContext, FDraggableDirective, FExternalItemBase, FExternalItemDirective, FExternalItemService, FFlowBase, FFlowComponent, FFlowModule, FGroupDirective, FLineAlignmentBase, FLineAlignmentComponent, FMarkerBase, FMarkerDirective, FMinimapCanvasDirective, FMinimapComponent, FMinimapData, FMinimapDragHandler, FMinimapFlowDirective, FMinimapViewDirective, FNodeBase, FNodeDirective, FNodeInputBase, FNodeInputDirective, FNodeOutletBase, FNodeOutletDirective, FNodeOutputBase, FNodeOutputDirective, FReassignConnectionEvent, FRectPatternComponent, FResizeHandleDirective, FResizeObserver, FRotateHandleDirective, FSegmentPathBuilder, FSelectionAreaBase, FSelectionAreaComponent, FSelectionChangeEvent, FSnapConnectionComponent, FStraightPathBuilder, FTransformStore, FZoomBase, FZoomDirective, F_BACKGROUND, F_BACKGROUND_FEATURES, F_BACKGROUND_PATTERN, F_BACKGROUND_PROVIDERS, F_CANVAS, F_CANVAS_ANIMATION_DURATION, 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_PROVIDERS, F_DRAGGABLE_PROVIDERS, F_DRAG_AND_DROP_PLUGIN, F_DRAG_HANDLE, F_EXTERNAL_ITEM, F_EXTERNAL_ITEM_DRAG_AND_DROP_PROVIDERS, F_EXTERNAL_ITEM_PROVIDERS, F_FLOW, F_FLOW_PROVIDERS, F_LINE_ALIGNMENT, F_LINE_ALIGNMENT_PROVIDERS, F_MARKER, F_MINIMAP_DRAG_AND_DROP_PROVIDERS, F_MINIMAP_PROVIDERS, F_NODE, 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_ZOOM, F_ZOOM_PROVIDERS, FindClosestInputUsingSnapThresholdExecution, FindClosestInputUsingSnapThresholdRequest, FitToFlowExecution, FitToFlowRequest, GET_FLOW_STATE_PROVIDERS, GetAllCanBeConnectedInputPositionsExecution, GetAllCanBeConnectedInputPositionsRequest, GetCanBeConnectedOutputByOutletExecution, GetCanBeConnectedOutputByOutletRequest, GetCanBeConnectedOutputByOutletValidator, GetCanBeSelectedItemsExecution, GetConnectionLineExecution, GetConnectionLineRequest, GetConnectorWithRectExecution, GetConnectorWithRectRequest, GetDeepChildrenNodesAndGroupsExecution, GetDeepChildrenNodesAndGroupsRequest, GetElementRectInFlowExecution, GetElementRectInFlowRequest, GetFlowStateConnectionsExecution, GetFlowStateConnectionsRequest, GetFlowStateExecution, GetFlowStateNodesExecution, GetFlowStateNodesRequest, GetFlowStateRequest, GetInputUnderPointerExecution, GetInputUnderPointerRequest, GetInputUnderPointerValidator, GetNodeMoveRestrictionsExecution, GetNodeMoveRestrictionsRequest, GetNodePaddingExecution, GetNodePaddingRequest, GetNodeResizeRestrictionsExecution, GetNodeResizeRestrictionsRequest, GetNodesRectExecution, GetNodesRectRequest, GetNormalizedChildrenNodesRectExecution, GetNormalizedChildrenNodesRectRequest, GetNormalizedNodeRectExecution, GetNormalizedNodeRectRequest, GetNormalizedParentNodeRectExecution, GetNormalizedParentNodeRectRequest, GetParentNodesExecution, GetParentNodesRequest, GetPositionInFlowExecution, GetPositionInFlowRequest, GetScaledNodeRectsWithFlowPositionExecution, GetScaledNodeRectsWithFlowPositionRequest, GetSelectionExecution, GetSelectionRequest, InputCanvasPositionExecution, InputCanvasPositionRequest, InputCanvasScaleExecution, InputCanvasScaleRequest, IsArrayHasParentNodeExecution, IsArrayHasParentNodeRequest, IsConnectionUnderNodeExecution, LineElement, LineService, MINIMAP_DRAG_FINALIZE_PROVIDERS, MINIMAP_DRAG_PREPARATION_PROVIDERS, MinimapDragFinalizeExecution, MinimapDragFinalizeRequest, MinimapDragFinalizeValidator, MinimapDragPreparationExecution, MinimapDragPreparationRequest, MinimapDragPreparationValidator, MoveFrontElementsBeforeTargetElementExecution, MoveFrontElementsBeforeTargetElementRequest, NODE_MOVE_FINALIZE_PROVIDERS, NODE_MOVE_PREPARATION_PROVIDERS, NODE_PROVIDERS, NODE_RESIZE_FINALIZE_PROVIDERS, NODE_RESIZE_PREPARATION_PROVIDERS, NODE_RESIZE_PROVIDERS, NearestCoordinateFinder, NodeDragHandler, NodeMoveFinalizeExecution, NodeMoveFinalizeRequest, NodeMoveFinalizeValidator, NodeMovePreparationExecution, NodeMovePreparationRequest, NodeMovePreparationValidator, NodeResizeByChildDragHandler, NodeResizeDragHandler, NodeResizeFinalizeExecution, NodeResizeFinalizeRequest, NodeResizeFinalizeValidator, NodeResizePreparationExecution, NodeResizePreparationRequest, NodeResizePreparationValidator, PutInputConnectionHandlersToArrayExecution, PutInputConnectionHandlersToArrayRequest, PutOutputConnectionHandlersToArrayExecution, PutOutputConnectionHandlersToArrayRequest, RESIZE_DIRECTIONS, ReassignConnectionDragHandler, ReassignConnectionFinalizeExecution, ReassignConnectionFinalizeRequest, ReassignConnectionFinalizeValidator, ReassignConnectionPreparationExecution, ReassignConnectionPreparationRequest, ReassignConnectionPreparationValidator, RedrawConnectionsExecution, RedrawConnectionsRequest, RemoveConnectionFromStoreExecution, RemoveConnectionFromStoreRequest, ResetScaleAndCenterExecution, ResetScaleAndCenterRequest, ResetScaleExecution, ResetScaleRequest, SELECTION_AREA_FINALIZE_PROVIDERS, SELECTION_AREA_PREPARATION_PROVIDERS, SINGLE_SELECT_PROVIDERS, SelectAllExecution, SelectAllRequest, SelectAndUpdateNodeLayerExecution, SelectAndUpdateNodeLayerRequest, SelectExecution, SelectRequest, SelectionAreaDragHandle, SelectionAreaFinalizeExecution, SelectionAreaFinalizeRequest, SelectionAreaFinalizeValidator, SelectionAreaPreparationExecution, SelectionAreaPreparationRequest, SelectionAreaPreparationValidator, ShowConnectionsAfterCalculationsExecution, ShowConnectionsAfterCalculationsRequest, SingleSelectExecution, SingleSelectRequest, SingleSelectValidator, SortItemLayersExecution, SortItemLayersRequest, SortItemsByParentExecution, SortItemsByParentRequest, SortNodeLayersExecution, SortNodeLayersRequest, SubscribeOnTransformChangesExecution, SubscribeOnTransformChangesRequest, UpdateItemAndChildrenLayersExecution, UpdateItemAndChildrenLayersRequest, UpdateScaleExecution, UpdateScaleRequest, checkRectIsFinite, createSVGElement, getExternalItem, getMarkerEndId, getMarkerSelectedEndId, getMarkerSelectedStartId, getMarkerStartId, isExternalItem, isGroup, isNode, isNodeOutlet, isNodeOutput, mixinChangeSelection, mixinChangeVisibility };
+export { AddConnectionToStoreExecution, AddConnectionToStoreRequest, AddPatternToBackgroundExecution, AddPatternToBackgroundRequest, ApplyChildResizeRestrictionsExecution, ApplyChildResizeRestrictionsRequest, ApplyParentResizeRestrictionsExecution, ApplyParentResizeRestrictionsRequest, CANVAS_MOVE_FINALIZE_PROVIDERS, CANVAS_MOVE_PREPARATION_PROVIDERS, CANVAS_PROVIDERS, COMMON_PROVIDERS, CONNECTIONS_PROVIDERS, CONNECTION_GRADIENT, CONNECTION_PATH, CONNECTION_TEXT, CREATE_MOVE_NODE_DRAG_MODEL_FROM_SELECTION_PROVIDERS, CalculateCenterBetweenPointsHandler, CalculateCenterBetweenPointsRequest, CalculateChangedPositionExecution, CalculateChangedPositionRequest, CalculateChangedSizeExecution, CalculateChangedSizeRequest, CalculateConnectionCenterHandler, CalculateConnectionCenterRequest, CalculateConnectorConnectableSideHandler, CalculateConnectorConnectableSideRequest, CalculateFlowPointFromMinimapPointExecution, CalculateFlowPointFromMinimapPointRequest, CanvasDragHandler, CanvasMoveFinalizeExecution, CanvasMoveFinalizeRequest, CanvasMoveFinalizeValidator, CanvasMovePreparationExecution, CanvasMovePreparationRequest, CanvasMovePreparationValidator, CenterGroupOrNodeExecution, CenterGroupOrNodeRequest, ClearSelectionExecution, ClearSelectionRequest, ConnectionBaseDragHandler, ConnectionDragHandler, ConnectionSourceDragHandler, ConnectionTargetDragHandler, CreateConnectionDragHandler, CreateConnectionDragHandlerExecution, CreateConnectionDragHandlerRequest, CreateConnectionFinalizeExecution, CreateConnectionFinalizeRequest, CreateConnectionFinalizeValidator, CreateConnectionFromOutletPreparationExecution, CreateConnectionFromOutletPreparationRequest, CreateConnectionFromOutputPreparationExecution, CreateConnectionFromOutputPreparationRequest, CreateConnectionFromOutputPreparationValidator, CreateConnectionMarkersExecution, CreateConnectionMarkersRequest, CreateConnectionPreparationExecution, CreateConnectionPreparationRequest, CreateConnectionPreparationValidator, CreateMoveNodesDragModelFromSelectionExecution, CreateMoveNodesDragModelFromSelectionRequest, CreateRoundedRectFromElementExecution, CreateRoundedRectFromElementRequest, DRAG_AND_DROP_COMMON_PROVIDERS, EFConnectableSide, EFConnectionBehavior, EFConnectionType, EFMarkerType, EFResizeHandleType, EXTERNAL_ITEM_FINALIZE_PROVIDERS, EXTERNAL_ITEM_PREPARATION_PROVIDERS, EmitTransformChangesExecution, EmitTransformChangesRequest, ExternalItemDragHandler, ExternalItemFinalizeExecution, ExternalItemFinalizeRequest, ExternalItemFinalizeValidator, ExternalItemPreparationExecution, ExternalItemPreparationRequest, ExternalItemPreparationValidator, FBackgroundBase, FBackgroundComponent, FBezierPathBuilder, FCanvasBase, FCanvasChangeEvent, FCanvasComponent, FCirclePatternComponent, FComponentsStore, FConnectionBase, FConnectionCenterDirective, FConnectionComponent, FConnectionDragHandleComponent, FConnectionFactory, FConnectionForCreateComponent, FConnectionGradientComponent, FConnectionPathComponent, FConnectionSelectionComponent, FConnectionTextComponent, FConnectionTextPathDirective, FConnectorBase, FCreateConnectionEvent, FCreateNodeEvent, FDragHandleDirective, FDraggableBase, FDraggableDataContext, FDraggableDirective, FDropToGroupEvent, FExternalItemBase, FExternalItemDirective, FExternalItemService, FFlowBase, FFlowComponent, FFlowModule, FGroupDirective, FLineAlignmentBase, FLineAlignmentComponent, FMarkerBase, FMarkerDirective, FMinimapCanvasDirective, FMinimapComponent, FMinimapData, FMinimapDragHandler, FMinimapFlowDirective, FMinimapViewDirective, FNodeBase, FNodeDirective, FNodeInputBase, FNodeInputDirective, FNodeOutletBase, FNodeOutletDirective, FNodeOutputBase, FNodeOutputDirective, FReassignConnectionEvent, FRectPatternComponent, FResizeHandleDirective, FResizeObserver, FRotateHandleDirective, FSegmentPathBuilder, FSelectionAreaBase, FSelectionAreaComponent, FSelectionChangeEvent, FSnapConnectionComponent, FStraightPathBuilder, FTransformStore, FZoomBase, FZoomDirective, F_BACKGROUND, F_BACKGROUND_FEATURES, F_BACKGROUND_PATTERN, F_BACKGROUND_PROVIDERS, F_CANVAS, F_CANVAS_ANIMATION_DURATION, 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_PROVIDERS, F_DRAGGABLE_PROVIDERS, F_DRAG_AND_DROP_PLUGIN, F_DRAG_HANDLE, F_EXTERNAL_ITEM, F_EXTERNAL_ITEM_DRAG_AND_DROP_PROVIDERS, F_EXTERNAL_ITEM_PROVIDERS, F_FLOW, F_FLOW_PROVIDERS, F_LINE_ALIGNMENT, F_LINE_ALIGNMENT_PROVIDERS, F_MARKER, F_MINIMAP_DRAG_AND_DROP_PROVIDERS, F_MINIMAP_PROVIDERS, F_NODE, 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_ZOOM, F_ZOOM_PROVIDERS, FindClosestInputUsingSnapThresholdExecution, FindClosestInputUsingSnapThresholdRequest, FitToFlowExecution, FitToFlowRequest, GET_FLOW_STATE_PROVIDERS, GetAllCanBeConnectedInputPositionsExecution, GetAllCanBeConnectedInputPositionsRequest, GetCanBeConnectedOutputByOutletExecution, GetCanBeConnectedOutputByOutletRequest, GetCanBeConnectedOutputByOutletValidator, GetCanBeSelectedItemsExecution, GetConnectionLineExecution, GetConnectionLineRequest, GetConnectorWithRectExecution, GetConnectorWithRectRequest, GetDeepChildrenNodesAndGroupsExecution, GetDeepChildrenNodesAndGroupsRequest, GetElementRectInFlowExecution, GetElementRectInFlowRequest, GetFlowStateConnectionsExecution, GetFlowStateConnectionsRequest, GetFlowStateExecution, GetFlowStateNodesExecution, GetFlowStateNodesRequest, GetFlowStateRequest, GetInputUnderPointerExecution, GetInputUnderPointerRequest, GetInputUnderPointerValidator, GetNodeMoveRestrictionsExecution, GetNodeMoveRestrictionsRequest, GetNodePaddingExecution, GetNodePaddingRequest, GetNodeResizeRestrictionsExecution, GetNodeResizeRestrictionsRequest, GetNodesRectExecution, GetNodesRectRequest, GetNormalizedChildrenNodesRectExecution, GetNormalizedChildrenNodesRectRequest, GetNormalizedNodeRectExecution, GetNormalizedNodeRectRequest, GetNormalizedParentNodeRectExecution, GetNormalizedParentNodeRectRequest, GetParentNodesExecution, GetParentNodesRequest, GetPositionInFlowExecution, GetPositionInFlowRequest, GetScaledNodeRectsWithFlowPositionExecution, GetScaledNodeRectsWithFlowPositionRequest, GetSelectionExecution, GetSelectionRequest, InputCanvasPositionExecution, InputCanvasPositionRequest, InputCanvasScaleExecution, InputCanvasScaleRequest, IsArrayHasParentNodeExecution, IsArrayHasParentNodeRequest, IsConnectionUnderNodeExecution, LineElement, LineService, MINIMAP_DRAG_FINALIZE_PROVIDERS, MINIMAP_DRAG_PREPARATION_PROVIDERS, MinimapDragFinalizeExecution, MinimapDragFinalizeRequest, MinimapDragFinalizeValidator, MinimapDragPreparationExecution, MinimapDragPreparationRequest, MinimapDragPreparationValidator, MoveFrontElementsBeforeTargetElementExecution, MoveFrontElementsBeforeTargetElementRequest, NODE_DRAG_TO_PARENT_FINALIZE_PROVIDERS, NODE_DRAG_TO_PARENT_PREPARATION_PROVIDERS, NODE_MOVE_FINALIZE_PROVIDERS, NODE_MOVE_PREPARATION_PROVIDERS, NODE_PROVIDERS, NODE_RESIZE_FINALIZE_PROVIDERS, NODE_RESIZE_PREPARATION_PROVIDERS, NODE_RESIZE_PROVIDERS, NearestCoordinateFinder, NodeDragHandler, NodeDragToParentDragHandler, NodeDragToParentFinalizeExecution, NodeDragToParentFinalizeRequest, NodeDragToParentFinalizeValidator, NodeDragToParentPreparationExecution, NodeDragToParentPreparationRequest, NodeDragToParentPreparationValidator, NodeMoveFinalizeExecution, NodeMoveFinalizeRequest, NodeMoveFinalizeValidator, NodeMovePreparationExecution, NodeMovePreparationRequest, NodeMovePreparationValidator, NodeResizeByChildDragHandler, NodeResizeDragHandler, NodeResizeFinalizeExecution, NodeResizeFinalizeRequest, NodeResizeFinalizeValidator, NodeResizePreparationExecution, NodeResizePreparationRequest, NodeResizePreparationValidator, PutInputConnectionHandlersToArrayExecution, PutInputConnectionHandlersToArrayRequest, PutOutputConnectionHandlersToArrayExecution, PutOutputConnectionHandlersToArrayRequest, RESIZE_DIRECTIONS, ReassignConnectionDragHandler, ReassignConnectionFinalizeExecution, ReassignConnectionFinalizeRequest, ReassignConnectionFinalizeValidator, ReassignConnectionPreparationExecution, ReassignConnectionPreparationRequest, ReassignConnectionPreparationValidator, RedrawConnectionsExecution, RedrawConnectionsRequest, RemoveConnectionFromStoreExecution, RemoveConnectionFromStoreRequest, ResetScaleAndCenterExecution, ResetScaleAndCenterRequest, ResetScaleExecution, ResetScaleRequest, SELECTION_AREA_FINALIZE_PROVIDERS, SELECTION_AREA_PREPARATION_PROVIDERS, SINGLE_SELECT_PROVIDERS, SelectAllExecution, SelectAllRequest, SelectAndUpdateNodeLayerExecution, SelectAndUpdateNodeLayerRequest, SelectExecution, SelectRequest, SelectionAreaDragHandle, SelectionAreaFinalizeExecution, SelectionAreaFinalizeRequest, SelectionAreaFinalizeValidator, SelectionAreaPreparationExecution, SelectionAreaPreparationRequest, SelectionAreaPreparationValidator, ShowConnectionsAfterCalculationsExecution, ShowConnectionsAfterCalculationsRequest, SingleSelectExecution, SingleSelectRequest, SingleSelectValidator, SortItemLayersExecution, SortItemLayersRequest, SortItemsByParentExecution, SortItemsByParentRequest, SortNodeLayersExecution, SortNodeLayersRequest, SubscribeOnTransformChangesExecution, SubscribeOnTransformChangesRequest, UpdateItemAndChildrenLayersExecution, UpdateItemAndChildrenLayersRequest, UpdateScaleExecution, UpdateScaleRequest, checkRectIsFinite, createSVGElement, getExternalItem, getMarkerEndId, getMarkerSelectedEndId, getMarkerSelectedStartId, getMarkerStartId, isExternalItem, isGroup, isNode, isNodeOutlet, isNodeOutput, mixinChangeSelection, mixinChangeVisibility };
 //# sourceMappingURL=foblex-flow.mjs.map