@foblex/flow 18.5.0 → 18.6.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@foblex/flow",
-  "version": "18.5.0",
+  "version": "18.6.1",
   "description": "Angular-native node-based UI library for building node editors, workflow builders, and interactive graph interfaces.",
   "main": "index.js",
   "types": "index.d.ts",
@@ -55,8 +55,6 @@
     },
     ".": {
       "types": "./index.d.ts",
-      "esm2022": "./esm2022/foblex-flow.mjs",
-      "esm": "./esm2022/foblex-flow.mjs",
       "default": "./fesm2022/foblex-flow.mjs"
     }
   }

package/styles/domains/_connector.scss

@@ -60,14 +60,21 @@
   width: var(--ff-connector-size);
   height: var(--ff-connector-size);
   box-sizing: border-box;
-  border: 1px solid var(--ff-connector-border-color);
+  border: var(--ff-connector-border-width) solid var(--ff-connector-border-color);
   border-radius: $radius;
   background: var(--ff-connector-background-color);
-  box-shadow: 0 0 0 2px var(--ff-connector-node-ring-color);
   pointer-events: all;
+  transition:
+    background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
+    border-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
+    box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1);
 
   @include _socket-positioning();
 
+  &:hover {
+    box-shadow: 0 0 0 4px color-mix(in oklch, var(--ff-connector-accent-color) 22%, transparent);
+  }
+
   &.f-connector-connectable {
     border-color: var(--ff-connector-accent-color);
   }
@@ -84,6 +91,7 @@
   &.f-node-output-disabled {
     background: var(--ff-connector-disabled-color);
     border-color: var(--ff-connector-disabled-border-color);
+    box-shadow: none;
   }
 }
 
@@ -101,7 +109,7 @@
 
       .f-node-input {
         &:not(.f-node) {
-          border-radius: var(--ff-radius-socket-square);
+          border-radius: var(--ff-connector-input-radius);
         }
       }
 

package/styles/domains/_node-group.scss

