ngx-vflow 1.14.0 → 1.16.0

package/lib/vflow/components/alignment-helper/alignment-helper.component.d.ts

@@ -0,0 +1,21 @@
+import { Box } from '../../interfaces/box';
+import * as i0 from "@angular/core";
+interface Intersection {
+    lines: (Box & {
+        isCenter: boolean;
+    })[];
+    snappedX: number;
+    snappedY: number;
+}
+export declare class AlignmentHelperComponent {
+    private nodeRenderingService;
+    private flowStatus;
+    readonly tolerance: import("@angular/core").InputSignal<number>;
+    readonly lineColor: import("@angular/core").InputSignal<string>;
+    protected isNodeDragging: import("@angular/core").Signal<boolean>;
+    protected readonly intersections: import("@angular/core").Signal<Intersection>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AlignmentHelperComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AlignmentHelperComponent, "g[alignmentHelper]", never, { "tolerance": { "alias": "tolerance"; "required": false; "isSignal": true; }; "lineColor": { "alias": "lineColor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export {};

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

@@ -15,6 +15,7 @@ import { FitViewOptions } from '../../interfaces/fit-view-options.interface';
 import { Optimization } from '../../interfaces/optimization.interface';
 import { KeyboardShortcuts } from '../../types/keyboard-action.type';
 import { IntersectingNodesOptions } from '../../interfaces/intersecting-nodes-options.interface';
+import { AlignmentHelperSettings } from '../../interfaces/alignment-helper-settings.interface';
 import * as i0 from "@angular/core";
 import * as i1 from "../../directives/changes-controller.directive";
 import * as i2 from "../../interfaces/connection-settings.interface";
@@ -85,6 +86,7 @@ export declare class VflowComponent {
      * Nodes to render
      */
     set nodes(newNodes: Node[] | DynamicNode[]);
+    alignmentHelper: import("@angular/core").InputSignal<boolean | AlignmentHelperSettings>;
     protected nodeModels: import("@angular/core").Signal<NodeModel<unknown>[]>;
     protected groups: import("@angular/core").Signal<NodeModel<unknown>[]>;
     protected nonGroups: import("@angular/core").Signal<NodeModel<unknown>[]>;
@@ -202,6 +204,6 @@ export declare class VflowComponent {
     protected trackNodes(idx: number, { rawNode: node }: NodeModel): Node<unknown> | DynamicNode<unknown>;
     protected trackEdges(idx: number, { edge }: EdgeModel): Edge<unknown>;
     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; }; "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 ɵ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; }; "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; }; "alignmentHelper": { "alias": "alignmentHelper"; "required": false; "isSignal": 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/interfaces/alignment-helper-settings.interface.d.ts

@@ -0,0 +1,4 @@
+export interface AlignmentHelperSettings {
+    tolerance: number;
+    lineColor: string;
+}

package/lib/vflow/interfaces/flow-entity.interface.d.ts

@@ -1,4 +1,5 @@
-import { WritableSignal } from '@angular/core';
+import { Signal, WritableSignal } from '@angular/core';
 export interface FlowEntity {
     selected: WritableSignal<boolean>;
+    shouldLoad: Signal<boolean>;
 }

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

@@ -82,13 +82,13 @@ export interface TemplateDynamicGroupNode<T> extends SharedDynamicNode {
     data?: WritableSignal<T>;
 }
 export interface ComponentNode<T = any> extends SharedNode {
-    type: Type<CustomNodeComponent<T>>;
+    type: Type<CustomNodeComponent<T>> | (() => Promise<Type<CustomNodeComponent<T>>>);
     data?: T;
     width?: number;
     height?: number;
 }
 export interface ComponentDynamicNode<T = any> extends SharedDynamicNode {
-    type: Type<CustomDynamicNodeComponent<T>>;
+    type: Type<CustomDynamicNodeComponent<T>> | (() => Promise<Type<CustomDynamicNodeComponent<T>>>);
     data?: WritableSignal<T>;
     width?: WritableSignal<number>;
     height?: WritableSignal<number>;

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

@@ -22,4 +22,8 @@ export interface Optimization {
      * This should help to avoid performance issues when zooming out too much.
      */
     virtualizationZoomThreshold?: number;
+    /**
+     * The trigger for lazy loading of entities.
+     */
+    lazyLoadTrigger?: 'immediate' | 'viewport';
 }

package/lib/vflow/interfaces/rect.d.ts

@@ -4,3 +4,10 @@ export interface Rect {
     width: number;
     height: number;
 }
+export interface RectWithSides extends Rect {
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
+}
+export declare function rectToRectWithSides(rect: Rect): RectWithSides;

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

@@ -10,12 +10,14 @@ export interface EdgeContext {
         markerStart: Signal<string>;
         markerEnd: Signal<string>;
         selected: Signal<boolean>;
+        shouldLoad: Signal<boolean>;
     };
 }
 export interface NodeContext {
     $implicit: {
         node: any;
         selected: Signal<boolean>;
+        shouldLoad: Signal<boolean>;
     };
 }
 export interface SvgNodeContext {
@@ -24,6 +26,7 @@ export interface SvgNodeContext {
         selected: Signal<boolean>;
         width: Signal<number>;
         height: Signal<number>;
+        shouldLoad: Signal<boolean>;
     };
 }
 export interface GroupNodeContext {
@@ -32,6 +35,7 @@ export interface GroupNodeContext {
         selected: Signal<boolean>;
         width: Signal<number>;
         height: Signal<number>;
+        shouldLoad: Signal<boolean>;
     };
 }
 export interface ConnectionContext {

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

@@ -17,6 +17,7 @@ export declare class EdgeModel implements FlowEntity, Contextable<EdgeContext> {
     floating: boolean;
     selected: import("@angular/core").WritableSignal<boolean>;
     selected$: import("rxjs").Observable<boolean>;
+    shouldLoad: import("@angular/core").Signal<boolean>;
     renderOrder: import("@angular/core").WritableSignal<number>;
     detached: import("@angular/core").Signal<boolean>;
     detached$: import("rxjs").Observable<boolean>;
@@ -42,6 +43,7 @@ export declare class EdgeModel implements FlowEntity, Contextable<EdgeContext> {
             markerStart: import("@angular/core").Signal<string>;
             markerEnd: import("@angular/core").Signal<string>;
             selected: import("@angular/core").Signal<boolean>;
+            shouldLoad: import("@angular/core").Signal<boolean>;
         };
     };
     edgeLabels: {

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

@@ -15,6 +15,8 @@ export declare class NodeModel<T = unknown> implements FlowEntity, Contextable<N
     private static defaultHeight;
     private static defaultColor;
     private entitiesService;
+    private settingsService;
+    private nodeRenderingService;
     isVisible: import("@angular/core").WritableSignal<boolean>;
     point: import("@angular/core").WritableSignal<Point>;
     point$: Observable<Point>;
@@ -59,6 +61,8 @@ export declare class NodeModel<T = unknown> implements FlowEntity, Contextable<N
     dragHandlesCount: import("@angular/core").WritableSignal<number>;
     readonly magnetRadius = 20;
     isComponentType: boolean;
+    shouldLoad: import("@angular/core").Signal<boolean>;
+    componentInstance$: Observable<any>;
     text: import("@angular/core").WritableSignal<string>;
     componentTypeInputs: {
         node: Node<T> | DynamicNode<T>;

package/lib/vflow/public-components/custom-template-edge/custom-template-edge.component.d.ts

@@ -10,6 +10,7 @@ export declare class CustomTemplateEdgeComponent {
         markerStart: import("@angular/core").Signal<string>;
         markerEnd: import("@angular/core").Signal<string>;
         selected: import("@angular/core").Signal<boolean>;
+        shouldLoad: import("@angular/core").Signal<boolean>;
     };
     protected pull(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CustomTemplateEdgeComponent, never>;

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

@@ -3,6 +3,7 @@ import * as i0 from "@angular/core";
 export declare class DraggableService {
     private entitiesService;
     private settingsService;
+    private flowStatusService;
     /**
      * Enable draggable behavior for element.
      *

package/lib/vflow/services/edge-rendering.service.d.ts

@@ -4,7 +4,7 @@ export declare class EdgeRenderingService {
     private flowEntitiesService;
     private flowSettingsService;
     readonly edges: import("@angular/core").Signal<EdgeModel[]>;
-    private viewportEdges;
+    readonly viewportEdges: import("@angular/core").Signal<EdgeModel[]>;
     private maxOrder;
     pull(edge: EdgeModel): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EdgeRenderingService, never>;

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

@@ -1,5 +1,9 @@
 import * as i0 from "@angular/core";
 export declare class FlowRenderingService {
+    private readonly nodeRenderingService;
+    private readonly edgeRenderingService;
+    private readonly flowEntitiesService;
+    private readonly settingsService;
     flowInitialized: import("@angular/core").WritableSignal<boolean>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<FlowRenderingService, never>;

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

@@ -40,7 +40,19 @@ export interface FlowStatusReconnectionEnd {
         oldEdge: EdgeModel;
     };
 }
-export type FlowStatus = FlowStatusIdle | FlowStatusConnectionStart | FlowStatusConnectionValidation | FlowStatusConnectionEnd | FlowStatusReconnectionStart | FlowStatusReconnectionValidation | FlowStatusReconnectionEnd;
+export interface FlowStatusNodeDragStart {
+    state: 'node-drag-start';
+    payload: {
+        node: NodeModel;
+    };
+}
+export interface FlowStatusNodeDragEnd {
+    state: 'node-drag-end';
+    payload: {
+        node: NodeModel;
+    };
+}
+export type FlowStatus = FlowStatusIdle | FlowStatusConnectionStart | FlowStatusConnectionValidation | FlowStatusConnectionEnd | FlowStatusReconnectionStart | FlowStatusReconnectionValidation | FlowStatusReconnectionEnd | FlowStatusNodeDragStart | FlowStatusNodeDragEnd;
 export declare class FlowStatusService {
     readonly status: import("@angular/core").WritableSignal<FlowStatus>;
     setIdleStatus(): void;
@@ -50,6 +62,10 @@ export declare class FlowStatusService {
     setReconnectionValidationStatus(valid: boolean, source: NodeModel, target: NodeModel, sourceHandle: HandleModel, targetHandle: HandleModel, oldEdge: EdgeModel): void;
     setConnectionEndStatus(source: NodeModel, target: NodeModel, sourceHandle: HandleModel, targetHandle: HandleModel): void;
     setReconnectionEndStatus(source: NodeModel, target: NodeModel, sourceHandle: HandleModel, targetHandle: HandleModel, oldEdge: EdgeModel): void;
+    setNodeDragStartStatus(node: NodeModel): void;
+    setNodeDragEndStatus(node: NodeModel): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FlowStatusService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<FlowStatusService>;
 }
+export declare function isNodeDragStartStatus(params: FlowStatus): params is FlowStatusNodeDragStart;
+export declare function isNodeDragEndStatus(params: FlowStatus): params is FlowStatusNodeDragEnd;

package/lib/vflow/utils/is-callable.d.ts

@@ -0,0 +1 @@
+export declare function isCallable(fn: any): boolean;

package/lib/vflow/utils/is-vflow-component.d.ts

@@ -0,0 +1,4 @@
+import { CustomDynamicNodeComponent } from '../public-components/custom-dynamic-node/custom-dynamic-node.component';
+import { CustomNodeComponent } from '../public-components/custom-node/custom-node.component';
+export declare function isCustomNodeComponent(type: any): type is CustomNodeComponent;
+export declare function isCustomDynamicNodeComponent(type: any): type is CustomDynamicNodeComponent;

package/package.json

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

package/public-api.d.ts

@@ -14,6 +14,7 @@ export * from './lib/vflow/interfaces/optimization.interface';
 export * from './lib/vflow/interfaces/intersecting-nodes-options.interface';
 export * from './lib/vflow/interfaces/curve-factory.interface';
 export * from './lib/vflow/interfaces/node-preview.interface';
+export * from './lib/vflow/interfaces/alignment-helper-settings.interface';
 export * from './lib/vflow/types/node-change.type';
 export * from './lib/vflow/types/edge-change.type';
 export * from './lib/vflow/types/position.type';
@@ -43,5 +44,6 @@ export { FlowEntitiesService as ɵFlowEntitiesService } from './lib/vflow/servic
 export { NodeAccessorService as ɵNodeAccessorService } from './lib/vflow/services/node-accessor.service';
 export { ViewportService as ɵViewportService } from './lib/vflow/services/viewport.service';
 export { SelectionService as ɵSelectionService } from './lib/vflow/services/selection.service';
+export { NodeRenderingService as ɵNodeRenderingService } from './lib/vflow/services/node-rendering.service';
 export { RootPointerDirective as ɵRootPointerDirective } from './lib/vflow/directives/root-pointer.directive';
 export { SpacePointContextDirective as ɵSpacePointContextDirective } from './lib/vflow/directives/space-point-context.directive';

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

@@ -1,5 +1,5 @@
 import { WritableSignal, OnInit } from '@angular/core';
-import { Node, DynamicNode, Edge, SpacePoint, Point, Background, KeyboardShortcuts, ViewportState, NodeChange, EdgeChange, FitViewOptions, VflowComponent, IntersectingNodesOptions, ɵConnectionModel as ConnectionModel } from 'ngx-vflow';
+import { Node, DynamicNode, Edge, SpacePoint, Point, Background, KeyboardShortcuts, ViewportState, NodeChange, EdgeChange, FitViewOptions, VflowComponent, IntersectingNodesOptions, ɵConnectionModel as ConnectionModel, AlignmentHelperSettings } from 'ngx-vflow';
 import { ConnectionTemplateMockDirective, EdgeLabelHtmlTemplateMockDirective, EdgeTemplateMockDirective, GroupNodeTemplateMockDirective, NodeHtmlTemplateMockDirective } from '../directive-mocks/template-mock.directive';
 import { AsInterface } from '../types';
 import * as i0 from "@angular/core";
@@ -24,6 +24,7 @@ export declare class VflowMockComponent implements AsInterface<VflowComponent>,
     ];
     elevateNodesOnSelect: boolean;
     elevateEdgesOnSelect: boolean;
+    alignmentHelper: import("@angular/core").InputSignal<boolean | AlignmentHelperSettings>;
     readonly onComponentNodeEvent: import("@angular/core").OutputEmitterRef<any>;
     protected nodeTemplateDirective: import("@angular/core").Signal<NodeHtmlTemplateMockDirective | undefined>;
     protected groupNodeTemplateDirective: import("@angular/core").Signal<GroupNodeTemplateMockDirective | undefined>;
@@ -55,6 +56,6 @@ export declare class VflowMockComponent implements AsInterface<VflowComponent>,
     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; }; "edges": { "alias": "edges"; "required": false; }; "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; }; "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; }; }, { "onComponentNodeEvent": "onComponentNodeEvent"; }, ["nodeTemplateDirective", "groupNodeTemplateDirective", "edgeTemplateDirective", "edgeLabelHtmlDirective", "connectionTemplateDirective"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VflowMockComponent, "vflow", never, { "nodes": { "alias": "nodes"; "required": true; }; "edges": { "alias": "edges"; "required": false; }; "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; }; "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; }; "alignmentHelper": { "alias": "alignmentHelper"; "required": false; "isSignal": true; }; }, { "onComponentNodeEvent": "onComponentNodeEvent"; }, ["nodeTemplateDirective", "groupNodeTemplateDirective", "edgeTemplateDirective", "edgeLabelHtmlDirective", "connectionTemplateDirective"], ["*"], true, never>;
     static ngAcceptInputType_connection: i1.ConnectionSettings;
 }