refactor(connection): replace pivots with waypoints in connection calculations

- Updated tests to use waypoints instead of pivots for path calculations.
- Refactored candidate calculation functions to return IPoint instead of IWaypointCandidate.
- Adjusted connection-related components to handle waypoints consistently.
- Removed unused imports and cleaned up related code for clarity.

Author: shuzarevich

projects/f-examples/connections/connection-waypoints/connection-waypoints.scss

@@ -20,7 +20,7 @@
 
         &:hover {
           stroke: #298459;
-          transform: scale(1.12);
+          transform: scale(1.1);
         }
       }
 
@@ -31,7 +31,7 @@
         cursor: grab;
 
         &:hover {
-          transform: scale(1.10);
+          transform: scale(1.1);
         }
       }
     }

projects/f-examples/connections/custom-connection-type/custom-connection-type.component.ts

@@ -17,7 +17,6 @@ class OffsetStraightBuilder implements IFConnectionBuilder {
 
     return {
       path,
-      connectionCenter: { x: 0, y: 0 },
       penultimatePoint: PointExtensions.initialize(target.x - 20, target.y),
       secondPoint: PointExtensions.initialize(source.x + 20, source.y),
       points: [
@@ -39,7 +38,6 @@ class CircleConnectionBuilder implements IFConnectionBuilder {
 
     return {
       path,
-      connectionCenter: { x: 0, y: 0 },
       penultimatePoint: d,
       secondPoint: d,
       points: [source, d, target],

projects/f-flow/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2026 Foblex
+Copyright (c) 2026 Foblex Flow
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

projects/f-flow/src/domain/i-map.ts

@@ -38,8 +38,6 @@ export * from './css-cls';
 
 export * from './f-event-trigger';
 
-export * from './i-map';
-
 export * from './is-mobile';
 
 export * from './log-deprecated';

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

@@ -5,8 +5,8 @@
         <circle
           [attr.r]="radius()"
           class="f-candidate"
-          [attr.cx]="candidate.point.x"
-          [attr.cy]="candidate.point.y"
+          [attr.cx]="candidate.x"
+          [attr.cy]="candidate.y"
         ></circle>
       }
       @for (point of waypoints(); track $index) {

projects/f-flow/src/f-connection-v2/components/connection-waypoints/f-connection-waypoints.html

@@ -2,12 +2,20 @@ import {
   booleanAttribute,
   ChangeDetectionStrategy,
   Component,
+  effect,
+  inject,
+  Injector,
   input,
   model,
   numberAttribute,
+  OnDestroy,
+  OnInit,
+  untracked,
 } from '@angular/core';
 import { F_CONNECTION_WAYPOINTS, FConnectionWaypointsBase } from './models';
 import { IPoint } from '@foblex/2d';
+import { NotifyDataChangedRequest } from '../../../f-storage';
+import { FMediator } from '@foblex/mediator';
 
 @Component({
   selector: 'f-connection-waypoints',
@@ -20,7 +28,10 @@ import { IPoint } from '@foblex/2d';
   },
   providers: [{ provide: F_CONNECTION_WAYPOINTS, useExisting: FConnectionWaypoints }],
 })
-export class FConnectionWaypoints extends FConnectionWaypointsBase {
+export class FConnectionWaypoints extends FConnectionWaypointsBase implements OnInit, OnDestroy {
+  private readonly _mediator = inject(FMediator);
+  private readonly _injector = inject(Injector);
+
   public override readonly radius = input(4, {
     transform: numberAttribute,
   });
@@ -29,4 +40,28 @@ export class FConnectionWaypoints extends FConnectionWaypointsBase {
   public override readonly visibility = input(true, {
     transform: booleanAttribute,
   });
+
+  public ngOnInit(): void {
+    this._listenChanges();
+  }
+
+  private _listenChanges(): void {
+    effect(
+      () => {
+        this.radius();
+        this.waypoints();
+        this.visibility();
+        untracked(() => this._notifyDataChanged());
+      },
+      { injector: this._injector },
+    );
+  }
+
+  private _notifyDataChanged(): void {
+    this._mediator.execute(new NotifyDataChangedRequest());
+  }
+
+  public ngOnDestroy(): void {
+    this._notifyDataChanged();
+  }
 }

projects/f-flow/src/f-connection-v2/components/connection-waypoints/f-connection-waypoints.ts

@@ -1,5 +1,4 @@
 import { ElementRef, inject, InjectionToken, ModelSignal, signal, Signal } from '@angular/core';
-import { IWaypointCandidate } from './i-waypoint-candidate';
 import { IPoint, PointExtensions } from '@foblex/2d';
 
 export const F_CONNECTION_WAYPOINTS = new InjectionToken<FConnectionWaypointsBase>(
@@ -9,27 +8,27 @@ export const F_CONNECTION_WAYPOINTS = new InjectionToken<FConnectionWaypointsBas
 export abstract class FConnectionWaypointsBase {
   public readonly hostElement = inject(ElementRef<SVGElement>).nativeElement;
 
-  public readonly candidates = signal<IWaypointCandidate[]>([]);
+  public readonly candidates = signal<IPoint[]>([]);
 
   public abstract waypoints: ModelSignal<IPoint[]>;
   public abstract radius: Signal<number>;
   public abstract visibility: Signal<boolean>;
 
-  protected _activeIndex = signal(-1)
+  private _activeIndex = 0;
   private _pivots: IPoint[] = [];
 
-  public insert(candidate: IWaypointCandidate): void {
+  public insert(candidate: IPoint): void {
     const current = this.waypoints().slice();
 
-    this._activeIndex.set(Math.max(0, Math.min(candidate.chainIndex, current.length)));
+    this._activeIndex = Math.max(0, Math.min(this.candidates().indexOf(candidate), current.length));
 
-    current.splice(this._activeIndex(), 0, { ...candidate.point });
+    current.splice(this._activeIndex, 0, { ...candidate });
     this.waypoints.set(current);
     this._pivots = current;
   }
 
   public select(pivot: IPoint): void {
-    this._activeIndex.set(this.waypoints().findIndex((x) => PointExtensions.isEqual(pivot, x)));
+    this._activeIndex = this.waypoints().findIndex((x) => PointExtensions.isEqual(pivot, x));
     this._pivots = this.waypoints();
   }
 
@@ -41,15 +40,13 @@ export abstract class FConnectionWaypointsBase {
     const current = this.waypoints().slice();
     current.splice(index, 1);
     this.waypoints.set(current);
-    this._activeIndex.set(-1);
   }
 
   public move(point: IPoint): void {
-    this._pivots[this._activeIndex()] = { ...point };
+    this._pivots[this._activeIndex] = { ...point };
   }
 
   public update(): void {
     this.waypoints.set([...this._pivots]);
-   // this._activeIndex.set(-1);
   }
 }

projects/f-flow/src/f-connection-v2/components/connection-waypoints/models/f-connection-waypoints-base.ts

@@ -1,2 +1 @@
 export * from './f-connection-waypoints-base';
-export * from './i-waypoint-candidate';