@foblex/flow 17.5.8 → 17.6.0

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 FConnectionCenterDirective | typeof FSnapConnectionComponent | typeof FConnectionComponent | typeof FConnectionForCreateComponent | typeof FConnectionPathComponent | typeof FConnectionGradientComponent | typeof FConnectionTextComponent | typeof FConnectionTextPathDirective | typeof FMarkerDirective)[];

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 GetFirstConnectableOutputExecution | typeof FCreateConnectionFinalizeExecution | typeof FCreateConnectionDragHandlerPreparationExecution | typeof FCreateConnectionFromOutletPreparationExecution | typeof FCreateConnectionFromOutputPreparationExecution | typeof FReassignConnectionFinalizeExecution | typeof FReassignConnectionPreparationExecution | typeof FCreateConnectionPreparationExecution)[];
+export declare const CONNECTIONS_PROVIDERS: (typeof FCreateConnectionFinalizeExecution | typeof FCreateConnectionDragHandlerPreparationExecution | typeof FCreateConnectionFromOutletPreparationExecution | typeof GetFirstConnectableOutputExecution | typeof FCreateConnectionFromOutputPreparationExecution | typeof FCreateConnectionPreparationExecution | typeof FReassignConnectionFinalizeExecution | typeof FReassignConnectionPreparationExecution)[];

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 PutInputConnectionHandlersToArrayExecution | typeof PutOutputConnectionHandlersToArrayExecution | typeof CalculateNodeMoveLimitsExecution | typeof CreateMoveNodesDragModelFromSelectionExecution)[];
+export declare const CREATE_MOVE_NODE_DRAG_MODEL_FROM_SELECTION_PROVIDERS: (typeof PutInputConnectionHandlersToArrayExecution | typeof PutOutputConnectionHandlersToArrayExecution | typeof CreateMoveNodesDragModelFromSelectionExecution | typeof CalculateCommonNodeMoveLimitsExecution | typeof CalculateNodeMoveLimitsExecution)[];

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").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)[];
+export declare const NODE_PROVIDERS: (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 FNodeMoveFinalizeExecution | typeof import("./create-move-nodes-drag-model-from-selection").CalculateCommonNodeMoveLimitsExecution | typeof import("./create-move-nodes-drag-model-from-selection").CalculateNodeMoveLimitsExecution | typeof LineAlignmentPreparationExecution | typeof FNodeMovePreparationExecution)[];

package/f-draggable/providers.d.ts

