ngx-vflow 1.0.6 → 1.1.0

package/lib/vflow/components/node/node.component.d.ts

@@ -1,11 +1,10 @@
-import { AfterViewInit, ElementRef, Injector, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { Injector, OnDestroy, OnInit, TemplateRef } from '@angular/core';
 import { NodeModel } from '../../models/node.model';
 import { HandleModel } from '../../models/handle.model';
-import { WithInjector } from '../../decorators/run-in-injection-context.decorator';
 import * as i0 from "@angular/core";
 export type HandleState = 'valid' | 'invalid' | 'idle';
-export declare class NodeComponent implements OnInit, AfterViewInit, OnDestroy, WithInjector {
-    injector: Injector;
+export declare class NodeComponent implements OnInit, OnDestroy {
+    protected injector: Injector;
     private handleService;
     private draggableService;
     private flowStatusService;
@@ -13,20 +12,15 @@ export declare class NodeComponent implements OnInit, AfterViewInit, OnDestroy,
     private flowSettingsService;
     private selectionService;
     private hostRef;
-    private connectionController;
     private nodeAccessor;
     private overlaysService;
-    private zone;
-    nodeModel: import("@angular/core").InputSignal<NodeModel<unknown>>;
+    private connectionController;
+    model: import("@angular/core").InputSignal<NodeModel<unknown>>;
     nodeTemplate: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
     groupNodeTemplate: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
-    htmlWrapperRef: import("@angular/core").Signal<ElementRef<HTMLDivElement>>;
     protected showMagnet: import("@angular/core").Signal<boolean>;
-    protected styleWidth: import("@angular/core").Signal<string>;
-    protected styleHeight: import("@angular/core").Signal<string>;
     protected toolbar: import("@angular/core").Signal<import("../../models/toolbar.model").ToolbarModel | undefined>;
     ngOnInit(): void;
-    ngAfterViewInit(): void;
     ngOnDestroy(): void;
     protected startConnection(event: Event, handle: HandleModel): void;
     protected validateConnection(handle: HandleModel): void;
@@ -35,5 +29,5 @@ export declare class NodeComponent implements OnInit, AfterViewInit, OnDestroy,
     protected pullNode(): void;
     protected selectNode(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NodeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NodeComponent, "g[node]", never, { "nodeModel": { "alias": "nodeModel"; "required": true; "isSignal": true; }; "nodeTemplate": { "alias": "nodeTemplate"; "required": false; "isSignal": true; }; "groupNodeTemplate": { "alias": "groupNodeTemplate"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NodeComponent, "g[node]", never, { "model": { "alias": "model"; "required": true; "isSignal": true; }; "nodeTemplate": { "alias": "nodeTemplate"; "required": false; "isSignal": true; }; "groupNodeTemplate": { "alias": "groupNodeTemplate"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/vflow/components/vflow/vflow.component.d.ts

@@ -16,9 +16,8 @@ import { FitViewOptions } from '../../interfaces/fit-view-options.interface';
 import { Optimization } from '../../interfaces/optimization.interface';
 import { KeyboardShortcuts } from '../../types/keyboard-action.type';
 import * as i0 from "@angular/core";
-import * as i1 from "../../directives/connection-controller.directive";
-import * as i2 from "../../directives/changes-controller.directive";
-import * as i3 from "../../interfaces/connection-settings.interface";
+import * as i1 from "../../directives/changes-controller.directive";
+import * as i2 from "../../interfaces/connection-settings.interface";
 export declare class VflowComponent implements OnInit {
     private viewportService;
     private flowEntitiesService;
@@ -154,6 +153,6 @@ export declare class VflowComponent implements OnInit {
     protected trackEdges(idx: number, { edge }: EdgeModel): Edge<unknown>;
     private setInitialNodesOrder;
     static ɵfac: i0.ɵɵFactoryDeclaration<VflowComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VflowComponent, "vflow", never, { "view": { "alias": "view"; "required": false; }; "minZoom": { "alias": "minZoom"; "required": false; }; "maxZoom": { "alias": "maxZoom"; "required": false; }; "background": { "alias": "background"; "required": false; }; "optimization": { "alias": "optimization"; "required": false; "isSignal": true; }; "entitiesSelectable": { "alias": "entitiesSelectable"; "required": false; }; "keyboardShortcuts": { "alias": "keyboardShortcuts"; "required": false; }; "connection": { "alias": "connection"; "required": false; }; "nodes": { "alias": "nodes"; "required": true; }; "edges": { "alias": "edges"; "required": false; }; }, { "onComponentNodeEvent": "onComponentNodeEvent"; }, ["nodeTemplateDirective", "groupNodeTemplateDirective", "edgeTemplateDirective", "edgeLabelHtmlDirective", "connectionTemplateDirective"], never, true, [{ directive: typeof i1.ConnectionControllerDirective; inputs: {}; outputs: { "onConnect": "onConnect"; }; }, { directive: typeof i2.ChangesControllerDirective; inputs: {}; outputs: { "onNodesChange": "onNodesChange"; "onNodesChange.position": "onNodesChange.position"; "onNodesChange.position.single": "onNodesChange.position.single"; "onNodesChange.position.many": "onNodesChange.position.many"; "onNodesChange.size": "onNodesChange.size"; "onNodesChange.size.single": "onNodesChange.size.single"; "onNodesChange.size.many": "onNodesChange.size.many"; "onNodesChange.add": "onNodesChange.add"; "onNodesChange.add.single": "onNodesChange.add.single"; "onNodesChange.add.many": "onNodesChange.add.many"; "onNodesChange.remove": "onNodesChange.remove"; "onNodesChange.remove.single": "onNodesChange.remove.single"; "onNodesChange.remove.many": "onNodesChange.remove.many"; "onNodesChange.select": "onNodesChange.select"; "onNodesChange.select.single": "onNodesChange.select.single"; "onNodesChange.select.many": "onNodesChange.select.many"; "onEdgesChange": "onEdgesChange"; "onEdgesChange.detached": "onEdgesChange.detached"; "onEdgesChange.detached.single": "onEdgesChange.detached.single"; "onEdgesChange.detached.many": "onEdgesChange.detached.many"; "onEdgesChange.add": "onEdgesChange.add"; "onEdgesChange.add.single": "onEdgesChange.add.single"; "onEdgesChange.add.many": "onEdgesChange.add.many"; "onEdgesChange.remove": "onEdgesChange.remove"; "onEdgesChange.remove.single": "onEdgesChange.remove.single"; "onEdgesChange.remove.many": "onEdgesChange.remove.many"; "onEdgesChange.select": "onEdgesChange.select"; "onEdgesChange.select.single": "onEdgesChange.select.single"; "onEdgesChange.select.many": "onEdgesChange.select.many"; }; }]>;
-    static ngAcceptInputType_connection: i3.ConnectionSettings;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VflowComponent, "vflow", never, { "view": { "alias": "view"; "required": false; }; "minZoom": { "alias": "minZoom"; "required": false; }; "maxZoom": { "alias": "maxZoom"; "required": false; }; "background": { "alias": "background"; "required": false; }; "optimization": { "alias": "optimization"; "required": false; "isSignal": true; }; "entitiesSelectable": { "alias": "entitiesSelectable"; "required": false; }; "keyboardShortcuts": { "alias": "keyboardShortcuts"; "required": false; }; "connection": { "alias": "connection"; "required": false; }; "nodes": { "alias": "nodes"; "required": true; }; "edges": { "alias": "edges"; "required": false; }; }, { "onComponentNodeEvent": "onComponentNodeEvent"; }, ["nodeTemplateDirective", "groupNodeTemplateDirective", "edgeTemplateDirective", "edgeLabelHtmlDirective", "connectionTemplateDirective"], never, true, [{ directive: typeof i1.ChangesControllerDirective; inputs: {}; outputs: { "onNodesChange": "onNodesChange"; "onNodesChange.position": "onNodesChange.position"; "onNodesChange.position.single": "onNodesChange.position.single"; "onNodesChange.position.many": "onNodesChange.position.many"; "onNodesChange.size": "onNodesChange.size"; "onNodesChange.size.single": "onNodesChange.size.single"; "onNodesChange.size.many": "onNodesChange.size.many"; "onNodesChange.add": "onNodesChange.add"; "onNodesChange.add.single": "onNodesChange.add.single"; "onNodesChange.add.many": "onNodesChange.add.many"; "onNodesChange.remove": "onNodesChange.remove"; "onNodesChange.remove.single": "onNodesChange.remove.single"; "onNodesChange.remove.many": "onNodesChange.remove.many"; "onNodesChange.select": "onNodesChange.select"; "onNodesChange.select.single": "onNodesChange.select.single"; "onNodesChange.select.many": "onNodesChange.select.many"; "onEdgesChange": "onEdgesChange"; "onEdgesChange.detached": "onEdgesChange.detached"; "onEdgesChange.detached.single": "onEdgesChange.detached.single"; "onEdgesChange.detached.many": "onEdgesChange.detached.many"; "onEdgesChange.add": "onEdgesChange.add"; "onEdgesChange.add.single": "onEdgesChange.add.single"; "onEdgesChange.add.many": "onEdgesChange.add.many"; "onEdgesChange.remove": "onEdgesChange.remove"; "onEdgesChange.remove.single": "onEdgesChange.remove.single"; "onEdgesChange.remove.many": "onEdgesChange.remove.many"; "onEdgesChange.select": "onEdgesChange.select"; "onEdgesChange.select.single": "onEdgesChange.select.single"; "onEdgesChange.select.many": "onEdgesChange.select.many"; }; }]>;
+    static ngAcceptInputType_connection: i2.ConnectionSettings;
 }

package/lib/vflow/directives/changes-controller.directive.d.ts

@@ -11,35 +11,89 @@ export declare class ChangesControllerDirective {
      */
     readonly onNodesChange: import("@angular/core").OutputRef<NodeChange[]>;
     readonly onNodesChangePosition: import("@angular/core").OutputRef<NodePositionChange[]>;
+    /**
+     * @deprecated use `onNodesChange.position` instead
+     */
     readonly onNodesChangePositionSignle: import("@angular/core").OutputRef<NodePositionChange>;
+    /**
+     * @deprecated use `onNodesChange.position` instead
+     */
     readonly onNodesChangePositionMany: import("@angular/core").OutputRef<NodePositionChange[]>;
     readonly onNodesChangeSize: import("@angular/core").OutputRef<NodeSizeChange[]>;
+    /**
+     * @deprecated use `onNodesChange.size` instead
+     */
     readonly onNodesChangeSizeSingle: import("@angular/core").OutputRef<NodeSizeChange>;
+    /**
+     * @deprecated use `onNodesChange.size` instead
+     */
     readonly onNodesChangeSizeMany: import("@angular/core").OutputRef<NodeSizeChange[]>;
     readonly onNodesChangeAdd: import("@angular/core").OutputRef<NodeAddChange[]>;
+    /**
+     * @deprecated use `onNodesChange.add` instead
+     */
     readonly onNodesChangeAddSingle: import("@angular/core").OutputRef<NodeAddChange>;
+    /**
+     * @deprecated use `onNodesChange.add` instead
+     */
     readonly onNodesChangeAddMany: import("@angular/core").OutputRef<NodeAddChange[]>;
     readonly onNodesChangeRemove: import("@angular/core").OutputRef<NodeRemoveChange[]>;
+    /**
+     * @deprecated use `onNodesChange.remove` instead
+     */
     readonly onNodesChangeRemoveSingle: import("@angular/core").OutputRef<NodeRemoveChange>;
+    /**
+     * @deprecated use `onNodesChange.remove` instead
+     */
     readonly onNodesChangeRemoveMany: import("@angular/core").OutputRef<NodeRemoveChange[]>;
     readonly onNodesChangeSelect: import("@angular/core").OutputRef<NodeSelectedChange[]>;
+    /**
+     * @deprecated use `onNodesChange.select` instead
+     */
     readonly onNodesChangeSelectSingle: import("@angular/core").OutputRef<NodeSelectedChange>;
+    /**
+     * @deprecated use `onNodesChange.select` instead
+     */
     readonly onNodesChangeSelectMany: import("@angular/core").OutputRef<NodeSelectedChange[]>;
     /**
      * Watch edges change
      */
     readonly onEdgesChange: import("@angular/core").OutputRef<EdgeChange[]>;
     readonly onNodesChangeDetached: import("@angular/core").OutputRef<EdgeDetachedChange[]>;
+    /**
+     * @deprecated use `onEdgesChange.detached` instead
+     */
     readonly onNodesChangeDetachedSingle: import("@angular/core").OutputRef<EdgeDetachedChange>;
+    /**
+     * @deprecated use `onEdgesChange.detached` instead
+     */
     readonly onNodesChangeDetachedMany: import("@angular/core").OutputRef<EdgeDetachedChange[]>;
     readonly onEdgesChangeAdd: import("@angular/core").OutputRef<EdgeAddChange[]>;
+    /**
+     * @deprecated use `onEdgesChange.add` instead
+     */
     readonly onEdgeChangeAddSingle: import("@angular/core").OutputRef<EdgeAddChange>;
+    /**
+     * @deprecated use `onEdgesChange.add` instead
+     */
     readonly onEdgeChangeAddMany: import("@angular/core").OutputRef<EdgeAddChange[]>;
     readonly onEdgeChangeRemove: import("@angular/core").OutputRef<EdgeRemoveChange[]>;
+    /**
+     * @deprecated use `onEdgesChange.remove` instead
+     */
     readonly onEdgeChangeRemoveSingle: import("@angular/core").OutputRef<EdgeRemoveChange>;
+    /**
+     * @deprecated use `onEdgesChange.remove` instead
+     */
     readonly onEdgeChangeRemoveMany: import("@angular/core").OutputRef<EdgeRemoveChange[]>;
     readonly onEdgeChangeSelect: import("@angular/core").OutputRef<EdgeSelectChange[]>;
+    /**
+     * @deprecated use `onEdgesChange.select` instead
+     */
     readonly onEdgeChangeSelectSingle: import("@angular/core").OutputRef<EdgeSelectChange>;
+    /**
+     * @deprecated use `onEdgesChange.select` instead
+     */
     readonly onEdgeChangeSelectMany: import("@angular/core").OutputRef<EdgeSelectChange[]>;
     private nodeChangesOfType;
     private edgeChangesOfType;

package/lib/vflow/directives/connection-controller.directive.d.ts

@@ -2,6 +2,8 @@ import { Connection } from '../interfaces/connection.interface';
 import { HandleModel } from '../models/handle.model';
 import * as i0 from "@angular/core";
 export declare class ConnectionControllerDirective {
+    private statusService;
+    private flowEntitiesService;
     /**
      * This event fires when user tries to create new Edge.
      *
@@ -12,15 +14,12 @@ export declare class ConnectionControllerDirective {
      *
      * @todo add connect event and deprecate onConnect
      */
-    readonly onConnect: import("@angular/core").OutputEmitterRef<Connection>;
-    private statusService;
-    private flowEntitiesService;
-    protected connectEffect: import("@angular/core").EffectRef;
+    readonly onConnect: import("@angular/core").OutputRef<Connection>;
     protected isStrictMode: import("@angular/core").Signal<boolean>;
     startConnection(handle: HandleModel): void;
     validateConnection(handle: HandleModel): void;
     resetValidateConnection(targetHandle: HandleModel): void;
     endConnection(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ConnectionControllerDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ConnectionControllerDirective, "[connectionController]", never, {}, { "onConnect": "onConnect"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ConnectionControllerDirective, "[onConnect]", never, {}, { "onConnect": "onConnect"; }, never, never, true, never>;
 }

package/lib/vflow/directives/node-handles-controller.directive.d.ts

@@ -0,0 +1,11 @@
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class NodeHandlesControllerDirective implements OnInit {
+    private nodeAccessor;
+    private zone;
+    private destroyRef;
+    private hostElementRef;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NodeHandlesControllerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NodeHandlesControllerDirective, "[nodeHandlesController]", never, {}, {}, never, never, true, never>;
+}

package/lib/vflow/directives/node-resize-controller.directive.d.ts

@@ -0,0 +1,11 @@
+import { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class NodeResizeControllerDirective implements OnInit {
+    private nodeAccessor;
+    private zone;
+    private destroyRef;
+    private hostElementRef;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NodeResizeControllerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NodeResizeControllerDirective, "[nodeResizeController]", never, {}, {}, never, never, true, never>;
+}

package/lib/vflow/models/handle.model.d.ts

@@ -13,35 +13,20 @@ export declare class HandleModel {
         width: number;
         height: number;
     }>;
-    offset: import("@angular/core").Signal<{
-        x: number;
-        y: number;
-    }>;
-    sizeOffset: import("@angular/core").Signal<{
-        x: number;
-        y: number;
-    }>;
     pointAbsolute: import("@angular/core").Signal<{
         x: number;
         y: number;
     }>;
     state: import("@angular/core").WritableSignal<HandleState>;
-    private updateParentSizeAndPosition$;
-    parentSize: import("@angular/core").Signal<{
-        width: number;
-        height: number;
-    } | {
-        readonly width: 0;
-        readonly height: 0;
-    }>;
-    parentPosition: import("@angular/core").Signal<{
+    private updateHostSizeAndPosition$;
+    private hostSize;
+    private hostPosition;
+    hostOffset: import("@angular/core").Signal<{
         x: number;
         y: number;
-    } | {
-        readonly x: 0;
-        readonly y: 0;
     }>;
-    parentReference: Element;
+    private sizeOffset;
+    hostReference: Element;
     template: import("@angular/core").TemplateRef<any> | undefined;
     templateContext: {
         $implicit: {
@@ -54,6 +39,6 @@ export declare class HandleModel {
         };
     };
     constructor(rawHandle: NodeHandle, parentNode: NodeModel);
-    updateParent(): void;
-    private getParentSize;
+    updateHost(): void;
+    private getHostSize;
 }

package/lib/vflow/models/node.model.d.ts

@@ -8,23 +8,29 @@ export declare class NodeModel<T = unknown> implements FlowEntity {
     private static defaultWidth;
     private static defaultHeight;
     private static defaultColor;
-    private flowSettingsService;
     private entitiesService;
-    private internalPoint;
-    private throttledPoint$;
-    private notThrottledPoint$;
-    point: Signal<Point>;
+    point: import("@angular/core").WritableSignal<Point>;
     point$: import("rxjs").Observable<Point>;
-    size: import("@angular/core").WritableSignal<{
+    width: import("@angular/core").WritableSignal<number>;
+    width$: import("rxjs").Observable<number>;
+    height: import("@angular/core").WritableSignal<number>;
+    height$: import("rxjs").Observable<number>;
+    /**
+     * @deprecated use width or height signals
+     */
+    size: Signal<{
         width: number;
         height: number;
     }>;
+    /**
+     * @deprecated use width$ or height$
+     */
     size$: import("rxjs").Observable<{
         width: number;
         height: number;
     }>;
-    width: Signal<number>;
-    height: Signal<number>;
+    styleWidth: Signal<string>;
+    styleHeight: Signal<string>;
     renderOrder: import("@angular/core").WritableSignal<number>;
     selected: import("@angular/core").WritableSignal<boolean>;
     selected$: import("rxjs").Observable<boolean>;
@@ -51,11 +57,9 @@ export declare class NodeModel<T = unknown> implements FlowEntity {
     resizerTemplate: import("@angular/core").WritableSignal<TemplateRef<unknown> | null>;
     private parentId;
     constructor(node: Node<T> | DynamicNode<T>);
-    setPoint(point: Point, throttle: boolean): void;
-    /**
-     * TODO find the way to implement this better
-     */
-    linkDefaultNodeSizeWithModelSize(): void;
+    setPoint(point: Point): void;
     private createTextSignal;
     private createInternalPointSignal;
+    private createWidthSignal;
+    private createHeightSignal;
 }

package/lib/vflow/services/flow-status.service.d.ts

@@ -30,9 +30,3 @@ export declare class FlowStatusService {
     static ɵfac: i0.ɵɵFactoryDeclaration<FlowStatusService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<FlowStatusService>;
 }
-/**
- * Batch status changes together to call them one after another
- *
- * @param changes list of set[FlowStatus.state]Status() calls
- */
-export declare function batchStatusChanges(...changes: (() => void)[]): void;

package/lib/vflow/services/handle.service.d.ts

@@ -8,7 +8,7 @@ export interface NodeHandle {
     position: Position;
     type: HandleType;
     id?: string;
-    parentReference?: Element;
+    hostReference?: Element;
     template?: TemplateRef<any>;
 }
 export declare class HandleService {

package/lib/vflow/testing-utils/component-mocks/handle-mock.component.d.ts

@@ -0,0 +1,11 @@
+import { TemplateRef } from '@angular/core';
+import { Position } from '../../types/position.type';
+import * as i0 from "@angular/core";
+export declare class HandleMockComponent {
+    position: import("@angular/core").InputSignal<Position>;
+    type: import("@angular/core").InputSignal<"source" | "target">;
+    id: import("@angular/core").InputSignal<string | undefined>;
+    template: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HandleMockComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HandleMockComponent, "handle", never, { "position": { "alias": "position"; "required": true; "isSignal": true; }; "type": { "alias": "type"; "required": true; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "template": { "alias": "template"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/vflow/testing-utils/component-mocks/minimap-mock.component.d.ts

@@ -0,0 +1,10 @@
+import { MiniMapPosition } from '../../public-components/minimap/minimap.component';
+import * as i0 from "@angular/core";
+export declare class MiniMapMockComponent {
+    maskColor: import("@angular/core").InputSignal<string>;
+    strokeColor: import("@angular/core").InputSignal<string>;
+    position: import("@angular/core").InputSignal<MiniMapPosition>;
+    scaleOnHover: import("@angular/core").InputSignal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MiniMapMockComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MiniMapMockComponent, "mini-map", never, { "maskColor": { "alias": "maskColor"; "required": false; "isSignal": true; }; "strokeColor": { "alias": "strokeColor"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "scaleOnHover": { "alias": "scaleOnHover"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/vflow/testing-utils/component-mocks/node-toolbar-mock.component.d.ts

@@ -0,0 +1,7 @@
+import { Position } from '../../types/position.type';
+import * as i0 from "@angular/core";
+export declare class NodeToolbarMockComponent {
+    position: import("@angular/core").InputSignal<Position>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NodeToolbarMockComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NodeToolbarMockComponent, "node-toolbar", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/vflow/testing-utils/component-mocks/resizable-mock.component.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class ResizableMockComponent {
+    resizable: import("@angular/core").InputSignal<boolean | "" | undefined>;
+    resizerColor: import("@angular/core").InputSignal<string>;
+    gap: import("@angular/core").InputSignal<number>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ResizableMockComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ResizableMockComponent, "[resizable]", never, { "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "resizerColor": { "alias": "resizerColor"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/vflow/testing-utils/component-mocks/vflow-mock.component.d.ts

@@ -0,0 +1,48 @@
+import { WritableSignal } from '@angular/core';
+import { Node, DynamicNode } from '../../interfaces/node.interface';
+import { Edge } from '../../interfaces/edge.interface';
+import { Point } from '../../interfaces/point.interface';
+import { Background } from '../../types/background.type';
+import { Optimization } from '../../interfaces/optimization.interface';
+import { KeyboardShortcuts } from '../../types/keyboard-action.type';
+import { ConnectionSettings } from '../../interfaces/connection-settings.interface';
+import { ViewportState } from '../../interfaces/viewport.interface';
+import { NodeChange } from '../../types/node-change.type';
+import { EdgeChange } from '../../types/edge-change.type';
+import { FitViewOptions } from '../../interfaces/fit-view-options.interface';
+import { ConnectionTemplateMockDirective, EdgeLabelHtmlTemplateMockDirective, EdgeTemplateMockDirective, GroupNodeTemplateMockDirective, NodeHtmlTemplateMockDirective } from '../directive-mocks/template-mock.directive';
+import * as i0 from "@angular/core";
+export declare class VflowMockComponent {
+    readonly nodes: import("@angular/core").InputSignal<Node[] | DynamicNode[]>;
+    readonly edges: import("@angular/core").InputSignal<Edge<unknown>[]>;
+    readonly view: import("@angular/core").InputSignal<[number, number] | "auto">;
+    readonly minZoom: import("@angular/core").InputSignal<number>;
+    readonly maxZoom: import("@angular/core").InputSignal<number>;
+    readonly background: import("@angular/core").InputSignal<string | Background>;
+    readonly optimization: import("@angular/core").InputSignal<Optimization>;
+    readonly entitiesSelectable: import("@angular/core").InputSignal<boolean>;
+    readonly keyboardShortcuts: import("@angular/core").InputSignal<KeyboardShortcuts>;
+    readonly connection: import("@angular/core").InputSignal<ConnectionSettings | undefined>;
+    readonly onComponentNodeEvent: import("@angular/core").OutputEmitterRef<any>;
+    protected nodeTemplateDirective: import("@angular/core").Signal<NodeHtmlTemplateMockDirective | undefined>;
+    protected groupNodeTemplateDirective: import("@angular/core").Signal<GroupNodeTemplateMockDirective | undefined>;
+    protected edgeTemplateDirective: import("@angular/core").Signal<EdgeTemplateMockDirective | undefined>;
+    protected edgeLabelHtmlDirective: import("@angular/core").Signal<EdgeLabelHtmlTemplateMockDirective | undefined>;
+    protected connectionTemplateDirective: import("@angular/core").Signal<ConnectionTemplateMockDirective | undefined>;
+    viewport: WritableSignal<ViewportState>;
+    nodesChange: WritableSignal<NodeChange[]>;
+    edgesChange: WritableSignal<EdgeChange[]>;
+    viewportChange$: import("rxjs").Observable<ViewportState>;
+    nodesChange$: import("rxjs").Observable<NodeChange[]>;
+    edgesChange$: import("rxjs").Observable<EdgeChange[]>;
+    viewportTo(viewport: ViewportState): void;
+    zoomTo(zoom: number): void;
+    panTo(point: Point): void;
+    fitView(options?: FitViewOptions): void;
+    documentPointToFlowPoint(point: Point): Point;
+    getNode<T = unknown>(id: string): Node<T> | DynamicNode<T> | undefined;
+    getDetachedEdges(): Edge[];
+    protected createSignal<T>(value: T): WritableSignal<T>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VflowMockComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VflowMockComponent, "vflow", never, { "nodes": { "alias": "nodes"; "required": true; "isSignal": true; }; "edges": { "alias": "edges"; "required": true; "isSignal": true; }; "view": { "alias": "view"; "required": false; "isSignal": true; }; "minZoom": { "alias": "minZoom"; "required": false; "isSignal": true; }; "maxZoom": { "alias": "maxZoom"; "required": false; "isSignal": true; }; "background": { "alias": "background"; "required": false; "isSignal": true; }; "optimization": { "alias": "optimization"; "required": false; "isSignal": true; }; "entitiesSelectable": { "alias": "entitiesSelectable"; "required": false; "isSignal": true; }; "keyboardShortcuts": { "alias": "keyboardShortcuts"; "required": false; "isSignal": true; }; "connection": { "alias": "connection"; "required": false; "isSignal": true; }; }, { "onComponentNodeEvent": "onComponentNodeEvent"; }, ["nodeTemplateDirective", "groupNodeTemplateDirective", "edgeTemplateDirective", "edgeLabelHtmlDirective", "connectionTemplateDirective"], ["*"], true, never>;
+}

package/lib/vflow/testing-utils/directive-mocks/connection-controller-mock.directive.d.ts

@@ -0,0 +1,7 @@
+import { Connection } from '../../interfaces/connection.interface';
+import * as i0 from "@angular/core";
+export declare class ConnectionControllerMockDirective {
+    readonly onConnect: import("@angular/core").OutputEmitterRef<Connection>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ConnectionControllerMockDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ConnectionControllerMockDirective, "[onConnect]", never, {}, { "onConnect": "onConnect"; }, never, never, true, never>;
+}

package/lib/vflow/testing-utils/directive-mocks/drag-handle-mock.directive.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class DragHandleMockDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DragHandleMockDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DragHandleMockDirective, "[dragHandle]", never, {}, {}, never, never, true, never>;
+}

package/lib/vflow/testing-utils/directive-mocks/selectable-mock.directive.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class SelectableMockDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectableMockDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectableMockDirective, "[selectable]", never, {}, {}, never, never, true, never>;
+}

package/lib/vflow/testing-utils/directive-mocks/template-mock.directive.d.ts

@@ -0,0 +1,32 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class EdgeTemplateMockDirective {
+    templateRef: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EdgeTemplateMockDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EdgeTemplateMockDirective, "ng-template[edge]", never, {}, {}, never, never, true, never>;
+}
+export declare class ConnectionTemplateMockDirective {
+    templateRef: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ConnectionTemplateMockDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ConnectionTemplateMockDirective, "ng-template[connection]", never, {}, {}, never, never, true, never>;
+}
+export declare class EdgeLabelHtmlTemplateMockDirective {
+    templateRef: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EdgeLabelHtmlTemplateMockDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EdgeLabelHtmlTemplateMockDirective, "ng-template[edgeLabelHtml]", never, {}, {}, never, never, true, never>;
+}
+export declare class NodeHtmlTemplateMockDirective {
+    templateRef: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NodeHtmlTemplateMockDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NodeHtmlTemplateMockDirective, "ng-template[nodeHtml]", never, {}, {}, never, never, true, never>;
+}
+export declare class GroupNodeTemplateMockDirective {
+    templateRef: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GroupNodeTemplateMockDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<GroupNodeTemplateMockDirective, "ng-template[groupNode]", never, {}, {}, never, never, true, never>;
+}
+export declare class HandleTemplateMockDirective {
+    templateRef: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HandleTemplateMockDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HandleTemplateMockDirective, "ng-template[handle]", never, {}, {}, never, never, true, never>;
+}

package/lib/vflow/testing-utils/vflow-mocks.d.ts

@@ -0,0 +1,10 @@
+import { HandleMockComponent } from './component-mocks/handle-mock.component';
+import { MiniMapMockComponent } from './component-mocks/minimap-mock.component';
+import { NodeToolbarMockComponent } from './component-mocks/node-toolbar-mock.component';
+import { ResizableMockComponent } from './component-mocks/resizable-mock.component';
+import { VflowMockComponent } from './component-mocks/vflow-mock.component';
+import { ConnectionControllerMockDirective } from './directive-mocks/connection-controller-mock.directive';
+import { DragHandleMockDirective } from './directive-mocks/drag-handle-mock.directive';
+import { SelectableMockDirective } from './directive-mocks/selectable-mock.directive';
+import { ConnectionTemplateMockDirective, EdgeLabelHtmlTemplateMockDirective, EdgeTemplateMockDirective, GroupNodeTemplateMockDirective, HandleTemplateMockDirective, NodeHtmlTemplateMockDirective } from './directive-mocks/template-mock.directive';
+export declare const VflowMocks: readonly [typeof VflowMockComponent, typeof HandleMockComponent, typeof ResizableMockComponent, typeof SelectableMockDirective, typeof MiniMapMockComponent, typeof NodeToolbarMockComponent, typeof DragHandleMockDirective, typeof ConnectionControllerMockDirective, typeof NodeHtmlTemplateMockDirective, typeof GroupNodeTemplateMockDirective, typeof EdgeLabelHtmlTemplateMockDirective, typeof EdgeTemplateMockDirective, typeof ConnectionTemplateMockDirective, typeof HandleTemplateMockDirective];

package/lib/vflow/vflow.d.ts

@@ -6,4 +6,5 @@ import { MiniMapComponent } from './public-components/minimap/minimap.component'
 import { NodeToolbarComponent } from './public-components/node-toolbar/node-toolbar.component';
 import { ResizableComponent } from './public-components/resizable/resizable.component';
 import { HandleComponent } from './public-components/handle/handle.component';
-export declare const Vflow: readonly [typeof VflowComponent, typeof HandleComponent, typeof ResizableComponent, typeof SelectableDirective, typeof MiniMapComponent, typeof NodeToolbarComponent, typeof DragHandleDirective, typeof NodeHtmlTemplateDirective, typeof GroupNodeTemplateDirective, typeof EdgeLabelHtmlTemplateDirective, typeof EdgeTemplateDirective, typeof ConnectionTemplateDirective, typeof HandleTemplateDirective];
+import { ConnectionControllerDirective } from './directives/connection-controller.directive';
+export declare const Vflow: readonly [typeof VflowComponent, typeof HandleComponent, typeof ResizableComponent, typeof SelectableDirective, typeof MiniMapComponent, typeof NodeToolbarComponent, typeof DragHandleDirective, typeof ConnectionControllerDirective, typeof NodeHtmlTemplateDirective, typeof GroupNodeTemplateDirective, typeof EdgeLabelHtmlTemplateDirective, typeof EdgeTemplateDirective, typeof ConnectionTemplateDirective, typeof HandleTemplateDirective];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-vflow",
-  "version": "1.0.6",
+  "version": "1.1.0",
   "license": "MIT",
   "homepage": "https://www.ngx-vflow.org/",
   "author": "Artem Mangilev",

package/public-api.d.ts

@@ -30,3 +30,13 @@ export * from './lib/vflow/directives/changes-controller.directive';
 export * from './lib/vflow/directives/selectable.directive';
 export * from './lib/vflow/directives/drag-handle.directive';
 export * from './lib/vflow/testing-utils/provide-custom-node-mocks';
+export * from './lib/vflow/testing-utils/component-mocks/vflow-mock.component';
+export * from './lib/vflow/testing-utils/component-mocks/handle-mock.component';
+export * from './lib/vflow/testing-utils/component-mocks/resizable-mock.component';
+export * from './lib/vflow/testing-utils/component-mocks/minimap-mock.component';
+export * from './lib/vflow/testing-utils/component-mocks/node-toolbar-mock.component';
+export * from './lib/vflow/testing-utils/directive-mocks/connection-controller-mock.directive';
+export * from './lib/vflow/testing-utils/directive-mocks/drag-handle-mock.directive';
+export * from './lib/vflow/testing-utils/directive-mocks/selectable-mock.directive';
+export * from './lib/vflow/testing-utils/directive-mocks/template-mock.directive';
+export * from './lib/vflow/testing-utils/vflow-mocks';