@html-graph/html-graph 0.0.58 → 0.0.60

package/README.md

@@ -35,9 +35,6 @@ import { HtmlGraphBuilder } from "@html-graph/html-graph";
 
 const canvas = new HtmlGraphBuilder()
   .setOptions({
-    background: {
-      type: "dots",
-    },
     edges: {
       shape: {
         hasTargetArrow: true,

package/dist/main.d.ts

@@ -1,10 +1,3 @@
-declare interface AbstractViewportTransformer {
-    getViewportMatrix(): TransformState;
-    getContentMatrix(): TransformState;
-    patchViewportMatrix(scale: number | null, x: number | null, y: number | null): void;
-    patchContentMatrix(scale: number | null, dx: number | null, dy: number | null): void;
-}
-
 export declare interface AddEdgeRequest {
     readonly id?: unknown;
     readonly from: string;
@@ -25,22 +18,6 @@ export declare interface AddNodeRequest {
     readonly priority?: number;
 }
 
-export declare type BackgroundDrawingFn = (ctx: CanvasRenderingContext2D, transformer: PublicViewportTransformer) => void;
-
-declare type BackgroundOptions = {
-    readonly type: "none";
-} | {
-    readonly type: "dots";
-    readonly dotColor?: string;
-    readonly dotGap?: number;
-    readonly dotRadius?: number;
-    readonly color?: string;
-    readonly limit?: number;
-} | {
-    readonly type: "custom";
-    readonly drawingFn: BackgroundDrawingFn;
-};
-
 export declare class BezierEdgeShape implements EdgeShape {
     private readonly curvature;
     private readonly arrowLength;
@@ -157,6 +134,7 @@ export declare class CanvasCore implements Canvas {
     readonly model: PublicGraphStore;
     private readonly di;
     private readonly edgeShapeFactory;
+    private readonly nodeResizeObserverFactory;
     constructor(apiOptions?: CoreOptions | undefined);
     addNode(node: AddNodeRequest): CanvasCore;
     updateNode(nodeId: unknown, request: UpdateNodeRequest): CanvasCore;
@@ -180,10 +158,6 @@ export declare type CenterFn = (width: number, height: number) => Point;
 declare type ConstantPriority = number;
 
 export declare interface CoreOptions {
-    /**
-     * canvas background settings
-     */
-    readonly background?: BackgroundOptions;
     /**
      * nodes related behavior
      */
@@ -296,7 +270,6 @@ export declare class CycleCircleEdgeShape implements EdgeShape {
     private readonly radius;
     private readonly smallRadius;
     readonly svg: SVGSVGElement;
-    private readonly group;
     private readonly line;
     private readonly arrow;
     constructor(color: string, width: number, arrowLength: number, arrowWidth: number, hasArrow: boolean, radius: number, smallRadius: number);
@@ -310,7 +283,6 @@ export declare class CycleSquareEdgeShape implements EdgeShape {
     private readonly side;
     private readonly minPortOffset;
     readonly svg: SVGSVGElement;
-    private readonly group;
     private readonly line;
     private readonly arrow;
     private readonly roundness;
@@ -320,6 +292,22 @@ export declare class CycleSquareEdgeShape implements EdgeShape {
     private createLinePath;
 }
 
+export declare class DetourBezierEdgeShape implements EdgeShape {
+    private readonly curvature;
+    private readonly arrowLength;
+    private readonly arrowWidth;
+    readonly svg: SVGSVGElement;
+    private readonly group;
+    private readonly line;
+    private readonly sourceArrow;
+    private readonly targetArrow;
+    private readonly detourX;
+    private readonly detourY;
+    constructor(color: string, width: number, curvature: number, arrowLength: number, arrowWidth: number, hasSourceArrow: boolean, hasTargetArrow: boolean, detourDistance: number, detourDirection: number);
+    update(to: Point, flipX: number, flipY: number, fromDir: number, toDir: number): void;
+    private createLinePath;
+}
+
 export declare class DetourStraightEdgeShape implements EdgeShape {
     private readonly arrowLength;
     private readonly arrowWidth;
@@ -346,13 +334,6 @@ export declare interface DragOptions {
     };
 }
 
-declare interface EdgePayload {
-    readonly from: unknown;
-    readonly to: unknown;
-    shape: EdgeShape;
-    priority: number;
-}
-
 export declare interface EdgeShape {
     readonly svg: SVGSVGElement;
     update(to: Point, flipX: number, flipY: number, fromDir: number, toDir: number): void;
@@ -388,40 +369,6 @@ export declare interface GraphPort {
     readonly direction: number;
 }
 
-declare class GraphStore {
-    private readonly nodes;
-    private readonly ports;
-    private readonly nodePorts;
-    private readonly portNodeId;
-    private readonly edges;
-    private readonly incommingEdges;
-    private readonly outcommingEdges;
-    private readonly cycleEdges;
-    addNode(nodeId: unknown, element: HTMLElement, x: number, y: number, centerFn: CenterFn, priority: number): void;
-    getAllNodeIds(): readonly unknown[];
-    getNode(nodeId: unknown): NodePayload | undefined;
-    removeNode(nodeId: unknown): void;
-    addPort(portId: unknown, element: HTMLElement, nodeId: unknown, centerFn: CenterFn, dir: number): void;
-    getPort(portId: unknown): PortPayload | undefined;
-    getAllPortIds(): readonly unknown[];
-    getNodePortIds(nodeId: unknown): readonly unknown[] | undefined;
-    getPortNodeId(portId: unknown): unknown | undefined;
-    removePort(portId: unknown): void;
-    addEdge(edgeId: unknown, fromPortId: unknown, toPortId: unknown, shape: EdgeShape, priority: number): void;
-    getAllEdgeIds(): readonly unknown[];
-    getEdge(edgeId: unknown): EdgePayload | undefined;
-    removeEdge(edgeId: unknown): void;
-    clear(): void;
-    getPortIncomingEdgeIds(portId: unknown): readonly unknown[];
-    getPortOutcomingEdgeIds(portId: unknown): readonly unknown[];
-    getPortCycleEdgeIds(portId: unknown): readonly unknown[];
-    getPortAdjacentEdgeIds(portId: unknown): readonly unknown[];
-    getNodeIncomingEdgeIds(nodeId: unknown): readonly unknown[];
-    getNodeOutcomingEdgeIds(nodeId: unknown): readonly unknown[];
-    getNodeCycleEdgeIds(nodeId: unknown): readonly unknown[];
-    getNodeAdjacentEdgeIds(nodeId: unknown): readonly unknown[];
-}
-
 export declare class HorizontalEdgeShape implements EdgeShape {
     private readonly arrowLength;
     private readonly arrowWidth;
@@ -492,14 +439,6 @@ export declare interface NodeDragPayload {
     readonly y: number;
 }
 
-declare interface NodePayload {
-    element: HTMLElement;
-    x: number;
-    y: number;
-    centerFn: CenterFn;
-    priority: number;
-}
-
 export declare interface PatchMatrixRequest {
     readonly scale?: number;
     readonly dx?: number;
@@ -511,28 +450,20 @@ export declare interface Point {
     readonly y: number;
 }
 
-declare interface PortPayload {
-    readonly element: HTMLElement;
-    centerFn: CenterFn;
-    direction: number;
-}
-
 declare type Priority = ConstantPriority | IncrementalPriority | SharedIncrementalPriority | CustomPriority;
 
 export declare type PriorityFn = () => number;
 
-declare class PublicGraphStore {
-    private readonly graphStore;
-    constructor(graphStore: GraphStore);
+export declare interface PublicGraphStore {
     getAllNodeIds(): readonly unknown[];
     getAllPortIds(): readonly unknown[];
     getNode(nodeId: unknown): GraphNode | null;
     getNodePortIds(nodeId: unknown): readonly unknown[] | undefined;
     getPort(portId: unknown): GraphPort | null;
-    getPortNodeId(portId: string): unknown | null;
+    getPortNodeId(portId: unknown): unknown | null;
     getAllEdgeIds(): readonly unknown[];
     getEdge(edgeId: unknown): GraphEdge | null;
-    getPortAdjacentEdgeIds(portId: string): readonly unknown[];
+    getPortAdjacentEdgeIds(portId: unknown): readonly unknown[];
     getNodeAdjacentEdgeIds(nodeId: unknown): readonly unknown[];
     getPortIncomingEdgeIds(portId: unknown): readonly unknown[];
     getPortOutcomingEdgeIds(portId: unknown): readonly unknown[];
@@ -542,9 +473,7 @@ declare class PublicGraphStore {
     getNodeCycleEdgeIds(nodeId: unknown): readonly unknown[];
 }
 
-export declare class PublicViewportTransformer {
-    private readonly transformer;
-    constructor(transformer: AbstractViewportTransformer);
+export declare interface PublicViewportTransformer {
     getViewportMatrix(): TransformState;
     getContentMatrix(): TransformState;
 }
@@ -581,7 +510,7 @@ declare interface StraightEdgeShape_2 {
     readonly detourDirection?: number;
 }
 
-export declare type TransformFinishedFn = (transform: TransformPayload) => void;
+export declare type TransformFinishedFn = () => void;
 
 export declare interface TransformOptions {
     readonly scale?: {