refactor(components): rename and restructure connection-related files

- Renamed multiple files for better clarity and organization.
- Updated import paths to reflect new file locations.
- Consolidated exports in index files for easier access.
- Removed deprecated components and requests.
- Enhanced the structure of connection control points and related logic.

Signed-off-by: Siarhei Huzarevich <shuzarevich@gmail.com>

Author: siarheihuzarevich

projects/f-examples/connections/connection-content/connection-content.html

@@ -33,6 +33,17 @@
         Any Content
       </div>
     </f-connection>
+    <f-connection
+      [fReassignDisabled]="true"
+      fOutputId="7"
+      fInputId="8"
+      fBehavior="fixed"
+      fType="adaptive-curve"
+    >
+      <div fConnectionContent [position]="position()" [align]="align()" [offset]="offset()">
+        Any Content
+      </div>
+    </f-connection>
     <div
       fNode
       fDragHandle
@@ -93,6 +104,26 @@
     >
       Node 6
     </div>
+    <div
+      fNode
+      fDragHandle
+      [fNodePosition]="{ x: 0, y: 450 }"
+      fNodeOutput
+      fOutputId="7"
+      fOutputConnectableSide="bottom"
+    >
+      Node 7
+    </div>
+    <div
+      fNode
+      fDragHandle
+      [fNodePosition]="{ x: 300, y: 450 }"
+      fNodeInput
+      fInputId="8"
+      fInputConnectableSide="top"
+    >
+      Node 8
+    </div>
   </f-canvas>
 </f-flow>
 <div class="examples-toolbar">

projects/f-examples/connections/connection-types/connection-types.html

@@ -1,6 +1,8 @@
 <f-flow fDraggable (fLoaded)="loaded()">
   <f-canvas>
-    <f-connection [fReassignDisabled]="true" fType="straight" fOutputId="1" fInputId="2" />
+    <f-connection [fReassignDisabled]="true" fType="straight" fOutputId="1" fInputId="2">
+      <f-connection-control-points />
+    </f-connection>
     <div
       fNode
       fDragHandle
@@ -22,7 +24,9 @@
       Node
     </div>
 
-    <f-connection [fReassignDisabled]="true" fType="segment" fOutputId="3" fInputId="4" />
+    <f-connection [fReassignDisabled]="true" fType="segment" fOutputId="3" fInputId="4">
+      <f-connection-control-points />
+    </f-connection>
     <div
       fNode
       fDragHandle
@@ -44,7 +48,9 @@
       Node
     </div>
 
-    <f-connection [fReassignDisabled]="true" fType="bezier" fOutputId="5" fInputId="6" />
+    <f-connection [fReassignDisabled]="true" fType="bezier" fOutputId="5" fInputId="6">
+      <f-connection-control-points />
+    </f-connection>
     <div
       fNode
       fDragHandle
@@ -65,7 +71,10 @@
     >
       Node
     </div>
-    <f-connection [fReassignDisabled]="true" fType="adaptive-curve" fOutputId="7" fInputId="8" />
+
+    <f-connection [fReassignDisabled]="true" fType="adaptive-curve" fOutputId="7" fInputId="8">
+      <f-connection-control-points />
+    </f-connection>
     <div
       fNode
       fDragHandle

projects/f-flow/src/domain/css-cls.ts

@@ -23,8 +23,4 @@ export const F_CSS_CLASS = {
 
     CONNECTABLE: 'f-connector-connectable',
   },
-
-  CONNECTION: {
-    DRAG_HANDLE: 'f-connection-drag-handle',
-  },
 };

projects/f-flow/src/domain/f-connection/add-connection-marker-to-store/add-connection-marker-to-store-request.ts

@@ -1,7 +1,7 @@
-import { FMarkerBase } from '../../../f-connection';
+import { FConnectionMarkerBase } from '../../../f-connection-v2';
 
 export class AddConnectionMarkerToStoreRequest {
   static readonly fToken = Symbol('AddConnectionMarkerToStoreRequest');
 
-  constructor(public readonly component: FMarkerBase) {}
+  constructor(public readonly component: FConnectionMarkerBase) {}
 }

projects/f-flow/src/domain/f-connection/calculate-connection-line-by-behavior/calculate-connection-line-by-behavior-request.ts

@@ -1,10 +1,11 @@
 import { inject, Injectable } from '@angular/core';
 import { CreateConnectionMarkersRequest } from './create-connection-markers-request';
