@foblex/flow 18.2.1 → 18.4.0

package/f-connection-v2/components/f-connection-base.d.ts

@@ -13,8 +13,6 @@ declare const MIXIN_BASE: import("../../mixins").Constructor<ISelectable> & impo
 export declare abstract class FConnectionBase extends MIXIN_BASE implements ISelectable, ICanChangeVisibility {
     private readonly _fConnectionBuilder;
     abstract fId: Signal<string>;
-    readonly fStartColor: import("@angular/core").InputSignal<string>;
-    readonly fEndColor: import("@angular/core").InputSignal<string>;
     abstract fOutputId: Signal<string>;
     abstract fInputId: Signal<string>;
     abstract fRadius: number;
@@ -29,11 +27,12 @@ export declare abstract class FConnectionBase extends MIXIN_BASE implements ISel
     abstract fType: EFConnectionType | string;
     readonly fDefs: Signal<ElementRef<SVGDefsElement>>;
     readonly fPath: Signal<import("./connection-path").FConnectionPathBase>;
-    readonly fGradient: Signal<import("./connection-gradient").FConnectionGradientBase>;
     readonly fDragHandleStart: Signal<import("./connection-drag-handles").FConnectionDragHandleBase | undefined>;
     readonly fDragHandleEnd: Signal<import("./connection-drag-handles").FConnectionDragHandleBase>;
     readonly fSelection: Signal<import("./connection-selection").FConnectionSelectionBase>;
     readonly fContents: Signal<readonly FConnectionContentBase[]>;
+    readonly fGradient: Signal<import("./connection-gradient").FConnectionGradientBase | undefined>;
+    private readonly _fGradientRenderer;
     readonly fWaypoints: Signal<import("./connection-waypoints").FConnectionWaypointsBase | undefined>;
     readonly fInputSide: Signal<EFConnectionConnectableSide>;
     private _sourceSide;
@@ -50,6 +49,10 @@ export declare abstract class FConnectionBase extends MIXIN_BASE implements ISel
     markChildrenAsSelected(): void;
     unmarkChildrenAsSelected(): void;
     redraw(): void;
+    getResolvedSides(): {
+        sourceSide: EFConnectableSide;
+        targetSide: EFConnectableSide;
+    };
     /**
      * Applies the resolved sides to the connection. Don't call this method directly; it's used internally.
      *
@@ -58,6 +61,6 @@ export declare abstract class FConnectionBase extends MIXIN_BASE implements ISel
      */
     _applyResolvedSidesToConnection(sourceSide: EFConnectableSide, targetSide: EFConnectableSide): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FConnectionBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FConnectionBase, never, never, { "fStartColor": { "alias": "fStartColor"; "required": false; "isSignal": true; }; "fEndColor": { "alias": "fEndColor"; "required": false; "isSignal": true; }; }, {}, ["fContents", "fWaypoints"], never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FConnectionBase, never, never, {}, {}, ["fContents", "fGradient", "fWaypoints"], never, false, never>;
 }
 export {};

package/f-connection-v2/models/f-connection-components-parent.d.ts

