feat: Added f-group functionality

Author: siarheihuzarevich

package.json

@@ -60,7 +60,7 @@
     "@angular/platform-browser": "^18.2.0",
     "@angular/platform-browser-dynamic": "^18.2.0",
     "@angular/router": "^18.2.0",
-    "@foblex/core": "^1.2.1",
+    "@foblex/core": "^1.2.3",
     "@foblex/f-docs": "^1.2.7",
     "dagre": "^0.8.5",
     "elkjs": "^0.9.3",

projects/f-flow/package.json

@@ -31,7 +31,7 @@
   "peerDependencies": {
     "@angular/common": ">=12.0.0",
     "@angular/core": ">=12.0.0",
-    "@foblex/core": ">=1.2.1",
+    "@foblex/core": ">=1.2.3",
     "rxjs": ">=6.6.0"
   },
   "dependencies": {

projects/f-flow/src/domain/create-connection-markers/create-connection-markers.execution.ts

@@ -14,7 +14,7 @@ export class CreateConnectionMarkersExecution implements IExecution<CreateConnec
 
     fConnection.fMarkers.forEach((marker) => {
 
-      const markerElement = this.createMarkerElement(marker, fConnection.fConnectionId);
+      const markerElement = this.createMarkerElement(marker, fConnection.fId);
 
       const clone = marker.hostElement.cloneNode(true) as HTMLElement;
       clone.setAttribute('height', `${ marker.height }`);

projects/f-flow/src/domain/get-connection.handler.ts

@@ -7,14 +7,14 @@ import { FNodeBase } from '../../f-node';
 
 @Injectable()
 @FExecutionRegister(GetNodesRectRequest)
-export class GetNodesRectExecution implements IExecution<GetNodesRectRequest, IRect> {
+export class GetNodesRectExecution implements IExecution<GetNodesRectRequest, IRect | null> {
 
   constructor(
     private fComponentsStore: FComponentsStore,
   ) {
   }
 
-  public handle(request: GetNodesRectRequest): IRect {
+  public handle(request: GetNodesRectRequest): IRect | null {
     return RectExtensions.union(this.getNodesRects());
   }
 

projects/f-flow/src/domain/get-external-nodes-rect/get-external-nodes-rect.request.ts

@@ -1,28 +1,28 @@
 import { IRect, RectExtensions } from '@foblex/core';
-import { GetExternalNodesRectRequest } from './get-external-nodes-rect.request';
+import { GetScaledNodeRectsWithFlowPositionRequest } from './get-scaled-node-rects-with-flow-position.request';
 import { Injectable } from '@angular/core';
 import { FComponentsStore } from '../../f-storage';
 import { FExecutionRegister, IExecution } from '../../infrastructure';
 import { FNodeBase } from '../../f-node';
 
 @Injectable()
-@FExecutionRegister(GetExternalNodesRectRequest)
-export class GetExternalNodesRectExecution implements IExecution<GetExternalNodesRectRequest, IRect> {
+@FExecutionRegister(GetScaledNodeRectsWithFlowPositionRequest)
+export class GetScaledNodeRectsWithFlowPositionExecution implements IExecution<GetScaledNodeRectsWithFlowPositionRequest, IRect | null> {
 
   constructor(
     private fComponentsStore: FComponentsStore,
   ) {
   }
 
-  public handle(request: GetExternalNodesRectRequest): IRect {
+  public handle(request: GetScaledNodeRectsWithFlowPositionRequest): IRect | null {
     return RectExtensions.union(this.getNodesRects());
   }
 
   private getNodesRects(): IRect[] {
     return this.getNodes().map((x) => {
       const rect = RectExtensions.fromElement(x.hostElement);
       return RectExtensions.initialize(x.position.x, x.position.y, rect.width, rect.height);
-    })
+    });
   }
 
   private getNodes(): FNodeBase[] {