@html-graph/html-graph 0.0.57 → 0.0.58

package/README.md

@@ -10,11 +10,11 @@
     <img width="100%" src="https://raw.githubusercontent.com/html-graph/html-graph/master/media/full-demo.gif"/>
 </a>
 
-Visit <a target="_blank" href="https://html-graph.github.io">use cases</a> and [use cases implementation](use-cases).
-
 Instead of connecting nodes directly this library uses concept of ports, which provide greater fexibility at managing edges.
 Port is an entity of a node to which edge can be attached to.
 
+Visit <a target="_blank" href="https://html-graph.github.io">use cases</a> and [use cases implementation](use-cases).
+
 ## Features:
 
 - easy nodes customization using HTML

package/dist/main.d.ts

@@ -51,7 +51,8 @@ export declare class BezierEdgeShape implements EdgeShape {
     private readonly sourceArrow;
     private readonly targetArrow;
     constructor(color: string, width: number, curvature: number, arrowLength: number, arrowWidth: number, hasSourceArrow: boolean, hasTargetArrow: boolean);
-    update(x: number, y: number, width: number, height: number, from: GraphPort, to: GraphPort): void;
+    update(to: Point, flipX: number, flipY: number, fromDir: number, toDir: number): void;
+    private createLinePath;
 }
 
 declare interface BezierEdgeShape_2 {
@@ -161,7 +162,7 @@ export declare class CanvasCore implements Canvas {
     updateNode(nodeId: unknown, request: UpdateNodeRequest): CanvasCore;
     removeNode(nodeId: unknown): CanvasCore;
     markPort(port: MarkPortRequest): CanvasCore;
-    updatePort(portId: string, request: UpdatePortRequest): CanvasCore;
+    updatePort(portId: string, request?: UpdatePortRequest): CanvasCore;
     unmarkPort(portId: string): CanvasCore;
     addEdge(edge: AddEdgeRequest): CanvasCore;
     updateEdge(edgeId: unknown, request: UpdateEdgeRequest): CanvasCore;
@@ -299,7 +300,8 @@ export declare class CycleCircleEdgeShape implements EdgeShape {
     private readonly line;
     private readonly arrow;
     constructor(color: string, width: number, arrowLength: number, arrowWidth: number, hasArrow: boolean, radius: number, smallRadius: number);
-    update(x: number, y: number, _width: number, _height: number, from: GraphPort): void;
+    update(_to: Point, flipX: number, flipY: number, fromDir: number): void;
+    private createLinePath;
 }
 
 export declare class CycleSquareEdgeShape implements EdgeShape {
@@ -314,7 +316,8 @@ export declare class CycleSquareEdgeShape implements EdgeShape {
     private readonly roundness;
     private readonly linePoints;
     constructor(color: string, width: number, arrowLength: number, arrowWidth: number, hasArrow: boolean, side: number, minPortOffset: number, roundness: number);
-    update(x: number, y: number, _width: number, _height: number, from: GraphPort): void;
+    update(_to: Point, flipX: number, flipY: number, fromDir: number): void;
+    private createLinePath;
 }
 
 export declare class DetourStraightEdgeShape implements EdgeShape {
@@ -330,7 +333,8 @@ export declare class DetourStraightEdgeShape implements EdgeShape {
     private readonly detourX;
     private readonly detourY;
     constructor(color: string, width: number, arrowLength: number, arrowWidth: number, arrowOffset: number, hasSourceArrow: boolean, hasTargetArrow: boolean, roundness: number, detourDistance: number, detourDirection: number);
-    update(x: number, y: number, width: number, height: number, from: GraphPort, to: GraphPort): void;
+    update(to: Point, flipX: number, flipY: number, fromDir: number, toDir: number): void;
+    private createLinePath;
 }
 
 export declare interface DragOptions {
@@ -351,7 +355,7 @@ declare interface EdgePayload {
 
 export declare interface EdgeShape {
     readonly svg: SVGSVGElement;
-    update(x: number, y: number, width: number, height: number, from: GraphPort, to: GraphPort): void;
+    update(to: Point, flipX: number, flipY: number, fromDir: number, toDir: number): void;
 }
 
 declare type EdgeShape_2 = BezierEdgeShape_2 | StraightEdgeShape_2 | CustomEdgeShape | HorizontalEdgeShape_2 | VerticalEdgeShape_2;
@@ -429,7 +433,8 @@ export declare class HorizontalEdgeShape implements EdgeShape {
     private readonly sourceArrow;
     private readonly targetArrow;
     constructor(color: string, width: number, arrowLength: number, arrowWidth: number, arrowOffset: number, hasSourceArrow: boolean, hasTargetArrow: boolean, roundness: number);
-    update(x: number, y: number, width: number, height: number, from: GraphPort, to: GraphPort): void;
+    update(to: Point, flipX: number, flipY: number, fromDir: number, toDir: number): void;
+    private createLinePath;
 }
 
 declare interface HorizontalEdgeShape_2 {
@@ -557,7 +562,8 @@ export declare class StraightEdgeShape implements EdgeShape {
     private readonly sourceArrow;
     private readonly targetArrow;
     constructor(color: string, width: number, arrowLength: number, arrowWidth: number, arrowOffset: number, hasSourceArrow: boolean, hasTargetArrow: boolean, roundness: number);
-    update(x: number, y: number, width: number, height: number, from: GraphPort, to: GraphPort): void;
+    update(to: Point, flipX: number, flipY: number, fromDir: number, toDir: number): void;
+    private createLinePath;
 }
 
 declare interface StraightEdgeShape_2 {
@@ -741,7 +747,8 @@ export declare class VerticalEdgeShape implements EdgeShape {
     private readonly sourceArrow;
     private readonly targetArrow;
     constructor(color: string, width: number, arrowLength: number, arrowWidth: number, arrowOffset: number, hasSourceArrow: boolean, hasTargetArrow: boolean, roundness: number);
-    update(x: number, y: number, width: number, height: number, from: GraphPort, to: GraphPort): void;
+    update(to: Point, flipX: number, flipY: number, fromDir: number, toDir: number): void;
+    private createLinePath;
 }
 
 declare interface VerticalEdgeShape_2 {