ngx-vflow 0.15.0 → 1.0.0

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 = unknown> = DefaultNode | HtmlTemplateNode<T> | ComponentNode<T> | DefaultGroupNode | TemplateGroupNode<T>;
-export type DynamicNode<T = unknown> = DefaultDynamicNode | HtmlTemplateDynamicNode<T> | ComponentDynamicNode<T> | DefaultDynamicGroupNode | TemplateDynamicGroupNode<T>;
+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 interface SharedNode {
     id: string;
     point: Point;
@@ -28,13 +28,13 @@ export interface DefaultDynamicNode extends SharedDynamicNode {
     width?: WritableSignal<number>;
     height?: WritableSignal<number>;
 }
-export interface HtmlTemplateNode<T = unknown> extends SharedNode {
+export interface HtmlTemplateNode<T = any> extends SharedNode {
     type: 'html-template';
     data?: T;
     width?: number;
     height?: number;
 }
-export interface HtmlTemplateDynamicNode<T = unknown> extends SharedDynamicNode {
+export interface HtmlTemplateDynamicNode<T = any> extends SharedDynamicNode {
     type: 'html-template';
     data?: WritableSignal<T>;
     width?: WritableSignal<number>;
@@ -66,27 +66,27 @@ export interface TemplateDynamicGroupNode<T> extends SharedDynamicNode {
     height: WritableSignal<number>;
     data?: WritableSignal<T>;
 }
-export interface ComponentNode<T = unknown> extends SharedNode {
+export interface ComponentNode<T = any> extends SharedNode {
     type: Type<CustomNodeComponent<T>>;
     data?: T;
     width?: number;
     height?: number;
 }
-export interface ComponentDynamicNode<T = unknown> extends SharedDynamicNode {
+export interface ComponentDynamicNode<T = any> extends SharedDynamicNode {
     type: Type<CustomDynamicNodeComponent<T>>;
     data?: WritableSignal<T>;
     width?: WritableSignal<number>;
     height?: WritableSignal<number>;
 }
-export declare function isStaticNode<T>(node: Node | DynamicNode): node is Node<T>;
-export declare function isDynamicNode<T>(node: Node | DynamicNode): node is DynamicNode<T>;
-export declare function isComponentStaticNode<T>(node: Node): node is ComponentNode<T>;
-export declare function isComponentDynamicNode<T>(node: DynamicNode): node is ComponentDynamicNode<T>;
-export declare function isTemplateStaticNode<T>(node: Node): node is HtmlTemplateNode<T>;
-export declare function isTemplateDynamicNode<T>(node: DynamicNode): node is HtmlTemplateDynamicNode<T>;
+export declare function isStaticNode<T>(node: Node<T> | DynamicNode<T>): node is Node<T>;
+export declare function isDynamicNode<T>(node: Node<T> | DynamicNode<T>): node is DynamicNode<T>;
+export declare function isComponentStaticNode<T>(node: Node<T>): node is ComponentNode<T>;
+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 isDefaultStaticNode(node: Node): node is DefaultNode;
 export declare function isDefaultDynamicNode(node: DynamicNode): node is DefaultDynamicNode;
 export declare function isDefaultStaticGroupNode(node: Node): node is DefaultGroupNode;
 export declare function isDefaultDynamicGroupNode(node: DynamicNode): node is DefaultDynamicGroupNode;
-export declare function isTemplateStaticGroupNode<T>(node: Node): node is TemplateGroupNode<T>;
-export declare function isTemplateDynamicGroupNode<T>(node: DynamicNode): node is TemplateDynamicGroupNode<T>;
+export declare function isTemplateStaticGroupNode<T>(node: Node<T>): node is TemplateGroupNode<T>;
+export declare function isTemplateDynamicGroupNode<T>(node: DynamicNode<T>): node is TemplateDynamicGroupNode<T>;

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

@@ -1,3 +1,9 @@
 export interface Optimization {
-    computeLayersOnInit: boolean;
+    /**
+     * If true, the layer with groups will be placed behind the edges layer.
+     * This approach fixes the issue when you can't select an edge inside group.
+     *
+     * @default false
+     */
+    detachedGroupsLayer: boolean;
 }

package/lib/vflow/math/edge-path/smooth-step-path.d.ts

@@ -0,0 +1,5 @@
+import { PathData } from '../../interfaces/path-data.interface';
+import { Point } from '../../interfaces/point.interface';
+import { Position } from '../../types/position.type';
+export declare function getEdgeCenter(source: Point, target: Point): [number, number, number, number];
+export declare function smoothStepPath(source: Point, target: Point, sourcePosition: Position, targetPosition: Position, borderRadius?: number): PathData;

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

@@ -14,23 +14,7 @@ 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<{
-        path: string;
-        points: {
-            start: {
-                x: number;
-                y: number;
-            };
-            center: {
-                x: number;
-                y: number;
-            };
-            end: {
-                x: number;
-                y: number;
-            };
-        };
-    }>;
+    path: import("@angular/core").Signal<import("../interfaces/path-data.interface").PathData>;
     edgeLabels: {
         [position in EdgeLabelPosition]?: EdgeLabelModel;
     };

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

@@ -31,15 +31,15 @@ export declare class HandleModel {
         width: number;
         height: number;
     } | {
-        width: number;
-        height: number;
+        readonly width: 0;
+        readonly height: 0;
     }>;
     parentPosition: import("@angular/core").Signal<{
         x: number;
         y: number;
     } | {
-        x: number;
-        y: number;
+        readonly x: 0;
+        readonly y: 0;
     }>;
     parentReference: Element;
     template: import("@angular/core").TemplateRef<any> | undefined;

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

@@ -33,8 +33,6 @@ export declare class NodeModel<T = unknown> implements FlowEntity {
         y: number;
     }>;
     pointTransform: Signal<string>;
-    sourcePosition: Signal<import("ngx-vflow").Position>;
-    targetPosition: Signal<import("ngx-vflow").Position>;
     handles: import("@angular/core").WritableSignal<HandleModel[]>;
     handles$: import("rxjs").Observable<HandleModel[]>;
     draggable: import("@angular/core").WritableSignal<boolean>;
@@ -42,10 +40,9 @@ export declare class NodeModel<T = unknown> implements FlowEntity {
     readonly magnetRadius = 20;
     isComponentType: boolean;
     text: Signal<string>;
-    componentTypeInputs: Signal<{
+    componentTypeInputs: {
         node: Node<T> | DynamicNode<T>;
-        _selected: boolean;
-    }>;
+    };
     parent: Signal<NodeModel<unknown> | null>;
     children: Signal<NodeModel<unknown>[]>;
     color: import("@angular/core").WritableSignal<string>;

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

@@ -2,12 +2,12 @@ import { OnInit } from "@angular/core";
 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 {
+export declare abstract class CustomDynamicNodeComponent<T = any> extends CustomNodeBaseComponent<T> implements OnInit {
     /**
      * Reference to node bound to this component
      */
-    node: ComponentDynamicNode<T>;
+    node: import("@angular/core").InputSignal<ComponentDynamicNode<T>>;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CustomDynamicNodeComponent<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CustomDynamicNodeComponent<any>, never, never, { "node": { "alias": "node"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CustomDynamicNodeComponent<any>, never, never, { "node": { "alias": "node"; "required": true; "isSignal": true; }; }, {}, never, never, false, never>;
 }

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

@@ -2,12 +2,12 @@ import { OnInit } from "@angular/core";
 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 {
+export declare abstract class CustomNodeComponent<T = any> extends CustomNodeBaseComponent<T> implements OnInit {
     /**
      * Reference to node bound to this component
      */
-    node: ComponentNode<T>;
+    node: import("@angular/core").InputSignal<ComponentNode<T>>;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CustomNodeComponent<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CustomNodeComponent<any>, never, never, { "node": { "alias": "node"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CustomNodeComponent<any>, never, never, { "node": { "alias": "node"; "required": true; "isSignal": true; }; }, {}, never, never, false, never>;
 }

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

@@ -11,18 +11,18 @@ export declare class HandleComponent implements OnInit, WithInjector {
     /**
      * At what side of node this component should be placed
      */
-    position: Position;
+    position: import("@angular/core").InputSignal<Position>;
     /**
      * Source or target
      */
-    type: 'source' | 'target';
+    type: import("@angular/core").InputSignal<"source" | "target">;
     /**
      * Should be used if node has more than one source/target
      */
-    id?: string;
-    template?: TemplateRef<any>;
+    id: import("@angular/core").InputSignal<string | undefined>;
+    template: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
     model: HandleModel;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<HandleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HandleComponent, "handle", never, { "position": { "alias": "position"; "required": true; }; "type": { "alias": "type"; "required": true; }; "id": { "alias": "id"; "required": false; }; "template": { "alias": "template"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HandleComponent, "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/public-components/minimap/minimap.component.d.ts

@@ -10,22 +10,22 @@ export declare class MiniMapComponent implements OnInit {
     protected flowSettingsService: FlowSettingsService;
     protected viewportService: ViewportService;
     protected injector: Injector;
-    /**
-     * The corner of the flow where to render a mini-map
-     */
-    set position(value: MiniMapPosition);
     /**
      * The color outside the viewport (invisible area)
      */
-    maskColor: string;
+    maskColor: import("@angular/core").InputSignal<string>;
     /**
      * The minimap stroke color
      */
-    strokeColor: string;
+    strokeColor: import("@angular/core").InputSignal<string>;
+    /**
+     * The corner of the flow where to render a mini-map
+     */
+    position: import("@angular/core").InputSignal<MiniMapPosition>;
     /**
      * Make a minimap bigger on hover
      */
-    set scaleOnHover(value: boolean);
+    scaleOnHover: import("@angular/core").InputSignal<boolean>;
     private minimap;
     private readonly minimapOffset;
     private readonly minimapScale;
@@ -40,10 +40,8 @@ export declare class MiniMapComponent implements OnInit {
     protected viewportTransform: import("@angular/core").Signal<string>;
     protected boundsViewport: import("@angular/core").Signal<import("ngx-vflow").ViewportState>;
     protected minimapTransform: import("@angular/core").Signal<string>;
-    private minimapPosition;
-    private scaleOnHoverSignal;
     ngOnInit(): void;
     protected trackNodes(idx: number, { node }: 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, { "position": { "alias": "position"; "required": false; }; "maskColor": { "alias": "maskColor"; "required": false; }; "strokeColor": { "alias": "strokeColor"; "required": false; }; "scaleOnHover": { "alias": "scaleOnHover"; "required": false; }; }, {}, never, never, false, 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/node-toolbar/node-toolbar.component.d.ts

@@ -5,18 +5,19 @@ import * as i0 from "@angular/core";
 export declare class NodeToolbarComponent implements OnInit, OnDestroy {
     private overlaysService;
     private nodeService;
-    set position(value: Position);
-    toolbarContentTemplate: TemplateRef<unknown>;
+    position: import("@angular/core").InputSignal<Position>;
+    toolbarContentTemplate: import("@angular/core").Signal<TemplateRef<unknown>>;
     protected model: ToolbarModel;
+    constructor();
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NodeToolbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NodeToolbarComponent, "node-toolbar", never, { "position": { "alias": "position"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NodeToolbarComponent, "node-toolbar", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 export declare class NodeToolbarWrapperDirective implements OnInit {
     private element;
-    model: ToolbarModel;
+    model: import("@angular/core").InputSignal<ToolbarModel>;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NodeToolbarWrapperDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NodeToolbarWrapperDirective, "[nodeToolbarWrapper]", never, { "model": { "alias": "model"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NodeToolbarWrapperDirective, "[nodeToolbarWrapper]", never, { "model": { "alias": "model"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -9,9 +9,9 @@ export declare class ResizableComponent implements OnInit, AfterViewInit {
     private viewportService;
     private spacePointContext;
     private hostRef;
-    set resizable(value: boolean | '');
-    resizerColor: string;
-    gap: number;
+    resizable: import("@angular/core").InputSignal<boolean | "" | undefined>;
+    resizerColor: import("@angular/core").InputSignal<string>;
+    gap: import("@angular/core").InputSignal<number>;
     private resizer;
     protected get model(): NodeModel<unknown>;
     protected lineGap: number;
@@ -22,6 +22,7 @@ export declare class ResizableComponent implements OnInit, AfterViewInit {
     private minHeight;
     protected resizeOnGlobalMouseMove: import("rxjs").Subscription;
     protected endResizeOnGlobalMouseUp: import("rxjs").Subscription;
+    constructor();
     ngOnInit(): void;
     ngAfterViewInit(): void;
     protected startResize(side: Side, event: Event): void;
@@ -29,6 +30,6 @@ export declare class ResizableComponent implements OnInit, AfterViewInit {
     protected endResize(): void;
     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>;
+    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>;
 }
 export {};

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

@@ -1,15 +1,8 @@
 import { WritableSignal } from '@angular/core';
-import { HandlePositions } from '../interfaces/handle-positions.interface';
 import { Background } from '../types/background.type';
 import * as i0 from "@angular/core";
 export declare class FlowSettingsService {
     entitiesSelectable: WritableSignal<boolean>;
-    /**
-     * Global setting with handle positions. Nodes derive this value
-     *
-     * @deprecated
-     */
-    handlePositions: WritableSignal<HandlePositions>;
     /**
      * @see {VflowComponent.view}
      */

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

@@ -3,6 +3,8 @@ import * as i0 from "@angular/core";
 export declare class NodeRenderingService {
     private flowEntitiesService;
     readonly nodes: import("@angular/core").Signal<NodeModel<unknown>[]>;
+    readonly groups: import("@angular/core").Signal<NodeModel<unknown>[]>;
+    readonly nonGroups: import("@angular/core").Signal<NodeModel<unknown>[]>;
     private maxOrder;
     pullNode(node: NodeModel): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NodeRenderingService, never>;

package/lib/vflow/types/background.type.d.ts

@@ -1,4 +1,4 @@
-export type Background = ColorBackground | DotsBackground;
+export type Background = ColorBackground | DotsBackground | ImageBackground;
 export interface ColorBackground {
     type: 'solid';
     color: string;
@@ -22,3 +22,26 @@ export interface DotsBackground {
      */
     backgroundColor?: string;
 }
+export interface ImageBackground {
+    type: 'image';
+    /**
+     * Path to image. Passes as a href to this element:
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/SVG/Element/image
+     */
+    src: string;
+    /**
+     * If true, image will be fixed on the background (not moving with the flow, zoom also doesn't affect it)
+     */
+    fixed?: boolean;
+    /**
+     * If true, image will be repeated
+     */
+    repeat?: boolean;
+    /**
+     * Scale relative to natural image size.
+     *
+     * For example, if image is 100x100 and scale is 0.5, it will be rendered as 50x50
+     */
+    scale?: number;
+}

package/lib/vflow/utils/is-group-node.d.ts

@@ -0,0 +1,2 @@
+import { NodeModel } from "../models/node.model";
+export declare function isGroupNode(node: NodeModel): boolean;

package/lib/vflow/utils/reference-keeper.d.ts

@@ -6,7 +6,7 @@ export declare class ReferenceKeeper {
     /**
      * Create new models for new node references and keep old models for old node references
      */
-    static nodes(newNodes: Node[] | DynamicNode[], oldNodeModels: NodeModel[]): NodeModel<unknown>[];
+    static nodes(newNodes: Node[] | DynamicNode[], oldNodeModels: NodeModel[]): (NodeModel<unknown> | NodeModel<any>)[];
     /**
      * Create new models for new edge references and keep old models for old edge references
      */

package/lib/vflow/vflow.d.ts

@@ -0,0 +1,9 @@
+import { VflowComponent } from "./components/vflow/vflow.component";
+import { DragHandleDirective } from "./directives/drag-handle.directive";
+import { SelectableDirective } from "./directives/selectable.directive";
+import { ConnectionTemplateDirective } from "./directives/template.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";
+export declare const Vflow: (typeof ConnectionTemplateDirective | typeof ResizableComponent | typeof HandleComponent | typeof VflowComponent | typeof DragHandleDirective | typeof SelectableDirective | typeof MiniMapComponent | typeof NodeToolbarComponent)[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-vflow",
-  "version": "0.15.0",
+  "version": "1.0.0",
   "license": "MIT",
   "homepage": "https://www.ngx-vflow.org/",
   "author": "Artem Mangilev",
@@ -16,8 +16,8 @@
     "type": "git"
   },
   "peerDependencies": {
-    "@angular/common": "^16.2.0 || 17.x || 18.x",
-    "@angular/core": "^16.2.0 || 17.x || 18.x",
+    "@angular/common": "^17.3.12 || 18.x || 19.x",
+    "@angular/core": "^17.3.12 || 18.x || 19.x",
     "d3-drag": "^3.0.0",
     "d3-selection": "^3.0.0",
     "d3-zoom": "^3.0.0",

package/public-api.d.ts

@@ -1,4 +1,4 @@
-export * from './lib/vflow/vflow.module';
+export * from './lib/vflow/vflow';
 export * from './lib/vflow/interfaces/node.interface';
 export * from './lib/vflow/interfaces/point.interface';
 export * from './lib/vflow/interfaces/edge.interface';
@@ -6,7 +6,6 @@ export * from './lib/vflow/interfaces/edge-label.interface';
 export * from './lib/vflow/interfaces/connection.interface';
 export * from './lib/vflow/interfaces/connection.interface';
 export * from './lib/vflow/interfaces/connection-settings.interface';
-export * from './lib/vflow/interfaces/handle-positions.interface';
 export * from './lib/vflow/interfaces/marker.interface';
 export { ViewportState } from './lib/vflow/interfaces/viewport.interface';
 export * from './lib/vflow/interfaces/component-node-event.interface';
@@ -19,7 +18,7 @@ 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/handle/handle.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';

package/esm2022/lib/vflow/components/handle/handle.component.mjs

@@ -1,49 +0,0 @@
-import { __decorate } from "tslib";
-import { ChangeDetectionStrategy, Component, DestroyRef, ElementRef, Injector, Input, inject } from '@angular/core';
-import { HandleService } from '../../services/handle.service';
-import { HandleModel } from '../../models/handle.model';
-import { InjectionContext } from '../../decorators/run-in-injection-context.decorator';
-import * as i0 from "@angular/core";
-export class HandleComponent {
-    constructor() {
-        this.injector = inject(Injector);
-        this.handleService = inject(HandleService);
-        this.element = inject(ElementRef).nativeElement;
-        this.destroyRef = inject(DestroyRef);
-    }
-    ngOnInit() {
-        const node = this.handleService.node();
-        if (node) {
-            this.model = new HandleModel({
-                position: this.position,
-                type: this.type,
-                id: this.id,
-                parentReference: this.element.parentElement,
-                template: this.template
-            }, node);
-            this.handleService.createHandle(this.model);
-            requestAnimationFrame(() => this.model.updateParent());
-            this.destroyRef.onDestroy(() => this.handleService.destroyHandle(this.model));
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HandleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: HandleComponent, selector: "handle", inputs: { position: "position", type: "type", id: "id", template: "template" }, ngImport: i0, template: "", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-__decorate([
-    InjectionContext
-], HandleComponent.prototype, "ngOnInit", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HandleComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'handle', changeDetection: ChangeDetectionStrategy.OnPush, template: "" }]
-        }], propDecorators: { position: [{
-                type: Input,
-                args: [{ required: true }]
-            }], type: [{
-                type: Input,
-                args: [{ required: true }]
-            }], id: [{
-                type: Input
-            }], template: [{
-                type: Input
-            }], ngOnInit: [] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGFuZGxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC12Zmxvdy1saWIvc3JjL2xpYi92Zmxvdy9jb21wb25lbnRzL2hhbmRsZS9oYW5kbGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXZmbG93LWxpYi9zcmMvbGliL3ZmbG93L2NvbXBvbmVudHMvaGFuZGxlL2hhbmRsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQWtDLE1BQU0sRUFBaUMsTUFBTSxlQUFlLENBQUM7QUFFbkwsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQzlELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUN4RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQWdCLE1BQU0scURBQXFELENBQUM7O0FBT3JHLE1BQU0sT0FBTyxlQUFlO0lBTDVCO1FBTVMsYUFBUSxHQUFHLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUMzQixrQkFBYSxHQUFHLE1BQU0sQ0FBQyxhQUFhLENBQUMsQ0FBQTtRQUNyQyxZQUFPLEdBQUcsTUFBTSxDQUEwQixVQUFVLENBQUMsQ0FBQyxhQUFhLENBQUE7UUFDbkUsZUFBVSxHQUFHLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQTtLQWdEeEM7SUF0QlEsUUFBUTtRQUNiLE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxFQUFFLENBQUE7UUFFdEMsSUFBSSxJQUFJLEVBQUU7WUFDUixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksV0FBVyxDQUMxQjtnQkFDRSxRQUFRLEVBQUUsSUFBSSxDQUFDLFFBQVE7Z0JBQ3ZCLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSTtnQkFDZixFQUFFLEVBQUUsSUFBSSxDQUFDLEVBQUU7Z0JBQ1gsZUFBZSxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYztnQkFDNUMsUUFBUSxFQUFFLElBQUksQ0FBQyxRQUFRO2FBQ3hCLEVBQ0QsSUFBSSxDQUNMLENBQUE7WUFFRCxJQUFJLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUE7WUFFM0MscUJBQXFCLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLEVBQUUsQ0FBQyxDQUFBO1lBRXRELElBQUksQ0FBQyxVQUFVLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFBO1NBQzlFO0lBQ0gsQ0FBQzsrR0FuRFUsZUFBZTttR0FBZixlQUFlLDhIQ1g1QixFQUFBOztBRHlDUztJQUROLGdCQUFnQjsrQ0FzQmhCOzRGQW5EVSxlQUFlO2tCQUwzQixTQUFTOytCQUNFLFFBQVEsbUJBRUQsdUJBQXVCLENBQUMsTUFBTTs4QkFZeEMsUUFBUTtzQkFEZCxLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFPbEIsSUFBSTtzQkFEVixLQUFLO3VCQUFDLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRTtnQkFPbEIsRUFBRTtzQkFEUixLQUFLO2dCQUlDLFFBQVE7c0JBRGQsS0FBSztnQkFNQyxRQUFRIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRGVzdHJveVJlZiwgRWxlbWVudFJlZiwgSW5qZWN0b3IsIElucHV0LCBPbkRlc3Ryb3ksIE9uSW5pdCwgVGVtcGxhdGVSZWYsIGluamVjdCwgcnVuSW5JbmplY3Rpb25Db250ZXh0LCBzaWduYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFBvc2l0aW9uIH0gZnJvbSAnLi4vLi4vdHlwZXMvcG9zaXRpb24udHlwZSc7XG5pbXBvcnQgeyBIYW5kbGVTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvaGFuZGxlLnNlcnZpY2UnO1xuaW1wb3J0IHsgSGFuZGxlTW9kZWwgfSBmcm9tICcuLi8uLi9tb2RlbHMvaGFuZGxlLm1vZGVsJztcbmltcG9ydCB7IEluamVjdGlvbkNvbnRleHQsIFdpdGhJbmplY3RvciB9IGZyb20gJy4uLy4uL2RlY29yYXRvcnMvcnVuLWluLWluamVjdGlvbi1jb250ZXh0LmRlY29yYXRvcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2hhbmRsZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9oYW5kbGUuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBIYW5kbGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIFdpdGhJbmplY3RvciB7XG4gIHB1YmxpYyBpbmplY3RvciA9IGluamVjdChJbmplY3Rvcik7XG4gIHByaXZhdGUgaGFuZGxlU2VydmljZSA9IGluamVjdChIYW5kbGVTZXJ2aWNlKVxuICBwcml2YXRlIGVsZW1lbnQgPSBpbmplY3Q8RWxlbWVudFJlZjxIVE1MRWxlbWVudD4+KEVsZW1lbnRSZWYpLm5hdGl2ZUVsZW1lbnRcbiAgcHJpdmF0ZSBkZXN0cm95UmVmID0gaW5qZWN0KERlc3Ryb3lSZWYpXG5cbiAgLyoqXG4gICAqIEF0IHdoYXQgc2lkZSBvZiBub2RlIHRoaXMgY29tcG9uZW50IHNob3VsZCBiZSBwbGFjZWRcbiAgICovXG4gIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pXG4gIHB1YmxpYyBwb3NpdGlvbiE6IFBvc2l0aW9uXG5cbiAgLyoqXG4gICAqIFNvdXJjZSBvciB0YXJnZXRcbiAgICovXG4gIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pXG4gIHB1YmxpYyB0eXBlITogJ3NvdXJjZScgfCAndGFyZ2V0J1xuXG4gIC8qKlxuICAgKiBTaG91bGQgYmUgdXNlZCBpZiBub2RlIGhhcyBtb3JlIHRoYW4gb25lIHNvdXJjZS90YXJnZXRcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBpZD86IHN0cmluZ1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyB0ZW1wbGF0ZT86IFRlbXBsYXRlUmVmPGFueT5cblxuICBwdWJsaWMgbW9kZWwhOiBIYW5kbGVNb2RlbFxuXG4gIEBJbmplY3Rpb25Db250ZXh0XG4gIHB1YmxpYyBuZ09uSW5pdCgpIHtcbiAgICBjb25zdCBub2RlID0gdGhpcy5oYW5kbGVTZXJ2aWNlLm5vZGUoKVxuXG4gICAgaWYgKG5vZGUpIHtcbiAgICAgIHRoaXMubW9kZWwgPSBuZXcgSGFuZGxlTW9kZWwoXG4gICAgICAgIHtcbiAgICAgICAgICBwb3NpdGlvbjogdGhpcy5wb3NpdGlvbixcbiAgICAgICAgICB0eXBlOiB0aGlzLnR5cGUsXG4gICAgICAgICAgaWQ6IHRoaXMuaWQsXG4gICAgICAgICAgcGFyZW50UmVmZXJlbmNlOiB0aGlzLmVsZW1lbnQucGFyZW50RWxlbWVudCEsXG4gICAgICAgICAgdGVtcGxhdGU6IHRoaXMudGVtcGxhdGVcbiAgICAgICAgfSxcbiAgICAgICAgbm9kZVxuICAgICAgKVxuXG4gICAgICB0aGlzLmhhbmRsZVNlcnZpY2UuY3JlYXRlSGFuZGxlKHRoaXMubW9kZWwpXG5cbiAgICAgIHJlcXVlc3RBbmltYXRpb25GcmFtZSgoKSA9PiB0aGlzLm1vZGVsLnVwZGF0ZVBhcmVudCgpKVxuXG4gICAgICB0aGlzLmRlc3Ryb3lSZWYub25EZXN0cm95KCgpID0+IHRoaXMuaGFuZGxlU2VydmljZS5kZXN0cm95SGFuZGxlKHRoaXMubW9kZWwpKVxuICAgIH1cbiAgfVxufVxuXG4iLCIiXX0=

package/esm2022/lib/vflow/interfaces/handle-positions.interface.mjs

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGFuZGxlLXBvc2l0aW9ucy5pbnRlcmZhY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtdmZsb3ctbGliL3NyYy9saWIvdmZsb3cvaW50ZXJmYWNlcy9oYW5kbGUtcG9zaXRpb25zLmludGVyZmFjZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUG9zaXRpb24gfSBmcm9tIFwiLi4vdHlwZXMvcG9zaXRpb24udHlwZVwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEhhbmRsZVBvc2l0aW9ucyB7XG4gIHNvdXJjZTogUG9zaXRpb25cbiAgdGFyZ2V0OiBQb3NpdGlvblxufVxuIl19