@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.
@@ -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: HTMLElement;
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: HTMLElement;
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: HTMLElement;
41
+ readonly element: PortElement;
42
42
  readonly direction: number;
43
43
  }
44
44
 
45
45
  export declare interface AnimatedLayoutAlgorithm {
46
- /**
47
- * TODO: v8
48
- * make single parameter object
49
- */
50
- calculateNextCoordinates(graph: Graph, dt: number, viewport: Viewport): ReadonlyMap<Identifier, Point>;
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 | null;
565
- findNodeIdByElement(element: HTMLElement): Identifier | null;
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 | null;
560
+ getPort(portId: Identifier): GraphPort;
574
561
  getAllPortIds(): readonly Identifier[];
575
- getNodePortIds(nodeId: Identifier): readonly Identifier[] | null;
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 | null;
585
- getPortIncomingEdgeIds(portId: Identifier): readonly Identifier[] | null;
586
- getPortOutgoingEdgeIds(portId: Identifier): readonly Identifier[] | null;
587
- getPortCycleEdgeIds(portId: Identifier): readonly Identifier[] | null;
588
- getPortAdjacentEdgeIds(portId: Identifier): readonly Identifier[] | null;
589
- getNodeIncomingEdgeIds(nodeId: Identifier): readonly Identifier[] | null;
590
- getNodeOutgoingEdgeIds(nodeId: Identifier): readonly Identifier[] | null;
591
- getNodeCycleEdgeIds(nodeId: Identifier): readonly Identifier[] | null;
592
- getNodeAdjacentEdgeIds(nodeId: Identifier): readonly Identifier[] | null;
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: HTMLElement;
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: HTMLElement;
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: HTMLElement): Identifier | undefined;
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: HTMLElement): readonly Identifier[];
673
- getNodePortIds(nodeId: Identifier): readonly Identifier[] | undefined;
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: HTMLElement;
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: HTMLElement;
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: HTMLElement;
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, HTMLElement>;
872
+ readonly ports: Map<Identifier, PortElement>;
914
873
  }
915
874
 
916
875
  declare interface StorePort {
917
- readonly element: HTMLElement;
876
+ readonly element: PortElement;
918
877
  readonly payload: {
919
878
  direction: number;
920
879
  };