@html-graph/html-graph 0.1.4 → 0.1.6

package/README.md

@@ -11,7 +11,7 @@
 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 edges can be attached to.
 
-Visit <a target="_blank" href="https://html-graph.github.io/use-cases/">use cases</a> and [use cases implementation](use-cases).
+Visit <a target="_blank" href="https://html-graph.github.io">DOCUMENTATION</a> for more.
 
 ## Getting started:
 

package/dist/main.d.ts

@@ -42,8 +42,6 @@ declare interface AddPortRequest {
     readonly direction: number;
 }
 
-export declare type BeforeTransformChangeFn = () => void;
-
 export declare interface BezierEdgeParams {
     readonly color?: string | undefined;
     readonly width?: number | undefined;
@@ -244,7 +242,11 @@ declare type CustomPriority = PriorityFn;
 
 export declare interface DragOptions {
     readonly moveOnTop?: boolean;
-    readonly dragCursor?: string | null;
+    readonly mouse?: {
+        readonly dragCursor?: string | null;
+        readonly mouseDownEventValidator?: (event: MouseEvent) => boolean;
+        readonly mouseUpEventValidator?: (event: MouseEvent) => boolean;
+    };
     readonly events?: {
         readonly onNodeDrag?: (payload: NodeDragPayload) => void;
         readonly onBeforeNodeDrag?: (payload: NodeDragPayload) => boolean;
@@ -576,19 +578,22 @@ declare interface StraightEdgeShape_2 {
     readonly detourDirection?: number;
 }
 
-export declare type TransformChangeFn = () => void;
-
 export declare interface TransformOptions {
     readonly scale?: {
         readonly mouseWheelSensitivity?: number;
+        readonly mouseWheelEventValidator?: (event: WheelEvent) => boolean;
     };
     readonly shift?: {
         readonly cursor?: string | null;
+        readonly mouseDownEventValidator?: (event: MouseEvent) => boolean;
+        readonly mouseUpEventValidator?: (event: MouseEvent) => boolean;
     };
     readonly transformPreprocessor?: TransformPreprocessorOption | TransformPreprocessorOption[];
     readonly events?: {
-        readonly onBeforeTransformChange?: BeforeTransformChangeFn;
-        readonly onTransformChange?: TransformChangeFn;
+        readonly onTransformStarted?: () => void;
+        readonly onTransformFinished?: () => void;
+        readonly onBeforeTransformChange?: () => void;
+        readonly onTransformChange?: () => void;
     };
 }
 
@@ -650,9 +655,6 @@ export declare class UserDraggableNodesCanvas implements Canvas {
     private maxNodePriority;
     private readonly nodes;
     private grabbedNodeId;
-    private onNodeDrag;
-    private onBeforeNodeDrag;
-    private onNodeDragFinished;
     private readonly nodeIdGenerator;
     private element;
     private readonly onWindowMouseMove;
@@ -660,9 +662,8 @@ export declare class UserDraggableNodesCanvas implements Canvas {
     private readonly onWindowTouchMove;
     private readonly onWindowTouchFinish;
     private previousTouchCoords;
-    private readonly freezePriority;
     private readonly window;
-    private readonly dragCursor;
+    private readonly options;
     constructor(canvas: Canvas, dragOptions?: DragOptions);
     attach(element: HTMLElement): UserDraggableNodesCanvas;
     detach(): UserDraggableNodesCanvas;