@@ -6,8 +6,6 @@ export declare abstract class FConnectionComponentsParent {
     abstract fId: Signal<string>;
     abstract fOutputId: Signal<string>;
     abstract fInputId: Signal<string>;
-    abstract fStartColor: Signal<string>;
-    abstract fEndColor: Signal<string>;
     abstract fBehavior: EFConnectionBehavior;
     abstract _applyResolvedSidesToConnection(sourceSide: EFConnectableSide, targetSide: EFConnectableSide): void;
     abstract fInputSide: Signal<EFConnectionConnectableSide>;

package/f-connection-v2/utils/connection-behaviour/connection-behaviour-builder-request.d.ts

@@ -1,11 +1,14 @@
 import { IRoundedRect } from '@foblex/2d';
 import { EFConnectableSide } from '../../enums';
 import { FConnectionComponentsParent } from '../../models';
+import { IConnectionEndpointRotationContext } from './models';
 export declare class ConnectionBehaviourBuilderRequest {
     readonly sourceRect: IRoundedRect;
     readonly targetRect: IRoundedRect;
     readonly connection: FConnectionComponentsParent;
     readonly sourceConnectableSide: EFConnectableSide;
     readonly targetConnectableSide: EFConnectableSide;
-    constructor(sourceRect: IRoundedRect, targetRect: IRoundedRect, connection: FConnectionComponentsParent, sourceConnectableSide: EFConnectableSide, targetConnectableSide: EFConnectableSide);
+    readonly sourceRotationContext?: IConnectionEndpointRotationContext | undefined;
+    readonly targetRotationContext?: IConnectionEndpointRotationContext | undefined;
+    constructor(sourceRect: IRoundedRect, targetRect: IRoundedRect, connection: FConnectionComponentsParent, sourceConnectableSide: EFConnectableSide, targetConnectableSide: EFConnectableSide, sourceRotationContext?: IConnectionEndpointRotationContext | undefined, targetRotationContext?: IConnectionEndpointRotationContext | undefined);
 }

package/f-connection-v2/utils/connection-behaviour/models/i-calculate-behavior-request.d.ts

@@ -1,8 +1,14 @@
-import { IRoundedRect } from '@foblex/2d';
+import { IPoint, IRoundedRect } from '@foblex/2d';
 import { EFConnectableSide } from '../../../enums';
+export interface IConnectionEndpointRotationContext {
+    rotationDeg: number;
+    pivot: IPoint;
+}
 export interface ICalculateBehaviorRequest {
     sourceRect: IRoundedRect;
     targetRect: IRoundedRect;
     sourceConnectableSide: EFConnectableSide;
     targetConnectableSide: EFConnectableSide;
+    sourceRotationContext?: IConnectionEndpointRotationContext;
+    targetRotationContext?: IConnectionEndpointRotationContext;
 }

package/f-connection-v2/utils/connection-behaviour/utils/floating-behavior.d.ts

@@ -5,4 +5,4 @@ import { ICalculateBehaviorRequest } from '../models';
  * It constructs a line between the intersections of the connectors rectangles and line from the centers of the connector rectangles
  * @param payload
  */
-export declare function floatingBehavior({ sourceRect, targetRect }: ICalculateBehaviorRequest): ILine;
+export declare function floatingBehavior({ sourceRect, targetRect, sourceRotationContext, targetRotationContext, }: ICalculateBehaviorRequest): ILine;

package/f-connection-v2/utils/connection-behaviour/utils/get-rotated-rounded-rect-intersection.d.ts

@@ -0,0 +1,3 @@
+import { IPoint, IRoundedRect } from '@foblex/2d';
+import { IConnectionEndpointRotationContext } from '../models';
+export declare function getRotatedRoundedRectIntersection(from: IPoint, to: IPoint, rect: IRoundedRect, rotationContext?: IConnectionEndpointRotationContext): IPoint | undefined;

package/f-connection-v2/utils/create-gradient-dom-identifier.d.ts

@@ -1 +1 @@
-export declare function createGradientDomIdentifier(componentId: string, sourceId: string, targetId: string): string;
+export declare function createGradientDomIdentifier(componentId: string): string;

package/f-connection-v2/utils/create-gradient-dom-url.d.ts

@@ -1 +1 @@
-export declare function createGradientDomUrl(componentId: string, sourceId: string, targetId: string): string;
+export declare function createGradientDomUrl(componentId: string): string;

package/f-connection-worker/features/calculate-connection-worker-payload-item/calculate-connection-worker-payload-item.d.ts

@@ -4,6 +4,7 @@ import { CalculateConnectionWorkerPayloadItemRequest } from './calculate-connect
 import * as i0 from "@angular/core";
 export declare class CalculateConnectionWorkerPayloadItem implements IExecution<CalculateConnectionWorkerPayloadItemRequest, IFConnectionWorkerRequestItem | null> {
     private readonly _mediator;
+    private readonly _store;
     handle({ connection, cache, }: CalculateConnectionWorkerPayloadItemRequest): IFConnectionWorkerRequestItem | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<CalculateConnectionWorkerPayloadItem, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<CalculateConnectionWorkerPayloadItem>;

package/f-connection-worker/model/f-connection-worker.d.ts

@@ -2,6 +2,7 @@ import { TFConnectionWorkerPendingRequest } from './t-f-connection-worker-pendin
 import * as i0 from "@angular/core";
 export declare class FConnectionWorker {
     worker: Worker | null;
+    workerUrl: string | null;
     nextRequestId: number;
     isDisabled: boolean;
     readonly pending: Map<number, TFConnectionWorkerPendingRequest>;

package/f-connection-worker/model/i-f-connection-worker-rect.d.ts

@@ -3,4 +3,8 @@ export interface IFConnectionWorkerRect {
     y: number;
     width: number;
     height: number;
+    radius1: number;
+    radius2: number;
+    radius3: number;
+    radius4: number;
 }

package/f-connection-worker/model/i-f-connection-worker-request-item.d.ts

@@ -6,6 +6,8 @@ export interface IFConnectionWorkerRequestItem {
     inputSide: string;
     sourceConnectableSide: string;
     targetConnectableSide: string;
+    sourceRotation: number;
+    targetRotation: number;
     sourceRect: IFConnectionWorkerRect;
     targetRect: IFConnectionWorkerRect;
 }

package/f-connection-worker/worker/connection-worker-runtime.d.ts

@@ -0,0 +1,11 @@
+type TConnectionWorkerUrlApi = Pick<typeof URL, 'createObjectURL' | 'revokeObjectURL'>;
+type TConnectionWorkerRuntime = {
+    blobCtor: typeof Blob;
+    workerCtor: typeof Worker;
+    urlApi: TConnectionWorkerUrlApi;
+};
+export declare function isConnectionWorkerRuntimeSupported(windowRef: Window | null | undefined): boolean;
+export declare function resolveConnectionWorkerRuntime(windowRef: Window | null | undefined): TConnectionWorkerRuntime | null;
+export declare function createConnectionWorkerUrl(runtime: TConnectionWorkerRuntime): string;
+export declare function revokeConnectionWorkerUrl(workerUrl: string | null | undefined, urlApi?: Pick<typeof URL, 'revokeObjectURL'> | null): void;
+export {};

package/f-draggable/auto-pan/auto-pan.utils.d.ts

@@ -0,0 +1,6 @@
+import { IPoint, Point } from '@foblex/2d';
+export type TAutoPanMode = 'rebase' | 'direct';
+export declare function resolveAutoPanMode(kinds: string[]): TAutoPanMode | null;
+export declare function calculateAutoPanDelta(pointerPosition: IPoint, hostRect: DOMRect, threshold: number, speed: number, acceleration: boolean): IPoint;
+export declare function calculateAutoPanAxisDelta(pointerCoordinate: number, min: number, max: number, threshold: number, speed: number, acceleration: boolean): number;
+export declare function rebaseAutoPanPointerDownPosition(position: IPoint, canvasDelta: IPoint, scale: number): Point;

package/f-draggable/auto-pan/index.d.ts

@@ -0,0 +1,6 @@
+export * from './auto-pan.utils';
+export * from './providers';
+export * from './run-auto-pan-frame';
+export * from './stop-auto-pan';
+export * from './stored-pointer-event';
+export * from './sync-auto-pan';

package/f-draggable/auto-pan/providers.d.ts

@@ -0,0 +1,4 @@
+import { RunAutoPanFrame } from './run-auto-pan-frame';
+import { StopAutoPan } from './stop-auto-pan';
+import { SyncAutoPan } from './sync-auto-pan';
+export declare const DRAG_AUTO_PAN_PROVIDERS: (typeof StopAutoPan | typeof SyncAutoPan | typeof RunAutoPanFrame)[];

package/f-draggable/auto-pan/run-auto-pan-frame/index.d.ts

@@ -0,0 +1,2 @@
+export * from './run-auto-pan-frame';
+export * from './run-auto-pan-frame-request';

package/f-draggable/auto-pan/run-auto-pan-frame/run-auto-pan-frame-request.d.ts

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

package/f-draggable/auto-pan/run-auto-pan-frame/run-auto-pan-frame.d.ts

@@ -0,0 +1,21 @@
+import { IExecution } from '@foblex/mediator';
+import { RunAutoPanFrameRequest } from './run-auto-pan-frame-request';
+import * as i0 from "@angular/core";
+export declare class RunAutoPanFrame implements IExecution<RunAutoPanFrameRequest, void> {
+    private readonly _mediator;
+    private readonly _store;
+    private readonly _dragContext;
+    handle(_request: RunAutoPanFrameRequest): void;
+    private _applyCanvasDelta;
+    private _replayLastPointerMove;
+    private _getPointerPositionInCanvas;
+    private _canAutoPan;
+    private _getAutoPanMode;
+    private _getAutoPanDelta;
+    private _edgeThreshold;
+    private _speed;
+    private _acceleration;
+    private _autoPan;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RunAutoPanFrame, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<RunAutoPanFrame>;
+}

package/f-draggable/auto-pan/stop-auto-pan/index.d.ts

@@ -0,0 +1,2 @@
+export * from './stop-auto-pan';
+export * from './stop-auto-pan-request';

package/f-draggable/auto-pan/stop-auto-pan/stop-auto-pan-request.d.ts

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

package/f-draggable/auto-pan/stop-auto-pan/stop-auto-pan.d.ts

@@ -0,0 +1,10 @@
+import { IExecution } from '@foblex/mediator';
+import { StopAutoPanRequest } from './stop-auto-pan-request';
+import * as i0 from "@angular/core";
+export declare class StopAutoPan implements IExecution<StopAutoPanRequest, void> {
+    private readonly _store;
+    private readonly _dragContext;
+    handle(_request: StopAutoPanRequest): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StopAutoPan, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<StopAutoPan>;
+}

package/f-draggable/auto-pan/stored-pointer-event.d.ts

@@ -0,0 +1,12 @@
+import { IPoint } from '@foblex/2d';
+import { IPointerEvent } from '../../drag-toolkit';
+export declare class StoredPointerEvent extends IPointerEvent {
+    private readonly _position;
+    private readonly _isMouseLeftButton;
+    private readonly _isMouseRightButton;
+    constructor(event: IPointerEvent);
+    isMouseLeftButton(): boolean;
+    isMouseRightButton(): boolean;
+    getPosition(): IPoint;
+}
+export declare function storePointerEvent(event: IPointerEvent): IPointerEvent;

package/f-draggable/auto-pan/sync-auto-pan/index.d.ts

@@ -0,0 +1,2 @@
+export * from './sync-auto-pan';
+export * from './sync-auto-pan-request';

package/f-draggable/auto-pan/sync-auto-pan/sync-auto-pan-request.d.ts

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

package/f-draggable/auto-pan/sync-auto-pan/sync-auto-pan.d.ts

@@ -0,0 +1,19 @@
+import { IExecution } from '@foblex/mediator';
+import { SyncAutoPanRequest } from './sync-auto-pan-request';
+import * as i0 from "@angular/core";
+export declare class SyncAutoPan implements IExecution<SyncAutoPanRequest, void> {
+    private readonly _mediator;
+    private readonly _store;
+    private readonly _dragContext;
+    handle(_request: SyncAutoPanRequest): void;
+    private _canAutoPan;
+    private _hasAutoPanDelta;
+    private _getAutoPanDelta;
+    private _getAutoPanMode;
+    private _edgeThreshold;
+    private _speed;
+    private _acceleration;
+    private _autoPan;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SyncAutoPan, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SyncAutoPan>;
+}

package/f-draggable/connection/create-connection/create-connection-handler/create-connection-handler.d.ts

@@ -29,6 +29,7 @@ export declare class CreateConnectionHandler extends DragHandlerBase<ICreateConn
     private _drawCreateConnection;
     private _drawSnapConnection;
     onPointerUp(): void;
+    private _resolveRotationContext;
     static ɵfac: i0.ɵɵFactoryDeclaration<CreateConnectionHandler, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<CreateConnectionHandler>;
 }

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

@@ -24,4 +24,5 @@ export declare class ReassignConnectionSourceHandler implements IReassignHandler
     private _draw;
     private _drawSnap;
     onPointerUp(): void;
+    private _resolveRotationContext;
 }

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

@@ -24,4 +24,5 @@ export declare class ReassignConnectionTargetHandler implements IReassignHandler
     private _findClosest;
     private _draw;
     private _drawSnap;
+    private _resolveRotationContext;
 }