@@ -1 +1 @@
-export declare const F_DRAGGABLE_PROVIDERS: (typeof import("./domain").GetNormalizedParentNodeRectExecution | typeof import("./domain").IsArrayHasParentNodeExecution | typeof import("./domain").IsConnectionUnderNodeExecution | typeof import("./f-canvas").FCanvasMoveFinalizeExecution | typeof import("./f-canvas").FCanvasMovePreparationExecution | typeof import("./f-connection").GetFirstConnectableOutputExecution | typeof import("./f-connection").FCreateConnectionFinalizeExecution | typeof import("./f-connection").FCreateConnectionDragHandlerPreparationExecution | typeof import("./f-connection").FCreateConnectionFromOutletPreparationExecution | typeof import("./f-connection").FCreateConnectionFromOutputPreparationExecution | typeof import("../f-external-item").FExternalItemCreatePlaceholderExecution | typeof import("../f-external-item").FExternalItemCreatePreviewExecution | typeof import("../f-external-item").FExternalItemFinalizeExecution | typeof import("../f-external-item").FExternalItemPreparationExecution | typeof import("../f-external-item").PreventDefaultIsExternalItemExecution | typeof import("./f-node-move").CalculateCommonNodeMoveLimitsExecution | typeof import("./f-node-move").PutInputConnectionHandlersToArrayExecution | typeof import("./f-node-move").PutOutputConnectionHandlersToArrayExecution | typeof import("./f-node-move").CalculateNodeMoveLimitsExecution | typeof import("./f-node-move").CreateMoveNodesDragModelFromSelectionExecution | typeof import("./f-node-move").LineAlignmentPreparationExecution | typeof import("./f-node-move").FNodeMovePreparationExecution | typeof import("./f-node-move").FNodeMoveFinalizeExecution | typeof import("./f-drop-to-group").FNodeDropToGroupFinalizeExecution | typeof import("./f-drop-to-group").FNodeDropToGroupPreparationExecution | typeof import("./f-connection").FReassignConnectionFinalizeExecution | typeof import("./f-connection").FReassignConnectionPreparationExecution | typeof import("./f-connection").FCreateConnectionPreparationExecution | typeof import("./f-node-resize").GetNormalizedChildrenNodesRectExecution | typeof import("./f-node-resize").GetNodeResizeRestrictionsExecution | typeof import("./f-node-resize").ApplyChildResizeRestrictionsExecution | typeof import("./f-node-resize").ApplyParentResizeRestrictionsExecution | typeof import("./f-node-resize").CalculateChangedPositionExecution | typeof import("./f-node-resize").CalculateChangedSizeExecution | typeof import("./f-node-resize").FNodeResizeFinalizeExecution | typeof import("./f-node-resize").FNodeResizePreparationExecution | typeof import("./f-node-rotate").FNodeRotateFinalizeExecution | typeof import("./f-node-rotate").FNodeRotatePreparationExecution | typeof import("./f-single-select").FSingleSelectExecution | typeof import("@foblex/flow").CalculateFlowPointFromMinimapPointExecution | typeof import("@foblex/flow").MinimapDragPreparationExecution | typeof import("@foblex/flow").MinimapDragFinalizeExecution | typeof import("@foblex/flow").MinimapDrawNodesExecution | typeof import("@foblex/flow").MinimapCalculateViewBoxExecution | typeof import("@foblex/flow").MinimapCalculateSvgScaleAndViewBoxExecution | typeof import("../f-selection-area").SelectionAreaFinalizeExecution | typeof import("../f-selection-area").SelectionAreaPreparationExecution)[];
+export declare const F_DRAGGABLE_PROVIDERS: (typeof import("./domain").GetNormalizedParentNodeRectExecution | typeof import("./domain").IsArrayHasParentNodeExecution | typeof import("./domain").IsConnectionUnderNodeExecution | typeof import("./f-connection").FCreateConnectionFinalizeExecution | typeof import("./f-connection").FCreateConnectionDragHandlerPreparationExecution | typeof import("./f-connection").FCreateConnectionFromOutletPreparationExecution | typeof import("./f-connection").GetFirstConnectableOutputExecution | typeof import("./f-connection").FCreateConnectionFromOutputPreparationExecution | typeof import("./f-connection").FCreateConnectionPreparationExecution | typeof import("./f-connection").FReassignConnectionFinalizeExecution | typeof import("./f-connection").FReassignConnectionPreparationExecution | typeof import("../f-external-item").FExternalItemFinalizeExecution | typeof import("./f-node-move").PutInputConnectionHandlersToArrayExecution | typeof import("./f-node-move").PutOutputConnectionHandlersToArrayExecution | typeof import("./f-node-move").CreateMoveNodesDragModelFromSelectionExecution | typeof import("./f-node-move").FNodeMoveFinalizeExecution | typeof import("./f-drop-to-group").FNodeDropToGroupFinalizeExecution | typeof import("./f-node-resize").GetNormalizedChildrenNodesRectExecution | typeof import("./f-single-select").FSingleSelectExecution | typeof import("./f-canvas").FCanvasMoveFinalizeExecution | typeof import("./f-canvas").FCanvasMovePreparationExecution | typeof import("../f-external-item").FExternalItemCreatePlaceholderExecution | typeof import("../f-external-item").FExternalItemCreatePreviewExecution | typeof import("../f-external-item").FExternalItemPreparationExecution | typeof import("../f-external-item").PreventDefaultIsExternalItemExecution | typeof import("./f-node-move").CalculateCommonNodeMoveLimitsExecution | typeof import("./f-node-move").CalculateNodeMoveLimitsExecution | typeof import("./f-node-move").LineAlignmentPreparationExecution | typeof import("./f-node-move").FNodeMovePreparationExecution | typeof import("./f-drop-to-group").FNodeDropToGroupPreparationExecution | typeof import("./f-node-resize").GetNodeResizeRestrictionsExecution | typeof import("./f-node-resize").ApplyChildResizeRestrictionsExecution | typeof import("./f-node-resize").ApplyParentResizeRestrictionsExecution | typeof import("./f-node-resize").CalculateChangedPositionExecution | typeof import("./f-node-resize").CalculateChangedSizeExecution | typeof import("./f-node-resize").FNodeResizeFinalizeExecution | typeof import("./f-node-resize").FNodeResizePreparationExecution | typeof import("./f-node-rotate").FNodeRotateFinalizeExecution | typeof import("./f-node-rotate").FNodeRotatePreparationExecution | typeof import("@foblex/flow").CalculateFlowPointFromMinimapPointExecution | typeof import("@foblex/flow").MinimapDragPreparationExecution | typeof import("@foblex/flow").MinimapDragFinalizeExecution | typeof import("@foblex/flow").MinimapDrawNodesExecution | typeof import("@foblex/flow").MinimapCalculateViewBoxExecution | typeof import("@foblex/flow").MinimapCalculateSvgScaleAndViewBoxExecution | typeof import("../f-selection-area").SelectionAreaFinalizeExecution | typeof import("../f-selection-area").SelectionAreaPreparationExecution)[];

