ngx-vflow 0.12.0 → 0.13.0

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

@@ -15,6 +15,7 @@ import { Background } from '../../types/background.type';
 import { SpacePointContextDirective } from '../../directives/space-point-context.directive';
 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";
@@ -27,6 +28,7 @@ export declare class VflowComponent implements OnInit {
     private nodeRenderingService;
     private flowSettingsService;
     private componentEventBusService;
+    private keyboardService;
     private injector;
     /**
      * Size for flow view
@@ -65,6 +67,7 @@ export declare class VflowComponent implements OnInit {
      * Global rule if you can or can't select entities
      */
     set entitiesSelectable(value: boolean);
+    set keyboardShortcuts(value: KeyboardShortcuts);
     /**
      * Settings for connection (it renders when user tries to create edge between nodes)
      *
@@ -158,6 +161,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; }; "handlePositions": { "alias": "handlePositions"; "required": false; }; "background": { "alias": "background"; "required": false; }; "optimization": { "alias": "optimization"; "required": false; }; "entitiesSelectable": { "alias": "entitiesSelectable"; "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, false, [{ 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 ɵcmp: i0.ɵɵComponentDeclaration<VflowComponent, "vflow", never, { "view": { "alias": "view"; "required": false; }; "minZoom": { "alias": "minZoom"; "required": false; }; "maxZoom": { "alias": "maxZoom"; "required": false; }; "handlePositions": { "alias": "handlePositions"; "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; }; "nodes": { "alias": "nodes"; "required": true; }; "edges": { "alias": "edges"; "required": false; }; }, { "onComponentNodeEvent": "onComponentNodeEvent"; }, ["nodeTemplateDirective", "groupNodeTemplateDirective", "edgeTemplateDirective", "edgeLabelHtmlDirective", "connectionTemplateDirective"], never, false, [{ 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;
 }

package/lib/vflow/directives/flow-size-controller.directive.d.ts

@@ -1,9 +1,10 @@
+import { Signal } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class FlowSizeControllerDirective {
     private host;
     private flowSettingsService;
-    flowWidth: string | number;
-    flowHeight: string | number;
+    flowWidth: Signal<string | number>;
+    flowHeight: Signal<string | number>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<FlowSizeControllerDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FlowSizeControllerDirective, "svg[flowSizeController]", never, {}, {}, never, never, false, never>;

package/lib/vflow/directives/root-pointer.directive.d.ts

@@ -1,5 +1,13 @@
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
+export interface PointerEvent {
+    x: number;
+    y: number;
+    movementX: number;
+    movementY: number;
+    target: Element | null;
+    originalEvent: MouseEvent | TouchEvent;
+}
 export declare class RootPointerDirective {
     private host;
     private initialTouch$;
@@ -9,7 +17,7 @@ export declare class RootPointerDirective {
         y: number;
         movementX: number;
         movementY: number;
-        target: EventTarget | null;
+        target: Element | null;
         originalEvent: MouseEvent;
     }>;
     touchMovement$: Observable<{
@@ -20,21 +28,7 @@ export declare class RootPointerDirective {
         target: Element | null;
         originalEvent: TouchEvent;
     }>;
-    pointerMovement$: Observable<{
-        x: number;
-        y: number;
-        movementX: number;
-        movementY: number;
-        target: EventTarget | null;
-        originalEvent: MouseEvent;
-    } | {
-        x: number;
-        y: number;
-        movementX: number;
-        movementY: number;
-        target: Element | null;
-        originalEvent: TouchEvent;
-    }>;
+    pointerMovement$: Observable<PointerEvent>;
     touchEnd$: Observable<{
         x: number;
         y: number;

package/lib/vflow/directives/space-point-context.directive.d.ts

@@ -9,21 +9,7 @@ export declare class SpacePointContextDirective {
      * Signal with current mouse position in svg space
      */
     svgCurrentSpacePoint: Signal<Point>;
-    pointerMovement: Signal<{
-        x: number;
-        y: number;
-        movementX: number;
-        movementY: number;
-        target: EventTarget | null;
-        originalEvent: MouseEvent;
-    } | {
-        x: number;
-        y: number;
-        movementX: number;
-        movementY: number;
-        target: Element | null;
-        originalEvent: TouchEvent;
-    } | undefined>;
+    pointerMovement: Signal<import("./root-pointer.directive").PointerEvent | undefined>;
     documentPointToFlowPoint(documentPoint: Point): DOMPoint;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpacePointContextDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<SpacePointContextDirective, "g[spacePointContext]", never, {}, {}, never, never, false, never>;

package/lib/vflow/interfaces/component-node-event.interface.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from "@angular/core";
-import { CustomNodeComponent } from "../public-components/custom-node.component";
-import { CustomDynamicNodeComponent } from "../public-components/custom-dynamic-node.component";
+import { CustomNodeComponent } from "../public-components/custom-node/custom-node.component";
+import { CustomDynamicNodeComponent } from "../public-components/custom-dynamic-node/custom-dynamic-node.component";
 type EventInfo<T> = T extends EventEmitter<infer U> ? U : never;
 type EventKeys<T> = {
     [K in keyof T]: T[K] extends EventEmitter<any> ? K : never;

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

@@ -1,7 +1,7 @@
 import { Type, WritableSignal } from "@angular/core";
 import { Point } from "./point.interface";
-import { CustomNodeComponent } from "../public-components/custom-node.component";
-import { CustomDynamicNodeComponent } from "../public-components/custom-dynamic-node.component";
+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 = unknown> = DefaultNode | HtmlTemplateNode<T> | ComponentNode<T> | DefaultGroupNode | TemplateGroupNode<T>;
 export type DynamicNode<T = unknown> = DefaultDynamicNode | HtmlTemplateDynamicNode<T> | ComponentDynamicNode<T> | DefaultDynamicGroupNode | TemplateDynamicGroupNode<T>;
 export interface SharedNode {

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

@@ -14,7 +14,23 @@ export declare class EdgeModel implements FlowEntity {
     selected$: import("rxjs").Observable<boolean>;
     detached: import("@angular/core").Signal<boolean>;
     detached$: import("rxjs").Observable<boolean>;
-    path: import("@angular/core").Signal<import("../interfaces/path-data.interface").PathData>;
+    path: import("@angular/core").Signal<{
+        path: string;
+        points: {
+            start: {
+                x: number;
+                y: number;
+            };
+            center: {
+                x: number;
+                y: number;
+            };
+            end: {
+                x: number;
+                y: number;
+            };
+        };
+    }>;
     edgeLabels: {
         [position in EdgeLabelPosition]?: EdgeLabelModel;
     };

package/lib/vflow/public-components/{custom-dynamic-node.component.d.ts → custom-dynamic-node/custom-dynamic-node.component.d.ts}

@@ -1,6 +1,6 @@
 import { OnInit } from "@angular/core";
-import { ComponentDynamicNode } from '../interfaces/node.interface';
-import { CustomNodeBaseComponent } from "../components/custom-node-base/custom-node-base.component";
+import { ComponentDynamicNode } from '../../interfaces/node.interface';
+import { CustomNodeBaseComponent } from "../../components/custom-node-base/custom-node-base.component";
 import * as i0 from "@angular/core";
 export declare abstract class CustomDynamicNodeComponent<T = unknown> extends CustomNodeBaseComponent<T> implements OnInit {
     /**

package/lib/vflow/public-components/{custom-node.component.d.ts → custom-node/custom-node.component.d.ts}

@@ -1,6 +1,6 @@
 import { OnInit } from "@angular/core";
-import { ComponentNode } from '../interfaces/node.interface';
-import { CustomNodeBaseComponent } from "../components/custom-node-base/custom-node-base.component";
+import { ComponentNode } from '../../interfaces/node.interface';
+import { CustomNodeBaseComponent } from "../../components/custom-node-base/custom-node-base.component";
 import * as i0 from "@angular/core";
 export declare abstract class CustomNodeComponent<T = unknown> extends CustomNodeBaseComponent<T> implements OnInit {
     /**

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

@@ -1,16 +1,19 @@
 import { AfterViewInit, OnInit } from '@angular/core';
+import { NodeModel } from '../../models/node.model';
+import { PointerEvent } from '../../directives/root-pointer.directive';
 import * as i0 from "@angular/core";
 type Side = 'top' | 'right' | 'bottom' | 'left' | 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
 export declare class ResizableComponent implements OnInit, AfterViewInit {
     private nodeAccessor;
     private rootPointer;
     private viewportService;
+    private spacePointContext;
     private hostRef;
     set resizable(value: boolean | '');
     resizerColor: string;
     gap: number;
     private resizer;
-    protected get model(): import("../../models/node.model").NodeModel<unknown>;
+    protected get model(): NodeModel<unknown>;
     protected lineGap: number;
     protected handleSize: number;
     private resizeSide;
@@ -22,17 +25,9 @@ export declare class ResizableComponent implements OnInit, AfterViewInit {
     ngOnInit(): void;
     ngAfterViewInit(): void;
     protected startResize(side: Side, event: Event): void;
-    protected resize({ movementX, movementY }: {
-        movementX: number;
-        movementY: number;
-    }): void;
+    protected resize(event: PointerEvent): void;
     protected endResize(): void;
-    private getMaxWidth;
-    private getMaxHeight;
-    private getMinX;
-    private getMinY;
-    private getMaxX;
-    private getMaxY;
+    private isResizeConstrained;
     static ɵfac: i0.ɵɵFactoryDeclaration<ResizableComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ResizableComponent, "[resizable]", never, { "resizable": { "alias": "resizable"; "required": false; }; "resizerColor": { "alias": "resizerColor"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

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

@@ -1,6 +1,7 @@
 import { NodeModel } from '../models/node.model';
 import * as i0 from "@angular/core";
 export declare class DraggableService {
+    private entitiesService;
     /**
      * Enable draggable behavior for element.
      *
@@ -33,6 +34,7 @@ export declare class DraggableService {
      * with disabled drag behavior
      */
     private getIgnoreDragBehavior;
+    private getDragNodes;
     static ɵfac: i0.ɵɵFactoryDeclaration<DraggableService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<DraggableService>;
 }

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

@@ -0,0 +1,11 @@
+import { KeyboardAction, KeyboardShortcuts } from '../types/keyboard-action.type';
+import * as i0 from "@angular/core";
+export declare class KeyboardService {
+    private actions;
+    private actionsActive;
+    constructor();
+    setShortcuts(newActions: KeyboardShortcuts): void;
+    isActiveAction(action: KeyboardAction): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KeyboardService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<KeyboardService>;
+}

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

@@ -13,6 +13,7 @@ export interface ViewportForSelection {
 export declare class SelectionService {
     private static delta;
     private flowEntitiesService;
+    private keyboardService;
     protected viewport$: Subject<ViewportForSelection>;
     protected resetSelection: import("rxjs").Subscription;
     setViewport(viewport: ViewportForSelection): void;

package/lib/vflow/types/keyboard-action.type.d.ts

@@ -0,0 +1,2 @@
+export type KeyboardAction = 'multiSelection';
+export type KeyboardShortcuts = Record<KeyboardAction, null | string[]>;

package/lib/vflow/utils/get-os.d.ts

@@ -0,0 +1 @@
+export declare function getOS(): "macos" | "ios" | "windows" | "android" | "linux" | null;

package/package.json

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

package/public-api.d.ts

@@ -17,10 +17,11 @@ export * from './lib/vflow/types/edge-change.type';
 export * from './lib/vflow/types/position.type';
 export * from './lib/vflow/types/background.type';
 export * from './lib/vflow/types/connection-mode.type';
+export * from './lib/vflow/types/keyboard-action.type';
 export * from './lib/vflow/components/vflow/vflow.component';
 export * from './lib/vflow/components/handle/handle.component';
-export * from './lib/vflow/public-components/custom-node.component';
-export * from './lib/vflow/public-components/custom-dynamic-node.component';
+export * from './lib/vflow/public-components/custom-node/custom-node.component';
+export * from './lib/vflow/public-components/custom-dynamic-node/custom-dynamic-node.component';
 export * from './lib/vflow/public-components/resizable/resizable.component';
 export * from './lib/vflow/directives/template.directive';
 export * from './lib/vflow/directives/connection-controller.directive';

package/esm2022/lib/vflow/public-components/custom-dynamic-node.component.mjs

@@ -1,19 +0,0 @@
-import { Directive, Input } from "@angular/core";
-import { CustomNodeBaseComponent } from "../components/custom-node-base/custom-node-base.component";
-import * as i0 from "@angular/core";
-export class CustomDynamicNodeComponent extends CustomNodeBaseComponent {
-    ngOnInit() {
-        if (this.node.data) {
-            this.data = this.node.data;
-        }
-        super.ngOnInit();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomDynamicNodeComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: CustomDynamicNodeComponent, inputs: { node: "node" }, usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomDynamicNodeComponent, decorators: [{
-            type: Directive
-        }], propDecorators: { node: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLWR5bmFtaWMtbm9kZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtdmZsb3ctbGliL3NyYy9saWIvdmZsb3cvcHVibGljLWNvbXBvbmVudHMvY3VzdG9tLWR5bmFtaWMtbm9kZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUE7QUFFeEQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sMkRBQTJELENBQUM7O0FBR3BHLE1BQU0sT0FBZ0IsMEJBQXdDLFNBQVEsdUJBQTBCO0lBTzlFLFFBQVE7UUFDdEIsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRTtZQUNsQixJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFBO1NBQzNCO1FBRUQsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFBO0lBQ2xCLENBQUM7K0dBYm1CLDBCQUEwQjttR0FBMUIsMEJBQTBCOzs0RkFBMUIsMEJBQTBCO2tCQUQvQyxTQUFTOzhCQU1RLElBQUk7c0JBRG5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIElucHV0LCBPbkluaXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiXG5pbXBvcnQgeyBDb21wb25lbnREeW5hbWljTm9kZSB9IGZyb20gJy4uL2ludGVyZmFjZXMvbm9kZS5pbnRlcmZhY2UnO1xuaW1wb3J0IHsgQ3VzdG9tTm9kZUJhc2VDb21wb25lbnQgfSBmcm9tIFwiLi4vY29tcG9uZW50cy9jdXN0b20tbm9kZS1iYXNlL2N1c3RvbS1ub2RlLWJhc2UuY29tcG9uZW50XCI7XG5cbkBEaXJlY3RpdmUoKVxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIEN1c3RvbUR5bmFtaWNOb2RlQ29tcG9uZW50PFQgPSB1bmtub3duPiBleHRlbmRzIEN1c3RvbU5vZGVCYXNlQ29tcG9uZW50PFQ+IGltcGxlbWVudHMgT25Jbml0IHtcbiAgLyoqXG4gICAqIFJlZmVyZW5jZSB0byBub2RlIGJvdW5kIHRvIHRoaXMgY29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgb3ZlcnJpZGUgbm9kZSE6IENvbXBvbmVudER5bmFtaWNOb2RlPFQ+XG5cbiAgcHVibGljIG92ZXJyaWRlIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLm5vZGUuZGF0YSkge1xuICAgICAgdGhpcy5kYXRhID0gdGhpcy5ub2RlLmRhdGFcbiAgICB9XG5cbiAgICBzdXBlci5uZ09uSW5pdCgpXG4gIH1cbn1cblxuIl19

package/esm2022/lib/vflow/public-components/custom-node.component.mjs

@@ -1,19 +0,0 @@
-import { Directive, Input } from "@angular/core";
-import { CustomNodeBaseComponent } from "../components/custom-node-base/custom-node-base.component";
-import * as i0 from "@angular/core";
-export class CustomNodeComponent extends CustomNodeBaseComponent {
-    ngOnInit() {
-        if (this.node.data) {
-            this.data.set(this.node.data);
-        }
-        super.ngOnInit();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomNodeComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: CustomNodeComponent, inputs: { node: "node" }, usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CustomNodeComponent, decorators: [{
-            type: Directive
-        }], propDecorators: { node: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLW5vZGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXZmbG93LWxpYi9zcmMvbGliL3ZmbG93L3B1YmxpYy1jb21wb25lbnRzL2N1c3RvbS1ub2RlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQTtBQUV4RCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSwyREFBMkQsQ0FBQzs7QUFHcEcsTUFBTSxPQUFnQixtQkFBaUMsU0FBUSx1QkFBMEI7SUFPdkUsUUFBUTtRQUN0QixJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFO1lBQ2xCLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUE7U0FDOUI7UUFFRCxLQUFLLENBQUMsUUFBUSxFQUFFLENBQUE7SUFDbEIsQ0FBQzsrR0FibUIsbUJBQW1CO21HQUFuQixtQkFBbUI7OzRGQUFuQixtQkFBbUI7a0JBRHhDLFNBQVM7OEJBTVEsSUFBSTtzQkFEbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgSW5wdXQsIE9uSW5pdCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCJcbmltcG9ydCB7IENvbXBvbmVudE5vZGUgfSBmcm9tICcuLi9pbnRlcmZhY2VzL25vZGUuaW50ZXJmYWNlJztcbmltcG9ydCB7IEN1c3RvbU5vZGVCYXNlQ29tcG9uZW50IH0gZnJvbSBcIi4uL2NvbXBvbmVudHMvY3VzdG9tLW5vZGUtYmFzZS9jdXN0b20tbm9kZS1iYXNlLmNvbXBvbmVudFwiO1xuXG5ARGlyZWN0aXZlKClcbmV4cG9ydCBhYnN0cmFjdCBjbGFzcyBDdXN0b21Ob2RlQ29tcG9uZW50PFQgPSB1bmtub3duPiBleHRlbmRzIEN1c3RvbU5vZGVCYXNlQ29tcG9uZW50PFQ+IGltcGxlbWVudHMgT25Jbml0IHtcbiAgLyoqXG4gICAqIFJlZmVyZW5jZSB0byBub2RlIGJvdW5kIHRvIHRoaXMgY29tcG9uZW50XG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgb3ZlcnJpZGUgbm9kZSE6IENvbXBvbmVudE5vZGU8VD5cblxuICBwdWJsaWMgb3ZlcnJpZGUgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMubm9kZS5kYXRhKSB7XG4gICAgICB0aGlzLmRhdGEuc2V0KHRoaXMubm9kZS5kYXRhKVxuICAgIH1cblxuICAgIHN1cGVyLm5nT25Jbml0KClcbiAgfVxufVxuXG4iXX0=