@html-graph/html-graph 3.16.0 → 3.17.0

package/README.md

@@ -2,7 +2,7 @@
   <img src="/media/favicon.png" alt="HTMLGraph" width="25" height="25"/> HTMLGraph
 </h1>
 
-### Graph visualization library that enables nodes customization using HTML
+### Graph visualization library that enables rich 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"/>

package/dist/html-graph.d.ts

@@ -234,6 +234,8 @@ export declare class CanvasBuilder {
      */
     enableResizeReactiveNodes(): CanvasBuilder;
     /**
+     * @deprecated
+     * do not use
      * sets emitter for rendering graph inside bounded area
      */
     enableBoxAreaRendering(trigger: EventSubject<RenderingBox>): CanvasBuilder;
@@ -333,6 +335,12 @@ declare interface ConnectablePortsConfig {
 export { ConnectablePortsConfig }
 export { ConnectablePortsConfig as ConnectablePortsOptions }
 
+export declare enum ConnectionCategory {
+    Line = "line",
+    NodeCycle = "node-cycle",
+    PortCycle = "port-cycle"
+}
+
 export declare type ConnectionPreprocessor = (request: AddEdgeRequest) => AddEdgeRequest | null;
 
 export declare type ConnectionTypeResolver = (portId: unknown) => "direct" | "reverse" | null;
@@ -428,6 +436,7 @@ declare interface EdgePayload {
 export declare interface EdgeRenderParams {
     readonly from: EdgeRenderPort;
     readonly to: EdgeRenderPort;
+    readonly category: ConnectionCategory;
 }
 
 export declare interface EdgeRenderPort {
@@ -436,7 +445,15 @@ export declare interface EdgeRenderPort {
     readonly width: number;
     readonly height: number;
     readonly direction: number;
+    /**
+     * @deprecated
+     * use category instead
+     */
     readonly portId: unknown;
+    /**
+     * @deprecated
+     * use category instead
+     */
     readonly nodeId: unknown;
 }
 
@@ -1033,6 +1050,10 @@ export declare interface VirtualScrollConfig {
         readonly vertical: number;
         readonly horizontal: number;
     };
+    readonly events?: {
+        readonly onBeforeNodeAttached?: (nodeId: unknown) => void;
+        readonly onAfterNodeDetached?: (nodeId: unknown) => void;
+    };
 }
 
 export { }