@foblex/flow 18.1.1 → 18.2.0

package/README.md

@@ -8,72 +8,108 @@
   <a href="https://www.npmjs.com/package/@foblex/flow">
     <img src="https://img.shields.io/npm/v/@foblex/flow.svg?logo=npm&logoColor=fff&label=Release&color=limegreen" alt="NPM Release"/>
   </a>
-  <a href="https://github.com/foblex/f-flow/actions/workflows/tests-ci.yml">
-    <img src="https://github.com/foblex/f-flow/actions/workflows/tests-ci.yml/badge.svg" alt="Build Status"/>
+  <a href="https://github.com/Foblex/f-flow/actions/workflows/tests-ci.yml">
+    <img src="https://github.com/Foblex/f-flow/actions/workflows/tests-ci.yml/badge.svg" alt="Build Status"/>
   </a>
 </p>
 
-## Welcome to Foblex Flow
+<h1 align="center">Foblex Flow</h1>
 
-Foblex Flow is an [Angular](https://angular.dev/) library built to simplify the creation and management of dynamic, interactive flows.
-Whether you're developing complex systems or lightweight visualizations, Foblex Flow provides a robust set of tools to help automate node manipulation and inter-node connections with ease. It's fully compatible with Angular 15+, Server-Side Rendering (SSR), and the Composition API.
-
-### Examples
+<p align="center">
+  <strong>Angular-native node-based UI library for building node editors, workflow builders, and interactive graph interfaces.</strong>
+</p>
 
-Explore practical use cases to see Foblex Flow in action:
+Foblex Flow gives Angular teams the primitives for building graph-based products without adopting a React-first mental model. Use it to create workflow builders, AI low-code tools, call-flow editors, UML diagrams, internal back-office tools, and other node-based interfaces while keeping your own state, validation, persistence, and domain logic.
 
-- [Call Center](https://github.com/Foblex/f-flow-example) - A streamlined flow example simulating a call flow.
+It works with Angular 15+, SSR, standalone components, and zoneless-friendly application setups.
 
-- [Scheme Editor](https://github.com/Foblex/f-scheme-editor) - A more advanced example of a fully interactive scheme editor.
+## Why Foblex Flow
 
-- [Visual Programming](https://flow.foblex.com/examples/f-visual-programming-flow/) - An example of a visual programming flow.
+- Angular-first API that fits Angular apps instead of wrapping a React-style state model.
+- Built for real editor interactions: drag to connect, drag to reassign, selection, zoom, minimap, snapping, alignment helpers, and waypoints.
+- Custom nodes, connectors, and connections for domain-specific graph UIs.
+- Your app stays in control of graph state, validation rules, permissions, and persistence.
+- Suitable for both lightweight diagrams and full workflow-builder products.
 
-- [DB Management](https://flow.foblex.com/examples/f-db-management-flow/) - An example of a database management flow.
+## What You Can Build
 
-### Features
+- Angular node editors
+- Angular workflow builders
+- AI low-code and internal tools
+- Call flows, automation editors, and pipeline UIs
+- UML, architecture, and other interactive diagram interfaces
 
-1. **Node and Connection Creation:** Dynamically generate and manipulate nodes and their connections.
-2. **Event-Driven Architecture:** Built-in events for nodes and connections to allow seamless interaction handling.
-3. **Reassign Connections:** Easily reassign connections between nodes, allowing for flexible flow adjustments.
-4. **Custom Templates:** Fully customizable node and connection templates for tailored visual representation.
-5. **Drag-and-Drop:** Simplified drag-and-drop functionality for intuitive flow manipulation.
-6. **Zoom and Pan Support:** Explore large flows with smooth zooming and panning controls.
+## Examples
 
-### Getting Started and Documentation
+- [AI Low-Code Platform](https://flow.foblex.com/examples/ai-low-code-platform) - A flagship front-end-only AI low-code IDE demo with custom nodes, JSON import/export, multiple themes, config panels with validation, validation feedback on nodes, undo/redo, persistence, multi-select, and animated connections.
+- [DB Management](https://flow.foblex.com/examples/f-db-management-flow) - A database-oriented workflow builder with richer interactions and UI patterns.
+- [UML Diagram](https://flow.foblex.com/examples/uml-diagram-example) - An Angular example for architecture and UML-style graph interfaces.
+- [Tournament Bracket](https://flow.foblex.com/examples/tournament-bracket) - A specialized bracket UI built on the same node-based primitives.
+- [All Examples](https://flow.foblex.com/examples/overview) - Focused examples for connections, selection, minimap, layout, alignment, and other editor features.
 
-For a comprehensive guide on how to install, configure, and use Foblex Flow in your Angular project, visit our [Documentation](https://flow.foblex.com/docs/get-started).
+## Install
 
-### Installation
+```bash
+ng add @foblex/flow
+```
 
-To add Foblex Flow to your project, use the following npm command:
+If you prefer manual installation:
 
 ```bash
 npm install @foblex/flow
 ```
 
-### Usage Example
-
-Here’s a simple example of how you can use Foblex Flow to create draggable nodes and connections:
+## Minimal Example
 
 ```html
-
 <f-flow fDraggable>
   <f-canvas>
     <f-connection fOutputId="output1" fInputId="input1"></f-connection>
-    <div fNode fDragHandle [fNodePosition]="{ x: 24, y: 24 }" fNodeOutput fOutputId="output1" fOutputConnectableSide="right"> Drag me</div>
-    <div fNode fDragHandle [fNodePosition]="{ x: 244, y: 24 }" fNodeInput fInputId="input1" fInputConnectableSide="left"> Drag me</div>
+
+    <div
+      fNode
+      fDragHandle
+      [fNodePosition]="{ x: 24, y: 24 }"
+      fNodeOutput
+      fOutputId="output1"
+      fOutputConnectableSide="right"
+    >
+      Drag me
+    </div>
+
+    <div
+      fNode
+      fDragHandle
+      [fNodePosition]="{ x: 244, y: 24 }"
+      fNodeInput
+      fInputId="input1"
+      fInputConnectableSide="left"
+    >
+      Drag me
+    </div>
   </f-canvas>
 </f-flow>
 ```
 
-### Community and Support
+## Resources
+
+- [Get Started](https://flow.foblex.com/docs/get-started)
+- [Documentation](https://flow.foblex.com/docs/intro)
+- [Examples](https://flow.foblex.com/examples/overview)
+- [Articles](https://flow.foblex.com/blog/overview)
+- [Showcase](https://flow.foblex.com/showcase/overview)
+- [Roadmap](https://github.com/Foblex/f-flow/blob/main/ROADMAP.md)
+- [Changelog](https://github.com/Foblex/f-flow/blob/main/CHANGELOG.md)
 
-For questions, feedback, and support, visit the [Foblex Portal](https://flow.foblex.com) to connect with the community and the development team.
-You can also report [issues](https://github.com/Foblex/flow/issues) and request [features](https://github.com/Foblex/flow/discussions) on the [GitHub repository](https://github.com/Foblex/flow).
+## Community and Support
 
-### License
+- [GitHub Repository](https://github.com/Foblex/f-flow)
+- [GitHub Discussions](https://github.com/Foblex/f-flow/discussions)
+- [Issue Tracker](https://github.com/Foblex/f-flow/issues)
+- [Documentation Portal](https://flow.foblex.com)
 
-This library is available for use under the [MIT License](./LICENSE).
+For questions or partnership inquiries: support@foblex.com
 
-For more information please contact our [support](mailto:support@foblex.com).
+## License
 
+Foblex Flow is available under the [MIT License](https://github.com/Foblex/f-flow/blob/main/LICENSE).

package/domain/f-canvas/add-canvas-to-store/add-canvas-to-store-request.d.ts

@@ -1,6 +1,6 @@
 import { FCanvasBase } from '../../../f-canvas';
 export declare class AddCanvasToStoreRequest {
-    fCanvas: FCanvasBase;
+    readonly instance: FCanvasBase;
     static readonly fToken: unique symbol;
-    constructor(fCanvas: FCanvasBase);
+    constructor(instance: FCanvasBase);
 }

package/domain/f-canvas/add-canvas-to-store/add-canvas-to-store.d.ts

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

package/domain/f-canvas/add-canvas-to-store/index.d.ts

@@ -1,2 +1,2 @@
-export * from './add-canvas-to-store.execution';
+export * from './add-canvas-to-store';
 export * from './add-canvas-to-store-request';

package/domain/f-canvas/center-group-or-node/center-group-or-node.d.ts

@@ -0,0 +1,17 @@
+import { CenterGroupOrNodeRequest } from './center-group-or-node-request';
+import { IExecution } from '@foblex/mediator';
+import * as i0 from "@angular/core";
+/**
+ * Execution that centers a group or a node inside the flow.
+ */
+export declare class CenterGroupOrNode implements IExecution<CenterGroupOrNodeRequest, void> {
+    private readonly _store;
+    private readonly _mediator;
+    private get _transform();
+    handle({ id, animated }: CenterGroupOrNodeRequest): void;
+    private _toCenter;
+    private _getNodeRect;
+    private _getFlowRect;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CenterGroupOrNode, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CenterGroupOrNode>;
+}

package/domain/f-canvas/center-group-or-node/index.d.ts

@@ -1,2 +1,2 @@
-export * from './center-group-or-node.execution';
+export * from './center-group-or-node';
 export * from './center-group-or-node-request';

package/domain/f-canvas/fit-to-flow/fit-to-flow-request.d.ts

@@ -1,7 +1,7 @@
 import { IPoint } from '@foblex/2d';
 export declare class FitToFlowRequest {
-    toCenter: IPoint;
-    animated: boolean;
+    readonly toCenter: IPoint;
+    readonly animated: boolean;
     static readonly fToken: unique symbol;
     constructor(toCenter: IPoint, animated: boolean);
 }

package/domain/f-canvas/fit-to-flow/fit-to-flow.d.ts

@@ -0,0 +1,17 @@
+import { FitToFlowRequest } from './fit-to-flow-request';
+import { IExecution } from '@foblex/mediator';
+import { IPoint, IRect } from '@foblex/2d';
+import * as i0 from "@angular/core";
+/**
+ * Fits all nodes and groups to the flow by scaling and positioning them
+ */
+export declare class FitToFlow implements IExecution<FitToFlowRequest, void> {
+    private readonly _store;
+    private get _transform();
+    private readonly _mediator;
+    handle({ toCenter, animated }: FitToFlowRequest): void;
+    fitToParent(rect: IRect, parentRect: IRect, points: IPoint[], toCenter: IPoint): void;
+    private _getZeroPositionWithoutScale;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FitToFlow, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<FitToFlow>;
+}

package/domain/f-canvas/fit-to-flow/index.d.ts

@@ -1,2 +1,2 @@
-export * from './fit-to-flow.execution';
+export * from './fit-to-flow';
 export * from './fit-to-flow-request';

package/domain/f-canvas/index.d.ts

@@ -1,7 +1,6 @@
 export * from './add-canvas-to-store';
 export * from './center-group-or-node';
 export * from './fit-to-flow';
-export * from './get-canvas';
 export * from './input-canvas-position';
 export * from './input-canvas-scale';
 export * from './redraw-canvas-with-animation';

package/domain/f-canvas/input-canvas-position/index.d.ts

@@ -1,2 +1,2 @@
-export * from './input-canvas-position.execution';
+export * from './input-canvas-position';
 export * from './input-canvas-position-request';

package/domain/f-canvas/input-canvas-position/input-canvas-position-request.d.ts

@@ -1,7 +1,7 @@
 import { IPoint, ITransformModel } from '@foblex/2d';
 export declare class InputCanvasPositionRequest {
-    transform: ITransformModel;
-    position: IPoint | undefined;
+    readonly transform: ITransformModel;
+    readonly position: IPoint | undefined;
     static readonly fToken: unique symbol;
     constructor(transform: ITransformModel, position: IPoint | undefined);
 }

package/domain/f-canvas/input-canvas-position/input-canvas-position.d.ts

@@ -0,0 +1,13 @@
+import { InputCanvasPositionRequest } from './input-canvas-position-request';
+import { IExecution } from '@foblex/mediator';
+import * as i0 from "@angular/core";
+/**
+ * It updates the canvas position and redraws the canvas when the user set a new position using the input.
+ */
+export declare class InputCanvasPosition implements IExecution<InputCanvasPositionRequest, void> {
+    private readonly _store;
+    handle({ transform, position }: InputCanvasPositionRequest): void;
+    private _calculateTransformPosition;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputCanvasPosition, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<InputCanvasPosition>;
+}

package/domain/f-canvas/input-canvas-scale/index.d.ts

@@ -1,2 +1,2 @@
-export * from './input-canvas-scale.execution';
+export * from './input-canvas-scale';
 export * from './input-canvas-scale-request';

package/domain/f-canvas/input-canvas-scale/input-canvas-scale.d.ts

@@ -0,0 +1,13 @@
+import { InputCanvasScaleRequest } from './input-canvas-scale-request';
+import { IExecution } from '@foblex/mediator';
+import * as i0 from "@angular/core";
+/**
+ * Execution that handles the scaling of the input canvas.
+ * It updates the scale of the canvas transform and redraws the canvas when the user sets a new scale using the input.
+ */
+export declare class InputCanvasScale implements IExecution<InputCanvasScaleRequest, void> {
+    private readonly _store;
+    handle(request: InputCanvasScaleRequest): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputCanvasScale, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<InputCanvasScale>;
+}

package/domain/f-canvas/providers.d.ts

@@ -1,15 +1,14 @@
-import { CenterGroupOrNodeExecution } from './center-group-or-node';
-import { FitToFlowExecution } from './fit-to-flow';
-import { ResetScaleAndCenterExecution } from './reset-scale-and-center';
-import { ResetScaleExecution } from './reset-scale';
-import { UpdateScaleExecution } from './update-scale';
-import { InputCanvasPositionExecution } from './input-canvas-position';
-import { InputCanvasScaleExecution } from './input-canvas-scale';
-import { AddCanvasToStoreExecution } from './add-canvas-to-store';
-import { RemoveCanvasFromStoreExecution } from './remove-canvas-from-store';
-import { GetCanvasExecution } from './get-canvas';
-import { RedrawCanvasWithAnimationExecution } from './redraw-canvas-with-animation';
+import { CenterGroupOrNode } from './center-group-or-node';
+import { FitToFlow } from './fit-to-flow';
+import { ResetScaleAndCenter } from './reset-scale-and-center';
+import { ResetScale } from './reset-scale';
+import { UpdateScale } from './update-scale';
+import { InputCanvasPosition } from './input-canvas-position';
+import { InputCanvasScale } from './input-canvas-scale';
+import { AddCanvasToStore } from './add-canvas-to-store';
+import { RemoveCanvasFromStore } from './remove-canvas-from-store';
+import { RedrawCanvasWithAnimation } from './redraw-canvas-with-animation';
 /**
  * This file exports all the canvas-related executions that can be used in the FCanvas feature.
  */
-export declare const F_CANVAS_FEATURES: (typeof AddCanvasToStoreExecution | typeof CenterGroupOrNodeExecution | typeof FitToFlowExecution | typeof GetCanvasExecution | typeof InputCanvasPositionExecution | typeof InputCanvasScaleExecution | typeof RedrawCanvasWithAnimationExecution | typeof RemoveCanvasFromStoreExecution | typeof ResetScaleExecution | typeof ResetScaleAndCenterExecution | typeof UpdateScaleExecution)[];
+export declare const F_CANVAS_FEATURES: (typeof AddCanvasToStore | typeof CenterGroupOrNode | typeof FitToFlow | typeof InputCanvasPosition | typeof InputCanvasScale | typeof RedrawCanvasWithAnimation | typeof RemoveCanvasFromStore | typeof ResetScale | typeof ResetScaleAndCenter | typeof UpdateScale)[];

package/domain/f-canvas/redraw-canvas-with-animation/index.d.ts

@@ -1,2 +1,2 @@
-export * from './redraw-canvas-with-animation.execution';
+export * from './redraw-canvas-with-animation';
 export * from './redraw-canvas-with-animation-request';

package/domain/f-canvas/redraw-canvas-with-animation/redraw-canvas-with-animation.d.ts

@@ -0,0 +1,17 @@
+import { RedrawCanvasWithAnimationRequest } from './redraw-canvas-with-animation-request';
+import { IExecution } from '@foblex/mediator';
+import * as i0 from "@angular/core";
+/**
+ * Execution that redraws the canvas with or without animation based on the request.
+ * If animated, it will redraw with animation and wait for the transition end to notify data change.
+ * If not animated, it will redraw immediately and notify data change.
+ */
+export declare class RedrawCanvasWithAnimation implements IExecution<RedrawCanvasWithAnimationRequest, void> {
+    private readonly _store;
+    private get _canvas();
+    handle(request: RedrawCanvasWithAnimationRequest): void;
+    private _redrawWithAnimation;
+    private _redraw;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RedrawCanvasWithAnimation, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<RedrawCanvasWithAnimation>;
+}

package/domain/f-canvas/remove-canvas-from-store/index.d.ts

@@ -1,2 +1,2 @@
-export * from './remove-canvas-from-store.execution';
+export * from './remove-canvas-from-store';
 export * from './remove-canvas-from-store-request';

package/domain/f-canvas/remove-canvas-from-store/remove-canvas-from-store.d.ts

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

package/domain/f-canvas/reset-scale/index.d.ts

@@ -1,2 +1,2 @@
-export * from './reset-scale.execution';
+export * from './reset-scale';
 export * from './reset-scale-request';

package/domain/f-canvas/reset-scale/reset-scale.d.ts

@@ -0,0 +1,13 @@
+import { ResetScaleRequest } from './reset-scale-request';
+import { IExecution } from '@foblex/mediator';
+import * as i0 from "@angular/core";
+/**
+ * Execution that resets the scale of the canvas in the FComponentsStore.
+ */
+export declare class ResetScale implements IExecution<ResetScaleRequest, void> {
+    private readonly _store;
+    private get _transform();
+    handle(_: ResetScaleRequest): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ResetScale, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ResetScale>;
+}

package/domain/f-canvas/reset-scale-and-center/index.d.ts

@@ -1,2 +1,2 @@
-export * from './reset-scale-and-center.execution';
+export * from './reset-scale-and-center';
 export * from './reset-scale-and-center-request';

package/domain/f-canvas/reset-scale-and-center/reset-scale-and-center-request.d.ts

@@ -1,5 +1,5 @@
 export declare class ResetScaleAndCenterRequest {
-    animated: boolean;
+    readonly animated: boolean;
     static readonly fToken: unique symbol;
     constructor(animated: boolean);
 }

package/domain/f-canvas/reset-scale-and-center/reset-scale-and-center.d.ts

@@ -0,0 +1,17 @@
+import { ResetScaleAndCenterRequest } from './reset-scale-and-center-request';
+import { IExecution } from '@foblex/mediator';
+import { IPoint, IRect } from '@foblex/2d';
+import * as i0 from "@angular/core";
+/**
+ * Execution that resets the scale of the canvas and centers the nodes and groups inside the flow.
+ */
+export declare class ResetScaleAndCenter implements IExecution<ResetScaleAndCenterRequest, void> {
+    private readonly _mediator;
+    private readonly _store;
+    private get _transform();
+    handle({ animated }: ResetScaleAndCenterRequest): void;
+    _oneToOneCentering(rect: IRect, parentRect: IRect, points: IPoint[]): void;
+    private _getZeroPositionWithoutScale;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ResetScaleAndCenter, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ResetScaleAndCenter>;
+}

package/domain/f-canvas/update-scale/index.d.ts

@@ -1,2 +1,2 @@
-export * from './update-scale.execution';
+export * from './update-scale';
 export * from './update-scale-request';

package/domain/f-canvas/update-scale/update-scale-request.d.ts

@@ -1,7 +1,7 @@
 import { IPoint } from '@foblex/2d';
 export declare class UpdateScaleRequest {
-    scale: number;
-    toPosition: IPoint;
+    readonly scale: number;
+    readonly toPosition: IPoint;
     static readonly fToken: unique symbol;
     constructor(scale: number, toPosition: IPoint);
 }

package/domain/f-canvas/update-scale/update-scale.d.ts

@@ -0,0 +1,14 @@
+import { UpdateScaleRequest } from './update-scale-request';
+import { IExecution } from '@foblex/mediator';
+import * as i0 from "@angular/core";
+/**
+ * Execution that updates the scale of the canvas in the FComponentsStore.
+ * Occurs when the fZoom directive or User call the setScale method.
+ */
+export declare class UpdateScale implements IExecution<UpdateScaleRequest, void> {
+    private readonly _store;
+    private get _transform();
+    handle({ scale, toPosition }: UpdateScaleRequest): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UpdateScale, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<UpdateScale>;
+}

package/domain/f-connection/redraw-connections/redraw-connections.d.ts

@@ -10,12 +10,27 @@ export declare class RedrawConnections implements IExecution<RedrawConnectionsRe
     private readonly _mediator;
     private readonly _store;
     private readonly _connectionBehaviour;
+    private readonly _browser;
+    private _renderTicket;
+    private readonly _connectedInPreviousRender;
     handle(_request: RedrawConnectionsRequest): void;
-    private _resetConnectors;
+    private _resetConnectedConnectors;
     private _setupConnection;
+    private _setupConnectionWithLine;
     private _calculateConnectionLine;
-    private _calculateConnectorRect;
+    private _resolveConnectionConnectors;
+    private _resolveConnectionContext;
     private _createMarkers;
+    private _setupConnectionsUsingWorker;
+    private _applyWorkerResultsChunked;
+    private _alignWorkerResultsToConnectionIndexes;
+    private _isWorkerResultSupported;
+    private _setupConnectionsChunked;
+    private _shouldUseWorker;
+    private _isCurrentRenderContext;
+    private _requestAnimationFrame;
+    private _now;
+    private _isWithinSliceBudget;
     static ɵfac: i0.ɵɵFactoryDeclaration<RedrawConnections, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<RedrawConnections>;
 }

package/domain/f-connectors/add-connector-to-store/add-connector-to-store.d.ts

@@ -6,10 +6,12 @@ import * as i0 from "@angular/core";
  */
 export declare class AddConnectorToStore implements IExecution<AddConnectorToStoreRequest, void> {
     private readonly _store;
+    private readonly _mediator;
     handle({ instance }: AddConnectorToStoreRequest): void;
     private _addInput;
     private _addOutput;
     private _addOutlet;
+    private _geometryRegister;
     static ɵfac: i0.ɵɵFactoryDeclaration<AddConnectorToStore, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AddConnectorToStore>;
 }

package/domain/f-connectors/find-connectable-connector-using-priority-and-position/find-connectable-connector-using-priority-and-position.d.ts

@@ -0,0 +1,30 @@
+import { FindConnectableConnectorUsingPriorityAndPositionRequest } from './find-connectable-connector-using-priority-and-position-request';
+import { IExecution } from '@foblex/mediator';
+import { FConnectorBase } from '../../../f-connectors';
+import * as i0 from "@angular/core";
+/**
+ * Execution that finds a connectable connector at a given position with priority.
+ * It checks for connectors at the position, the closest connector if snap connection is enabled,
+ * and the first connectable connector of the node at that position.
+ */
+export declare class FindConnectableConnectorUsingPriorityAndPosition implements IExecution<FindConnectableConnectorUsingPriorityAndPositionRequest, FConnectorBase | undefined> {
+    private readonly _mediator;
+    private readonly _store;
+    private readonly _browser;
+    private get _transform();
+    private get _flowHost();
+    private get _fNodes();
+    private get _snapConnection();
+    handle(payload: FindConnectableConnectorUsingPriorityAndPositionRequest): FConnectorBase | undefined;
+    private _findConnectorAtPosition;
+    private _filterConnectorsThatLocatedAtPosition;
+    private _calculatePointerInFlow;
+    private _isSnapConnectionEnabledAndHasClosestConnector;
+    private _isValidClosestInput;
+    private _getFirstConnectableConnectorOfNodeAtPosition;
+    private _getElementsFromPoint;
+    private _findConnectableNode;
+    private _findFirstConnectableConnectorOfNode;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FindConnectableConnectorUsingPriorityAndPosition, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<FindConnectableConnectorUsingPriorityAndPosition>;
+}

package/domain/f-connectors/find-connectable-connector-using-priority-and-position/index.d.ts

@@ -1,2 +1,2 @@
-export * from './find-connectable-connector-using-priority-and-position.request';
-export * from './find-connectable-connector-using-priority-and-position.execution';
+export * from './find-connectable-connector-using-priority-and-position-request';
+export * from './find-connectable-connector-using-priority-and-position';

package/domain/f-connectors/providers.d.ts

@@ -4,7 +4,7 @@ import { CalculateTargetConnectorsToConnect } from './calculate-target-connector
 import { GetConnectorRectReference } from './get-connector-rect-reference';
 import { CalculateClosestConnector } from './calculate-closest-connector';
 import { CalculateSourceConnectorsToConnect } from './calculate-source-connectors-to-connect';
-import { FindConnectableConnectorUsingPriorityAndPositionExecution } from './find-connectable-connector-using-priority-and-position';
+import { FindConnectableConnectorUsingPriorityAndPosition } from './find-connectable-connector-using-priority-and-position';
 import { AddConnectorToStore } from './add-connector-to-store';
 import { RemoveConnectorFromStore } from './remove-connector-from-store';
-export declare const F_CONNECTORS_FEATURES: (typeof AddConnectorToStore | typeof RemoveConnectorFromStore | typeof CalculateClosestConnector | typeof FindConnectableConnectorUsingPriorityAndPositionExecution | typeof CalculateSourceConnectorsToConnect | typeof CalculateTargetConnectorsToConnect | typeof GetConnectorRectReference | typeof MarkConnectableConnectors | typeof UnmarkConnectableConnectors)[];
+export declare const F_CONNECTORS_FEATURES: (typeof AddConnectorToStore | typeof RemoveConnectorFromStore | typeof CalculateClosestConnector | typeof FindConnectableConnectorUsingPriorityAndPosition | typeof CalculateSourceConnectorsToConnect | typeof CalculateTargetConnectorsToConnect | typeof GetConnectorRectReference | typeof MarkConnectableConnectors | typeof UnmarkConnectableConnectors)[];

package/domain/f-connectors/remove-connector-from-store/remove-connector-from-store.d.ts

@@ -6,10 +6,12 @@ import * as i0 from "@angular/core";
  */
 export declare class RemoveConnectorFromStore implements IExecution<RemoveConnectorFromStoreRequest, void> {
     private readonly _store;
+    private readonly _mediator;
     handle({ instance }: RemoveConnectorFromStoreRequest): void;
     private _removeInput;
     private _removeOutput;
     private _removeOutlet;
+    private _geometryUnregister;
     static ɵfac: i0.ɵɵFactoryDeclaration<RemoveConnectorFromStore, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<RemoveConnectorFromStore>;
 }

package/domain/f-draggable/add-dnd-to-store/add-dnd-to-store.d.ts

@@ -0,0 +1,12 @@
+import { IExecution } from '@foblex/mediator';
+import { AddDndToStoreRequest } from './add-dnd-to-store-request';
+import * as i0 from "@angular/core";
+/**
+ * Execution that adds a drag and drop directive to the FComponentsStore.
+ */
+export declare class AddDndToStore implements IExecution<AddDndToStoreRequest, void> {
+    private readonly _store;
+    handle(request: AddDndToStoreRequest): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AddDndToStore, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AddDndToStore>;
+}

package/domain/f-draggable/add-dnd-to-store/index.d.ts

@@ -1,2 +1,2 @@
-export * from './add-dnd-to-store.execution';
+export * from './add-dnd-to-store';
 export * from './add-dnd-to-store-request';

package/domain/f-draggable/initialize-drag-sequence/index.d.ts

@@ -1,2 +1,2 @@
-export * from './initialize-drag-sequence.execution';
+export * from './initialize-drag-sequence';
 export * from './initialize-drag-sequence-request';

package/domain/f-draggable/initialize-drag-sequence/initialize-drag-sequence.d.ts

@@ -0,0 +1,12 @@
+import { IExecution } from '@foblex/mediator';
+import { InitializeDragSequenceRequest } from './initialize-drag-sequence-request';
+import * as i0 from "@angular/core";
+/**
+ * Execution that initializes the drag sequence by resetting the FDraggableDataContext.
+ */
+export declare class InitializeDragSequence implements IExecution<InitializeDragSequenceRequest, void> {
+    private readonly _dragContext;
+    handle(_: InitializeDragSequenceRequest): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InitializeDragSequence, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<InitializeDragSequence>;
+}

package/domain/f-draggable/is-drag-started/is-drag-started.d.ts

@@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
  */
 export declare class IsDragStarted implements IExecution<IsDragStartedRequest, boolean> {
     private readonly _store;
-    handle(request: IsDragStartedRequest): boolean;
+    handle(_: IsDragStartedRequest): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<IsDragStarted, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<IsDragStarted>;
 }

package/domain/f-draggable/on-pointer-move/index.d.ts

@@ -1,2 +1,2 @@
-export * from './on-pointer-move.execution';
+export * from './on-pointer-move';
 export * from './on-pointer-move-request';