@@ -133,13 +133,37 @@
 @mixin resize-handle($scoped: true) {
   @include _node-group-scope($scoped) {
     .f-resize-handle {
+      /* Tiny accent-blue grip with white stroke and a 1px outer ring —
+         deliberately loud so it can never be confused with a connector
+         socket. The double box-shadow is the silhouette: the inner ring
+         pins the shape against any surface, the outer drop-shadow sells
+         "lift". Hover/active expand the ring into a halo. */
       position: absolute;
-      width: var(--ff-handle-size);
-      height: var(--ff-handle-size);
+      width: var(--ff-resize-handle-size);
+      height: var(--ff-resize-handle-size);
       box-sizing: border-box;
-      border: 1px solid var(--ff-handle-border-color);
-      border-radius: var(--ff-handle-radius);
-      background: var(--ff-handle-background-color);
+      border: 1.5px solid var(--ff-resize-handle-stroke);
+      border-radius: var(--ff-resize-handle-radius);
+      background: var(--ff-resize-handle-fill);
+      box-shadow:
+        0 0 0 1px var(--ff-resize-handle-ring),
+        0 1px 2px rgba(15, 15, 13, 0.18);
+      transition:
+        background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
+        box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1);
+
+      &:hover {
+        box-shadow:
+          0 0 0 1px var(--ff-resize-handle-ring),
+          0 0 0 5px color-mix(in oklch, var(--ff-resize-handle-ring) 25%, transparent);
+      }
+
+      &:active {
+        background: var(--ff-resize-handle-fill-active);
+        box-shadow:
+          0 0 0 2px var(--ff-resize-handle-ring),
+          0 0 0 6px color-mix(in oklch, var(--ff-resize-handle-ring) 28%, transparent);
+      }
 
       &.f-resize-handle-left {
         left: 0;
@@ -203,20 +227,53 @@
 @mixin rotate-handle($scoped: true) {
   @include _node-group-scope($scoped) {
     .f-rotate-handle {
+      /* Quiet white circle floating above the node, connected by a thin
+         guide line so the affordance reads as "rotate-from-here". On
+         hover it picks up an accent border + halo; on active it fills
+         accent and switches the cursor to grabbing. */
       position: absolute;
       left: 50%;
-      top: -40px;
+      top: calc(var(--ff-rotate-handle-offset) * -1);
       display: inline-flex;
       align-items: center;
       justify-content: center;
       width: var(--ff-rotate-handle-size);
       height: var(--ff-rotate-handle-size);
       box-sizing: border-box;
-      border: 1px solid var(--ff-handle-border-color);
+      border: 1px solid var(--ff-rotate-handle-border-color);
       border-radius: 50%;
-      background: var(--ff-handle-background-color);
+      background: var(--ff-rotate-handle-background-color);
       transform: translateX(-50%);
       cursor: grab;
+      transition:
+        background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
+        border-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
+        box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1);
+
+      /* Guide line that bridges the gap between handle and node edge. */
+      &::after {
+        content: '';
+        position: absolute;
+        left: 50%;
+        top: 100%;
+        width: 1px;
+        height: calc(var(--ff-rotate-handle-offset) - var(--ff-rotate-handle-size));
+        background: var(--ff-rotate-handle-guide-color);
+        transform: translateX(-50%);
+        pointer-events: none;
+      }
+
+      &:hover {
+        border-color: var(--ff-color-accent);
+        box-shadow: 0 0 0 4px color-mix(in oklch, var(--ff-color-accent) 22%, transparent);
+      }
+
+      &:active {
+        background: var(--ff-color-accent);
+        border-color: var(--ff-color-accent);
+        cursor: grabbing;
+        box-shadow: 0 0 0 4px color-mix(in oklch, var(--ff-color-accent) 22%, transparent);
+      }
     }
   }
 }

package/styles/tokens/_ff-aliases.scss

@@ -32,24 +32,39 @@
     --ff-grouping-drop-target-border-color: var(--ff-color-grouping-drop-target-border);
     --ff-grouping-drop-target-border-style: dashed;
     --ff-grouping-drop-target-border-width: 1px;
-    --ff-grouping-drop-target-border-color-active: var(--ff-color-grouping-drop-target-border-active);
+    --ff-grouping-drop-target-border-color-active: var(
+      --ff-color-grouping-drop-target-border-active
+    );
     --ff-grouping-drop-target-border-style-active: dashed;
     --ff-grouping-drop-target-border-width-active: 2px;
 
-    --ff-handle-background-color: var(--ff-color-surface-card);
-    --ff-handle-border-color: var(--ff-color-border-strong);
-    --ff-handle-color: var(--ff-color-text-secondary);
-    --ff-handle-size: 12px;
-    --ff-handle-radius: var(--ff-radius-control);
+    /* Resize handle — UI chrome, accent-blue fill so it cannot be confused
+       with a connector socket. White stroke separates it from the node
+       edge; the 1px outer ring pins the silhouette against any background. */
+    --ff-resize-handle-size: 8px;
+    --ff-resize-handle-fill: var(--ff-color-accent);
+    --ff-resize-handle-stroke: var(--ff-color-surface-card);
+    --ff-resize-handle-ring: var(--ff-color-accent);
+    --ff-resize-handle-radius: 1px;
+    --ff-resize-handle-fill-active: var(--ff-color-surface-card);
+
+    /* Rotate handle — quiet white circle, lives above the node connected
+       by a thin guide line. Becomes accent on hover/active. */
     --ff-rotate-handle-size: 16px;
+    --ff-rotate-handle-offset: 40px;
+    --ff-rotate-handle-background-color: var(--ff-color-surface-card);
+    --ff-rotate-handle-border-color: var(--ff-color-border-strong);
+    --ff-rotate-handle-guide-color: var(--ff-color-border-strong);
 
     --ff-connector-background-color: var(--ff-color-surface-card);
-    --ff-connector-border-color: var(--ff-color-border-default);
+    --ff-connector-border-color: var(--ff-color-text-secondary);
     --ff-connector-connected-color: var(--ff-color-connector-connected);
     --ff-connector-accent-color: var(--ff-color-accent);
     --ff-connector-disabled-color: var(--ff-color-disabled-surface);
     --ff-connector-disabled-border-color: var(--ff-color-disabled-border);
-    --ff-connector-size: 16px;
+    --ff-connector-size: 14px;
+    --ff-connector-border-width: 2px;
+    --ff-connector-input-radius: var(--ff-radius-4);
     --ff-connector-node-ring-color: var(--ff-canvas-background-color);
 
     --ff-outlet-background-color: var(--ff-color-surface-muted);

package/domain/create-dom-element.d.ts

@@ -1,2 +0,0 @@
-import { BrowserService } from '@foblex/platform';
-export declare function createSVGElement<K extends keyof SVGElementTagNameMap>(tag: K, fBrowser: BrowserService): SVGElementTagNameMap[K];

package/domain/css-cls.d.ts

@@ -1,17 +0,0 @@
-export declare const F_CSS_CLASS: {
-    DRAG_AND_DROP: {
-        DRAGGING: string;
-        CONNECTIONS_DRAGGING: string;
-    };
-    GROUPING: {
-        OVER_BOUNDARY: string;
-        DROP_ACTIVE: string;
-    };
-    CONNECTOR: {
-        OUTPUT_CONNECTED: string;
-        OUTPUT_NOT_CONNECTABLE: string;
-        INPUT_CONNECTED: string;
-        INPUT_NOT_CONNECTABLE: string;
-        CONNECTABLE: string;
-    };
-};

package/domain/f-background/add-pattern-to-background/add-pattern-to-background-request.d.ts

@@ -1,6 +0,0 @@
-import { IFBackgroundPattern } from '../../../f-backgroud';
-export declare class AddPatternToBackgroundRequest {
-    fPattern: IFBackgroundPattern | undefined;
-    static readonly fToken: unique symbol;
-    constructor(fPattern: IFBackgroundPattern | undefined);
-}

package/domain/f-background/add-pattern-to-background/add-pattern-to-background.d.ts

@@ -1,15 +0,0 @@
-import { AddPatternToBackgroundRequest } from './add-pattern-to-background-request';
-import { IExecution } from '@foblex/mediator';
-import * as i0 from "@angular/core";
-/**
- * Execution that adds a pattern to the background in the FComponentsStore.
- */
-export declare class AddPatternToBackground implements IExecution<AddPatternToBackgroundRequest, void> {
-    private readonly _store;
-    private readonly _browser;
-    private get _backgroundElement();
-    handle(request: AddPatternToBackgroundRequest): void;
-    private _getPatterns;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AddPatternToBackground, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<AddPatternToBackground>;
-}

package/domain/f-background/add-pattern-to-background/index.d.ts

@@ -1,2 +0,0 @@
-export * from './add-pattern-to-background';
-export * from './add-pattern-to-background-request';

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

@@ -1,3 +0,0 @@
-export * from './add-pattern-to-background';
-export * from './set-background-transform';
-export * from './providers';

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

@@ -1,7 +0,0 @@
-import { AddPatternToBackground } from './add-pattern-to-background';
-import { SetBackgroundTransform } from './set-background-transform';
-/**
- * This file exports all the background-related features for the F-Flow domain.
- * It includes executions for adding, removing, and setting the background in the FComponentsStore.
- */
-export declare const F_BACKGROUND_FEATURES: (typeof AddPatternToBackground | typeof SetBackgroundTransform)[];

package/domain/f-background/set-background-transform/index.d.ts

@@ -1,2 +0,0 @@
-export * from './set-background-transform';
-export * from './set-background-transform-request';

package/domain/f-background/set-background-transform/set-background-transform-request.d.ts

@@ -1,6 +0,0 @@
-import { ITransformModel } from '@foblex/2d';
-export declare class SetBackgroundTransformRequest {
-    fTransform: ITransformModel;
-    static readonly fToken: unique symbol;
-    constructor(fTransform: ITransformModel);
-}

package/domain/f-background/set-background-transform/set-background-transform.d.ts

@@ -1,12 +0,0 @@
-import { IExecution } from '@foblex/mediator';
-import { SetBackgroundTransformRequest } from './set-background-transform-request';
-import * as i0 from "@angular/core";
-/**
- * Execution that sets the transform for the background when canvas is transformed.
- */
-export declare class SetBackgroundTransform implements IExecution<SetBackgroundTransformRequest, void> {
-    private readonly _store;
-    handle(request: SetBackgroundTransformRequest): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SetBackgroundTransform, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<SetBackgroundTransform>;
-}

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

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

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

@@ -1,12 +0,0 @@
-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 +0,0 @@
-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-request.d.ts

@@ -1,6 +0,0 @@
-export declare class CenterGroupOrNodeRequest {
-    id: string;
-    animated: boolean;
-    static readonly fToken: unique symbol;
-    constructor(id: string, animated: boolean);
-}

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

@@ -1,17 +0,0 @@
-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 +0,0 @@
-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 +0,0 @@
-import { IPoint } from '@foblex/2d';
-export declare class FitToFlowRequest {
-    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

@@ -1,17 +0,0 @@
-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 +0,0 @@
-export * from './fit-to-flow';
-export * from './fit-to-flow-request';

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

@@ -1,11 +0,0 @@
-export * from './add-canvas-to-store';
-export * from './center-group-or-node';
-export * from './fit-to-flow';
-export * from './input-canvas-position';
-export * from './input-canvas-scale';
-export * from './redraw-canvas-with-animation';
-export * from './remove-canvas-from-store';
-export * from './reset-scale';
-export * from './reset-scale-and-center';
-export * from './update-scale';
-export * from './providers';

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

@@ -1,2 +0,0 @@
-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 +0,0 @@
-import { IPoint, ITransformModel } from '@foblex/2d';
-export declare class InputCanvasPositionRequest {
-    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

@@ -1,13 +0,0 @@
-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 +0,0 @@
-export * from './input-canvas-scale';
-export * from './input-canvas-scale-request';

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

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

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

@@ -1,13 +0,0 @@
-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,14 +0,0 @@
-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 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/e-canvas-redraw-context.d.ts

@@ -1,4 +0,0 @@
-export declare enum ECanvasRedrawContext {
-    VIEWPORT_ONLY = "VIEWPORT_ONLY",
-    WITH_CONNECTION_CHANGES = "WITH_CONNECTION_CHANGES"
-}

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

@@ -1,3 +0,0 @@
-export * from './redraw-canvas-with-animation';
-export * from './e-canvas-redraw-context';
-export * from './redraw-canvas-with-animation-request';

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

@@ -1,7 +0,0 @@
-import { ECanvasRedrawContext } from './e-canvas-redraw-context';
-export declare class RedrawCanvasWithAnimationRequest {
-    readonly animated: boolean;
-    readonly context: ECanvasRedrawContext;
-    static readonly fToken: unique symbol;
-    constructor(animated: boolean, context?: ECanvasRedrawContext);
-}

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

@@ -1,17 +0,0 @@
-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 +0,0 @@
-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-request.d.ts

@@ -1,3 +0,0 @@
-export declare class RemoveCanvasFromStoreRequest {
-    static readonly fToken: unique symbol;
-}

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

@@ -1,12 +0,0 @@
-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 +0,0 @@
-export * from './reset-scale';
-export * from './reset-scale-request';

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

@@ -1,3 +0,0 @@
-export declare class ResetScaleRequest {
-    static readonly fToken: unique symbol;
-}

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

@@ -1,13 +0,0 @@
-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 +0,0 @@
-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 +0,0 @@
-export declare class ResetScaleAndCenterRequest {
-    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

@@ -1,17 +0,0 @@
-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 +0,0 @@
-export * from './update-scale';
-export * from './update-scale-request';

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

@@ -1,7 +0,0 @@
-import { IPoint } from '@foblex/2d';
-export declare class UpdateScaleRequest {
-    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

@@ -1,14 +0,0 @@
-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/add-connection-for-create-to-store/add-connection-for-create-to-store-request.d.ts

@@ -1,6 +0,0 @@
-import { FConnectionForCreateComponent } from '../../../f-connection';
-export declare class AddConnectionForCreateToStoreRequest {
-    readonly connection: FConnectionForCreateComponent;
-    static readonly fToken: unique symbol;
-    constructor(connection: FConnectionForCreateComponent);
-}