package/f-draggable/drag-node/drag-node-dependent-connection-handlers/drag-node-connection-handler-base.d.ts

@@ -18,4 +18,5 @@ export declare class DragNodeConnectionHandlerBase {
     private _buildLine;
     private _readRectRef;
     private _withDelta;
+    private _resolveRotationContext;
 }

package/f-draggable/f-draggable-data-context.d.ts

@@ -1,6 +1,7 @@
-import { Point } from '@foblex/2d';
+import { IPoint, Point } from '@foblex/2d';
 import { DragHandlerBase } from './infrastructure';
 import { ISelectable } from '../mixins';
+import { IPointerEvent } from '../drag-toolkit';
 import * as i0 from "@angular/core";
 export declare class FDraggableDataContext {
     selectedItems: ISelectable[];
@@ -8,8 +9,13 @@ export declare class FDraggableDataContext {
     onPointerDownScale: number;
     onPointerDownPosition: Point;
     draggableItems: DragHandlerBase<unknown>[];
+    autoPanFrameId: number | null;
+    lastPointerEvent: IPointerEvent | null;
+    lastPointerPosition: IPoint | null;
+    isAutoPanCanvasMoved: boolean;
     reset(): void;
     markSelectionAsChanged(): void;
+    rememberPointerEvent(event: IPointerEvent): void;
     isEmpty(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<FDraggableDataContext, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<FDraggableDataContext>;

package/f-draggable/index.d.ts

@@ -1,4 +1,5 @@
 export * from './domain';
+export * from './auto-pan';
 export * from './drag-canvas';
 export * from './drag-external-item';
 export * from './drag-minimap';

package/f-draggable/providers.d.ts

@@ -1 +1 @@
-export declare const F_DRAGGABLE_PROVIDERS: (typeof import("./domain").EmitEndDragSequenceEvent | typeof import("./domain").EmitStartDragSequenceEvent | typeof import("./drag-canvas").DragCanvasFinalize | typeof import("./drag-canvas").DragCanvasPreparation | typeof import("./connection").ResolveConnectableOutputForOutlet | typeof import("./connection").CreateConnectionFinalize | typeof import("./connection").CreateConnectionCreateDragHandler | typeof import("./connection").CreateConnectionFromOutletPreparation | typeof import("./connection").CreateConnectionFromOutputPreparation | typeof import("./connection").CreateConnectionPreparation | typeof import("./drag-node").MagneticLinesPreparation | typeof import("./drag-node").MagneticRectsPreparation | typeof import("./drag-node").CreateDragNodeHierarchy | typeof import("./drag-node").ReadNodeBoundsWithPaddings | typeof import("./drag-node").BuildDragNodeConstraints | typeof import("./drag-node").AttachSoftParentConnectionDragHandlersToNode | typeof import("./drag-node").CreateDragNodeHandler | typeof import("./drag-node").AttachTargetConnectionDragHandlersToNode | typeof import("./drag-node").AttachSourceConnectionDragHandlersToNode | typeof import("./drag-node").AttachDragNodeHandlerFromSelection | typeof import("./drag-node").DragNodeFinalize | typeof import("./drag-node").DragNodePreparation | typeof import("./drop-to-group").DropToGroupFinalize | typeof import("./drop-to-group").SortDropCandidatesByLayer | typeof import("./drag-external-item").DragExternalItemCreatePlaceholder | typeof import("./drag-external-item").DragExternalItemCreatePreview | typeof import("./drag-external-item").DragExternalItemFinalize | typeof import("./drag-external-item").DragExternalItemPreparation | typeof import("./drag-external-item").PreventDefaultIsExternalItem | typeof import("./drop-to-group").DropToGroupPreparation | typeof import("./connection").ReassignConnectionFinalize | typeof import("./connection").ReassignConnectionPreparation | typeof import("./connection").DragConnectionWaypointFinalize | typeof import("./connection").DragConnectionWaypointPreparation | typeof import("./pinch-to-zoom").PinchToZoomFinalize | typeof import("./pinch-to-zoom").PinchToZoomPreparation | typeof import("./selection-area").SelectionAreaFinalize | typeof import("./selection-area").SelectionAreaPreparation | typeof import("./resize-node").ApplyChildResizeConstraints | typeof import("./resize-node").ApplyParentResizeConstraints | typeof import("./resize-node").CalculateChangedRectFromDifference | typeof import("./resize-node").CalculateDirectChildrenUnionRect | typeof import("./resize-node").CalculateResizeLimits | typeof import("./resize-node").ResizeNodeFinalize | typeof import("./resize-node").AttachResizeConnectionDragHandlersToNode | typeof import("./resize-node").ResizeNodePreparation | typeof import("./rotate-node").RotateNodeFinalize | typeof import("./rotate-node").RotateNodePreparation | typeof import("./drag-minimap").CalculateFlowPointFromMinimapPoint | typeof import("./drag-minimap").DragMinimapFinalize | typeof import("./drag-minimap").DragMinimapPreparation | typeof import("./domain").EmitSelectionChangeEvent | typeof import("./domain").GetNormalizedParentNodeRect | typeof import("./domain").IsArrayHasParentNode | typeof import("./domain").DetectConnectionsUnderDragNode | typeof import("./select-by-pointer").SelectByPointer)[];
+export declare const F_DRAGGABLE_PROVIDERS: (typeof import("./domain").EmitEndDragSequenceEvent | typeof import("./domain").EmitStartDragSequenceEvent | typeof import("./drag-canvas").DragCanvasFinalize | typeof import("./drag-canvas").DragCanvasPreparation | typeof import("./connection").ResolveConnectableOutputForOutlet | typeof import("./connection").CreateConnectionFinalize | typeof import("./connection").CreateConnectionCreateDragHandler | typeof import("./connection").CreateConnectionFromOutletPreparation | typeof import("./connection").CreateConnectionFromOutputPreparation | typeof import("./connection").CreateConnectionPreparation | typeof import("./drag-node").MagneticLinesPreparation | typeof import("./drag-node").MagneticRectsPreparation | typeof import("./drag-node").CreateDragNodeHierarchy | typeof import("./drag-node").ReadNodeBoundsWithPaddings | typeof import("./drag-node").BuildDragNodeConstraints | typeof import("./drag-node").AttachSoftParentConnectionDragHandlersToNode | typeof import("./drag-node").CreateDragNodeHandler | typeof import("./drag-node").AttachTargetConnectionDragHandlersToNode | typeof import("./drag-node").AttachSourceConnectionDragHandlersToNode | typeof import("./drag-node").AttachDragNodeHandlerFromSelection | typeof import("./drag-node").DragNodeFinalize | typeof import("./drag-node").DragNodePreparation | typeof import("./drop-to-group").DropToGroupFinalize | typeof import("./drop-to-group").SortDropCandidatesByLayer | typeof import("./drag-external-item").DragExternalItemCreatePlaceholder | typeof import("./drag-external-item").DragExternalItemCreatePreview | typeof import("./drag-external-item").DragExternalItemFinalize | typeof import("./drag-external-item").DragExternalItemPreparation | typeof import("./drag-external-item").PreventDefaultIsExternalItem | typeof import("./drop-to-group").DropToGroupPreparation | typeof import("./connection").ReassignConnectionFinalize | typeof import("./connection").ReassignConnectionPreparation | typeof import("./connection").DragConnectionWaypointFinalize | typeof import("./connection").DragConnectionWaypointPreparation | typeof import("./pinch-to-zoom").PinchToZoomFinalize | typeof import("./pinch-to-zoom").PinchToZoomPreparation | typeof import("./selection-area").SelectionAreaFinalize | typeof import("./selection-area").SelectionAreaPreparation | typeof import("./resize-node").ApplyChildResizeConstraints | typeof import("./resize-node").ApplyParentResizeConstraints | typeof import("./resize-node").CalculateChangedRectFromDifference | typeof import("./resize-node").CalculateDirectChildrenUnionRect | typeof import("./resize-node").CalculateResizeLimits | typeof import("./resize-node").ResizeNodeFinalize | typeof import("./resize-node").AttachResizeConnectionDragHandlersToNode | typeof import("./resize-node").ResizeNodePreparation | typeof import("./rotate-node").RotateNodeFinalize | typeof import("./rotate-node").RotateNodePreparation | typeof import("./drag-minimap").CalculateFlowPointFromMinimapPoint | typeof import("./drag-minimap").DragMinimapFinalize | typeof import("./drag-minimap").DragMinimapPreparation | typeof import("./domain").EmitSelectionChangeEvent | typeof import("./domain").GetNormalizedParentNodeRect | typeof import("./domain").IsArrayHasParentNode | typeof import("./domain").DetectConnectionsUnderDragNode | typeof import("./auto-pan").StopAutoPan | typeof import("./auto-pan").SyncAutoPan | typeof import("./auto-pan").RunAutoPanFrame | typeof import("./select-by-pointer").SelectByPointer)[];

package/f-draggable/resize-node/resize-node-handler/resize-node-dependent-connection-handlers/resize-node-connection-handler-base.d.ts

@@ -17,4 +17,5 @@ export declare class ResizeNodeConnectionHandlerBase {
     protected redraw(): void;
     private _buildLine;
     private _readRectRef;
+    private _resolveRotationContext;
 }

package/f-flow.module.d.ts

@@ -1,29 +1,29 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./f-connection-v2/components/connection-drag-handles/f-connection-drag-handle-start";
 import * as i2 from "./f-connection-v2/components/connection-drag-handles/f-connection-drag-handle-end";
-import * as i3 from "./f-connection-v2/components/connection-gradient/f-connection-gradient";
-import * as i4 from "./f-connection-v2/components/connection-path/f-connection-path";
-import * as i5 from "./f-connection-v2/components/connection-selection/f-connection-selection";
-import * as i6 from "./f-connection-v2/components/connection-marker/f-connection-marker";
-import * as i7 from "./f-connection/f-connection/f-connection.component";
-import * as i8 from "./f-connection/f-connection-for-create/f-connection-for-create.component";
-import * as i9 from "./f-connection/f-snap-connection/f-snap-connection.component";
-import * as i10 from "./f-connectors/f-node-input/f-node-input.directive";
-import * as i11 from "./f-connectors/f-node-outlet/f-node-outlet.directive";
-import * as i12 from "./f-connectors/f-node-output/f-node-output.directive";
-import * as i13 from "./f-line-alignment/f-line-alignment.component";
-import * as i14 from "./f-node/f-group.directive";
-import * as i15 from "./f-node/f-node.directive";
-import * as i16 from "./f-node/f-drag-handle.directive";
-import * as i17 from "./f-node/f-resize-handle/f-resize-handle.directive";
-import * as i18 from "./f-node/f-rotate-handle/f-rotate-handle.directive";
-import * as i19 from "./f-draggable/f-drag-blocker.directive";
-import * as i20 from "./f-draggable/f-draggable.directive";
-import * as i21 from "./f-flow/f-flow.component";
-import * as i22 from "./f-canvas/f-canvas.component";
-import * as i23 from "./f-backgroud/f-background.component";
-import * as i24 from "./f-backgroud/f-rect-pattern/f-rect-pattern.component";
-import * as i25 from "./f-backgroud/f-circle-pattern/f-circle-pattern.component";
+import * as i3 from "./f-connection-v2/components/connection-path/f-connection-path";
+import * as i4 from "./f-connection-v2/components/connection-selection/f-connection-selection";
+import * as i5 from "./f-connection-v2/components/connection-marker/f-connection-marker";
+import * as i6 from "./f-connection/f-connection/f-connection.component";
+import * as i7 from "./f-connection/f-connection-for-create/f-connection-for-create.component";
+import * as i8 from "./f-connection/f-snap-connection/f-snap-connection.component";
+import * as i9 from "./f-connectors/f-node-input/f-node-input.directive";
+import * as i10 from "./f-connectors/f-node-outlet/f-node-outlet.directive";
+import * as i11 from "./f-connectors/f-node-output/f-node-output.directive";
+import * as i12 from "./f-line-alignment/f-line-alignment.component";
+import * as i13 from "./f-node/f-group.directive";
+import * as i14 from "./f-node/f-node.directive";
+import * as i15 from "./f-node/f-drag-handle.directive";
+import * as i16 from "./f-node/f-resize-handle/f-resize-handle.directive";
+import * as i17 from "./f-node/f-rotate-handle/f-rotate-handle.directive";
+import * as i18 from "./f-draggable/f-drag-blocker.directive";
+import * as i19 from "./f-draggable/f-draggable.directive";
+import * as i20 from "./f-flow/f-flow.component";
+import * as i21 from "./f-canvas/f-canvas.component";
+import * as i22 from "./f-backgroud/f-background.component";
+import * as i23 from "./f-backgroud/f-rect-pattern/f-rect-pattern.component";
+import * as i24 from "./f-backgroud/f-circle-pattern/f-circle-pattern.component";
+import * as i25 from "./f-auto-pan/f-auto-pan";
 import * as i26 from "./f-zoom/f-zoom.directive";
 import * as i27 from "./f-external-item/f-external-item";
 import * as i28 from "./f-minimap/f-minimap.component";
@@ -34,11 +34,13 @@ 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 "./f-virtual/f-virtual-for";
-import * as i38 from "@angular/common";
+import * as i36 from "./f-connection-v2/components/connection-gradient/f-connection-gradient";
+import * as i37 from "./f-connection-v2/components/connection-gradient/components/render/f-connection-gradient-renderer";
+import * as i38 from "./f-connection-v2/components/connection-waypoints/f-connection-waypoints";
+import * as i39 from "./f-virtual/f-virtual-for";
+import * as i40 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.FGroupDirective, typeof i15.FNodeDirective, typeof i16.FDragHandleDirective, typeof i17.FResizeHandleDirective, typeof i18.FRotateHandleDirective, typeof i19.FDragBlockerDirective, typeof i20.FDraggableDirective], [typeof i21.FFlowComponent, typeof i22.FCanvasComponent, typeof i23.FBackgroundComponent, typeof i24.FRectPatternComponent, typeof i25.FCirclePatternComponent, typeof i26.FZoomDirective, typeof i27.FExternalItem, typeof i28.FMinimapComponent, typeof i29.FMinimapCanvasDirective, typeof i30.FMinimapViewDirective, typeof i31.FMinimapFlowDirective, typeof i32.FSelectionArea, typeof i33.FMagneticLines, typeof i34.FMagneticRects, typeof i35.FConnectionContent, typeof i36.FConnectionWaypoints, typeof i37.FVirtualFor, typeof i38.CommonModule], [typeof i21.FFlowComponent, typeof i22.FCanvasComponent, typeof i23.FBackgroundComponent, typeof i24.FRectPatternComponent, typeof i25.FCirclePatternComponent, typeof i26.FZoomDirective, typeof i27.FExternalItem, 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 i28.FMinimapComponent, typeof i29.FMinimapCanvasDirective, typeof i30.FMinimapViewDirective, typeof i31.FMinimapFlowDirective, typeof i14.FGroupDirective, typeof i15.FNodeDirective, typeof i16.FDragHandleDirective, typeof i17.FResizeHandleDirective, typeof i18.FRotateHandleDirective, typeof i37.FVirtualFor, typeof i19.FDragBlockerDirective, typeof i20.FDraggableDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FFlowModule, [typeof i1.FConnectionDragHandleStart, typeof i2.FConnectionDragHandleEnd, typeof i3.FConnectionPath, typeof i4.FConnectionSelection, typeof i5.FConnectionMarker, typeof i6.FConnectionComponent, typeof i7.FConnectionForCreateComponent, typeof i8.FSnapConnectionComponent, typeof i9.FNodeInputDirective, typeof i10.FNodeOutletDirective, typeof i11.FNodeOutputDirective, typeof i12.FLineAlignmentComponent, typeof i13.FGroupDirective, typeof i14.FNodeDirective, typeof i15.FDragHandleDirective, typeof i16.FResizeHandleDirective, typeof i17.FRotateHandleDirective, typeof i18.FDragBlockerDirective, typeof i19.FDraggableDirective], [typeof i20.FFlowComponent, typeof i21.FCanvasComponent, typeof i22.FBackgroundComponent, typeof i23.FRectPatternComponent, typeof i24.FCirclePatternComponent, typeof i25.FAutoPan, typeof i26.FZoomDirective, typeof i27.FExternalItem, typeof i28.FMinimapComponent, typeof i29.FMinimapCanvasDirective, typeof i30.FMinimapViewDirective, typeof i31.FMinimapFlowDirective, typeof i32.FSelectionArea, typeof i33.FMagneticLines, typeof i34.FMagneticRects, typeof i35.FConnectionContent, typeof i36.FConnectionGradient, typeof i37.FConnectionGradientRenderer, typeof i38.FConnectionWaypoints, typeof i39.FVirtualFor, typeof i40.CommonModule], [typeof i20.FFlowComponent, typeof i21.FCanvasComponent, typeof i22.FBackgroundComponent, typeof i23.FRectPatternComponent, typeof i24.FCirclePatternComponent, typeof i25.FAutoPan, typeof i26.FZoomDirective, typeof i27.FExternalItem, typeof i32.FSelectionArea, typeof i33.FMagneticLines, typeof i34.FMagneticRects, typeof i35.FConnectionContent, typeof i36.FConnectionGradient, typeof i37.FConnectionGradientRenderer, typeof i38.FConnectionWaypoints, typeof i1.FConnectionDragHandleStart, typeof i2.FConnectionDragHandleEnd, typeof i3.FConnectionPath, typeof i4.FConnectionSelection, typeof i5.FConnectionMarker, typeof i6.FConnectionComponent, typeof i7.FConnectionForCreateComponent, typeof i8.FSnapConnectionComponent, typeof i9.FNodeInputDirective, typeof i10.FNodeOutletDirective, typeof i11.FNodeOutputDirective, typeof i12.FLineAlignmentComponent, typeof i28.FMinimapComponent, typeof i29.FMinimapCanvasDirective, typeof i30.FMinimapViewDirective, typeof i31.FMinimapFlowDirective, typeof i13.FGroupDirective, typeof i14.FNodeDirective, typeof i15.FDragHandleDirective, typeof i16.FResizeHandleDirective, typeof i17.FRotateHandleDirective, typeof i39.FVirtualFor, typeof i18.FDragBlockerDirective, typeof i19.FDraggableDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<FFlowModule>;
 }

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

@@ -15,6 +15,7 @@ import { FSelectionAreaBase } from '../f-selection-area';
 import { FMagneticLinesBase } from '../f-magnetic-lines';
 import { FMagneticRectsBase } from '../f-magnetic-rects';
 import { FMinimapBase } from '../f-minimap';
+import { FAutoPanBase } from '../f-auto-pan';
 import * as i0 from "@angular/core";
 export declare class FComponentsStore {
     readonly transformChanges$: FChannel;
@@ -54,4 +55,5 @@ export declare const INSTANCES: {
     readonly BACKGROUND: import("./base").FInstanceKey<FBackgroundBase>;
     readonly SELECTION_AREA: import("./base").FInstanceKey<FSelectionAreaBase>;
     readonly MINIMAP: import("./base").FInstanceKey<FMinimapBase>;
+    readonly AUTO_PAN: import("./base").FInstanceKey<FAutoPanBase>;
 };

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

@@ -25,7 +25,6 @@ export declare class FZoomDirective extends FZoomBase implements OnInit, AfterVi
     private _onWheel;
     private _normalizeWheelStep;
     private _calculateDirection;
-    private _resolveWheelDelta;
     private _onDoubleClick;
     private _getToCenterPosition;
     zoomIn(position?: IPoint): void;

package/f-zoom/wheel-zoom.utils.d.ts

@@ -0,0 +1,3 @@
+export declare function resolveWheelDelta(event: WheelEvent): number;
+export declare function normalizeWheelStep(event: WheelEvent, delta: number, step: number): number;
+export declare function isGestureWheelEvent(event: WheelEvent): boolean;