package/f-external-item/domain/providers.d.ts

@@ -3,4 +3,4 @@ import { FExternalItemFinalizeExecution } from './finalize';
 import { PreventDefaultIsExternalItemExecution } from './prevent-default-is-external-item';
 import { FExternalItemCreatePreviewExecution } from './create-preview';
 import { FExternalItemCreatePlaceholderExecution } from './create-placeholder';
-export declare const F_EXTERNAL_ITEM_DRAG_AND_DROP_PROVIDERS: (typeof FExternalItemCreatePlaceholderExecution | typeof FExternalItemCreatePreviewExecution | typeof FExternalItemFinalizeExecution | typeof FExternalItemPreparationExecution | typeof PreventDefaultIsExternalItemExecution)[];
+export declare const F_EXTERNAL_ITEM_DRAG_AND_DROP_PROVIDERS: (typeof FExternalItemFinalizeExecution | typeof FExternalItemCreatePlaceholderExecution | typeof FExternalItemCreatePreviewExecution | typeof FExternalItemPreparationExecution | typeof PreventDefaultIsExternalItemExecution)[];

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

@@ -40,5 +40,5 @@ export declare class FFlowComponent extends FFlowBase implements OnInit, AfterCo
     clearSelection(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FFlowComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FFlowComponent, "f-flow", never, { "fId": { "alias": "fFlowId"; "required": false; "isSignal": true; }; }, { "fLoaded": "fLoaded"; }, never, ["[fDefinitions]", "f-background", "f-line-alignment", "f-canvas", "f-selection-area", "f-minimap"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FFlowComponent, "f-flow", never, { "fId": { "alias": "fFlowId"; "required": false; "isSignal": true; }; }, { "fLoaded": "fLoaded"; }, never, ["[fDefinitions]", "f-background", "f-line-alignment", "f-canvas", "f-selection-area", "*"], true, never>;
 }

package/f-minimap/f-minimap-canvas.directive.d.ts

@@ -1,6 +1,6 @@
 import * as i0 from "@angular/core";
 export declare class FMinimapCanvasDirective {
-    private readonly _fMediator;
+    private readonly _mediator;
     private readonly _elementReference;
     get hostElement(): SVGGElement;
     redraw(): void;

package/f-minimap/f-minimap-flow.directive.d.ts

@@ -1,12 +1,12 @@
 import { FMinimapData } from './domain';
 import * as i0 from "@angular/core";
 export declare class FMinimapFlowDirective {
-    fMinSize: number;
-    private _fMediator;
-    private _elementReference;
+    readonly fMinSize: import("@angular/core").InputSignal<number>;
+    private readonly _mediator;
+    private readonly _elementReference;
     get hostElement(): SVGSVGElement;
     model: FMinimapData;
     redraw(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FMinimapFlowDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FMinimapFlowDirective, "svg[fMinimapFlow]", never, { "fMinSize": { "alias": "fMinSize"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FMinimapFlowDirective, "svg[fMinimapFlow]", never, { "fMinSize": { "alias": "fMinSize"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }

package/f-minimap/f-minimap-view.directive.d.ts

@@ -1,6 +1,6 @@
 import * as i0 from "@angular/core";
 export declare class FMinimapViewDirective {
-    private readonly _fMediator;
+    private readonly _mediator;
     private readonly _elementReference;
     get hostElement(): SVGGElement;
     redraw(): void;

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

@@ -6,18 +6,18 @@ import { IFDragAndDropPlugin } from '../f-draggable';
 import { IPointerEvent } from "../drag-toolkit";
 import * as i0 from "@angular/core";
 export declare class FMinimapComponent implements AfterViewInit, IFDragAndDropPlugin {
-    private _destroyRef;
-    private _fMediator;
-    private _fBrowser;
-    fMinimapCanvas: FMinimapCanvasDirective;
-    fMinimapFlow: FMinimapFlowDirective;
-    fMinimapView: FMinimapViewDirective;
-    fMinSize: number;
+    private readonly _destroyRef;
+    private readonly _mediator;
+    private readonly _browser;
+    readonly _canvas: import("@angular/core").Signal<FMinimapCanvasDirective>;
+    readonly _flow: import("@angular/core").Signal<FMinimapFlowDirective>;
+    readonly _minimapView: import("@angular/core").Signal<FMinimapViewDirective>;
+    readonly fMinSize: import("@angular/core").InputSignal<number>;
     ngAfterViewInit(): void;
     private _listenTransformChanges;
     private _redraw;
     onPointerDown(event: IPointerEvent): void;
     onPointerUp(event: IPointerEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FMinimapComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FMinimapComponent, "f-minimap", ["fComponent"], { "fMinSize": { "alias": "fMinSize"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FMinimapComponent, "f-minimap", ["fComponent"], { "fMinSize": { "alias": "fMinSize"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }

package/f-minimap/providers.d.ts

@@ -2,4 +2,4 @@ import { FMinimapComponent } from './f-minimap.component';
 import { FMinimapViewDirective } from './f-minimap-view.directive';
 import { FMinimapFlowDirective } from './f-minimap-flow.directive';
 import { FMinimapCanvasDirective } from './f-minimap-canvas.directive';
-export declare const F_MINIMAP_PROVIDERS: (typeof FMinimapFlowDirective | typeof FMinimapCanvasDirective | typeof FMinimapViewDirective | typeof FMinimapComponent)[];
+export declare const F_MINIMAP_PROVIDERS: (typeof FMinimapCanvasDirective | typeof FMinimapFlowDirective | typeof FMinimapViewDirective | typeof FMinimapComponent)[];

package/f-node/f-group.directive.d.ts

@@ -9,7 +9,7 @@ export declare class FGroupDirective extends FNodeBase implements OnInit, AfterV
     private fBrowser;
     private readonly _destroyRef;
     private readonly _fMediator;
-    fId: string;
+    fId: import("@angular/core").InputSignal<string>;
     fParentId: string | null | undefined;
     set position(value: IPoint);
     get position(): IPoint;
@@ -34,7 +34,7 @@ export declare class FGroupDirective extends FNodeBase implements OnInit, AfterV
     refresh(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FGroupDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FGroupDirective, "[fGroup]", ["fComponent"], { "fId": { "alias": "fGroupId"; "required": false; }; "fParentId": { "alias": "fGroupParentId"; "required": false; }; "position": { "alias": "fGroupPosition"; "required": false; }; "rotate": { "alias": "fGroupRotate"; "required": false; }; "size": { "alias": "fGroupSize"; "required": false; }; "fDraggingDisabled": { "alias": "fGroupDraggingDisabled"; "required": false; }; "fSelectionDisabled": { "alias": "fGroupSelectionDisabled"; "required": false; }; "fIncludePadding": { "alias": "fIncludePadding"; "required": false; }; "fConnectOnNode": { "alias": "fConnectOnNode"; "required": false; }; "fMinimapClass": { "alias": "fMinimapClass"; "required": false; }; }, { "positionChange": "fGroupPositionChange"; "rotateChange": "fGroupRotateChange"; "sizeChange": "fGroupSizeChange"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FGroupDirective, "[fGroup]", ["fComponent"], { "fId": { "alias": "fGroupId"; "required": false; "isSignal": true; }; "fParentId": { "alias": "fGroupParentId"; "required": false; }; "position": { "alias": "fGroupPosition"; "required": false; }; "rotate": { "alias": "fGroupRotate"; "required": false; }; "size": { "alias": "fGroupSize"; "required": false; }; "fDraggingDisabled": { "alias": "fGroupDraggingDisabled"; "required": false; }; "fSelectionDisabled": { "alias": "fGroupSelectionDisabled"; "required": false; }; "fIncludePadding": { "alias": "fIncludePadding"; "required": false; }; "fConnectOnNode": { "alias": "fConnectOnNode"; "required": false; }; "fMinimapClass": { "alias": "fMinimapClass"; "required": false; }; }, { "positionChange": "fGroupPositionChange"; "rotateChange": "fGroupRotateChange"; "sizeChange": "fGroupSizeChange"; }, never, never, false, never>;
     static ngAcceptInputType_fDraggingDisabled: unknown;
     static ngAcceptInputType_fSelectionDisabled: unknown;
     static ngAcceptInputType_fIncludePadding: unknown;

package/f-node/f-node-base.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter, InjectionToken } from '@angular/core';
+import { EventEmitter, InjectionToken, Signal } from '@angular/core';
 import { IPoint, IRect, ISize } from '@foblex/2d';
 import { FConnectorBase } from '../f-connectors';
 import { IHasHostElement } from '../i-has-host-element';
@@ -11,7 +11,7 @@ declare const MIXIN_BASE: import("../mixins").Constructor<ISelectable> & import(
     };
 };
 export declare abstract class FNodeBase extends MIXIN_BASE implements ISelectable, IHasHostElement {
-    abstract fId: string;
+    abstract fId: Signal<string>;
     abstract fParentId: string | null | undefined;
     readonly stateChanges: FChannel;
     abstract positionChange: EventEmitter<IPoint>;