@foblex/flow 18.0.0 → 18.1.0

package/f-external-item/domain/f-external-item.drag-handler.d.ts

@@ -1,11 +1,14 @@
 import { IPoint } from '@foblex/2d';
 import { FExternalItemBase } from '../../f-external-item';
-import { IFDragHandler } from '../../f-draggable';
+import { DragHandlerBase } from '../../f-draggable';
 import { Injector } from '@angular/core';
-export declare class FExternalItemDragHandler implements IFDragHandler {
+export declare class FExternalItemDragHandler extends DragHandlerBase<unknown> {
     private _fExternalItem;
-    fEventType: string;
-    fData: any;
+    protected readonly type = "external-item";
+    protected readonly kind = "drag-external-item";
+    protected data(): {
+        fData: unknown;
+    };
     private readonly _fResult;
     private readonly _mediator;
     private readonly _browser;

package/f-external-item/domain/finalize/f-external-item-finalize.execution.d.ts

@@ -3,11 +3,10 @@ import { IExecution } from '@foblex/mediator';
 import * as i0 from "@angular/core";
 export declare class FExternalItemFinalizeExecution implements IExecution<FExternalItemFinalizeRequest, void> {
     private readonly _fResult;
-    private readonly _fMediator;
+    private readonly _mediator;
     private readonly _store;
     private readonly _dragContext;
-    private readonly _fBrowser;
-    private get _fHost();
+    private readonly _browser;
     private get _fCreateNode();
     private get _fDragHandler();
     handle(request: FExternalItemFinalizeRequest): void;

package/f-flow.module.d.ts

@@ -21,21 +21,23 @@ import * as i19 from "./f-node/f-node.directive";
 import * as i20 from "./f-node/f-drag-handle.directive";
 import * as i21 from "./f-node/f-resize-handle/f-resize-handle.directive";
 import * as i22 from "./f-node/f-rotate-handle/f-rotate-handle.directive";
-import * as i23 from "./f-selection-area/f-selection-area.component";
-import * as i24 from "./f-draggable/f-drag-blocker.directive";
-import * as i25 from "./f-draggable/f-draggable.directive";
-import * as i26 from "./f-flow/f-flow.component";
-import * as i27 from "./f-canvas/f-canvas.component";
-import * as i28 from "./f-backgroud/f-background.component";
-import * as i29 from "./f-backgroud/f-rect-pattern/f-rect-pattern.component";
-import * as i30 from "./f-backgroud/f-circle-pattern/f-circle-pattern.component";
-import * as i31 from "./f-zoom/f-zoom.directive";
-import * as i32 from "./f-external-item/f-external-item.directive";
-import * as i33 from "./f-connection-v2/components/connection-content/f-connection-content";
-import * as i34 from "./f-connection-v2/components/connection-waypoints/f-connection-waypoints";
-import * as i35 from "@angular/common";
+import * as i23 from "./f-draggable/f-drag-blocker.directive";
+import * as i24 from "./f-draggable/f-draggable.directive";
+import * as i25 from "./f-flow/f-flow.component";
+import * as i26 from "./f-canvas/f-canvas.component";
+import * as i27 from "./f-backgroud/f-background.component";
+import * as i28 from "./f-backgroud/f-rect-pattern/f-rect-pattern.component";
+import * as i29 from "./f-backgroud/f-circle-pattern/f-circle-pattern.component";
+import * as i30 from "./f-zoom/f-zoom.directive";
+import * as i31 from "./f-external-item/f-external-item.directive";
+import * as i32 from "./f-selection-area/f-selection-area";
+import * as i33 from "./f-magnetic-lines/f-magnetic-lines";
+import * as i34 from "./f-magnetic-rects/f-magnetic-rects";
+import * as i35 from "./f-connection-v2/components/connection-content/f-connection-content";
+import * as i36 from "./f-connection-v2/components/connection-waypoints/f-connection-waypoints";
+import * as i37 from "@angular/common";
 export declare class FFlowModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<FFlowModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<FFlowModule, [typeof i1.FConnectionDragHandleStart, typeof i2.FConnectionDragHandleEnd, typeof i3.FConnectionGradient, typeof i4.FConnectionPath, typeof i5.FConnectionSelection, typeof i6.FConnectionMarker, typeof i7.FConnectionComponent, typeof i8.FConnectionForCreateComponent, typeof i9.FSnapConnectionComponent, typeof i10.FNodeInputDirective, typeof i11.FNodeOutletDirective, typeof i12.FNodeOutputDirective, typeof i13.FLineAlignmentComponent, typeof i14.FMinimapComponent, typeof i15.FMinimapCanvasDirective, typeof i16.FMinimapViewDirective, typeof i17.FMinimapFlowDirective, typeof i18.FGroupDirective, typeof i19.FNodeDirective, typeof i20.FDragHandleDirective, typeof i21.FResizeHandleDirective, typeof i22.FRotateHandleDirective, typeof i23.FSelectionAreaComponent, typeof i24.FDragBlockerDirective, typeof i25.FDraggableDirective], [typeof i26.FFlowComponent, typeof i27.FCanvasComponent, typeof i28.FBackgroundComponent, typeof i29.FRectPatternComponent, typeof i30.FCirclePatternComponent, typeof i31.FZoomDirective, typeof i32.FExternalItemDirective, typeof i33.FConnectionContent, typeof i34.FConnectionWaypoints, typeof i35.CommonModule], [typeof i26.FFlowComponent, typeof i27.FCanvasComponent, typeof i28.FBackgroundComponent, typeof i29.FRectPatternComponent, typeof i30.FCirclePatternComponent, typeof i31.FZoomDirective, typeof i32.FExternalItemDirective, typeof i33.FConnectionContent, typeof i34.FConnectionWaypoints, typeof i1.FConnectionDragHandleStart, typeof i2.FConnectionDragHandleEnd, typeof i3.FConnectionGradient, typeof i4.FConnectionPath, typeof i5.FConnectionSelection, typeof i6.FConnectionMarker, typeof i7.FConnectionComponent, typeof i8.FConnectionForCreateComponent, typeof i9.FSnapConnectionComponent, typeof i10.FNodeInputDirective, typeof i11.FNodeOutletDirective, typeof i12.FNodeOutputDirective, typeof i13.FLineAlignmentComponent, typeof i14.FMinimapComponent, typeof i15.FMinimapCanvasDirective, typeof i16.FMinimapViewDirective, typeof i17.FMinimapFlowDirective, typeof i18.FGroupDirective, typeof i19.FNodeDirective, typeof i20.FDragHandleDirective, typeof i21.FResizeHandleDirective, typeof i22.FRotateHandleDirective, typeof i23.FSelectionAreaComponent, typeof i24.FDragBlockerDirective, typeof i25.FDraggableDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FFlowModule, [typeof i1.FConnectionDragHandleStart, typeof i2.FConnectionDragHandleEnd, typeof i3.FConnectionGradient, typeof i4.FConnectionPath, typeof i5.FConnectionSelection, typeof i6.FConnectionMarker, typeof i7.FConnectionComponent, typeof i8.FConnectionForCreateComponent, typeof i9.FSnapConnectionComponent, typeof i10.FNodeInputDirective, typeof i11.FNodeOutletDirective, typeof i12.FNodeOutputDirective, typeof i13.FLineAlignmentComponent, typeof i14.FMinimapComponent, typeof i15.FMinimapCanvasDirective, typeof i16.FMinimapViewDirective, typeof i17.FMinimapFlowDirective, typeof i18.FGroupDirective, typeof i19.FNodeDirective, typeof i20.FDragHandleDirective, typeof i21.FResizeHandleDirective, typeof i22.FRotateHandleDirective, typeof i23.FDragBlockerDirective, typeof i24.FDraggableDirective], [typeof i25.FFlowComponent, typeof i26.FCanvasComponent, typeof i27.FBackgroundComponent, typeof i28.FRectPatternComponent, typeof i29.FCirclePatternComponent, typeof i30.FZoomDirective, typeof i31.FExternalItemDirective, typeof i32.FSelectionArea, typeof i33.FMagneticLines, typeof i34.FMagneticRects, typeof i35.FConnectionContent, typeof i36.FConnectionWaypoints, typeof i37.CommonModule], [typeof i25.FFlowComponent, typeof i26.FCanvasComponent, typeof i27.FBackgroundComponent, typeof i28.FRectPatternComponent, typeof i29.FCirclePatternComponent, typeof i30.FZoomDirective, typeof i31.FExternalItemDirective, typeof i32.FSelectionArea, typeof i33.FMagneticLines, typeof i34.FMagneticRects, typeof i35.FConnectionContent, typeof i36.FConnectionWaypoints, typeof i1.FConnectionDragHandleStart, typeof i2.FConnectionDragHandleEnd, typeof i3.FConnectionGradient, typeof i4.FConnectionPath, typeof i5.FConnectionSelection, typeof i6.FConnectionMarker, typeof i7.FConnectionComponent, typeof i8.FConnectionForCreateComponent, typeof i9.FSnapConnectionComponent, typeof i10.FNodeInputDirective, typeof i11.FNodeOutletDirective, typeof i12.FNodeOutputDirective, typeof i13.FLineAlignmentComponent, typeof i14.FMinimapComponent, typeof i15.FMinimapCanvasDirective, typeof i16.FMinimapViewDirective, typeof i17.FMinimapFlowDirective, typeof i18.FGroupDirective, typeof i19.FNodeDirective, typeof i20.FDragHandleDirective, typeof i21.FResizeHandleDirective, typeof i22.FRotateHandleDirective, typeof i23.FDragBlockerDirective, typeof i24.FDraggableDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<FFlowModule>;
 }

package/f-line-alignment/f-line-alignment.component.d.ts

@@ -1,12 +1,15 @@
 import { OnDestroy, OnInit } from '@angular/core';
-import { FLineAlignmentBase } from './f-line-alignment-base';
+import { FMagneticLinesBase } from '../f-magnetic-lines';
 import * as i0 from "@angular/core";
-export declare class FLineAlignmentComponent extends FLineAlignmentBase implements OnInit, OnDestroy {
-    readonly fAlignThreshold: import("@angular/core").InputSignalWithTransform<number, unknown>;
+/**
+ * @deprecated Use `f-magnetic-lines` instead.
+ * Will be removed in v19.0.0.
+ */
+export declare class FLineAlignmentComponent extends FMagneticLinesBase implements OnInit, OnDestroy {
+    readonly threshold: import("@angular/core").InputSignalWithTransform<number, unknown>;
     private readonly _mediator;
-    readonly hostElement: any;
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FLineAlignmentComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FLineAlignmentComponent, "f-line-alignment", ["fComponent"], { "fAlignThreshold": { "alias": "fAlignThreshold"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FLineAlignmentComponent, "f-line-alignment", ["fComponent"], { "threshold": { "alias": "fAlignThreshold"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }

package/f-line-alignment/index.d.ts

@@ -1,4 +1,2 @@
-export * from './domain';
 export * from './f-line-alignment.component';
-export * from './f-line-alignment-base';
 export * from './providers';

package/f-magnetic-lines/f-magnetic-lines-base.d.ts

@@ -0,0 +1,9 @@
+import { InjectionToken, Signal } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare const F_MAGNETIC_LINES: InjectionToken<FMagneticLinesBase>;
+export declare abstract class FMagneticLinesBase {
+    readonly hostElement: any;
+    abstract threshold: Signal<number>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FMagneticLinesBase, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FMagneticLinesBase, never, never, {}, {}, never, never, false, never>;
+}

package/f-magnetic-lines/f-magnetic-lines.d.ts

@@ -0,0 +1,11 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { FMagneticLinesBase } from './f-magnetic-lines-base';
+import * as i0 from "@angular/core";
+export declare class FMagneticLines extends FMagneticLinesBase implements OnInit, OnDestroy {
+    readonly threshold: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    private readonly _mediator;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FMagneticLines, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FMagneticLines, "f-magnetic-lines", never, { "threshold": { "alias": "threshold"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/f-magnetic-lines/index.d.ts

@@ -0,0 +1,3 @@
+export * from './f-magnetic-lines';
+export * from './f-magnetic-lines-base';
+export * from './providers';

package/f-magnetic-lines/providers.d.ts

@@ -0,0 +1,2 @@
+import { FMagneticLines } from './f-magnetic-lines';
+export declare const F_MAGNETIC_LINES_PROVIDERS: (typeof FMagneticLines)[];

package/f-magnetic-rects/f-magnetic-rects-base.d.ts

@@ -0,0 +1,10 @@
+import { InjectionToken, Signal } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare const F_MAGNETIC_RECTS: InjectionToken<FMagneticRectsBase>;
+export declare abstract class FMagneticRectsBase {
+    readonly hostElement: any;
+    abstract alignThreshold: Signal<number>;
+    abstract spacingThreshold: Signal<number>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FMagneticRectsBase, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FMagneticRectsBase, never, never, {}, {}, never, never, false, never>;
+}

package/f-magnetic-rects/f-magnetic-rects.d.ts

@@ -0,0 +1,12 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { FMagneticRectsBase } from './f-magnetic-rects-base';
+import * as i0 from "@angular/core";
+export declare class FMagneticRects extends FMagneticRectsBase implements OnInit, OnDestroy {
+    readonly alignThreshold: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    readonly spacingThreshold: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    private readonly _mediator;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FMagneticRects, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FMagneticRects, "f-magnetic-rects", never, { "alignThreshold": { "alias": "alignThreshold"; "required": false; "isSignal": true; }; "spacingThreshold": { "alias": "spacingThreshold"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/f-magnetic-rects/index.d.ts

@@ -0,0 +1,3 @@
+export * from './f-magnetic-rects';
+export * from './f-magnetic-rects-base';
+export * from './providers';

package/f-magnetic-rects/providers.d.ts

@@ -0,0 +1,2 @@
+import { FMagneticRects } from './f-magnetic-rects';
+export declare const F_MAGNETIC_RECTS_PROVIDERS: (typeof FMagneticRects)[];

package/f-minimap/domain/f-minimap.drag-handler.d.ts

@@ -1,16 +1,17 @@
 import { IPoint, IRect } from '@foblex/2d';
 import { FComponentsStore } from '../../f-storage';
-import { IFDragHandler } from '../../f-draggable';
+import { DragHandlerBase } from '../../f-draggable';
 import { FMediator } from '@foblex/mediator';
 import { FMinimapData } from './f-minimap-data';
-export declare class FMinimapDragHandler implements IFDragHandler {
+export declare class FMinimapDragHandler extends DragHandlerBase<unknown> {
     private readonly _store;
     private readonly _mediator;
     private readonly _flowRect;
     private readonly _canvasPosition;
     private readonly _eventPoint;
     private readonly _minimap;
-    fEventType: string;
+    protected readonly type = "minimap";
+    protected readonly kind = "minimap";
     private _lastDifference;
     constructor(_store: FComponentsStore, _mediator: FMediator, _flowRect: IRect, _canvasPosition: IPoint, _eventPoint: IPoint, _minimap: FMinimapData);
     prepareDragSequence(): void;

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

@@ -1,8 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class FMinimapCanvasDirective {
     private readonly _mediator;
-    private readonly _elementReference;
-    get hostElement(): SVGGElement;
+    readonly hostElement: any;
     redraw(): void;
     private _clearCanvas;
     static ɵfac: i0.ɵɵFactoryDeclaration<FMinimapCanvasDirective, never>;

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

@@ -3,8 +3,7 @@ import * as i0 from "@angular/core";
 export declare class FMinimapFlowDirective {
     readonly fMinSize: import("@angular/core").InputSignal<number>;
     private readonly _mediator;
-    private readonly _elementReference;
-    get hostElement(): SVGSVGElement;
+    readonly hostElement: any;
     model: FMinimapData;
     redraw(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FMinimapFlowDirective, never>;

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

@@ -1,8 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class FMinimapViewDirective {
     private readonly _mediator;
-    private readonly _elementReference;
-    get hostElement(): SVGGElement;
+    readonly hostElement: any;
     redraw(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FMinimapViewDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FMinimapViewDirective, "rect[fMinimapView]", never, {}, {}, never, never, false, never>;

package/f-selection-area/f-selection-area-base.d.ts

@@ -1,11 +1,10 @@
-import { IRect } from '@foblex/2d';
 import { IHasHostElement } from '../i-has-host-element';
+import { FTriggerEvent } from '../domain';
 import * as i0 from "@angular/core";
 export declare abstract class FSelectionAreaBase implements IHasHostElement {
-    abstract hostElement: HTMLElement | SVGElement;
-    abstract hide(): void;
-    abstract show(): void;
-    abstract draw(object: IRect): void;
+    readonly hostElement: any;
+    abstract fTrigger: (event: FTriggerEvent) => boolean;
+    protected initialize(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FSelectionAreaBase, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FSelectionAreaBase, never, never, {}, {}, never, never, false, never>;
 }

package/f-selection-area/f-selection-area.d.ts

@@ -0,0 +1,12 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { FSelectionAreaBase } from './f-selection-area-base';
+import { FEventTrigger } from '../domain';
+import * as i0 from "@angular/core";
+export declare class FSelectionArea extends FSelectionAreaBase implements OnInit, OnDestroy {
+    private readonly _mediator;
+    fTrigger: FEventTrigger;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FSelectionArea, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FSelectionArea, "f-selection-area", never, { "fTrigger": { "alias": "fTrigger"; "required": false; }; }, {}, never, never, true, never>;
+}

package/f-selection-area/index.d.ts

@@ -1,4 +1,3 @@
-export * from './domain';
-export * from './f-selection-area.component';
+export * from './f-selection-area';
 export * from './f-selection-area-base';
 export * from './providers';

package/f-selection-area/providers.d.ts

@@ -1,2 +1,2 @@
-import { FSelectionAreaComponent } from './f-selection-area.component';
-export declare const F_SELECTION_AREA_PROVIDERS: (typeof FSelectionAreaComponent)[];
+import { FSelectionArea } from './f-selection-area';
+export declare const F_SELECTION_AREA_PROVIDERS: (typeof FSelectionArea)[];

package/f-storage/base/f-id-registry-base.d.ts

@@ -0,0 +1,41 @@
+import { Signal } from '@angular/core';
+export interface FHasId {
+    fId: Signal<string>;
+}
+/**
+ * Stores instances indexed by `fId()` + preserves insertion order.
+ *
+ * - `get(id)` returns `undefined`
+ * - `require(id)` throws with a readable message that includes `kind`
+ */
+export declare abstract class FIdRegistryBase<TInstance extends FHasId> {
+    private readonly _items;
+    private readonly _byId;
+    /** Used only for error messages. Example: "node", "connection", "input". */
+    protected abstract readonly kind: string;
+    get(id: string): TInstance | undefined;
+    require(id: string): TInstance;
+    has(id: string): boolean;
+    getAll(): TInstance[];
+    size(): number;
+    /**
+     * Adds an instance.
+     * If instance with the same id already exists — throws (keeps data consistent).
+     */
+    add(instance: TInstance): void;
+    addMany(instances: readonly TInstance[]): void;
+    /**
+     * Removes by instance reference (fast path).
+     * Returns `true` if removed, `false` if not found.
+     */
+    remove(instance: TInstance): boolean;
+    /**
+     * Removes by id.
+     * Returns removed instance (if existed).
+     */
+    removeById(id: string): TInstance | undefined;
+    /**
+     * Clears registry (does NOT touch other state outside).
+     */
+    clear(): void;
+}

package/f-storage/base/f-single-registry-base.d.ts

@@ -0,0 +1,14 @@
+export type FInstanceKey<T> = {
+    readonly name: string;
+    readonly __type?: T;
+};
+export declare function fInstanceKey<T>(name: string): FInstanceKey<T>;
+export declare class FSingleRegistryBase {
+    private readonly _instances;
+    get<T>(key: FInstanceKey<T>): T | undefined;
+    require<T>(key: FInstanceKey<T>): T;
+    has(key: FInstanceKey<unknown>): boolean;
+    add<T>(key: FInstanceKey<T>, instance: T): void;
+    remove(key: FInstanceKey<unknown>): boolean;
+    clear(): void;
+}

package/f-storage/base/index.d.ts

@@ -0,0 +1,2 @@
+export * from './f-id-registry-base';
+export * from './f-single-registry-base';

package/f-storage/f-components-store.d.ts

@@ -1,37 +1,46 @@
 import { FFlowBase } from '../f-flow';
 import { FCanvasBase } from '../f-canvas';
 import { FBackgroundBase } from '../f-backgroud';
-import { FNodeBase } from '../f-node';
-import { FConnectorBase } from '../f-connectors';
+import { FNodeInputBase, FNodeOutletBase, FNodeOutputBase } from '../f-connectors';
 import { FDraggableBase } from '../f-draggable';
 import { FChannel } from '../reactivity';
-import { FLineAlignmentBase } from '../f-line-alignment';
-import { FConnectionBase, FConnectionMarkerBase } from '../f-connection-v2';
+import { ITransformModel } from '@foblex/2d';
+import { FConnectorRegistry } from './f-connector-registry';
+import { FNodeRegistry } from './f-node-registry';
+import { FConnectionRegistry } from './f-connection-registry';
+import { FConnectionMarkerRegistry } from './f-connection-marker-registry';
+import { FSingleRegistryBase } from './base';
+import { FZoomBase } from '../f-zoom';
+import { FSelectionAreaBase } from '../f-selection-area';
+import { FMagneticLinesBase } from '../f-magnetic-lines';
+import { FMagneticRectsBase } from '../f-magnetic-rects';
 import * as i0 from "@angular/core";
 export declare class FComponentsStore {
     readonly transformChanges$: FChannel;
     readonly dataChanges$: FChannel;
     readonly countChanges$: FChannel;
     get flowHost(): HTMLElement;
-    fComponents: Record<string, unknown>;
     fFlow: FFlowBase | undefined;
     fCanvas: FCanvasBase | undefined;
-    fBackground: FBackgroundBase | undefined;
-    fNodes: FNodeBase[];
-    fConnections: FConnectionBase[];
-    fTempConnection: FConnectionBase | undefined;
-    fSnapConnection: FConnectionBase | undefined;
-    fMarkers: FConnectionMarkerBase[];
-    fOutputs: FConnectorBase[];
-    fInputs: FConnectorBase[];
-    fOutlets: FConnectorBase[];
+    get transform(): ITransformModel;
+    readonly nodes: FNodeRegistry;
+    readonly connections: FConnectionRegistry;
+    readonly connectionMarkers: FConnectionMarkerRegistry;
+    readonly outputs: FConnectorRegistry<FNodeOutputBase>;
+    readonly inputs: FConnectorRegistry<FNodeInputBase>;
+    readonly outlets: FConnectorRegistry<FNodeOutletBase>;
+    readonly instances: FSingleRegistryBase;
     fDraggable: FDraggableBase | undefined;
-    fLineAlignment: FLineAlignmentBase | undefined;
-    addComponent<T>(collection: T[], component: T): void;
-    removeComponent<T>(collection: T[], component: T): void;
     countChanged(): void;
     dataChanged(): void;
     transformChanged(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FComponentsStore, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<FComponentsStore>;
 }
+export declare const INSTANCES: {
+    readonly MAGNETIC_LINES: import("./base").FInstanceKey<FMagneticLinesBase>;
+    readonly MAGNETIC_RECTS: import("./base").FInstanceKey<FMagneticRectsBase>;
+    readonly ZOOM: import("./base").FInstanceKey<FZoomBase>;
+    readonly BACKGROUND: import("./base").FInstanceKey<FBackgroundBase>;
+    readonly SELECTION_AREA: import("./base").FInstanceKey<FSelectionAreaBase>;
+};

package/f-storage/f-connection-marker-registry.d.ts

@@ -0,0 +1,5 @@
+import { FIdRegistryBase } from './base';
+import { FConnectionMarkerBase } from '../f-connection-v2';
+export declare class FConnectionMarkerRegistry extends FIdRegistryBase<FConnectionMarkerBase> {
+    protected readonly kind = "Connection Marker";
+}

package/f-storage/f-connection-registry.d.ts

@@ -0,0 +1,14 @@
+import { FIdRegistryBase } from './base';
+import { FConnectionForCreateComponent, FSnapConnectionComponent } from '../f-connection';
+import { FConnectionBase } from '../f-connection-v2';
+export declare class FConnectionRegistry extends FIdRegistryBase<FConnectionBase> {
+    protected readonly kind = "Connection";
+    private _instancesForCreate;
+    private _instancesForSnap;
+    getForSnap(): FSnapConnectionComponent | undefined;
+    getForCreate(): FConnectionForCreateComponent | undefined;
+    addForCreate(instance: FConnectionForCreateComponent): void;
+    addForSnap(instance: FSnapConnectionComponent): void;
+    removeInstanceForCreate(): void;
+    removeInstanceForSnap(): void;
+}

package/f-storage/f-connector-registry.d.ts

@@ -0,0 +1,5 @@
+import { FHasId, FIdRegistryBase } from './base';
+export declare class FConnectorRegistry<TInstance extends FHasId> extends FIdRegistryBase<TInstance> {
+    protected kind: string;
+    constructor(kind: string);
+}

package/f-storage/f-node-registry.d.ts

@@ -0,0 +1,5 @@
+import { FIdRegistryBase } from './base';
+import { FNodeBase } from '../f-node';
+export declare class FNodeRegistry extends FIdRegistryBase<FNodeBase> {
+    protected readonly kind = "Node";
+}

package/f-storage/features/index.d.ts

@@ -0,0 +1,7 @@
+export * from './listen-data-changed';
+export * from './listen-count-changes';
+export * from './listen-transform-changes';
+export * from './notify-data-changed';
+export * from './notify-transform-changed';
+export * from './register-plugin-instance';
+export * from './remove-plugin-instance';

package/f-storage/features/register-plugin-instance/index.d.ts

@@ -0,0 +1,2 @@
+export * from './register-plugin-instance';
+export * from './register-plugin-instance-request';

package/f-storage/features/register-plugin-instance/register-plugin-instance-request.d.ts

@@ -0,0 +1,7 @@
+import { FInstanceKey } from '../../base';
+export declare class RegisterPluginInstanceRequest {
+    readonly key: FInstanceKey<unknown>;
+    readonly instance: unknown;
+    static readonly fToken: unique symbol;
+    constructor(key: FInstanceKey<unknown>, instance: unknown);
+}

package/f-storage/features/register-plugin-instance/register-plugin-instance.d.ts

@@ -0,0 +1,12 @@
+import { IExecution } from '@foblex/mediator';
+import { RegisterPluginInstanceRequest } from './register-plugin-instance-request';
+import * as i0 from "@angular/core";
+/**
+ * Execution that adds a line alignment to the FComponentsStore.
+ */
+export declare class RegisterPluginInstance implements IExecution<RegisterPluginInstanceRequest, void> {
+    private readonly _store;
+    handle({ key, instance }: RegisterPluginInstanceRequest): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RegisterPluginInstance, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<RegisterPluginInstance>;
+}

package/f-storage/features/remove-plugin-instance/index.d.ts

@@ -0,0 +1,2 @@
+export * from './remove-plugin-instance';
+export * from './remove-plugin-instance-request';

package/f-storage/features/remove-plugin-instance/remove-plugin-instance-request.d.ts

@@ -0,0 +1,6 @@
+import { FInstanceKey } from '../../base';
+export declare class RemovePluginInstanceRequest {
+    readonly key: FInstanceKey<unknown>;
+    static readonly fToken: unique symbol;
+    constructor(key: FInstanceKey<unknown>);
+}

package/f-storage/features/remove-plugin-instance/remove-plugin-instance.d.ts

@@ -0,0 +1,12 @@
+import { IExecution } from '@foblex/mediator';
+import { RemovePluginInstanceRequest } from './remove-plugin-instance-request';
+import * as i0 from "@angular/core";
+/**
+ * Execution that removes a line alignment from the FComponentsStore.
+ */
+export declare class RemovePluginInstance implements IExecution<RemovePluginInstanceRequest, void> {
+    private readonly _store;
+    handle({ key }: RemovePluginInstanceRequest): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RemovePluginInstance, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<RemovePluginInstance>;
+}

package/f-storage/index.d.ts

@@ -1,7 +1,8 @@
-export * from './features/notify-data-changed';
-export * from './features/listen-components-data-changed';
-export * from './features/listen-count-changes';
-export * from './features/listen-transform-changes';
-export * from './features/notify-transform-changed';
+export * from './base';
+export * from './f-connector-registry';
+export * from './f-connection-marker-registry';
+export * from './f-connection-registry';
+export * from './f-node-registry';
+export * from './features';
 export * from './f-components-store';
 export * from './providers';

package/f-storage/providers.d.ts

@@ -1,7 +1,4 @@
-import { NotifyDataChanged } from './features/notify-data-changed';
-import { ListenDataChanges } from './features/listen-components-data-changed';
+import { ListenCountChanges, ListenDataChanges, ListenTransformChanges, NotifyDataChanged, NotifyTransformChanged, RegisterPluginInstance } from './features';
 import { FComponentsStore } from './f-components-store';
-import { ListenCountChanges } from './features/listen-count-changes';
-import { ListenTransformChanges } from './features/listen-transform-changes';
-import { NotifyTransformChanged } from './features/notify-transform-changed';
-export declare const F_STORAGE_PROVIDERS: (typeof NotifyDataChanged | typeof FComponentsStore | typeof ListenDataChanges | typeof ListenCountChanges | typeof ListenTransformChanges | typeof NotifyTransformChanged)[];
+import { RemovePluginInstance } from './features/remove-plugin-instance';
+export declare const F_STORAGE_PROVIDERS: (typeof ListenDataChanges | typeof FComponentsStore | typeof ListenCountChanges | typeof ListenTransformChanges | typeof NotifyDataChanged | typeof NotifyTransformChanged | typeof RegisterPluginInstance | typeof RemovePluginInstance)[];

package/f-zoom/f-zoom.directive.d.ts

@@ -7,6 +7,7 @@ import * as i0 from "@angular/core";
 export declare class FZoomDirective extends FZoomBase implements OnInit, AfterViewInit, OnDestroy {
     private readonly _mediator;
     private readonly _injector;
+    private readonly _store;
     private _triggersListener;
     readonly isEnabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     fWheelTrigger: FEventTrigger;
@@ -15,7 +16,7 @@ export declare class FZoomDirective extends FZoomBase implements OnInit, AfterVi
     maximum: number;
     step: number;
     dblClickStep: number;
-    private get _hostElement();
+    private get _flowHost();
     private get _canvas();
     ngOnInit(): void;
     ngAfterViewInit(): void;
@@ -37,7 +38,7 @@ export declare class FZoomDirective extends FZoomBase implements OnInit, AfterVi
     private _listen;
     private _unlisten;
     static ɵfac: i0.ɵɵFactoryDeclaration<FZoomDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FZoomDirective, "f-canvas[fZoom]", ["fComponent"], { "isEnabled": { "alias": "fZoom"; "required": false; "isSignal": true; }; "fWheelTrigger": { "alias": "fWheelTrigger"; "required": false; }; "fDblClickTrigger": { "alias": "fDblClickTrigger"; "required": false; }; "minimum": { "alias": "fZoomMinimum"; "required": false; }; "maximum": { "alias": "fZoomMaximum"; "required": false; }; "step": { "alias": "fZoomStep"; "required": false; }; "dblClickStep": { "alias": "fZoomDblClickStep"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FZoomDirective, "f-canvas[fZoom]", never, { "isEnabled": { "alias": "fZoom"; "required": false; "isSignal": true; }; "fWheelTrigger": { "alias": "fWheelTrigger"; "required": false; }; "fDblClickTrigger": { "alias": "fDblClickTrigger"; "required": false; }; "minimum": { "alias": "fZoomMinimum"; "required": false; }; "maximum": { "alias": "fZoomMaximum"; "required": false; }; "step": { "alias": "fZoomStep"; "required": false; }; "dblClickStep": { "alias": "fZoomDblClickStep"; "required": false; }; }, {}, never, never, true, never>;
     static ngAcceptInputType_minimum: unknown;
     static ngAcceptInputType_maximum: unknown;
     static ngAcceptInputType_step: unknown;