ngx-vflow 1.6.0 → 1.7.0

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

@@ -17,9 +17,10 @@ export declare class NodeComponent implements OnInit, OnDestroy {
     private connectionController;
     model: import("@angular/core").InputSignal<NodeModel<unknown>>;
     nodeTemplate: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
+    nodeSvgTemplate: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
     groupNodeTemplate: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
     protected showMagnet: import("@angular/core").Signal<boolean>;
-    protected toolbar: import("@angular/core").Signal<import("../../models/toolbar.model").ToolbarModel | undefined>;
+    protected toolbars: import("@angular/core").Signal<import("../../models/toolbar.model").ToolbarModel[] | undefined>;
     ngOnInit(): void;
     ngOnDestroy(): void;
     protected startConnection(event: Event, handle: HandleModel): void;
@@ -29,5 +30,5 @@ export declare class NodeComponent implements OnInit, OnDestroy {
     protected pullNode(): void;
     protected selectNode(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NodeComponent, 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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NodeComponent, "g[node]", never, { "model": { "alias": "model"; "required": true; "isSignal": true; }; "nodeTemplate": { "alias": "nodeTemplate"; "required": false; "isSignal": true; }; "nodeSvgTemplate": { "alias": "nodeSvgTemplate"; "required": false; "isSignal": true; }; "groupNodeTemplate": { "alias": "groupNodeTemplate"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -4,7 +4,7 @@ import { MapContextDirective } from '../../directives/map-context.directive';
 import { NodeModel } from '../../models/node.model';
 import { Edge } from '../../interfaces/edge.interface';
 import { EdgeModel } from '../../models/edge.model';
-import { ConnectionTemplateDirective, EdgeLabelHtmlTemplateDirective, EdgeTemplateDirective, GroupNodeTemplateDirective, NodeHtmlTemplateDirective } from '../../directives/template.directive';
+import { ConnectionTemplateDirective, EdgeLabelHtmlTemplateDirective, EdgeTemplateDirective, GroupNodeTemplateDirective, NodeHtmlTemplateDirective, NodeSvgTemplateDirective } from '../../directives/template.directive';
 import { Point } from '../../interfaces/point.interface';
 import { ViewportState } from '../../interfaces/viewport.interface';
 import { ConnectionModel } from '../../models/connection.model';
@@ -99,6 +99,7 @@ export declare class VflowComponent implements OnInit {
      */
     readonly onComponentNodeEvent: import("@angular/core").OutputRef<any>;
     protected nodeTemplateDirective: import("@angular/core").Signal<NodeHtmlTemplateDirective | undefined>;
+    protected nodeSvgTemplateDirective: import("@angular/core").Signal<NodeSvgTemplateDirective | undefined>;
     protected groupNodeTemplateDirective: import("@angular/core").Signal<GroupNodeTemplateDirective | undefined>;
     protected edgeTemplateDirective: import("@angular/core").Signal<EdgeTemplateDirective | undefined>;
     protected edgeLabelHtmlDirective: import("@angular/core").Signal<EdgeLabelHtmlTemplateDirective | undefined>;
@@ -165,10 +166,10 @@ export declare class VflowComponent implements OnInit {
      * Convert point received from document to point on the flow
      */
     documentPointToFlowPoint(point: Point): Point;
-    protected trackNodes(idx: number, { node }: NodeModel): Node<unknown> | DynamicNode<unknown>;
+    protected trackNodes(idx: number, { rawNode: node }: NodeModel): Node<unknown> | DynamicNode<unknown>;
     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; }; "snapGrid": { "alias": "snapGrid"; "required": false; }; "elevateNodesOnSelect": { "alias": "elevateNodesOnSelect"; "required": false; }; "elevateEdgesOnSelect": { "alias": "elevateEdgesOnSelect"; "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 ɵ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; }; "snapGrid": { "alias": "snapGrid"; "required": false; }; "elevateNodesOnSelect": { "alias": "elevateNodesOnSelect"; "required": false; }; "elevateEdgesOnSelect": { "alias": "elevateEdgesOnSelect"; "required": false; }; "nodes": { "alias": "nodes"; "required": true; }; "edges": { "alias": "edges"; "required": false; }; }, { "onComponentNodeEvent": "onComponentNodeEvent"; }, ["nodeTemplateDirective", "nodeSvgTemplateDirective", "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/node-resize-controller.directive.d.ts

@@ -1,5 +1,8 @@
 import { OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
+/**
+ * Only suitable for HTML nodes
+ */
 export declare class NodeResizeControllerDirective implements OnInit {
     private nodeAccessor;
     private zone;

package/lib/vflow/directives/template.directive.d.ts

@@ -1,5 +1,5 @@
 import { TemplateRef } from '@angular/core';
-import { ConnectionContext, EdgeContext, GroupNodeContext, HtmlEdgeLabelContext, NodeContext } from '../interfaces/template-context.interface';
+import { ConnectionContext, EdgeContext, GroupNodeContext, HtmlEdgeLabelContext, NodeContext, SvgNodeContext } from '../interfaces/template-context.interface';
 import * as i0 from "@angular/core";
 export declare class EdgeTemplateDirective {
     templateRef: TemplateRef<EdgeContext>;
@@ -25,6 +25,12 @@ export declare class NodeHtmlTemplateDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<NodeHtmlTemplateDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NodeHtmlTemplateDirective, "ng-template[nodeHtml]", never, {}, {}, never, never, true, never>;
 }
+export declare class NodeSvgTemplateDirective {
+    templateRef: TemplateRef<any>;
+    static ngTemplateContextGuard(dir: NodeSvgTemplateDirective, ctx: unknown): ctx is SvgNodeContext;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NodeSvgTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NodeSvgTemplateDirective, "ng-template[nodeSvg]", never, {}, {}, never, never, true, never>;
+}
 export declare class GroupNodeTemplateDirective {
     templateRef: TemplateRef<any>;
     static ngTemplateContextGuard(dir: GroupNodeTemplateDirective, ctx: unknown): ctx is GroupNodeContext;

package/lib/vflow/interfaces/node.interface.d.ts

@@ -2,8 +2,8 @@ import { Type, WritableSignal } from '@angular/core';
 import { Point } from './point.interface';
 import { CustomNodeComponent } from '../public-components/custom-node/custom-node.component';
 import { CustomDynamicNodeComponent } from '../public-components/custom-dynamic-node/custom-dynamic-node.component';
-export type Node<T = any> = DefaultNode | HtmlTemplateNode<T> | ComponentNode<T> | DefaultGroupNode | TemplateGroupNode<T>;
-export type DynamicNode<T = any> = DefaultDynamicNode | HtmlTemplateDynamicNode<T> | ComponentDynamicNode<T> | DefaultDynamicGroupNode | TemplateDynamicGroupNode<T>;
+export type Node<T = any> = DefaultNode | HtmlTemplateNode<T> | SvgTemplateNode<T> | ComponentNode<T> | DefaultGroupNode | TemplateGroupNode<T>;
+export type DynamicNode<T = any> = DefaultDynamicNode | HtmlTemplateDynamicNode<T> | SvgTemplateDynamicNode<T> | ComponentDynamicNode<T> | DefaultDynamicGroupNode | TemplateDynamicGroupNode<T>;
 export interface SharedNode {
     id: string;
     point: Point;
@@ -34,12 +34,24 @@ export interface HtmlTemplateNode<T = any> extends SharedNode {
     width?: number;
     height?: number;
 }
+export interface SvgTemplateNode<T = any> extends SharedNode {
+    type: 'svg-template';
+    width: number;
+    height: number;
+    data?: T;
+}
 export interface HtmlTemplateDynamicNode<T = any> extends SharedDynamicNode {
     type: 'html-template';
     data?: WritableSignal<T>;
     width?: WritableSignal<number>;
     height?: WritableSignal<number>;
 }
+export interface SvgTemplateDynamicNode<T = any> extends SharedDynamicNode {
+    type: 'svg-template';
+    width: WritableSignal<number>;
+    height: WritableSignal<number>;
+    data?: WritableSignal<T>;
+}
 export interface DefaultGroupNode extends SharedNode {
     type: 'default-group';
     width: number;
@@ -84,6 +96,8 @@ export declare function isComponentStaticNode<T>(node: Node<T>): node is Compone
 export declare function isComponentDynamicNode<T>(node: DynamicNode<T>): node is ComponentDynamicNode<T>;
 export declare function isTemplateStaticNode<T>(node: Node<T>): node is HtmlTemplateNode<T>;
 export declare function isTemplateDynamicNode<T>(node: DynamicNode<T>): node is HtmlTemplateDynamicNode<T>;
+export declare function isSvgTemplateStaticNode<T>(node: Node<T>): node is SvgTemplateNode<T>;
+export declare function isSvgTemplateDynamicNode<T>(node: DynamicNode<T>): node is SvgTemplateDynamicNode<T>;
 export declare function isDefaultStaticNode(node: Node): node is DefaultNode;
 export declare function isDefaultDynamicNode(node: DynamicNode): node is DefaultDynamicNode;
 export declare function isDefaultStaticGroupNode(node: Node): node is DefaultGroupNode;

package/lib/vflow/interfaces/template-context.interface.d.ts

@@ -18,6 +18,14 @@ export interface NodeContext {
         selected: Signal<boolean>;
     };
 }
+export interface SvgNodeContext {
+    $implicit: {
+        node: any;
+        selected: Signal<boolean>;
+        width: Signal<number>;
+        height: Signal<number>;
+    };
+}
 export interface GroupNodeContext {
     $implicit: {
         node: any;

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

@@ -1,4 +1,4 @@
-import { Signal, TemplateRef } from '@angular/core';
+import { TemplateRef } from '@angular/core';
 import { DynamicNode, Node } from '../interfaces/node.interface';
 import { HandleModel } from './handle.model';
 import { FlowEntity } from '../interfaces/flow-entity.interface';
@@ -8,7 +8,7 @@ import { GroupNodeContext, NodeContext } from '../interfaces/template-context.in
 export declare class NodeModel<T = unknown> implements FlowEntity, Contextable<NodeContext | GroupNodeContext | {
     $implicit: object;
 }> {
-    node: Node<T> | DynamicNode<T>;
+    rawNode: Node<T> | DynamicNode<T>;
     private static defaultWidth;
     private static defaultHeight;
     private static defaultColor;
@@ -22,7 +22,7 @@ export declare class NodeModel<T = unknown> implements FlowEntity, Contextable<N
     /**
      * @deprecated use width or height signals
      */
-    size: Signal<{
+    size: import("@angular/core").Signal<{
         width: number;
         height: number;
     }>;
@@ -33,30 +33,30 @@ export declare class NodeModel<T = unknown> implements FlowEntity, Contextable<N
         width: number;
         height: number;
     }>;
-    styleWidth: Signal<string>;
-    styleHeight: Signal<string>;
-    foWidth: Signal<number>;
-    foHeight: Signal<number>;
+    styleWidth: import("@angular/core").Signal<string>;
+    styleHeight: import("@angular/core").Signal<string>;
+    foWidth: import("@angular/core").Signal<number>;
+    foHeight: import("@angular/core").Signal<number>;
     renderOrder: import("@angular/core").WritableSignal<number>;
     selected: import("@angular/core").WritableSignal<boolean>;
     selected$: import("rxjs").Observable<boolean>;
-    globalPoint: Signal<{
+    globalPoint: import("@angular/core").Signal<{
         x: number;
         y: number;
     }>;
-    pointTransform: Signal<string>;
+    pointTransform: import("@angular/core").Signal<string>;
     handles: import("@angular/core").WritableSignal<HandleModel[]>;
     handles$: import("rxjs").Observable<HandleModel[]>;
     draggable: import("@angular/core").WritableSignal<boolean>;
     dragHandlesCount: import("@angular/core").WritableSignal<number>;
     readonly magnetRadius = 20;
     isComponentType: boolean;
-    text: Signal<string>;
+    text: import("@angular/core").WritableSignal<string>;
     componentTypeInputs: {
         node: Node<T> | DynamicNode<T>;
     };
-    parent: Signal<NodeModel<unknown> | null>;
-    children: Signal<NodeModel<unknown>[]>;
+    parent: import("@angular/core").Signal<NodeModel<unknown> | null>;
+    children: import("@angular/core").Signal<NodeModel<unknown>[]>;
     color: import("@angular/core").WritableSignal<string>;
     resizable: import("@angular/core").WritableSignal<boolean>;
     resizing: import("@angular/core").WritableSignal<boolean>;
@@ -65,10 +65,6 @@ export declare class NodeModel<T = unknown> implements FlowEntity, Contextable<N
         $implicit: {};
     };
     private parentId;
-    constructor(node: Node<T> | DynamicNode<T>);
+    constructor(rawNode: Node<T> | DynamicNode<T>);
     setPoint(point: Point): void;
-    private createTextSignal;
-    private createInternalPointSignal;
-    private createWidthSignal;
-    private createHeightSignal;
 }

package/lib/vflow/public-components/minimap/minimap.component.d.ts

@@ -41,7 +41,7 @@ export declare class MiniMapComponent implements OnInit {
     protected boundsViewport: import("@angular/core").Signal<import("ngx-vflow").ViewportState>;
     protected minimapTransform: import("@angular/core").Signal<string>;
     ngOnInit(): void;
-    protected trackNodes(idx: number, { node }: NodeModel): import("ngx-vflow").Node<unknown> | import("ngx-vflow").DynamicNode<unknown>;
+    protected trackNodes(idx: number, { rawNode }: NodeModel): import("ngx-vflow").Node<unknown> | import("ngx-vflow").DynamicNode<unknown>;
     static ɵfac: i0.ɵɵFactoryDeclaration<MiniMapComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MiniMapComponent, "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/public-components/resizable/resizable.component.d.ts

@@ -8,6 +8,7 @@ export declare class ResizableComponent implements OnInit, AfterViewInit {
     private rootPointer;
     private viewportService;
     private spacePointContext;
+    private settingsService;
     private hostRef;
     resizable: import("@angular/core").InputSignal<boolean | "" | undefined>;
     resizerColor: import("@angular/core").InputSignal<string>;
@@ -29,6 +30,7 @@ export declare class ResizableComponent implements OnInit, AfterViewInit {
     protected resize(event: PointerEvent): void;
     protected endResize(): void;
     private getDistanceToEdge;
+    private applyResize;
     static ɵfac: i0.ɵɵFactoryDeclaration<ResizableComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ResizableComponent, "[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/services/overlays.service.d.ts

@@ -2,8 +2,8 @@ import { ToolbarModel } from '../models/toolbar.model';
 import { NodeModel } from '../models/node.model';
 import * as i0 from "@angular/core";
 export declare class OverlaysService {
-    private toolbars;
-    nodeToolbars: import("@angular/core").Signal<Map<NodeModel<unknown>, ToolbarModel>>;
+    private readonly toolbars;
+    nodeToolbarsMap: import("@angular/core").Signal<Map<NodeModel<unknown>, ToolbarModel[]>>;
     addToolbar(toolbar: ToolbarModel): void;
     removeToolbar(toolbar: ToolbarModel): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OverlaysService, never>;

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

@@ -22,6 +22,11 @@ export declare class NodeHtmlTemplateMockDirective implements AsInterface<NodeHt
     static ɵfac: i0.ɵɵFactoryDeclaration<NodeHtmlTemplateMockDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NodeHtmlTemplateMockDirective, "ng-template[nodeHtml]", never, {}, {}, never, never, true, never>;
 }
+export declare class NodeSvgTemplateMockDirective implements AsInterface<NodeSvgTemplateMockDirective> {
+    templateRef: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NodeSvgTemplateMockDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NodeSvgTemplateMockDirective, "ng-template[nodeSvg]", never, {}, {}, never, never, true, never>;
+}
 export declare class GroupNodeTemplateMockDirective implements AsInterface<GroupNodeTemplateDirective> {
     templateRef: TemplateRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<GroupNodeTemplateMockDirective, never>;

package/lib/vflow/utils/align-number.d.ts

@@ -0,0 +1 @@
+export declare function align(num: number, constant: number): number;

package/lib/vflow/utils/{reference-keeper.d.ts → identity-checker/reference-identity-checker.d.ts}

@@ -1,8 +1,8 @@
-import { NodeModel } from '../models/node.model';
-import { DynamicNode, Node } from '../interfaces/node.interface';
-import { EdgeModel } from '../models/edge.model';
-import { Edge } from '../interfaces/edge.interface';
-export declare class ReferenceKeeper {
+import { NodeModel } from '../../models/node.model';
+import { DynamicNode, Node } from '../../interfaces/node.interface';
+import { EdgeModel } from '../../models/edge.model';
+import { Edge } from '../../interfaces/edge.interface';
+export declare class ReferenceIdentityChecker {
     /**
      * Create new models for new node references and keep old models for old node references
      */

package/lib/vflow/utils/to-unified-node.d.ts

@@ -0,0 +1,2 @@
+import { DynamicNode, Node } from '../interfaces/node.interface';
+export declare function toUnifiedNode<T>(node: Node<T> | DynamicNode<T>): DynamicNode<T>;

package/lib/vflow/vflow.d.ts

@@ -1,11 +1,11 @@
 import { VflowComponent } from './components/vflow/vflow.component';
 import { DragHandleDirective } from './directives/drag-handle.directive';
 import { SelectableDirective } from './directives/selectable.directive';
-import { ConnectionTemplateDirective, EdgeLabelHtmlTemplateDirective, EdgeTemplateDirective, GroupNodeTemplateDirective, HandleTemplateDirective, NodeHtmlTemplateDirective } from './directives/template.directive';
+import { ConnectionTemplateDirective, EdgeLabelHtmlTemplateDirective, EdgeTemplateDirective, GroupNodeTemplateDirective, HandleTemplateDirective, NodeHtmlTemplateDirective, NodeSvgTemplateDirective } from './directives/template.directive';
+import { ConnectionControllerDirective } from './directives/connection-controller.directive';
 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';
-import { ConnectionControllerDirective } from './directives/connection-controller.directive';
-import { CustomTemplateEdgeComponent } from '../../public-api';
-export declare const Vflow: readonly [typeof VflowComponent, typeof HandleComponent, typeof ResizableComponent, typeof SelectableDirective, typeof MiniMapComponent, typeof NodeToolbarComponent, typeof CustomTemplateEdgeComponent, typeof DragHandleDirective, typeof ConnectionControllerDirective, typeof NodeHtmlTemplateDirective, typeof GroupNodeTemplateDirective, typeof EdgeLabelHtmlTemplateDirective, typeof EdgeTemplateDirective, typeof ConnectionTemplateDirective, typeof HandleTemplateDirective];
+import { CustomTemplateEdgeComponent } from './public-components/custom-template-edge/custom-template-edge.component';
+export declare const Vflow: readonly [typeof VflowComponent, typeof HandleComponent, typeof ResizableComponent, typeof SelectableDirective, typeof MiniMapComponent, typeof NodeToolbarComponent, typeof CustomTemplateEdgeComponent, typeof DragHandleDirective, typeof ConnectionControllerDirective, typeof NodeHtmlTemplateDirective, typeof NodeSvgTemplateDirective, typeof GroupNodeTemplateDirective, typeof EdgeLabelHtmlTemplateDirective, typeof EdgeTemplateDirective, typeof ConnectionTemplateDirective, typeof HandleTemplateDirective];

package/package.json

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

package/esm2022/lib/vflow/utils/reference-keeper.mjs

@@ -1,31 +0,0 @@
-import { NodeModel } from '../models/node.model';
-import { EdgeModel } from '../models/edge.model';
-export class ReferenceKeeper {
-    /**
-     * Create new models for new node references and keep old models for old node references
-     */
-    static nodes(newNodes, oldNodeModels) {
-        const oldNodesMap = new Map();
-        oldNodeModels.forEach((model) => oldNodesMap.set(model.node, model));
-        return newNodes.map((newNode) => {
-            if (oldNodesMap.has(newNode))
-                return oldNodesMap.get(newNode);
-            else
-                return new NodeModel(newNode);
-        });
-    }
-    /**
-     * Create new models for new edge references and keep old models for old edge references
-     */
-    static edges(newEdges, oldEdgeModels) {
-        const oldEdgesMap = new Map();
-        oldEdgeModels.forEach((model) => oldEdgesMap.set(model.edge, model));
-        return newEdges.map((newEdge) => {
-            if (oldEdgesMap.has(newEdge))
-                return oldEdgesMap.get(newEdge);
-            else
-                return new EdgeModel(newEdge);
-        });
-    }
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVmZXJlbmNlLWtlZXBlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC12Zmxvdy1saWIvc3JjL2xpYi92Zmxvdy91dGlscy9yZWZlcmVuY2Uta2VlcGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUVqRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFHakQsTUFBTSxPQUFPLGVBQWU7SUFDMUI7O09BRUc7SUFDSSxNQUFNLENBQUMsS0FBSyxDQUFDLFFBQWdDLEVBQUUsYUFBMEI7UUFDOUUsTUFBTSxXQUFXLEdBQXVDLElBQUksR0FBRyxFQUFFLENBQUM7UUFDbEUsYUFBYSxDQUFDLE9BQU8sQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsV0FBVyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUM7UUFFckUsT0FBTyxRQUFRLENBQUMsR0FBRyxDQUFDLENBQUMsT0FBTyxFQUFFLEVBQUU7WUFDOUIsSUFBSSxXQUFXLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQztnQkFBRSxPQUFPLFdBQVcsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFFLENBQUM7O2dCQUMxRCxPQUFPLElBQUksU0FBUyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ3JDLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVEOztPQUVHO0lBQ0ksTUFBTSxDQUFDLEtBQUssQ0FBQyxRQUFnQixFQUFFLGFBQTBCO1FBQzlELE1BQU0sV0FBVyxHQUF5QixJQUFJLEdBQUcsRUFBRSxDQUFDO1FBQ3BELGFBQWEsQ0FBQyxPQUFPLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLFdBQVcsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLElBQUksRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDO1FBRXJFLE9BQU8sUUFBUSxDQUFDLEdBQUcsQ0FBQyxDQUFDLE9BQU8sRUFBRSxFQUFFO1lBQzlCLElBQUksV0FBVyxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUM7Z0JBQUUsT0FBTyxXQUFXLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBRSxDQUFDOztnQkFDMUQsT0FBTyxJQUFJLFNBQVMsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUNyQyxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7Q0FDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5vZGVNb2RlbCB9IGZyb20gJy4uL21vZGVscy9ub2RlLm1vZGVsJztcbmltcG9ydCB7IER5bmFtaWNOb2RlLCBOb2RlIH0gZnJvbSAnLi4vaW50ZXJmYWNlcy9ub2RlLmludGVyZmFjZSc7XG5pbXBvcnQgeyBFZGdlTW9kZWwgfSBmcm9tICcuLi9tb2RlbHMvZWRnZS5tb2RlbCc7XG5pbXBvcnQgeyBFZGdlIH0gZnJvbSAnLi4vaW50ZXJmYWNlcy9lZGdlLmludGVyZmFjZSc7XG5cbmV4cG9ydCBjbGFzcyBSZWZlcmVuY2VLZWVwZXIge1xuICAvKipcbiAgICogQ3JlYXRlIG5ldyBtb2RlbHMgZm9yIG5ldyBub2RlIHJlZmVyZW5jZXMgYW5kIGtlZXAgb2xkIG1vZGVscyBmb3Igb2xkIG5vZGUgcmVmZXJlbmNlc1xuICAgKi9cbiAgcHVibGljIHN0YXRpYyBub2RlcyhuZXdOb2RlczogTm9kZVtdIHwgRHluYW1pY05vZGVbXSwgb2xkTm9kZU1vZGVsczogTm9kZU1vZGVsW10pIHtcbiAgICBjb25zdCBvbGROb2Rlc01hcDogTWFwPE5vZGUgfCBEeW5hbWljTm9kZSwgTm9kZU1vZGVsPiA9IG5ldyBNYXAoKTtcbiAgICBvbGROb2RlTW9kZWxzLmZvckVhY2goKG1vZGVsKSA9PiBvbGROb2Rlc01hcC5zZXQobW9kZWwubm9kZSwgbW9kZWwpKTtcblxuICAgIHJldHVybiBuZXdOb2Rlcy5tYXAoKG5ld05vZGUpID0+IHtcbiAgICAgIGlmIChvbGROb2Rlc01hcC5oYXMobmV3Tm9kZSkpIHJldHVybiBvbGROb2Rlc01hcC5nZXQobmV3Tm9kZSkhO1xuICAgICAgZWxzZSByZXR1cm4gbmV3IE5vZGVNb2RlbChuZXdOb2RlKTtcbiAgICB9KTtcbiAgfVxuXG4gIC8qKlxuICAgKiBDcmVhdGUgbmV3IG1vZGVscyBmb3IgbmV3IGVkZ2UgcmVmZXJlbmNlcyBhbmQga2VlcCBvbGQgbW9kZWxzIGZvciBvbGQgZWRnZSByZWZlcmVuY2VzXG4gICAqL1xuICBwdWJsaWMgc3RhdGljIGVkZ2VzKG5ld0VkZ2VzOiBFZGdlW10sIG9sZEVkZ2VNb2RlbHM6IEVkZ2VNb2RlbFtdKTogRWRnZU1vZGVsW10ge1xuICAgIGNvbnN0IG9sZEVkZ2VzTWFwOiBNYXA8RWRnZSwgRWRnZU1vZGVsPiA9IG5ldyBNYXAoKTtcbiAgICBvbGRFZGdlTW9kZWxzLmZvckVhY2goKG1vZGVsKSA9PiBvbGRFZGdlc01hcC5zZXQobW9kZWwuZWRnZSwgbW9kZWwpKTtcblxuICAgIHJldHVybiBuZXdFZGdlcy5tYXAoKG5ld0VkZ2UpID0+IHtcbiAgICAgIGlmIChvbGRFZGdlc01hcC5oYXMobmV3RWRnZSkpIHJldHVybiBvbGRFZGdlc01hcC5nZXQobmV3RWRnZSkhO1xuICAgICAgZWxzZSByZXR1cm4gbmV3IEVkZ2VNb2RlbChuZXdFZGdlKTtcbiAgICB9KTtcbiAgfVxufVxuIl19