@html-graph/html-graph 0.0.49 → 0.0.50

package/README.md

@@ -10,8 +10,8 @@
     <img width="100%" src="https://raw.githubusercontent.com/html-graph/html-graph/master/media/full-demo.gif"/>
 </a>
 
-Instead of connecting nodes dirrectly this library uses concept of ports, which provide greater fexibility at managing connections.
-Port is an entity of the node to which connection can be attached to.
+Instead of connecting nodes dirrectly this library uses concept of ports, which provide greater fexibility at managing edges.
+Port is an entity of the node to which edge can be attached to.
 
 This library fits for tasks where easy nodes customization and interactiveness are required.
 
@@ -38,7 +38,7 @@ import { MarkNodePortRequest, HtmlGraphBuilder } from "@html-graph/html-graph";
 const canvas = new HtmlGraphBuilder()
   .setOptions({
     background: { type: "dots" },
-    connections: { hasTargetArrow: true },
+    edges: { hasTargetArrow: true },
   })
   .setUserDraggableNodes()
   .setUserTransformableCanvas()

package/dist/main.d.ts

@@ -111,7 +111,7 @@ export declare interface Canvas {
     /**
      * updates edge
      */
-    updateConnection(edgeId: string, request: UpdateConnectionRequest): Canvas;
+    updateEdge(edgeId: string, request: UpdateEdgeRequest): Canvas;
     /**
      * moves specified node on top
      */
@@ -145,7 +145,7 @@ export declare class CanvasCore implements Canvas {
     private readonly apiOptions?;
     readonly transformation: PublicViewportTransformer;
     private readonly di;
-    private readonly connectionControllerFactory;
+    private readonly edgeControllerFactory;
     constructor(apiOptions?: CoreOptions | undefined);
     addNode(node: AddNodeRequest): CanvasCore;
     moveNodeOnTop(nodeId: string): CanvasCore;
@@ -153,12 +153,12 @@ export declare class CanvasCore implements Canvas {
     markPort(port: MarkPortRequest): CanvasCore;
     updatePortEdges(portId: string): CanvasCore;
     unmarkPort(portId: string): CanvasCore;
-    addEdge(connection: AddEdgeRequest): CanvasCore;
-    removeEdge(connectionId: string): CanvasCore;
+    addEdge(edge: AddEdgeRequest): CanvasCore;
+    removeEdge(edgeId: string): CanvasCore;
     patchViewportState(request: PatchViewportRequest): CanvasCore;
     moveToNodes(nodeIds: readonly string[]): CanvasCore;
     updateNodeCoordinates(nodeId: string, x: number, y: number): CanvasCore;
-    updateConnection(connectionId: string, request: UpdateConnectionRequest): CanvasCore;
+    updateEdge(edgeId: string, request: UpdateEdgeRequest): CanvasCore;
     clear(): CanvasCore;
     attach(element: HTMLElement): CanvasCore;
     detach(): CanvasCore;
@@ -188,12 +188,12 @@ export declare interface CoreOptions {
     readonly ports?: {
         /**
          * specifies how to determine center of port
-         * center of port determines point to which connection attaches
+         * center of port determines point to which edge attaches
          */
         readonly centerFn?: CenterFn;
     };
     /**
-     *connections related behavior
+     *edges related behavior
      */
     readonly edges?: EdgeOptions;
     /**
@@ -224,7 +224,7 @@ export declare const createStraightEdgeControllerFactory: (options: {
     width: number;
     arrowLength: number;
     arrowWidth: number;
-    minPortOffset: number;
+    arrowOffset: number;
     hasSourceArrow: boolean;
     hasTargetArrow: boolean;
     cycleSquareSide: number;
@@ -390,14 +390,14 @@ export declare class StraightEdgeController implements EdgeController {
     private readonly width;
     private readonly arrowLength;
     private readonly arrowWidth;
-    private readonly minPortOffset;
+    private readonly arrowOffset;
     readonly svg: SVGSVGElement;
     private readonly group;
     private readonly line;
     private readonly sourceArrow;
     private readonly targetArrow;
     private readonly roundness;
-    constructor(color: string, width: number, arrowLength: number, arrowWidth: number, minPortOffset: number, hasSourceArrow: boolean, hasTargetArrow: boolean, roundness: number);
+    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: PortPayload, to: PortPayload): void;
 }
 
@@ -407,7 +407,7 @@ declare interface StraightEdgeOptions {
     readonly width?: number;
     readonly arrowLength?: number;
     readonly arrowWidth?: number;
-    readonly minPortOffset?: number;
+    readonly arrowOffset?: number;
     readonly hasSourceArrow?: boolean;
     readonly hasTargetArrow?: boolean;
     readonly cycleSquareSide?: number;
@@ -436,7 +436,7 @@ export declare interface TransformPayload {
     readonly y: number;
 }
 
-declare interface UpdateConnectionRequest {
+export declare interface UpdateEdgeRequest {
     readonly controller?: EdgeController;
 }
 
@@ -461,12 +461,12 @@ export declare class UserDraggableNodesCanvas implements Canvas {
     markPort(port: MarkPortRequest): UserDraggableNodesCanvas;
     updatePortEdges(portId: string): UserDraggableNodesCanvas;
     unmarkPort(portId: string): UserDraggableNodesCanvas;
-    addEdge(connection: AddEdgeRequest): UserDraggableNodesCanvas;
-    removeEdge(connectionId: string): UserDraggableNodesCanvas;
+    addEdge(edge: AddEdgeRequest): UserDraggableNodesCanvas;
+    removeEdge(edgeId: string): UserDraggableNodesCanvas;
     patchViewportState(request: PatchViewportRequest): UserDraggableNodesCanvas;
     moveToNodes(nodeIds: readonly string[]): UserDraggableNodesCanvas;
     updateNodeCoordinates(nodeId: string, x: number, y: number): UserDraggableNodesCanvas;
-    updateConnection(connectionId: string, request: UpdateConnectionRequest): UserDraggableNodesCanvas;
+    updateEdge(edgeId: string, request: UpdateEdgeRequest): UserDraggableNodesCanvas;
     moveNodeOnTop(nodeId: string): UserDraggableNodesCanvas;
     clear(): UserDraggableNodesCanvas;
     attach(element: HTMLElement): UserDraggableNodesCanvas;
@@ -503,12 +503,12 @@ export declare class UserTransformableCanvas implements Canvas {
     markPort(port: MarkPortRequest): UserTransformableCanvas;
     updatePortEdges(portId: string): UserTransformableCanvas;
     unmarkPort(portId: string): UserTransformableCanvas;
-    addEdge(connection: AddEdgeRequest): UserTransformableCanvas;
-    removeEdge(connectionId: string): UserTransformableCanvas;
+    addEdge(edge: AddEdgeRequest): UserTransformableCanvas;
+    removeEdge(edgeId: string): UserTransformableCanvas;
     patchViewportState(request: PatchViewportRequest): UserTransformableCanvas;
     moveToNodes(nodeIds: readonly string[]): UserTransformableCanvas;
     updateNodeCoordinates(nodeId: string, x: number, y: number): UserTransformableCanvas;
-    updateConnection(connectionId: string, request: UpdateConnectionRequest): UserTransformableCanvas;
+    updateEdge(edgeId: string, request: UpdateEdgeRequest): UserTransformableCanvas;
     moveNodeOnTop(nodeId: string): UserTransformableCanvas;
     clear(): UserTransformableCanvas;
     attach(element: HTMLElement): UserTransformableCanvas;