@foblex/flow 17.5.9 → 17.6.1

package/f-canvas/f-canvas.component.d.ts

@@ -3,8 +3,17 @@ import { FCanvasBase } from './f-canvas-base';
 import { IPoint } from '@foblex/2d';
 import { FCanvasChangeEvent } from './domain';
 import * as i0 from "@angular/core";
+/**
+ * Component representing a canvas in the F-Flow framework.
+ * It handles the rendering of nodes, connections, and groups,
+ * as well as user interactions such as zooming and panning.
+ * It extends the FCanvasBase class and implements OnInit and OnDestroy lifecycle hooks.
+ * It provides methods to manipulate the canvas, such as centering nodes or groups,
+ * fitting the canvas to the screen, and resetting the scale.
+ * It also emits events when the canvas changes, allowing other components to react to these changes.
+ */
 export declare class FCanvasComponent extends FCanvasBase implements OnInit, OnDestroy {
-    private readonly _fMediator;
+    private readonly _mediator;
     private readonly _elementReference;
     private readonly _injector;
     private _flowId;
@@ -21,21 +30,60 @@ export declare class FCanvasComponent extends FCanvasBase implements OnInit, OnD
     ngOnInit(): void;
     private _positionChange;
     private _scaleChange;
+    /**
+     * Redraws the canvas by applying the current transformation.
+     */
     redraw(): void;
+    /**
+     * Redraws the canvas with an animation effect.
+     * This method applies a CSS transition to the canvas element,
+     * allowing for a smooth visual update of the canvas's transformation.
+     */
     redrawWithAnimation(): void;
+    /**
+     * Centers the specified group or node on the canvas.
+     * @param id - The ID of the group or node to center.
+     * @param animated - If true, the centering will be animated; otherwise, it will be instantaneous.
+     */
     centerGroupOrNode(id: string, animated?: boolean): void;
+    /**
+     * Fits the canvas to the screen by adjusting the scale and position.
+     * @param toCenter - paddings from the bounds of the canvas
+     * @param animated - If true, the fit will be animated; otherwise, it will be instantaneous.
+     */
     fitToScreen(toCenter?: IPoint, animated?: boolean): void;
+    /**
+     * Resets the scale and center all nodes and groups on the canvas.
+     * This method is used to restore the canvas to its default scale and position,
+     * allowing users to quickly return to a standard view of the canvas content.
+     * @param animated - If true, the reset will be animated; otherwise, it will be instantaneous.
+     * This is useful for providing a smooth user experience when resetting the view.
+     */
     resetScaleAndCenter(animated?: boolean): void;
+    /**
+     *  Gets the current scale of the canvas.
+     */
     getScale(): number;
     /**
      *  @deprecated Method "setZoom" is deprecated. Use "setScale" instead. This method will be removed in version 18.0.0.`,
      */
     setZoom(scale: number, toPosition?: IPoint): void;
+    /**
+     * Sets the scale of the canvas to a specified value.
+     * This method is used to zoom in or out of the canvas,
+     * allowing users to adjust the view of the canvas content.
+     * @param scale - The scale factor to set for the canvas.
+     * @param toPosition - The position to which the canvas should be centered after scaling.
+     */
     setScale(scale: number, toPosition?: IPoint): void;
     /**
      *  @deprecated Method "resetZoom" is deprecated. Use "resetScale" instead. This method will be removed in version 18.0.0.`,
      */
     resetZoom(): void;
+    /**
+     * Resets the scale of the canvas to its default value.
+     * This method is used to restore the canvas to its original scale.
+     */
     resetScale(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FCanvasComponent, never>;

package/f-connection/common/f-connection-base.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef } from '@angular/core';
+import { ElementRef, InputSignal, Signal } from '@angular/core';
 import { ILine } from '@foblex/2d';
 import { EFConnectionBehavior } from './e-f-connection-behavior';
 import { EFConnectionType } from './e-f-connection-type';
@@ -7,7 +7,7 @@ import { IHasConnectionFromTo } from './i-has-connection-from-to';
 import { IHasConnectionText } from './i-has-connection-text';
 import { IConnectionPath } from './f-path';
 import { IConnectionGradient } from './f-gradient';
-import { FConnectionDragHandleEndComponent } from './f-drag-handle';
+import { FConnectionDragHandleEndComponent, FConnectionDragHandleStartComponent } from './f-drag-handle';
 import { FConnectionSelectionComponent } from './f-selection';
 import { IConnectionText } from './f-connection-text';
 import { EFConnectableSide } from '../../f-connectors';
@@ -22,9 +22,9 @@ declare const MIXIN_BASE: import("../../mixins").Constructor<ISelectable> & impo
 };
 export declare abstract class FConnectionBase extends MIXIN_BASE implements IHasHostElement, ISelectable, ICanChangeVisibility, IHasConnectionColor, IHasConnectionFromTo, IHasConnectionText {
     private cFactory;
-    abstract fId: string;
-    abstract fStartColor: string;
-    abstract fEndColor: string;
+    abstract fId: Signal<string>;
+    abstract fStartColor: InputSignal<string>;
+    abstract fEndColor: InputSignal<string>;
     abstract fOutputId: string;
     abstract fInputId: string;
     abstract fRadius: number;
@@ -36,16 +36,19 @@ export declare abstract class FConnectionBase extends MIXIN_BASE implements IHas
     abstract boundingElement: HTMLElement | SVGElement;
     abstract fBehavior: EFConnectionBehavior;
     abstract fType: EFConnectionType | string;
-    abstract fDefs: ElementRef<SVGDefsElement>;
-    abstract fPath: IConnectionPath;
-    abstract fGradient: IConnectionGradient;
-    abstract fDragHandle: FConnectionDragHandleEndComponent;
-    abstract fSelection: FConnectionSelectionComponent;
-    abstract fTextComponent: IConnectionText;
+    fReassignableStart: Signal<boolean>;
+    abstract fDefs: Signal<ElementRef<SVGDefsElement>>;
+    abstract fPath: Signal<IConnectionPath>;
+    abstract fGradient: Signal<IConnectionGradient>;
+    abstract fDragHandleStart: Signal<FConnectionDragHandleStartComponent | undefined>;
+    abstract fDragHandleEnd: Signal<FConnectionDragHandleEndComponent>;
+    abstract fSelection: Signal<FConnectionSelectionComponent>;
+    abstract fTextComponent: Signal<IConnectionText>;
     abstract fText: string;
     abstract fTextStartOffset: string;
-    abstract fConnectionCenter: ElementRef<HTMLDivElement>;
+    abstract fConnectionCenter: Signal<ElementRef<HTMLDivElement> | undefined>;
     private penultimatePoint;
+    private secondPoint;
     protected constructor(elementReference: ElementRef<HTMLElement>, cFactory: FConnectionFactory);
     initialize(): void;
     isContains(element: HTMLElement | SVGElement): boolean;

package/f-connection/common/i-has-connection-color.d.ts

@@ -1,4 +1,5 @@
+import { InputSignal } from "@angular/core";
 export interface IHasConnectionColor {
-    fStartColor: string;
-    fEndColor: string;
+    fStartColor: InputSignal<string>;
+    fEndColor: InputSignal<string>;
 }

package/f-connection/common/i-has-connection-from-to.d.ts

@@ -1,5 +1,6 @@
+import { Signal } from "@angular/core";
 export interface IHasConnectionFromTo {
-    fId: string;
+    fId: Signal<string>;
     fOutputId: string;
     fInputId: string;
 }

package/f-connection/f-connection/f-connection.component.d.ts

@@ -1,39 +1,41 @@
-import { ElementRef, OnChanges, OnDestroy, OnInit, QueryList } from "@angular/core";
-import { EFConnectionBehavior, EFConnectionType, FConnectionDragHandleEndComponent, FConnectionSelectionComponent, IConnectionGradient, IConnectionPath, IConnectionText } from '../common';
+import { ElementRef, OnChanges, OnDestroy, OnInit } from "@angular/core";
+import { EFConnectionBehavior, EFConnectionType, FConnectionDragHandleEndComponent, FConnectionDragHandleStartComponent, FConnectionSelectionComponent, IConnectionGradient, IConnectionPath, IConnectionText } from '../common';
 import { FConnectionCenterDirective } from '../f-connection-center';
 import { FConnectionFactory } from '../f-connection-builder';
 import { FConnectionBase } from '../common/f-connection-base';
 import * as i0 from "@angular/core";
 export declare class FConnectionComponent extends FConnectionBase implements OnInit, OnChanges, OnDestroy {
-    fId: string;
+    fId: import("@angular/core").InputSignal<string>;
     fText: string;
     fTextStartOffset: string;
-    fStartColor: string;
-    fEndColor: string;
+    fStartColor: import("@angular/core").InputSignal<string>;
+    fEndColor: import("@angular/core").InputSignal<string>;
     fOutputId: any;
     fInputId: any;
     fRadius: number;
     fOffset: number;
     fBehavior: EFConnectionBehavior;
     fType: EFConnectionType | string;
+    fReassignableStart: import("@angular/core").InputSignal<boolean>;
     fDraggingDisabled: boolean;
     fSelectionDisabled: boolean;
-    fDefs: ElementRef<SVGDefsElement>;
-    fPath: IConnectionPath;
-    fGradient: IConnectionGradient;
-    fDragHandle: FConnectionDragHandleEndComponent;
-    fSelection: FConnectionSelectionComponent;
-    fTextComponent: IConnectionText;
-    fConnectionCenter: ElementRef<HTMLDivElement>;
-    fConnectionCenters: QueryList<FConnectionCenterDirective>;
+    fDefs: import("@angular/core").Signal<ElementRef<SVGDefsElement>>;
+    fPath: import("@angular/core").Signal<IConnectionPath>;
+    fGradient: import("@angular/core").Signal<IConnectionGradient>;
+    fDragHandleStart: import("@angular/core").Signal<FConnectionDragHandleStartComponent | undefined>;
+    fDragHandleEnd: import("@angular/core").Signal<FConnectionDragHandleEndComponent>;
+    fSelection: import("@angular/core").Signal<FConnectionSelectionComponent>;
+    fTextComponent: import("@angular/core").Signal<IConnectionText>;
+    fConnectionCenter: import("@angular/core").Signal<ElementRef<HTMLDivElement> | undefined>;
+    fConnectionCenters: import("@angular/core").Signal<readonly FConnectionCenterDirective[]>;
     get boundingElement(): HTMLElement | SVGElement;
-    private _fMediator;
+    private readonly _fMediator;
     constructor(elementReference: ElementRef<HTMLElement>, fConnectionFactory: FConnectionFactory);
     ngOnInit(): void;
     ngOnChanges(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FConnectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FConnectionComponent, "f-connection", ["fComponent"], { "fId": { "alias": "fConnectionId"; "required": false; }; "fText": { "alias": "fText"; "required": false; }; "fTextStartOffset": { "alias": "fTextStartOffset"; "required": false; }; "fStartColor": { "alias": "fStartColor"; "required": false; }; "fEndColor": { "alias": "fEndColor"; "required": false; }; "fOutputId": { "alias": "fOutputId"; "required": false; }; "fInputId": { "alias": "fInputId"; "required": false; }; "fRadius": { "alias": "fRadius"; "required": false; }; "fOffset": { "alias": "fOffset"; "required": false; }; "fBehavior": { "alias": "fBehavior"; "required": false; }; "fType": { "alias": "fType"; "required": false; }; "fDraggingDisabled": { "alias": "fReassignDisabled"; "required": false; }; "fSelectionDisabled": { "alias": "fSelectionDisabled"; "required": false; }; }, {}, ["fConnectionCenters"], ["*", "[fConnectionCenter]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FConnectionComponent, "f-connection", ["fComponent"], { "fId": { "alias": "fConnectionId"; "required": false; "isSignal": true; }; "fText": { "alias": "fText"; "required": false; }; "fTextStartOffset": { "alias": "fTextStartOffset"; "required": false; }; "fStartColor": { "alias": "fStartColor"; "required": false; "isSignal": true; }; "fEndColor": { "alias": "fEndColor"; "required": false; "isSignal": true; }; "fOutputId": { "alias": "fOutputId"; "required": false; }; "fInputId": { "alias": "fInputId"; "required": false; }; "fRadius": { "alias": "fRadius"; "required": false; }; "fOffset": { "alias": "fOffset"; "required": false; }; "fBehavior": { "alias": "fBehavior"; "required": false; }; "fType": { "alias": "fType"; "required": false; }; "fReassignableStart": { "alias": "fReassignableStart"; "required": false; "isSignal": true; }; "fDraggingDisabled": { "alias": "fReassignDisabled"; "required": false; }; "fSelectionDisabled": { "alias": "fSelectionDisabled"; "required": false; }; }, {}, ["fConnectionCenters"], ["*", "[fConnectionCenter]"], false, never>;
     static ngAcceptInputType_fRadius: unknown;
     static ngAcceptInputType_fOffset: unknown;
     static ngAcceptInputType_fBehavior: unknown;

package/f-connection/f-connection-builder/i-f-connection-builder-response.d.ts

@@ -3,4 +3,5 @@ export interface IFConnectionBuilderResponse {
     path: string;
     connectionCenter: IPoint;
     penultimatePoint: IPoint;
+    secondPoint: IPoint;
 }

package/f-connection/f-connection-for-create/f-connection-for-create.component.d.ts

@@ -1,5 +1,5 @@
-import { AfterViewInit, ElementRef, OnChanges, OnDestroy, OnInit, QueryList } from "@angular/core";
-import { FConnectionDragHandleEndComponent, FConnectionSelectionComponent, IConnectionGradient, IConnectionPath, IConnectionText } from '../common';
+import { AfterViewInit, ElementRef, OnChanges, OnDestroy, OnInit } from "@angular/core";
+import { FConnectionDragHandleEndComponent, FConnectionDragHandleStartComponent, FConnectionSelectionComponent, IConnectionGradient, IConnectionPath, IConnectionText } from '../common';
 import { EFConnectionBehavior } from '../common';
 import { EFConnectionType } from '../common';
 import { FConnectionCenterDirective } from '../f-connection-center';
@@ -7,11 +7,11 @@ import { FConnectionFactory } from '../f-connection-builder';
 import { FConnectionBase } from '../common/f-connection-base';
 import * as i0 from "@angular/core";
 export declare class FConnectionForCreateComponent extends FConnectionBase implements AfterViewInit, OnInit, OnChanges, OnDestroy {
-    fId: string;
+    fId: import("@angular/core").WritableSignal<string>;
     fText: string;
     fTextStartOffset: string;
-    fStartColor: string;
-    fEndColor: string;
+    fStartColor: import("@angular/core").InputSignal<string>;
+    fEndColor: import("@angular/core").InputSignal<string>;
     fOutputId: string;
     fInputId: string;
     fRadius: number;
@@ -20,23 +20,24 @@ export declare class FConnectionForCreateComponent extends FConnectionBase imple
     fType: EFConnectionType | string;
     fDraggingDisabled: boolean;
     fSelectionDisabled: boolean;
-    fDefs: ElementRef<SVGDefsElement>;
-    fPath: IConnectionPath;
-    fGradient: IConnectionGradient;
-    fDragHandle: FConnectionDragHandleEndComponent;
-    fSelection: FConnectionSelectionComponent;
-    fTextComponent: IConnectionText;
-    fConnectionCenter: ElementRef<HTMLDivElement>;
-    fConnectionCenters: QueryList<FConnectionCenterDirective>;
+    fDefs: import("@angular/core").Signal<ElementRef<SVGDefsElement>>;
+    fPath: import("@angular/core").Signal<IConnectionPath>;
+    fGradient: import("@angular/core").Signal<IConnectionGradient>;
+    fDragHandleStart: import("@angular/core").Signal<FConnectionDragHandleStartComponent | undefined>;
+    fDragHandleEnd: import("@angular/core").Signal<FConnectionDragHandleEndComponent>;
+    fSelection: import("@angular/core").Signal<FConnectionSelectionComponent>;
+    fTextComponent: import("@angular/core").Signal<IConnectionText>;
+    fConnectionCenter: import("@angular/core").Signal<ElementRef<HTMLDivElement> | undefined>;
+    fConnectionCenters: import("@angular/core").Signal<readonly FConnectionCenterDirective[]>;
     get boundingElement(): HTMLElement | SVGElement;
-    private _fMediator;
+    private readonly _fMediator;
     constructor(elementReference: ElementRef<HTMLElement>, fConnectionFactory: FConnectionFactory);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnChanges(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FConnectionForCreateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FConnectionForCreateComponent, "f-connection-for-create", never, { "fStartColor": { "alias": "fStartColor"; "required": false; }; "fEndColor": { "alias": "fEndColor"; "required": false; }; "fRadius": { "alias": "fRadius"; "required": false; }; "fOffset": { "alias": "fOffset"; "required": false; }; "fBehavior": { "alias": "fBehavior"; "required": false; }; "fType": { "alias": "fType"; "required": false; }; }, {}, ["fConnectionCenters"], ["*", "[fConnectionCenter]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FConnectionForCreateComponent, "f-connection-for-create", never, { "fStartColor": { "alias": "fStartColor"; "required": false; "isSignal": true; }; "fEndColor": { "alias": "fEndColor"; "required": false; "isSignal": true; }; "fRadius": { "alias": "fRadius"; "required": false; }; "fOffset": { "alias": "fOffset"; "required": false; }; "fBehavior": { "alias": "fBehavior"; "required": false; }; "fType": { "alias": "fType"; "required": false; }; }, {}, ["fConnectionCenters"], ["*", "[fConnectionCenter]"], false, never>;
     static ngAcceptInputType_fRadius: unknown;
     static ngAcceptInputType_fOffset: unknown;
     static ngAcceptInputType_fBehavior: unknown;

package/f-connection/f-snap-connection/f-snap-connection.component.d.ts

@@ -1,5 +1,5 @@
-import { AfterViewInit, ElementRef, OnChanges, OnDestroy, OnInit, QueryList } from "@angular/core";
-import { FConnectionDragHandleEndComponent, FConnectionSelectionComponent, IConnectionGradient, IConnectionPath, IConnectionText } from '../common';
+import { AfterViewInit, ElementRef, OnChanges, OnDestroy, OnInit } from "@angular/core";
+import { FConnectionDragHandleEndComponent, FConnectionDragHandleStartComponent, FConnectionSelectionComponent, IConnectionGradient, IConnectionPath, IConnectionText } from '../common';
 import { EFConnectionBehavior } from '../common';
 import { EFConnectionType } from '../common';
 import { FConnectionCenterDirective } from '../f-connection-center';
@@ -7,11 +7,11 @@ import { FConnectionFactory } from '../f-connection-builder';
 import { FConnectionBase } from '../common/f-connection-base';
 import * as i0 from "@angular/core";
 export declare class FSnapConnectionComponent extends FConnectionBase implements AfterViewInit, OnInit, OnChanges, OnDestroy {
-    fId: string;
+    fId: import("@angular/core").WritableSignal<string>;
     fText: string;
     fTextStartOffset: string;
-    fStartColor: string;
-    fEndColor: string;
+    fStartColor: import("@angular/core").InputSignal<string>;
+    fEndColor: import("@angular/core").InputSignal<string>;
     fSnapThreshold: number;
     fOutputId: string;
     fInputId: string;
@@ -21,23 +21,24 @@ export declare class FSnapConnectionComponent extends FConnectionBase implements
     fType: EFConnectionType | string;
     fDraggingDisabled: boolean;
     fSelectionDisabled: boolean;
-    fDefs: ElementRef<SVGDefsElement>;
-    fPath: IConnectionPath;
-    fGradient: IConnectionGradient;
-    fDragHandle: FConnectionDragHandleEndComponent;
-    fSelection: FConnectionSelectionComponent;
-    fTextComponent: IConnectionText;
-    fConnectionCenter: ElementRef<HTMLDivElement>;
-    fConnectionCenters: QueryList<FConnectionCenterDirective>;
+    fDefs: import("@angular/core").Signal<ElementRef<SVGDefsElement>>;
+    fPath: import("@angular/core").Signal<IConnectionPath>;
+    fGradient: import("@angular/core").Signal<IConnectionGradient>;
+    fDragHandleStart: import("@angular/core").Signal<FConnectionDragHandleStartComponent | undefined>;
+    fDragHandleEnd: import("@angular/core").Signal<FConnectionDragHandleEndComponent>;
+    fSelection: import("@angular/core").Signal<FConnectionSelectionComponent>;
+    fTextComponent: import("@angular/core").Signal<IConnectionText>;
+    fConnectionCenter: import("@angular/core").Signal<ElementRef<HTMLDivElement> | undefined>;
+    fConnectionCenters: import("@angular/core").Signal<readonly FConnectionCenterDirective[]>;
     get boundingElement(): HTMLElement | SVGElement;
-    private _fMediator;
+    private readonly _fMediator;
     constructor(elementReference: ElementRef<HTMLElement>, fConnectionFactory: FConnectionFactory);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnChanges(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FSnapConnectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FSnapConnectionComponent, "f-snap-connection", never, { "fStartColor": { "alias": "fStartColor"; "required": false; }; "fEndColor": { "alias": "fEndColor"; "required": false; }; "fSnapThreshold": { "alias": "fSnapThreshold"; "required": false; }; "fRadius": { "alias": "fRadius"; "required": false; }; "fOffset": { "alias": "fOffset"; "required": false; }; "fBehavior": { "alias": "fBehavior"; "required": false; }; "fType": { "alias": "fType"; "required": false; }; }, {}, ["fConnectionCenters"], ["*", "[fConnectionCenter]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FSnapConnectionComponent, "f-snap-connection", never, { "fStartColor": { "alias": "fStartColor"; "required": false; "isSignal": true; }; "fEndColor": { "alias": "fEndColor"; "required": false; "isSignal": true; }; "fSnapThreshold": { "alias": "fSnapThreshold"; "required": false; }; "fRadius": { "alias": "fRadius"; "required": false; }; "fOffset": { "alias": "fOffset"; "required": false; }; "fBehavior": { "alias": "fBehavior"; "required": false; }; "fType": { "alias": "fType"; "required": false; }; }, {}, ["fConnectionCenters"], ["*", "[fConnectionCenter]"], false, never>;
     static ngAcceptInputType_fSnapThreshold: unknown;
     static ngAcceptInputType_fRadius: unknown;
     static ngAcceptInputType_fOffset: unknown;

package/f-connection/providers.d.ts

@@ -4,4 +4,4 @@ import { FConnectionCenterDirective } from './f-connection-center';
 import { FConnectionForCreateComponent } from './f-connection-for-create';
 import { FMarkerDirective } from './f-marker';
 import { FSnapConnectionComponent } from './f-snap-connection';
-export declare const F_CONNECTION_PROVIDERS: (typeof FConnectionTextPathDirective | typeof FConnectionTextComponent | typeof FConnectionGradientComponent | typeof FConnectionPathComponent | typeof FConnectionSelectionComponent | typeof FConnectionCenterDirective | typeof FConnectionForCreateComponent | typeof FConnectionComponent | typeof FMarkerDirective | typeof FSnapConnectionComponent)[];
+export declare const F_CONNECTION_PROVIDERS: (typeof FConnectionSelectionComponent | typeof FConnectionTextPathDirective | typeof FConnectionTextComponent | typeof FConnectionGradientComponent | typeof FConnectionPathComponent | typeof FConnectionCenterDirective | typeof FConnectionForCreateComponent | typeof FConnectionComponent | typeof FMarkerDirective | typeof FSnapConnectionComponent)[];

package/f-draggable/domain/is-connection-under-node/is-connection-under-node.execution.d.ts

@@ -2,8 +2,8 @@ import { IExecution } from '@foblex/mediator';
 import { IsConnectionUnderNodeRequest } from './is-connection-under-node.request';
 import * as i0 from "@angular/core";
 export declare class IsConnectionUnderNodeExecution implements IExecution<IsConnectionUnderNodeRequest, void> {
-    private _fMediator;
-    private _fComponentsStore;
+    private readonly _fMediator;
+    private readonly _fComponentsStore;
     handle(request: IsConnectionUnderNodeRequest): void;
     private _getOutputConnectors;
     private _getInputConnectors;

package/f-draggable/f-connection/f-reassign-connection/f-reassign-connection.drag-handler.d.ts

@@ -3,29 +3,23 @@ import { FConnectionBase } from '../../../f-connection';
 import { IPoint } from '@foblex/2d';
 import { Injector } from '@angular/core';
 export declare class FReassignConnectionDragHandler implements IFDragHandler {
-    private _fConnection;
+    private _connection;
+    private _isTargetDragHandle;
     fEventType: string;
     fData: any;
     private readonly _fResult;
     private readonly _fMediator;
-    private readonly _fComponentsStore;
-    private readonly _toConnectorRect;
+    private readonly _store;
     private get _fSnapConnection();
-    private _fOutputWithRect;
-    private _fInputWithRect;
-    private _canBeConnectedInputs;
-    private get _fOutput();
-    private get _fInput();
-    constructor(_injector: Injector, _fConnection: FConnectionBase);
+    private get _sourceConnector();
+    private get _targetConnector();
+    private get _sourceConnectorAndRect();
+    private get _targetConnectorAndRect();
+    private _reassignHandler;
+    constructor(_injector: Injector, _connection: FConnectionBase, _isTargetDragHandle: boolean);
+    private _sourceDragHandler;
+    private _targetDragHandler;
     prepareDragSequence(): void;
-    private _getAndMarkCanBeConnectedInputs;
-    private _initializeSnapConnection;
     onPointerMove(difference: IPoint): void;
-    private _drawConnection;
-    private _getLineToPointer;
-    private _drawSnapConnection;
-    private _getLineToClosestInput;
-    private _findClosestInput;
-    private _getClosestInputForSnapConnection;
     onPointerUp(): void;
 }

package/f-draggable/f-connection/f-reassign-connection/f-reassign-connection.event.d.ts

@@ -1,9 +1,12 @@
 import { IPoint } from '@foblex/2d';
 export declare class FReassignConnectionEvent {
-    fConnectionId: string;
-    fOutputId: string;
-    oldFInputId: string;
-    newFInputId: string | undefined;
-    fDropPosition: IPoint;
-    constructor(fConnectionId: string, fOutputId: string, oldFInputId: string, newFInputId: string | undefined, fDropPosition: IPoint);
+    connectionId: string;
+    isSourceReassign: boolean;
+    isTargetReassign: boolean;
+    oldSourceId: string;
+    newSourceId: string | undefined;
+    oldTargetId: string;
+    newTargetId: string | undefined;
+    dropPoint: IPoint;
+    constructor(connectionId: string, isSourceReassign: boolean, isTargetReassign: boolean, oldSourceId: string, newSourceId: string | undefined, oldTargetId: string, newTargetId: string | undefined, dropPoint: IPoint);
 }

package/f-draggable/f-connection/f-reassign-connection/f-reassign-source.drag-handler.d.ts

@@ -0,0 +1,27 @@
+import { FMediator } from "@foblex/mediator";
+import { IConnectorAndRect } from "../../../domain";
+import { FConnectionBase, FSnapConnectionComponent } from "../../../f-connection";
+import { IPoint } from "@foblex/2d";
+import { IFReassignHandler } from "./i-f-reassign-handler";
+export declare class FReassignSourceDragHandler implements IFReassignHandler {
+    private readonly _mediator;
+    private readonly _connection;
+    private readonly _sourceConnectorAndRect;
+    private readonly _targetConnectorAndRect;
+    private _connectableConnectors;
+    private get _sourceConnector();
+    private get _targetConnector();
+    private readonly _connectorRect;
+    private _snapConnection;
+    constructor(_mediator: FMediator, _connection: FConnectionBase, _sourceConnectorAndRect: IConnectorAndRect, _targetConnectorAndRect: IConnectorAndRect);
+    getConnectableConnectors(): IConnectorAndRect[];
+    markConnectableConnector(): void;
+    initializeSnapConnection(snapConnection: FSnapConnectionComponent | undefined): void;
+    onPointerMove(difference: IPoint): void;
+    private _findClosestConnector;
+    private _drawConnection;
+    private _calculateNewLine;
+    private _drawSnapConnection;
+    private _getLineToClosestSourceConnector;
+    onPointerUp(): void;
+}

package/f-draggable/f-connection/f-reassign-connection/f-reassign-target.drag-handler.d.ts

@@ -0,0 +1,28 @@
+import { FMediator } from "@foblex/mediator";
+import { IConnectorAndRect } from "../../../domain";
+import { FConnectionBase, FSnapConnectionComponent } from "../../../f-connection";
+import { IPoint } from "@foblex/2d";
+import { IFReassignHandler } from "./i-f-reassign-handler";
+export declare class FReassignTargetDragHandler implements IFReassignHandler {
+    private readonly _mediator;
+    private readonly _connection;
+    private readonly _sourceConnectorAndRect;
+    private readonly _targetConnectorAndRect;
+    private _connectableConnectors;
+    private get _sourceConnector();
+    private get _sourceConnectorRect();
+    private get _targetConnector();
+    private readonly _connectorRect;
+    private _snapConnection;
+    constructor(_mediator: FMediator, _connection: FConnectionBase, _sourceConnectorAndRect: IConnectorAndRect, _targetConnectorAndRect: IConnectorAndRect);
+    getConnectableConnectors(): IConnectorAndRect[];
+    markConnectableConnector(): void;
+    initializeSnapConnection(snapConnection: FSnapConnectionComponent | undefined): void;
+    onPointerMove(difference: IPoint): void;
+    private _findClosestConnector;
+    private _drawConnection;
+    private _calculateNewLine;
+    private _drawSnapConnection;
+    private _getLineToClosestTargetConnector;
+    onPointerUp(): void;
+}

package/f-draggable/f-connection/f-reassign-connection/i-f-reassign-connection-drag-result.d.ts

@@ -2,7 +2,9 @@ import { RoundedRect } from '@foblex/2d';
 import { FConnectionBase } from '../../../f-connection';
 import { IConnectorAndRect } from '../../../domain';
 export interface IFReassignConnectionDragResult {
-    toConnectorRect: RoundedRect;
+    isTargetDragHandle: boolean;
+    sourceConnectorRect: RoundedRect;
+    targetConnectorRect: RoundedRect;
     fConnection: FConnectionBase;
-    canBeConnectedInputs: IConnectorAndRect[];
+    connectableConnectors: IConnectorAndRect[];
 }

package/f-draggable/f-connection/f-reassign-connection/i-f-reassign-handler.d.ts

@@ -0,0 +1,12 @@
+import { IPoint, RoundedRect } from "@foblex/2d";
+import { IClosestConnector, IConnectorAndRect } from "../../../domain";
+import { FSnapConnectionComponent } from "../../../f-connection";
+export interface IFReassignHandler {
+    getConnectableConnectors(): IConnectorAndRect[];
+    markConnectableConnector(): void;
+    initializeSnapConnection(snapConnection: FSnapConnectionComponent | undefined): void;
+    onPointerMove(difference: IPoint): void;
+    onPointerUp(): void;
+}
+export declare function isClosestConnectorInsideSnapThreshold(fClosestConnector: IClosestConnector | undefined, snapConnection: FSnapConnectionComponent): IClosestConnector | undefined;
+export declare function roundedRectFromPoint(point: IPoint): RoundedRect;

package/f-draggable/f-connection/f-reassign-connection/index.d.ts

@@ -1,5 +1,9 @@
 export * from './reassign-finalize';
 export * from './reassign-preparation';
 export * from './f-reassign-connection.drag-handler';
+export * from './f-reassign-source.drag-handler';
+export * from './f-reassign-source.drag-handler';
+export * from './f-reassign-target.drag-handler';
 export * from './f-reassign-connection.event';
 export * from './i-f-reassign-connection-drag-result';
+export * from './i-f-reassign-handler';

package/f-draggable/f-connection/f-reassign-connection/reassign-finalize/f-reassign-connection-finalize.execution.d.ts

@@ -2,17 +2,17 @@ import { FReassignConnectionFinalizeRequest } from './f-reassign-connection-fina
 import { IExecution } from '@foblex/mediator';
 import * as i0 from "@angular/core";
 export declare class FReassignConnectionFinalizeExecution implements IExecution<FReassignConnectionFinalizeRequest, void> {
-    private _fResult;
-    private _fMediator;
-    private _fComponentsStore;
-    private _fDraggableDataContext;
+    private readonly _dragResult;
+    private readonly _mediator;
+    private readonly _store;
+    private readonly _draggableContext;
     private get _fDraggable();
     private get _fDragHandler();
     handle(request: FReassignConnectionFinalizeRequest): void;
     private _isDroppedConnectionReassignEvent;
     private _applyReassignEvent;
-    private _getInputUnderPointer;
-    private _isReassignToDifferentInput;
+    private _findConnectableConnectorUsingPriorityAndPosition;
+    private _isReassignToDifferentConnector;
     private _emitReassignConnectionEvent;
     private _getEventData;
     static ɵfac: i0.ɵɵFactoryDeclaration<FReassignConnectionFinalizeExecution, never>;

package/f-draggable/f-connection/f-reassign-connection/reassign-preparation/f-reassign-connection-preparation.execution.d.ts

@@ -16,7 +16,6 @@ export declare class FReassignConnectionPreparationExecution implements IExecuti
     private _getPointInFlow;
     private _getConnectionToReassign;
     private _getConnectionsFromPoint;
-    private _isPointInsideCircle;
     private _updateConnectionLayer;
     static ɵfac: i0.ɵɵFactoryDeclaration<FReassignConnectionPreparationExecution, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<FReassignConnectionPreparationExecution>;

package/f-draggable/f-connection/f-reassign-connection/reassign-preparation/index.d.ts

@@ -1,2 +1,3 @@
 export * from './f-reassign-connection-preparation.execution';
 export * from './f-reassign-connection-preparation.request';
+export * from './is-pointer-inside-start-or-end-drag-handles';

package/f-draggable/f-connection/f-reassign-connection/reassign-preparation/is-pointer-inside-start-or-end-drag-handles.d.ts

@@ -0,0 +1,5 @@
+import { IPoint } from "@foblex/2d";
+import { FConnectionBase } from "../../../../f-connection";
+export declare function isPointerInsideStartOrEndDragHandles(connection: FConnectionBase, position: IPoint): boolean;
+export declare function isDragHandleEnd(connection: FConnectionBase, position: IPoint): boolean;
+export declare function isDragHandleStart(connection: FConnectionBase, position: IPoint): boolean;

package/f-draggable/f-connection/providers.d.ts

@@ -1,3 +1,3 @@
 import { FCreateConnectionDragHandlerPreparationExecution, FCreateConnectionFinalizeExecution, FCreateConnectionFromOutletPreparationExecution, FCreateConnectionFromOutputPreparationExecution, FCreateConnectionPreparationExecution, GetFirstConnectableOutputExecution } from './f-create-connection';
 import { FReassignConnectionFinalizeExecution, FReassignConnectionPreparationExecution } from './f-reassign-connection';
-export declare const CONNECTIONS_PROVIDERS: (typeof FCreateConnectionFinalizeExecution | typeof FCreateConnectionDragHandlerPreparationExecution | typeof FCreateConnectionFromOutletPreparationExecution | typeof GetFirstConnectableOutputExecution | typeof FCreateConnectionFromOutputPreparationExecution | typeof FCreateConnectionPreparationExecution | typeof FReassignConnectionFinalizeExecution | typeof FReassignConnectionPreparationExecution)[];
+export declare const CONNECTIONS_PROVIDERS: (typeof GetFirstConnectableOutputExecution | typeof FCreateConnectionFinalizeExecution | typeof FCreateConnectionDragHandlerPreparationExecution | typeof FCreateConnectionFromOutletPreparationExecution | typeof FCreateConnectionFromOutputPreparationExecution | typeof FReassignConnectionFinalizeExecution | typeof FReassignConnectionPreparationExecution | typeof FCreateConnectionPreparationExecution)[];

package/f-draggable/f-drop-to-group/providers.d.ts

@@ -1,3 +1,3 @@
 import { FNodeDropToGroupPreparationExecution } from './drop-to-group-preparation';
 import { FNodeDropToGroupFinalizeExecution } from './drop-to-group-finalize';
-export declare const NODE_DROP_TO_GROUP_PROVIDERS: (typeof FNodeDropToGroupPreparationExecution | typeof FNodeDropToGroupFinalizeExecution)[];
+export declare const NODE_DROP_TO_GROUP_PROVIDERS: (typeof FNodeDropToGroupFinalizeExecution | typeof FNodeDropToGroupPreparationExecution)[];

package/f-draggable/f-node-move/create-move-nodes-drag-model-from-selection/providers.d.ts

@@ -3,4 +3,4 @@ import { CalculateNodeMoveLimitsExecution } from './domain/calculate-node-move-l
 import { PutInputConnectionHandlersToArrayExecution } from './domain/put-input-connection-handlers-to-array';
 import { PutOutputConnectionHandlersToArrayExecution } from './domain/put-output-connection-handlers-to-array';
 import { CalculateCommonNodeMoveLimitsExecution } from './domain/calculate-common-node-move-limits';
-export declare const CREATE_MOVE_NODE_DRAG_MODEL_FROM_SELECTION_PROVIDERS: (typeof CalculateCommonNodeMoveLimitsExecution | typeof CalculateNodeMoveLimitsExecution | typeof PutInputConnectionHandlersToArrayExecution | typeof PutOutputConnectionHandlersToArrayExecution | typeof CreateMoveNodesDragModelFromSelectionExecution)[];
+export declare const CREATE_MOVE_NODE_DRAG_MODEL_FROM_SELECTION_PROVIDERS: (typeof CalculateCommonNodeMoveLimitsExecution | typeof PutInputConnectionHandlersToArrayExecution | typeof PutOutputConnectionHandlersToArrayExecution | typeof CalculateNodeMoveLimitsExecution | typeof CreateMoveNodesDragModelFromSelectionExecution)[];

package/f-draggable/f-node-move/providers.d.ts

@@ -1,4 +1,4 @@
 import { FNodeMoveFinalizeExecution } from './move-finalize';
 import { FNodeMovePreparationExecution } from './move-preparation';
 import { LineAlignmentPreparationExecution } from './line-alignment-preparation';
-export declare const NODE_PROVIDERS: (typeof import("./create-move-nodes-drag-model-from-selection").CalculateCommonNodeMoveLimitsExecution | typeof import("./create-move-nodes-drag-model-from-selection").CalculateNodeMoveLimitsExecution | typeof import("./create-move-nodes-drag-model-from-selection").PutInputConnectionHandlersToArrayExecution | typeof import("./create-move-nodes-drag-model-from-selection").PutOutputConnectionHandlersToArrayExecution | typeof import("./create-move-nodes-drag-model-from-selection").CreateMoveNodesDragModelFromSelectionExecution | typeof LineAlignmentPreparationExecution | typeof FNodeMoveFinalizeExecution | typeof FNodeMovePreparationExecution)[];
+export declare const NODE_PROVIDERS: (typeof import("./create-move-nodes-drag-model-from-selection").CalculateCommonNodeMoveLimitsExecution | typeof import("./create-move-nodes-drag-model-from-selection").PutInputConnectionHandlersToArrayExecution | typeof import("./create-move-nodes-drag-model-from-selection").PutOutputConnectionHandlersToArrayExecution | typeof import("./create-move-nodes-drag-model-from-selection").CalculateNodeMoveLimitsExecution | typeof import("./create-move-nodes-drag-model-from-selection").CreateMoveNodesDragModelFromSelectionExecution | typeof LineAlignmentPreparationExecution | typeof FNodeMovePreparationExecution | typeof FNodeMoveFinalizeExecution)[];

package/f-draggable/f-node-resize/providers.d.ts

@@ -6,4 +6,4 @@ import { ApplyParentResizeRestrictionsExecution } from './apply-parent-resize-re
 import { CalculateChangedSizeExecution } from './calculate-changed-size';
 import { CalculateChangedPositionExecution } from './calculate-changed-position';
 import { GetNormalizedChildrenNodesRectExecution } from './get-normalized-children-nodes-rect';
-export declare const NODE_RESIZE_PROVIDERS: (typeof ApplyChildResizeRestrictionsExecution | typeof ApplyParentResizeRestrictionsExecution | typeof CalculateChangedPositionExecution | typeof CalculateChangedSizeExecution | typeof GetNormalizedChildrenNodesRectExecution | typeof GetNodeResizeRestrictionsExecution | typeof FNodeResizeFinalizeExecution | typeof FNodeResizePreparationExecution)[];
+export declare const NODE_RESIZE_PROVIDERS: (typeof GetNormalizedChildrenNodesRectExecution | typeof GetNodeResizeRestrictionsExecution | typeof ApplyChildResizeRestrictionsExecution | typeof ApplyParentResizeRestrictionsExecution | typeof CalculateChangedPositionExecution | typeof CalculateChangedSizeExecution | typeof FNodeResizeFinalizeExecution | typeof FNodeResizePreparationExecution)[];