@html-graph/html-graph 3.11.1 → 3.13.0

package/README.md

@@ -5,7 +5,7 @@
 ### Graph visualization library that enables nodes customization using HTML
 
 <a target="_blank" href="https://html-graph.github.io/use-cases/advanced-demo/">
-    <img width="100%" src="https://raw.githubusercontent.com/html-graph/html-graph/master/media/full-demo.gif"/>
+  <img width="100%" src="https://raw.githubusercontent.com/html-graph/html-graph/master/media/full-demo.gif"/>
 </a>
 
 Instead of connecting nodes directly, this library utilizes the concept of ports,

package/dist/html-graph.d.ts

@@ -101,7 +101,7 @@ export declare class Canvas {
     private readonly graphStore;
     private readonly viewportStore;
     private readonly htmlView;
-    private readonly defaults;
+    private readonly params;
     /**
      * provides api for accessing model of rendered graph
      */
@@ -134,7 +134,7 @@ export declare class Canvas {
     /**
      * @deprecated access element directly instead
      */
-    element: HTMLElement, graphStore: GraphStore, viewportStore: ViewportStore, htmlView: HtmlView, defaults: Defaults);
+    element: HTMLElement, graphStore: GraphStore, viewportStore: ViewportStore, htmlView: HtmlView, params: CanvasParams);
     /**
      * adds new node
      */
@@ -298,9 +298,24 @@ export declare interface CanvasDefaults {
     };
 }
 
+declare interface CanvasParams {
+    readonly nodes: {
+        readonly centerFn: CenterFn;
+        readonly priorityFn: PriorityFn;
+    };
+    readonly ports: {
+        readonly direction: number;
+    };
+    readonly edges: {
+        readonly shapeFactory: EdgeShapeFactory;
+        readonly priorityFn: PriorityFn;
+    };
+}
+
 export declare type CenterFn = (width: number, height: number) => Point;
 
 declare interface ConnectablePortsConfig {
+    readonly edgeShape?: EdgeShapeConfig;
     readonly connectionTypeResolver?: ConnectionTypeResolver;
     readonly connectionPreprocessor?: ConnectionPreprocessor;
     readonly mouseDownEventVerifier?: MouseEventVerifier;
@@ -323,20 +338,6 @@ declare type ConstantPriority = number;
 
 declare type CustomPriority = PriorityFn;
 
-declare interface Defaults {
-    readonly nodes: {
-        readonly centerFn: CenterFn;
-        readonly priorityFn: PriorityFn;
-    };
-    readonly ports: {
-        readonly direction: number;
-    };
-    readonly edges: {
-        readonly shapeFactory: EdgeShapeFactory;
-        readonly priorityFn: PriorityFn;
-    };
-}
-
 export declare interface DirectEdgeParams {
     readonly color?: string | undefined;
     readonly width?: number | undefined;
@@ -394,7 +395,7 @@ export { DraggableNodesConfig }
 
 declare interface EdgePath {
     readonly path: string;
-    readonly median: Point;
+    readonly midpoint: Point;
 }
 
 declare type EdgePathFactory = (sourceDirection: Point, targetDirection: Point, to: Point, flipX: number, flipY: number) => EdgePath;
@@ -695,18 +696,25 @@ export declare interface MarkPortRequest {
     readonly direction?: number;
 }
 
-export declare class MedianEdgeShape implements StructuredEdgeShape {
+declare class MidpointEdgeShape implements StructuredEdgeShape {
     private readonly baseShape;
-    readonly medianElement: SVGElement;
+    readonly midpointElement: SVGElement;
     readonly group: SVGGElement;
     readonly line: SVGPathElement;
     readonly sourceArrow: SVGPathElement | null;
     readonly targetArrow: SVGPathElement | null;
     readonly onAfterRender: EventHandler<StructuredEdgeRenderModel>;
     readonly svg: SVGSVGElement;
-    constructor(baseShape: StructuredEdgeShape, medianElement: SVGElement);
+    /**
+     * @deprecated
+     * use midpointElement instead
+     */
+    readonly medianElement: SVGElement;
+    constructor(baseShape: StructuredEdgeShape, midpointElement: SVGElement);
     render(params: EdgeRenderParams): void;
 }
+export { MidpointEdgeShape as MedianEdgeShape }
+export { MidpointEdgeShape }
 
 export declare type MouseEventVerifier = (event: MouseEvent) => boolean;