ngx-vflow 1.0.5 → 1.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/vflow/components/node/node.component.mjs +7 -6
- package/esm2022/lib/vflow/components/vflow/vflow.component.mjs +4 -10
- package/esm2022/lib/vflow/directives/connection-controller.directive.mjs +37 -47
- package/esm2022/lib/vflow/services/flow-status.service.mjs +1 -15
- package/esm2022/lib/vflow/utils/round.mjs +1 -1
- package/esm2022/lib/vflow/vflow.mjs +3 -1
- package/fesm2022/ngx-vflow.mjs +151 -179
- package/fesm2022/ngx-vflow.mjs.map +1 -1
- package/lib/vflow/components/node/node.component.d.ts +1 -1
- package/lib/vflow/components/vflow/vflow.component.d.ts +4 -5
- package/lib/vflow/directives/connection-controller.directive.d.ts +4 -5
- package/lib/vflow/services/flow-status.service.d.ts +0 -6
- package/lib/vflow/vflow.d.ts +2 -1
- package/package.json +1 -1
|
@@ -13,10 +13,10 @@ export declare class NodeComponent implements OnInit, AfterViewInit, OnDestroy,
|
|
|
13
13
|
private flowSettingsService;
|
|
14
14
|
private selectionService;
|
|
15
15
|
private hostRef;
|
|
16
|
-
private connectionController;
|
|
17
16
|
private nodeAccessor;
|
|
18
17
|
private overlaysService;
|
|
19
18
|
private zone;
|
|
19
|
+
private connectionController;
|
|
20
20
|
nodeModel: import("@angular/core").InputSignal<NodeModel<unknown>>;
|
|
21
21
|
nodeTemplate: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
|
|
22
22
|
groupNodeTemplate: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
|
|
@@ -16,9 +16,8 @@ import { FitViewOptions } from '../../interfaces/fit-view-options.interface';
|
|
|
16
16
|
import { Optimization } from '../../interfaces/optimization.interface';
|
|
17
17
|
import { KeyboardShortcuts } from '../../types/keyboard-action.type';
|
|
18
18
|
import * as i0 from "@angular/core";
|
|
19
|
-
import * as i1 from "../../directives/
|
|
20
|
-
import * as i2 from "../../
|
|
21
|
-
import * as i3 from "../../interfaces/connection-settings.interface";
|
|
19
|
+
import * as i1 from "../../directives/changes-controller.directive";
|
|
20
|
+
import * as i2 from "../../interfaces/connection-settings.interface";
|
|
22
21
|
export declare class VflowComponent implements OnInit {
|
|
23
22
|
private viewportService;
|
|
24
23
|
private flowEntitiesService;
|
|
@@ -154,6 +153,6 @@ export declare class VflowComponent implements OnInit {
|
|
|
154
153
|
protected trackEdges(idx: number, { edge }: EdgeModel): Edge<unknown>;
|
|
155
154
|
private setInitialNodesOrder;
|
|
156
155
|
static ɵfac: i0.ɵɵFactoryDeclaration<VflowComponent, never>;
|
|
157
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<VflowComponent, "vflow", never, { "view": { "alias": "view"; "required": false; }; "minZoom": { "alias": "minZoom"; "required": false; }; "maxZoom": { "alias": "maxZoom"; "required": false; }; "background": { "alias": "background"; "required": false; }; "optimization": { "alias": "optimization"; "required": false; "isSignal": true; }; "entitiesSelectable": { "alias": "entitiesSelectable"; "required": false; }; "keyboardShortcuts": { "alias": "keyboardShortcuts"; "required": false; }; "connection": { "alias": "connection"; "required": false; }; "nodes": { "alias": "nodes"; "required": true; }; "edges": { "alias": "edges"; "required": false; }; }, { "onComponentNodeEvent": "onComponentNodeEvent"; }, ["nodeTemplateDirective", "groupNodeTemplateDirective", "edgeTemplateDirective", "edgeLabelHtmlDirective", "connectionTemplateDirective"], never, true, [{ directive: typeof i1.
|
|
158
|
-
static ngAcceptInputType_connection:
|
|
156
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<VflowComponent, "vflow", never, { "view": { "alias": "view"; "required": false; }; "minZoom": { "alias": "minZoom"; "required": false; }; "maxZoom": { "alias": "maxZoom"; "required": false; }; "background": { "alias": "background"; "required": false; }; "optimization": { "alias": "optimization"; "required": false; "isSignal": true; }; "entitiesSelectable": { "alias": "entitiesSelectable"; "required": false; }; "keyboardShortcuts": { "alias": "keyboardShortcuts"; "required": false; }; "connection": { "alias": "connection"; "required": false; }; "nodes": { "alias": "nodes"; "required": true; }; "edges": { "alias": "edges"; "required": false; }; }, { "onComponentNodeEvent": "onComponentNodeEvent"; }, ["nodeTemplateDirective", "groupNodeTemplateDirective", "edgeTemplateDirective", "edgeLabelHtmlDirective", "connectionTemplateDirective"], never, true, [{ directive: typeof i1.ChangesControllerDirective; inputs: {}; outputs: { "onNodesChange": "onNodesChange"; "onNodesChange.position": "onNodesChange.position"; "onNodesChange.position.single": "onNodesChange.position.single"; "onNodesChange.position.many": "onNodesChange.position.many"; "onNodesChange.size": "onNodesChange.size"; "onNodesChange.size.single": "onNodesChange.size.single"; "onNodesChange.size.many": "onNodesChange.size.many"; "onNodesChange.add": "onNodesChange.add"; "onNodesChange.add.single": "onNodesChange.add.single"; "onNodesChange.add.many": "onNodesChange.add.many"; "onNodesChange.remove": "onNodesChange.remove"; "onNodesChange.remove.single": "onNodesChange.remove.single"; "onNodesChange.remove.many": "onNodesChange.remove.many"; "onNodesChange.select": "onNodesChange.select"; "onNodesChange.select.single": "onNodesChange.select.single"; "onNodesChange.select.many": "onNodesChange.select.many"; "onEdgesChange": "onEdgesChange"; "onEdgesChange.detached": "onEdgesChange.detached"; "onEdgesChange.detached.single": "onEdgesChange.detached.single"; "onEdgesChange.detached.many": "onEdgesChange.detached.many"; "onEdgesChange.add": "onEdgesChange.add"; "onEdgesChange.add.single": "onEdgesChange.add.single"; "onEdgesChange.add.many": "onEdgesChange.add.many"; "onEdgesChange.remove": "onEdgesChange.remove"; "onEdgesChange.remove.single": "onEdgesChange.remove.single"; "onEdgesChange.remove.many": "onEdgesChange.remove.many"; "onEdgesChange.select": "onEdgesChange.select"; "onEdgesChange.select.single": "onEdgesChange.select.single"; "onEdgesChange.select.many": "onEdgesChange.select.many"; }; }]>;
|
|
157
|
+
static ngAcceptInputType_connection: i2.ConnectionSettings;
|
|
159
158
|
}
|
|
@@ -2,6 +2,8 @@ import { Connection } from '../interfaces/connection.interface';
|
|
|
2
2
|
import { HandleModel } from '../models/handle.model';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export declare class ConnectionControllerDirective {
|
|
5
|
+
private statusService;
|
|
6
|
+
private flowEntitiesService;
|
|
5
7
|
/**
|
|
6
8
|
* This event fires when user tries to create new Edge.
|
|
7
9
|
*
|
|
@@ -12,15 +14,12 @@ export declare class ConnectionControllerDirective {
|
|
|
12
14
|
*
|
|
13
15
|
* @todo add connect event and deprecate onConnect
|
|
14
16
|
*/
|
|
15
|
-
readonly onConnect: import("@angular/core").
|
|
16
|
-
private statusService;
|
|
17
|
-
private flowEntitiesService;
|
|
18
|
-
protected connectEffect: import("@angular/core").EffectRef;
|
|
17
|
+
readonly onConnect: import("@angular/core").OutputRef<Connection>;
|
|
19
18
|
protected isStrictMode: import("@angular/core").Signal<boolean>;
|
|
20
19
|
startConnection(handle: HandleModel): void;
|
|
21
20
|
validateConnection(handle: HandleModel): void;
|
|
22
21
|
resetValidateConnection(targetHandle: HandleModel): void;
|
|
23
22
|
endConnection(): void;
|
|
24
23
|
static ɵfac: i0.ɵɵFactoryDeclaration<ConnectionControllerDirective, never>;
|
|
25
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<ConnectionControllerDirective, "[
|
|
24
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ConnectionControllerDirective, "[onConnect]", never, {}, { "onConnect": "onConnect"; }, never, never, true, never>;
|
|
26
25
|
}
|
|
@@ -30,9 +30,3 @@ export declare class FlowStatusService {
|
|
|
30
30
|
static ɵfac: i0.ɵɵFactoryDeclaration<FlowStatusService, never>;
|
|
31
31
|
static ɵprov: i0.ɵɵInjectableDeclaration<FlowStatusService>;
|
|
32
32
|
}
|
|
33
|
-
/**
|
|
34
|
-
* Batch status changes together to call them one after another
|
|
35
|
-
*
|
|
36
|
-
* @param changes list of set[FlowStatus.state]Status() calls
|
|
37
|
-
*/
|
|
38
|
-
export declare function batchStatusChanges(...changes: (() => void)[]): void;
|
package/lib/vflow/vflow.d.ts
CHANGED
|
@@ -6,4 +6,5 @@ import { MiniMapComponent } from './public-components/minimap/minimap.component'
|
|
|
6
6
|
import { NodeToolbarComponent } from './public-components/node-toolbar/node-toolbar.component';
|
|
7
7
|
import { ResizableComponent } from './public-components/resizable/resizable.component';
|
|
8
8
|
import { HandleComponent } from './public-components/handle/handle.component';
|
|
9
|
-
|
|
9
|
+
import { ConnectionControllerDirective } from './directives/connection-controller.directive';
|
|
10
|
+
export declare const Vflow: readonly [typeof VflowComponent, typeof HandleComponent, typeof ResizableComponent, typeof SelectableDirective, typeof MiniMapComponent, typeof NodeToolbarComponent, typeof DragHandleDirective, typeof ConnectionControllerDirective, typeof NodeHtmlTemplateDirective, typeof GroupNodeTemplateDirective, typeof EdgeLabelHtmlTemplateDirective, typeof EdgeTemplateDirective, typeof ConnectionTemplateDirective, typeof HandleTemplateDirective];
|