-import { FConnectionBase, FMarkerBase } from '../../../f-connection';
+import { FConnectionBase } from '../../../f-connection';
 import { FExecutionRegister, IExecution } from '@foblex/mediator';
 import { BrowserService } from '@foblex/platform';
 import { normalizeDomElementId } from '@foblex/utils';
 import { FComponentsStore } from '../../../f-storage';
+import { FConnectionMarkerBase } from '../../../f-connection-v2';
 
 /**
  * Execution that creates connection markers for a given connection.
@@ -39,7 +40,7 @@ export class CreateConnectionMarkers implements IExecution<CreateConnectionMarke
     this._makeSafariCompatible(connection);
   }
 
-  public _findConnectionMarkers(connection: FConnectionBase): FMarkerBase[] {
+  public _findConnectionMarkers(connection: FConnectionBase): FConnectionMarkerBase[] {
     return this._store.fMarkers.filter((x) => connection.hostElement.contains(x.hostElement));
   }
 
@@ -50,7 +51,7 @@ export class CreateConnectionMarkers implements IExecution<CreateConnectionMarke
 }
 
 function createMarkerElement(
-  marker: FMarkerBase,
+  marker: FConnectionMarkerBase,
   connectionId: string,
   browser: BrowserService,
 ): SVGElement {

projects/f-flow/src/domain/f-connection/calculate-connection-line-by-behavior/index.ts

@@ -8,8 +8,6 @@ export * from './add-snap-connection-to-store';
 
 export * from './create-connection-markers';
 
-export * from './calculate-connection-line-by-behavior';
-
 export * from './redraw-connections';
 
 export * from './remove-connection-for-create-from-store';

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

@@ -8,7 +8,6 @@ import { RemoveSnapConnectionFromStore } from './remove-snap-connection-from-sto
 import { AddConnectionMarkerToStore } from './add-connection-marker-to-store';
 import { RemoveConnectionMarkerFromStore } from './remove-connection-marker-from-store';
 import { RedrawConnections } from './redraw-connections';
-import { CalculateConnectionLineByBehavior } from './calculate-connection-line-by-behavior';
 
 /**
  * This file exports all the connection-related features for the F-Flow domain.
@@ -24,8 +23,6 @@ export const F_CONNECTION_FEATURES = [
 
   CreateConnectionMarkers,
 
-  CalculateConnectionLineByBehavior,
-
   RedrawConnections,
 
   RemoveConnectionForCreateFromStore,

projects/f-flow/src/domain/f-connection/index.ts

@@ -2,13 +2,16 @@ import { ILine, IRoundedRect } from '@foblex/2d';
 import { inject, Injectable } from '@angular/core';
 import { RedrawConnectionsRequest } from './redraw-connections-request';
 import { FComponentsStore } from '../../../f-storage';
-import { CalculateConnectionLineByBehaviorRequest } from '../calculate-connection-line-by-behavior';
 import { FConnectorBase } from '../../../f-connectors';
 import { FConnectionBase } from '../../../f-connection';
 import { FExecutionRegister, FMediator, IExecution } from '@foblex/mediator';
 import { CreateConnectionMarkersRequest } from '../create-connection-markers';
 import { GetNormalizedConnectorRectRequest } from '../../get-normalized-connector-rect';
 import { DragRectCache } from '../../drag-rect-cache';
+import {
+  ConnectionBehaviourBuilder,
+  ConnectionBehaviourBuilderRequest,
+} from '../../../f-connection-v2';
 
 /**
  * Execution that redraws connections in the FComponentsStore.
@@ -20,6 +23,7 @@ import { DragRectCache } from '../../drag-rect-cache';
 export class RedrawConnections implements IExecution<RedrawConnectionsRequest, void> {
   private readonly _mediator = inject(FMediator);
   private readonly _store = inject(FComponentsStore);
+  private readonly _connectionBehaviour = inject(ConnectionBehaviourBuilder);
 
   public handle(_request: RedrawConnectionsRequest): void {
     this._resetConnectors();
@@ -86,8 +90,8 @@ export class RedrawConnections implements IExecution<RedrawConnectionsRequest, v
     target: FConnectorBase,
     connection: FConnectionBase,
   ): ILine {
-    return this._mediator.execute(
-      new CalculateConnectionLineByBehaviorRequest(
+    return this._connectionBehaviour.handle(
+      new ConnectionBehaviourBuilderRequest(
         this._calculateConnectorRect(source),
         this._calculateConnectorRect(target),
         connection,