@html-graph/html-graph 7.9.0 → 8.1.0
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/dist/html-graph.d.ts +47 -88
- package/dist/html-graph.js +304 -336
- package/dist/html-graph.umd.cjs +1 -1
- package/package.json +1 -1
package/dist/html-graph.d.ts
CHANGED
|
@@ -18,7 +18,7 @@ export declare type AddNodePorts = Iterable<MarkNodePortRequest>;
|
|
|
18
18
|
|
|
19
19
|
export declare interface AddNodeRequest {
|
|
20
20
|
readonly id?: Identifier | undefined;
|
|
21
|
-
readonly element:
|
|
21
|
+
readonly element: NodeElement;
|
|
22
22
|
readonly x?: number | null | undefined;
|
|
23
23
|
readonly y?: number | null | undefined;
|
|
24
24
|
readonly ports?: AddNodePorts | undefined;
|
|
@@ -28,7 +28,7 @@ export declare interface AddNodeRequest {
|
|
|
28
28
|
|
|
29
29
|
declare interface AddNodeRequest_2 {
|
|
30
30
|
readonly id: Identifier;
|
|
31
|
-
readonly element:
|
|
31
|
+
readonly element: NodeElement;
|
|
32
32
|
readonly x: number | null;
|
|
33
33
|
readonly y: number | null;
|
|
34
34
|
readonly centerFn: CenterFn;
|
|
@@ -38,16 +38,18 @@ declare interface AddNodeRequest_2 {
|
|
|
38
38
|
declare interface AddPortRequest {
|
|
39
39
|
readonly id: Identifier;
|
|
40
40
|
readonly nodeId: Identifier;
|
|
41
|
-
readonly element:
|
|
41
|
+
readonly element: PortElement;
|
|
42
42
|
readonly direction: number;
|
|
43
43
|
}
|
|
44
44
|
|
|
45
45
|
export declare interface AnimatedLayoutAlgorithm {
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
46
|
+
calculateNextCoordinates(params: AnimatedLayoutAlgorithmParams): ReadonlyMap<Identifier, Point>;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
export declare interface AnimatedLayoutAlgorithmParams {
|
|
50
|
+
readonly graph: Graph;
|
|
51
|
+
readonly dt: number;
|
|
52
|
+
readonly viewport: Viewport;
|
|
51
53
|
}
|
|
52
54
|
|
|
53
55
|
export declare interface AnimatedLayoutConfig {
|
|
@@ -62,16 +64,6 @@ export declare interface AnimatedLayoutConfig {
|
|
|
62
64
|
readonly edgeEquilibriumLength?: number;
|
|
63
65
|
readonly edgeStiffness?: number;
|
|
64
66
|
readonly seed?: string;
|
|
65
|
-
/**
|
|
66
|
-
* @deprecated
|
|
67
|
-
* use convergenceVelocity instead
|
|
68
|
-
*/
|
|
69
|
-
readonly effectiveDistance?: number;
|
|
70
|
-
/**
|
|
71
|
-
* @deprecated
|
|
72
|
-
* use convergenceVelocity instead
|
|
73
|
-
*/
|
|
74
|
-
readonly convergenceDelta?: number;
|
|
75
67
|
readonly convergenceVelocity?: number;
|
|
76
68
|
readonly maxForce?: number;
|
|
77
69
|
readonly nodeForceCoefficient?: number;
|
|
@@ -561,35 +553,25 @@ export declare class Graph {
|
|
|
561
553
|
readonly onBeforeClear: EventHandler<void>;
|
|
562
554
|
constructor(graphStore: GraphStore);
|
|
563
555
|
hasNode(nodeId: Identifier): boolean;
|
|
564
|
-
getNode(nodeId: Identifier): GraphNode
|
|
565
|
-
findNodeIdByElement(element:
|
|
566
|
-
/**
|
|
567
|
-
* @deprecated
|
|
568
|
-
* use findNodeIdByElement instead
|
|
569
|
-
*/
|
|
570
|
-
getElementNodeId(element: HTMLElement): Identifier | null;
|
|
556
|
+
getNode(nodeId: Identifier): GraphNode;
|
|
557
|
+
findNodeIdByElement(element: Element): Identifier | undefined;
|
|
571
558
|
getAllNodeIds(): readonly Identifier[];
|
|
572
559
|
hasPort(portId: Identifier): boolean;
|
|
573
|
-
getPort(portId: Identifier): GraphPort
|
|
560
|
+
getPort(portId: Identifier): GraphPort;
|
|
574
561
|
getAllPortIds(): readonly Identifier[];
|
|
575
|
-
getNodePortIds(nodeId: Identifier): readonly Identifier[]
|
|
576
|
-
|
|
577
|
-
* @deprecated
|
|
578
|
-
* use findPortIdsByElement instead
|
|
579
|
-
*/
|
|
580
|
-
getElementPortIds(element: HTMLElement): readonly Identifier[];
|
|
581
|
-
findPortIdsByElement(element: HTMLElement): readonly Identifier[];
|
|
562
|
+
getNodePortIds(nodeId: Identifier): readonly Identifier[];
|
|
563
|
+
findPortIdsByElement(element: Element): readonly Identifier[];
|
|
582
564
|
getAllEdgeIds(): readonly Identifier[];
|
|
583
565
|
hasEdge(edgeId: Identifier): boolean;
|
|
584
|
-
getEdge(edgeId: Identifier): GraphEdge
|
|
585
|
-
getPortIncomingEdgeIds(portId: Identifier): readonly Identifier[]
|
|
586
|
-
getPortOutgoingEdgeIds(portId: Identifier): readonly Identifier[]
|
|
587
|
-
getPortCycleEdgeIds(portId: Identifier): readonly Identifier[]
|
|
588
|
-
getPortAdjacentEdgeIds(portId: Identifier): readonly Identifier[]
|
|
589
|
-
getNodeIncomingEdgeIds(nodeId: Identifier): readonly Identifier[]
|
|
590
|
-
getNodeOutgoingEdgeIds(nodeId: Identifier): readonly Identifier[]
|
|
591
|
-
getNodeCycleEdgeIds(nodeId: Identifier): readonly Identifier[]
|
|
592
|
-
getNodeAdjacentEdgeIds(nodeId: Identifier): readonly Identifier[]
|
|
566
|
+
getEdge(edgeId: Identifier): GraphEdge;
|
|
567
|
+
getPortIncomingEdgeIds(portId: Identifier): readonly Identifier[];
|
|
568
|
+
getPortOutgoingEdgeIds(portId: Identifier): readonly Identifier[];
|
|
569
|
+
getPortCycleEdgeIds(portId: Identifier): readonly Identifier[];
|
|
570
|
+
getPortAdjacentEdgeIds(portId: Identifier): readonly Identifier[];
|
|
571
|
+
getNodeIncomingEdgeIds(nodeId: Identifier): readonly Identifier[];
|
|
572
|
+
getNodeOutgoingEdgeIds(nodeId: Identifier): readonly Identifier[];
|
|
573
|
+
getNodeCycleEdgeIds(nodeId: Identifier): readonly Identifier[];
|
|
574
|
+
getNodeAdjacentEdgeIds(nodeId: Identifier): readonly Identifier[];
|
|
593
575
|
}
|
|
594
576
|
|
|
595
577
|
export declare interface GraphEdge {
|
|
@@ -600,7 +582,7 @@ export declare interface GraphEdge {
|
|
|
600
582
|
}
|
|
601
583
|
|
|
602
584
|
export declare interface GraphNode {
|
|
603
|
-
readonly element:
|
|
585
|
+
readonly element: NodeElement;
|
|
604
586
|
readonly x: number | null;
|
|
605
587
|
readonly y: number | null;
|
|
606
588
|
readonly centerFn: CenterFn;
|
|
@@ -608,7 +590,7 @@ export declare interface GraphNode {
|
|
|
608
590
|
}
|
|
609
591
|
|
|
610
592
|
export declare interface GraphPort {
|
|
611
|
-
readonly element:
|
|
593
|
+
readonly element: PortElement;
|
|
612
594
|
readonly direction: number;
|
|
613
595
|
readonly nodeId: Identifier;
|
|
614
596
|
}
|
|
@@ -650,34 +632,22 @@ declare class GraphStore {
|
|
|
650
632
|
readonly onBeforeClear: EventHandler<void>;
|
|
651
633
|
constructor();
|
|
652
634
|
hasNode(nodeId: Identifier): boolean;
|
|
653
|
-
|
|
654
|
-
* TODO: v8
|
|
655
|
-
* throw error when node does not exist
|
|
656
|
-
*/
|
|
657
|
-
getNode(nodeId: Identifier): StoreNode | undefined;
|
|
635
|
+
getNode(nodeId: Identifier): StoreNode;
|
|
658
636
|
addNode(request: AddNodeRequest_2): void;
|
|
659
637
|
getAllNodeIds(): readonly Identifier[];
|
|
660
|
-
findNodeIdByElement(element:
|
|
638
|
+
findNodeIdByElement(element: Element): Identifier | undefined;
|
|
661
639
|
updateNode(nodeId: Identifier, request: UpdateNodeRequest_2): void;
|
|
662
640
|
removeNode(nodeId: Identifier): void;
|
|
663
641
|
hasPort(portId: Identifier): boolean;
|
|
664
|
-
|
|
665
|
-
* TODO: v8
|
|
666
|
-
* throw error when port does not exist
|
|
667
|
-
*/
|
|
668
|
-
getPort(portId: Identifier): StorePort | undefined;
|
|
642
|
+
getPort(portId: Identifier): StorePort;
|
|
669
643
|
addPort(request: AddPortRequest): void;
|
|
670
644
|
updatePort(portId: Identifier, request: UpdatePortRequest_2): void;
|
|
671
645
|
getAllPortIds(): readonly Identifier[];
|
|
672
|
-
findPortIdsByElement(element:
|
|
673
|
-
getNodePortIds(nodeId: Identifier): readonly Identifier[]
|
|
646
|
+
findPortIdsByElement(element: Element): readonly Identifier[];
|
|
647
|
+
getNodePortIds(nodeId: Identifier): readonly Identifier[];
|
|
674
648
|
removePort(portId: Identifier): void;
|
|
675
649
|
hasEdge(edgeId: Identifier): boolean;
|
|
676
|
-
|
|
677
|
-
* TODO: v8
|
|
678
|
-
* throw error when edge does not exist
|
|
679
|
-
*/
|
|
680
|
-
getEdge(edgeId: Identifier): StoreEdge | undefined;
|
|
650
|
+
getEdge(edgeId: Identifier): StoreEdge;
|
|
681
651
|
addEdge(request: AddEdgeRequest_2): void;
|
|
682
652
|
updateEdge(edgeId: Identifier, request: UpdateEdgeRequest_2): void;
|
|
683
653
|
getAllEdgeIds(): readonly Identifier[];
|
|
@@ -777,11 +747,7 @@ export declare class InteractiveEdgeShape implements StructuredEdgeShape {
|
|
|
777
747
|
}
|
|
778
748
|
|
|
779
749
|
export declare interface LayoutAlgorithm {
|
|
780
|
-
|
|
781
|
-
* TODO: v8
|
|
782
|
-
* make single parameter object
|
|
783
|
-
*/
|
|
784
|
-
calculateCoordinates(graph: Graph, viewport: Viewport): ReadonlyMap<Identifier, Point>;
|
|
750
|
+
calculateCoordinates(params: LayoutAlgorithmParams): ReadonlyMap<Identifier, Point>;
|
|
785
751
|
}
|
|
786
752
|
|
|
787
753
|
declare type LayoutAlgorithmConfig = {
|
|
@@ -796,16 +762,6 @@ declare type LayoutAlgorithmConfig = {
|
|
|
796
762
|
readonly nodeMass?: number;
|
|
797
763
|
readonly edgeEquilibriumLength?: number;
|
|
798
764
|
readonly edgeStiffness?: number;
|
|
799
|
-
/**
|
|
800
|
-
* @deprecated
|
|
801
|
-
* use convergenceVelocity instead
|
|
802
|
-
*/
|
|
803
|
-
readonly effectiveDistance?: number;
|
|
804
|
-
/**
|
|
805
|
-
* @deprecated
|
|
806
|
-
* use convergenceVelocity instead
|
|
807
|
-
*/
|
|
808
|
-
readonly convergenceDelta?: number;
|
|
809
765
|
readonly convergenceVelocity?: number;
|
|
810
766
|
readonly maxForce?: number;
|
|
811
767
|
readonly nodeForceCoefficient?: number;
|
|
@@ -815,13 +771,12 @@ declare type LayoutAlgorithmConfig = {
|
|
|
815
771
|
};
|
|
816
772
|
};
|
|
817
773
|
|
|
774
|
+
export declare interface LayoutAlgorithmParams {
|
|
775
|
+
readonly graph: Graph;
|
|
776
|
+
readonly viewport: Viewport;
|
|
777
|
+
}
|
|
778
|
+
|
|
818
779
|
export declare type LayoutApplyOn = {
|
|
819
|
-
/**
|
|
820
|
-
* @deprecated
|
|
821
|
-
* use "topologyChangeMacrotask" instead
|
|
822
|
-
*/
|
|
823
|
-
type: "topologyChangeTimeout";
|
|
824
|
-
} | {
|
|
825
780
|
type: "topologyChangeMacrotask";
|
|
826
781
|
} | {
|
|
827
782
|
type: "topologyChangeMicrotask";
|
|
@@ -834,13 +789,13 @@ export declare interface LayoutConfig {
|
|
|
834
789
|
|
|
835
790
|
export declare type MarkNodePortRequest = {
|
|
836
791
|
readonly id?: Identifier | undefined;
|
|
837
|
-
readonly element:
|
|
792
|
+
readonly element: PortElement;
|
|
838
793
|
readonly direction?: number | undefined;
|
|
839
794
|
};
|
|
840
795
|
|
|
841
796
|
export declare interface MarkPortRequest {
|
|
842
797
|
readonly id?: Identifier | undefined;
|
|
843
|
-
readonly element:
|
|
798
|
+
readonly element: PortElement;
|
|
844
799
|
readonly nodeId: Identifier;
|
|
845
800
|
readonly direction?: number | undefined;
|
|
846
801
|
}
|
|
@@ -860,6 +815,8 @@ export declare class MidpointEdgeShape implements StructuredEdgeShape {
|
|
|
860
815
|
|
|
861
816
|
export declare type MouseEventVerifier = (event: MouseEvent) => boolean;
|
|
862
817
|
|
|
818
|
+
export declare type NodeElement = HTMLElement | SVGSVGElement;
|
|
819
|
+
|
|
863
820
|
export declare interface PatchMatrixRequest {
|
|
864
821
|
readonly scale?: number | undefined;
|
|
865
822
|
readonly x?: number | undefined;
|
|
@@ -877,6 +834,8 @@ export declare interface Point {
|
|
|
877
834
|
readonly y: number;
|
|
878
835
|
}
|
|
879
836
|
|
|
837
|
+
export declare type PortElement = HTMLElement | SVGElement;
|
|
838
|
+
|
|
880
839
|
declare type Priority = ConstantPriority | IncrementalPriority | CustomPriority;
|
|
881
840
|
|
|
882
841
|
export declare type PriorityFn = () => number;
|
|
@@ -903,18 +862,18 @@ declare interface StoreEdge {
|
|
|
903
862
|
}
|
|
904
863
|
|
|
905
864
|
declare interface StoreNode {
|
|
906
|
-
readonly element:
|
|
865
|
+
readonly element: NodeElement;
|
|
907
866
|
readonly payload: {
|
|
908
867
|
x: number | null;
|
|
909
868
|
y: number | null;
|
|
910
869
|
centerFn: CenterFn;
|
|
911
870
|
priority: number;
|
|
912
871
|
};
|
|
913
|
-
readonly ports: Map<Identifier,
|
|
872
|
+
readonly ports: Map<Identifier, PortElement>;
|
|
914
873
|
}
|
|
915
874
|
|
|
916
875
|
declare interface StorePort {
|
|
917
|
-
readonly element:
|
|
876
|
+
readonly element: PortElement;
|
|
918
877
|
readonly payload: {
|
|
919
878
|
direction: number;
|
|
920
879
|
};
|