@krainovsd/graph 0.9.0 → 0.10.0-rc2

package/lib/index.d.ts

@@ -1,5 +1,5 @@
-import { SimulationNodeDatum, SimulationLinkDatum, Simulation } from 'd3-force';
 import { D3ZoomEvent, ZoomTransform } from 'd3-zoom';
+import { SimulationNodeDatum, SimulationLinkDatum, Simulation } from 'd3-force';
 import { D3DragEvent } from 'd3-drag';
 
 interface NodeInterface<NodeData extends Record<string, unknown>> extends SimulationNodeDatum {
@@ -8,17 +8,61 @@ interface NodeInterface<NodeData extends Record<string, unknown>> extends Simula
     group?: number | string;
     neighbors?: (string | number)[];
     _radius?: number;
+    _width?: number;
+    _height?: number;
+    _borderRadius?: number;
     _visible?: boolean;
+    _shape?: NodeShape;
     name?: string;
-    data?: NodeData;
     drag?: boolean;
+    data?: NodeData;
 }
-type CachedNodeTextInterface = Record<string | number, string[]>;
+type NodeShape = "circle" | "square" | "text" | "icon";
+type CachedNodeTextInterface = Record<string | number, string[] | undefined>;
+type CachedTextNodeParametersMap = Record<string | number, [number, number] | undefined>;
+/**
+ * 1. Initial max size of text
+ * 2. Initial size of text
+ */
+type CachedTextNodeParametersInterface = [number, number];
 
 interface LinkInterface<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>> extends SimulationLinkDatum<NodeInterface<NodeData>> {
     data?: LinkData;
 }
 
+type GraphSettingsInputRange<I extends string> = {
+    type: "range";
+    min: number;
+    max: number;
+    step: number;
+    initialValue: number;
+    id: I;
+    label: string;
+};
+type GraphSettingsInputCheckBox<I extends string> = {
+    type: "checkbox";
+    id: I;
+    initialValue: boolean;
+    label: string;
+};
+type GraphSettingsInputColorBox<I extends string> = {
+    type: "color";
+    id: I;
+    initialValue: string;
+    label: string;
+};
+type GraphSettingsInputSelect<I extends string> = {
+    type: "select";
+    id: I;
+    initialValue: string;
+    label: string;
+    options: {
+        label: string;
+        value: string;
+    }[];
+};
+type GraphSettingsInputInterface<I extends string> = GraphSettingsInputRange<I> | GraphSettingsInputCheckBox<I> | GraphSettingsInputColorBox<I> | GraphSettingsInputSelect<I>;
+
 type ZoomEventInterface = D3ZoomEvent<HTMLCanvasElement, unknown>;
 type DragEventInterface<NodeData extends Record<string, unknown>> = D3DragEvent<HTMLElement, unknown, NodeInterface<NodeData>>;
 type ListenersInterface<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>> = {
@@ -38,36 +82,8 @@ type ListenersInterface<NodeData extends Record<string, unknown>, LinkData exten
 };
 
 type GraphSettingsInterface<NodeData extends Record<string, unknown>> = {
-    highlightByNodeOnlyRoot?: boolean;
-    highlightByNodeNodeFadingMin?: number;
-    highlightByNodeLinkFadingMin?: number;
-    highlightByNodeArrowFadingMin?: number;
-    highlightByNodeNodeColorFadingMin?: number;
-    highlightByNodeTextFadingMin?: number;
-    highlightByNodeNodeSizingAdditional?: number;
-    highlightByNodeTextSizingAdditional?: number;
-    highlightByNodeTextShiftXAdditional?: number;
-    highlightByNodeTextShiftYAdditional?: number;
-    highlightByNodeTextWeightAdditional?: number;
-    highlightByNodeTextWidthAdditional?: number;
-    highlightByLinkOnlyRoot?: boolean;
-    highlightByLinkNodeFadingMin?: number;
-    highlightByLinkLinkFadingMin?: number;
-    highlightByLinkArrowFadingMin?: number;
-    highlightByLinkNodeColorFadingMin?: number;
-    highlightByLinkTextFadingMin?: number;
-    highlightByLinkNodeSizingAdditional?: number;
-    highlightByLinkTextSizingAdditional?: number;
-    highlightByLinkTextShiftXAdditional?: number;
-    highlightByLinkTextShiftYAdditional?: number;
-    highlightByLinkTextWeightAdditional?: number;
-    highlightByLinkTextWidthAdditional?: number;
-    highlightByHoverNode?: boolean;
-    highlightByHoverLink?: boolean;
-    hoverLinkThreshold?: number;
-    highlightDownStep?: number;
-    highlightUpStep?: number;
-    stickAfterDrag?: boolean;
+    highlightDownFrames?: number;
+    highlightUpFrames?: number;
     zoomExtent?: [number, number];
     translateExtent?: [[number?, number?], [number?, number?]];
     translateExtentCoefficient?: number | [number, number];
@@ -77,16 +93,18 @@ type GraphSettingsInterface<NodeData extends Record<string, unknown>> = {
         x?: number;
         y?: number;
     } | null;
-    dragPlaceCoefficient?: (node: NodeInterface<NodeData>, pxEvent: number, pyEvent: number, radius: number) => number | undefined;
-    nodeRadiusInitial?: number;
-    nodeRadiusCoefficient?: number;
-    nodeRadiusFactor?: number;
-    nodeRadiusFlexible?: boolean;
+    dragPlaceCoefficient?: (node: NodeInterface<NodeData>, pxEvent: number, pyEvent: number) => number | undefined;
     showDrawTime?: boolean;
     showDrawTimeEveryTick?: boolean;
 };
 type ForceSettingsInterface<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>> = {
-    collideOn?: boolean;
+    forces?: boolean;
+    xForce?: boolean;
+    yForce?: boolean;
+    chargeForce?: boolean;
+    centerForce?: boolean;
+    collideForce?: boolean;
+    linkForce?: boolean;
     collideOffMax?: {
         nodes: number;
         links: number;
@@ -106,21 +124,36 @@ type ForceSettingsInterface<NodeData extends Record<string, unknown>, LinkData e
         y?: number;
     };
     centerStrength?: number;
-    xForce?: NodeIterationPropsInterface<NodeData, LinkData> | number;
+    xPosition?: NodeIterationPropsInterface<NodeData, LinkData> | number;
     xStrength?: NodeIterationPropsInterface<NodeData, LinkData> | number;
-    yForce?: NodeIterationPropsInterface<NodeData, LinkData> | number;
+    yPosition?: NodeIterationPropsInterface<NodeData, LinkData> | number;
     yStrength?: NodeIterationPropsInterface<NodeData, LinkData> | number;
 };
 type NodeSettingsInterface<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>> = {
     cache?: boolean;
     idGetter?: NodeIterationPropsInterface<NodeData, LinkData, string | number>;
-    options?: NodeIterationPropsInterface<NodeData, LinkData, NodeOptionsInterface<NodeData, LinkData>> | NodeOptionsInterface<NodeData, LinkData>;
-};
-type NodeOptionsInterface<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>> = {
-    nodeDraw?: ((node: NodeInterface<NodeData>, options: Required<NodeOptionsInterface<NodeData, LinkData>>, state: GraphState<NodeData, LinkData>) => void) | null;
-    textDraw?: ((node: NodeInterface<NodeData>, options: Required<NodeOptionsInterface<NodeData, LinkData>>, state: GraphState<NodeData, LinkData>) => void) | null;
-    nodeExtraDraw?: ((node: NodeInterface<NodeData>, options: Required<NodeOptionsInterface<NodeData, LinkData>>, state: GraphState<NodeData, LinkData>) => void) | null;
-    textExtraDraw?: ((node: NodeInterface<NodeData>, options: Required<NodeOptionsInterface<NodeData, LinkData>>, state: GraphState<NodeData, LinkData>) => void) | null;
+    highlightByNodeOnlyRoot?: boolean;
+    highlightByNodeNodeFadingMin?: number;
+    highlightByNodeNodeColorFadingMin?: number;
+    highlightByNodeNodeSizingAdditional?: number;
+    highlightByNodeNodeSizingAdditionalCoefficient?: number;
+    highlightByNodeTextFadingMin?: number;
+    highlightByNodeTextSizingAdditional?: number;
+    highlightByNodeTextShiftXAdditional?: number;
+    highlightByNodeTextShiftYAdditional?: number;
+    highlightByNodeTextWeightAdditional?: number;
+    highlightByNodeTextWidthAdditional?: number;
+    highlightByLinkNodeFadingMin?: number;
+    highlightByLinkNodeColorFadingMin?: number;
+    highlightByLinkTextFadingMin?: number;
+    highlightByLinkNodeSizingAdditional?: number;
+    highlightByLinkNodeSizingAdditionalCoefficient?: number;
+    highlightByLinkTextSizingAdditional?: number;
+    highlightByLinkTextShiftXAdditional?: number;
+    highlightByLinkTextShiftYAdditional?: number;
+    highlightByLinkTextWeightAdditional?: number;
+    highlightByLinkTextWidthAdditional?: number;
+    highlightByHoverNode?: boolean;
     highlightByNodeNodeFading?: boolean;
     highlightByNodeNodeSizing?: boolean;
     highlightByNodeTextFading?: boolean;
@@ -131,11 +164,31 @@ type NodeOptionsInterface<NodeData extends Record<string, unknown>, LinkData ext
     highlightByLinkTextFading?: boolean;
     highlightByLinkTextSizing?: boolean;
     highlightByLinkNodeColor?: boolean;
+    nodeRadiusCoefficient?: number;
+    nodeRadiusFactor?: number;
+    nodeRadiusFlexible?: boolean;
+    nodeSizeFlexible?: boolean;
+    nodeSizeCoefficient?: number;
+    nodeSizeFactor?: number;
+    textNodeDebug?: boolean;
+    options?: NodeIterationPropsInterface<NodeData, LinkData, NodeOptionsInterface<NodeData, LinkData>> | NodeOptionsInterface<NodeData, LinkData>;
+};
+type NodeOptionsInterface<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>> = {
+    nodeDraw?: ((node: NodeInterface<NodeData>, options: Required<NodeOptionsInterface<NodeData, LinkData>>, state: GraphState<NodeData, LinkData>) => void) | null;
+    textDraw?: ((node: NodeInterface<NodeData>, options: Required<NodeOptionsInterface<NodeData, LinkData>>, state: GraphState<NodeData, LinkData>) => void) | null;
+    nodeExtraDraw?: ((node: NodeInterface<NodeData>, options: Required<NodeOptionsInterface<NodeData, LinkData>>, state: GraphState<NodeData, LinkData>) => void) | null;
+    textExtraDraw?: ((node: NodeInterface<NodeData>, options: Required<NodeOptionsInterface<NodeData, LinkData>>, state: GraphState<NodeData, LinkData>) => void) | null;
+    shape?: NodeShape;
+    width?: number;
+    height?: number;
+    borderRadius?: number;
     borderColor?: string;
     borderWidth?: number;
     radius?: number;
     alpha?: number;
     color?: string;
+    textNodeYPadding?: number;
+    textNodeXPadding?: number;
     textVisible?: boolean;
     text?: string | null;
     textAlpha?: number;
@@ -153,7 +206,22 @@ type NodeOptionsInterface<NodeData extends Record<string, unknown>, LinkData ext
 type NodeIterationPropsInterface<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>, Return = number> = (node: NodeInterface<NodeData>, i: number, nodes: NodeInterface<NodeData>[], state?: GraphState<NodeData, LinkData>) => Return;
 type LinkSettingsInterface<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>> = {
     particles?: boolean;
+    pretty?: boolean;
+    arrow?: boolean;
+    arrowByHighlight?: boolean;
     cache?: boolean;
+    particleFlexSpeed?: boolean;
+    particleFlexSpeedCoefficient?: number;
+    highlightByNodeLinkFadingMin?: number;
+    highlightByNodeArrowFadingMin?: number;
+    highlightByLinkArrowFadingMin?: number;
+    highlightByLinkLinkFadingMin?: number;
+    highlightByHoverLink?: boolean;
+    highlightByNodeLinkFading?: boolean;
+    highlightByNodeArrowFading?: boolean;
+    highlightByLinkLinkFading?: boolean;
+    highlightByLinkArrowFading?: boolean;
+    hoverLinkThreshold?: number;
     options?: LinkIterationPropsInterface<NodeData, LinkData, LinkOptionsInterface<NodeData, LinkData>> | LinkOptionsInterface<NodeData, LinkData>;
 };
 type LinkOptionsInterface<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>> = {
@@ -162,16 +230,13 @@ type LinkOptionsInterface<NodeData extends Record<string, unknown>, LinkData ext
     alpha?: number;
     color?: string;
     width?: number;
-    highlightByNodeLinkFading?: boolean;
-    highlightByNodeArrowFading?: boolean;
-    highlightByLinkLinkFading?: boolean;
-    highlightByLinkArrowFading?: boolean;
-    pretty?: boolean;
-    arrow?: boolean;
     arrowAlpha?: number;
     arrowColor?: string;
     arrowSize?: number;
-    arrowReverseAppear?: boolean;
+    arrowBorderColor?: string;
+    arrowBorderWidth?: number;
+    particleBorderColor?: string;
+    particleBorderWidth?: number;
     particleAlpha?: number;
     particleColor?: string;
     particleRadius?: number;
@@ -222,48 +287,51 @@ type RGB = {
 };
 type GraphParticle = {
     step: number;
-    wait: number;
+    index: number;
+    prev: GraphParticle | undefined;
+    next: GraphParticle | undefined;
     x?: number;
     y?: number;
-    sourceId: number;
-    targetId: number;
+    sourceId: string | number;
+    targetId: string | number;
 };
 
 declare class GraphCanvas<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>> {
     /** initial data */
-    private nodes;
-    private links;
-    private particles;
-    private width;
-    private height;
-    private root;
-    private container;
-    private area;
+    protected nodes: NodeInterface<NodeData>[];
+    protected links: LinkInterface<NodeData, LinkData>[];
+    protected particles: Record<string, GraphParticle[]>;
+    protected width: number;
+    protected height: number;
+    protected root: HTMLElement;
+    protected container: HTMLDivElement | undefined | null;
+    protected area: HTMLCanvasElement | null | undefined;
     /** settings */
-    private graphSettings;
-    private forceSettings;
-    private nodeSettings;
-    private linkSettings;
-    private listeners;
+    protected graphSettings: Required<GraphSettingsInterface<NodeData>>;
+    protected forceSettings: Required<ForceSettingsInterface<NodeData, LinkData>>;
+    protected nodeSettings: Required<Omit<NodeSettingsInterface<NodeData, LinkData>, "options">> & Pick<NodeSettingsInterface<NodeData, LinkData>, "options">;
+    protected linkSettings: Required<Omit<LinkSettingsInterface<NodeData, LinkData>, "options">> & Pick<LinkSettingsInterface<NodeData, LinkData>, "options">;
+    protected listeners: ListenersInterface<NodeData, LinkData>;
     /** service */
-    private context;
-    private simulation;
-    private areaTransform;
-    private areaRect;
-    private draw;
-    private eventAbortController;
-    private cachedNodeText;
-    private linkOptionsCache;
-    private nodeOptionsCache;
-    private isDragging;
-    private highlightedNode;
-    private highlightedLink;
-    private highlightedNeighbors;
-    private highlightProgress;
-    private highlightWorking;
-    private highlightDrawing;
-    private get simulationWorking();
-    private get state();
+    protected context: CanvasRenderingContext2D | null | undefined;
+    protected simulation: GraphCanvasSimulation<NodeData, LinkData> | undefined;
+    protected areaTransform: ZoomTransform;
+    protected areaRect: DOMRect | undefined;
+    protected draw: (this: GraphCanvas<NodeData, LinkData>) => void;
+    protected eventAbortController: AbortController;
+    protected cachedNodeText: CachedNodeTextInterface;
+    protected cachedTextNodeParameters: CachedTextNodeParametersMap;
+    protected linkOptionsCache: Record<string, Required<LinkOptionsInterface<NodeData, LinkData>>>;
+    protected nodeOptionsCache: Record<string, Required<NodeOptionsInterface<NodeData, LinkData>>>;
+    protected isDragging: boolean;
+    protected highlightedNode: NodeInterface<NodeData> | null;
+    protected highlightedLink: LinkInterface<NodeData, LinkData> | null;
+    protected highlightedNeighbors: Set<string | number> | null;
+    protected highlightProgress: number;
+    protected highlightWorking: boolean;
+    protected highlightDrawing: boolean;
+    protected get simulationWorking(): boolean;
+    protected get state(): GraphState<NodeData, LinkData>;
     constructor({ links, nodes, root, forceSettings, linkSettings, listeners, nodeSettings, graphSettings, }: GraphCanvasInterface<NodeData, LinkData>);
     get dpi(): number;
     getData(): Pick<GraphCanvasInterface<NodeData, LinkData>, "nodes" | "links">;
@@ -277,22 +345,12 @@ declare class GraphCanvas<NodeData extends Record<string, unknown>, LinkData ext
     stop(): void;
     create(): void;
     destroy(): void;
-    private clearHTMLElements;
-    private updateSimulation;
-    private clearState;
-    private clearDataDependencies;
-    private updateData;
-    private updateSize;
-    private init;
-    private initSimulation;
-    private initSimulationForces;
-    private initCollideForce;
-    private initArea;
-    private initDraw;
-    private initResize;
-    private initPointer;
-    private initDnd;
-    private initZoom;
+    protected clearHTMLElements(): void;
+    protected updateSimulation(): void;
+    protected clearState(): void;
+    protected updateData(alpha?: number): void;
+    protected updateSize(): void;
+    protected init(): void;
 }
 
 declare function linkOptionsGetter<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(_: LinkInterface<NodeData, LinkData>, __: number, ___: LinkInterface<NodeData, LinkData>[], state?: GraphState<NodeData, LinkData>): Required<LinkOptionsInterface<NodeData, LinkData>>;
@@ -315,36 +373,18 @@ type NodeByPointerGetterOptions<NodeData extends Record<string, unknown>> = {
     areaRect: DOMRect | undefined;
     areaTransform: ZoomTransform;
     nodes: NodeInterface<NodeData>[];
-    graphSettings: Required<GraphSettingsInterface<NodeData>>;
 };
-declare function nodeByPointerGetter<NodeData extends Record<string, unknown>>({ areaRect, areaTransform, mouseEvent, nodes, graphSettings, }: NodeByPointerGetterOptions<NodeData>): NodeInterface<NodeData> | undefined;
+declare function nodeByPointerGetter<NodeData extends Record<string, unknown>>({ areaRect, areaTransform, mouseEvent, nodes, }: NodeByPointerGetterOptions<NodeData>): NodeInterface<NodeData> | undefined;
 
 declare function nodeIterationExtractor<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>, Result extends string | number | boolean | Record<string, unknown> | unknown[] | undefined | null>(node: NodeInterface<NodeData>, i: number, nodes: NodeInterface<NodeData>[], state: GraphState<NodeData, LinkData>, option: NodeIterationPropsInterface<NodeData, LinkData, Result> | Result, optionConstantGetter: undefined): Result;
 declare function nodeIterationExtractor<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>, Result extends string | number | boolean | Record<string, unknown> | unknown[] | undefined | null>(node: NodeInterface<NodeData>, i: number, nodes: NodeInterface<NodeData>[], state: GraphState<NodeData, LinkData>, option: NodeIterationPropsInterface<NodeData, LinkData, Result> | Result, optionConstantGetter: NodeIterationPropsInterface<NodeData, LinkData, Result> | Result): Required<Result>;
 
-type DrawTextOptions = {
-    id: string | number;
-    x: number;
-    y: number;
-    text: string;
-    textSize: number;
-    textStyle: TextStyleEnum;
-    textWeight: number;
-    textFont: string;
-    textColor: string;
-    textGap: number;
-    textAlign: CanvasTextAlign;
-    context: CanvasRenderingContext2D;
-    cachedNodeText: CachedNodeTextInterface;
-    maxWidth?: number;
-};
-declare function drawText({ context, id, textAlign, textColor, textFont, textStyle, textGap, textWeight, textSize, text, x, y, cachedNodeText, maxWidth, }: DrawTextOptions): void;
-
-declare function calculateLinkPositionByRadius<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(link: LinkInterface<NodeData, LinkData>, arrowSize?: number): {
+declare function calculateLinkPositionByNode<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(link: LinkInterface<NodeData, LinkData>, arrowSize?: number): {
     x1: number;
     y1: number;
     x2: number;
     y2: number;
+    distance: number;
 } | null;
 
 declare function animationByProgress(initial: number, additional: number, progress: number): number;
@@ -356,6 +396,8 @@ type GetParticlePositionOptions = {
     xEnd: number;
     yEnd: number;
     totalSteps: number;
+    totalCount: number;
+    distance: number;
 };
 declare function getParticlePosition(opts: GetParticlePositionOptions): void;
 
@@ -364,9 +406,31 @@ type LinkByPointerGetterOptions<NodeData extends Record<string, unknown>, LinkDa
     areaRect: DOMRect | undefined;
     areaTransform: ZoomTransform;
     links: LinkInterface<NodeData, LinkData>[];
-    graphSettings: Required<GraphSettingsInterface<NodeData>>;
+    linkSettings: Required<Omit<LinkSettingsInterface<NodeData, LinkData>, "options">> & Pick<LinkSettingsInterface<NodeData, LinkData>, "options">;
+};
+declare function linkByPointerGetter<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>({ areaRect, areaTransform, mouseEvent, links, linkSettings, }: LinkByPointerGetterOptions<NodeData, LinkData>): LinkInterface<NodeData, LinkData> | undefined;
+
+declare function getDrawLink<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(state: GraphState<NodeData, LinkData>): (this: GraphCanvas<NodeData, LinkData>, link: LinkInterface<NodeData, LinkData>, index: number) => void;
+
+declare function getDrawNode<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(nodeRenders: (() => void)[], textRenders: (() => void)[], state: GraphState<NodeData, LinkData>): (this: GraphCanvas<NodeData, LinkData>, node: NodeInterface<NodeData>, index: number) => void;
+
+type DrawTextOptions = {
+    id: string | number;
+    x: number;
+    y: number;
+    text: string;
+    textSize: number;
+    textStyle: TextStyleEnum;
+    textWeight: number;
+    textFont: string;
+    textColor: string;
+    textGap: number;
+    textAlign: CanvasTextAlign;
+    context: CanvasRenderingContext2D;
+    cachedNodeText: CachedNodeTextInterface;
+    maxWidth?: number;
 };
-declare function linkByPointerGetter<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>({ areaRect, areaTransform, mouseEvent, links, graphSettings, }: LinkByPointerGetterOptions<NodeData, LinkData>): LinkInterface<NodeData, LinkData> | undefined;
+declare function drawText({ context, id, textAlign, textColor, textFont, textStyle, textGap, textWeight, textSize, text, x, y, cachedNodeText, maxWidth, }: DrawTextOptions): void;
 
 declare function colorToRgb(color: string): string | null;
 
@@ -380,32 +444,11 @@ declare function fadeRgb(color: RGB, fade: number): RGB;
 
 declare function rgbAnimationByProgress(start: RGB, end: RGB, progress: number): RGB;
 
-type GraphSettingsInputRange<I extends string> = {
-    type: "range";
-    min: number;
-    max: number;
-    step: number;
-    initialValue: number;
-    id: I;
-    label: string;
-};
-type GraphSettingsInputCheckBox<I extends string> = {
-    type: "checkbox";
-    id: I;
-    initialValue: boolean;
-    label: string;
-};
-type GraphSettingsInputColorBox<I extends string> = {
-    type: "color";
-    id: I;
-    initialValue: string;
-    label: string;
-};
-type GraphSettingsInputInterface<I extends string> = GraphSettingsInputRange<I> | GraphSettingsInputCheckBox<I> | GraphSettingsInputColorBox<I>;
-
 declare function getForceControls<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(keys?: (keyof ForceSettingsInterface<NodeData, LinkData>)[]): GraphSettingsInputInterface<keyof ForceSettingsInterface<NodeData, LinkData>>[];
 declare function getGraphControls<NodeData extends Record<string, unknown>>(keys?: (keyof GraphSettingsInterface<NodeData>)[]): GraphSettingsInputInterface<keyof GraphSettingsInterface<NodeData>>[];
-declare function getNodeControls<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(keys?: (keyof NodeOptionsInterface<NodeData, LinkData>)[]): GraphSettingsInputInterface<keyof NodeOptionsInterface<NodeData, LinkData>>[];
-declare function getLinkControls<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(keys?: (keyof LinkOptionsInterface<NodeData, LinkData>)[]): GraphSettingsInputInterface<keyof LinkOptionsInterface<NodeData, LinkData>>[];
+declare function getNodeSettingControls<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(keys?: keyof Omit<Required<NodeSettingsInterface<NodeData, LinkData>>, "options" | "idGetter">): GraphSettingsInputInterface<"cache" | "highlightByNodeOnlyRoot" | "highlightByNodeNodeFadingMin" | "highlightByNodeNodeColorFadingMin" | "highlightByNodeNodeSizingAdditional" | "highlightByNodeNodeSizingAdditionalCoefficient" | "highlightByNodeTextFadingMin" | "highlightByNodeTextSizingAdditional" | "highlightByNodeTextShiftXAdditional" | "highlightByNodeTextShiftYAdditional" | "highlightByNodeTextWeightAdditional" | "highlightByNodeTextWidthAdditional" | "highlightByLinkNodeFadingMin" | "highlightByLinkNodeColorFadingMin" | "highlightByLinkTextFadingMin" | "highlightByLinkNodeSizingAdditional" | "highlightByLinkNodeSizingAdditionalCoefficient" | "highlightByLinkTextSizingAdditional" | "highlightByLinkTextShiftXAdditional" | "highlightByLinkTextShiftYAdditional" | "highlightByLinkTextWeightAdditional" | "highlightByLinkTextWidthAdditional" | "highlightByHoverNode" | "highlightByNodeNodeFading" | "highlightByNodeNodeSizing" | "highlightByNodeTextFading" | "highlightByNodeTextSizing" | "highlightByNodeNodeColor" | "highlightByLinkNodeFading" | "highlightByLinkNodeSizing" | "highlightByLinkTextFading" | "highlightByLinkTextSizing" | "highlightByLinkNodeColor" | "nodeRadiusCoefficient" | "nodeRadiusFactor" | "nodeRadiusFlexible" | "nodeSizeFlexible" | "nodeSizeCoefficient" | "nodeSizeFactor" | "textNodeDebug">[];
+declare function getNodeOptionsControls<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(keys?: (keyof NodeOptionsInterface<NodeData, LinkData>)[]): GraphSettingsInputInterface<keyof NodeOptionsInterface<NodeData, LinkData>>[];
+declare function getLinkSettingsControls<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(keys?: keyof Omit<Required<LinkSettingsInterface<NodeData, LinkData>>, "options">): GraphSettingsInputInterface<"cache" | "particles" | "pretty" | "arrow" | "arrowByHighlight" | "particleFlexSpeed" | "particleFlexSpeedCoefficient" | "highlightByNodeLinkFadingMin" | "highlightByNodeArrowFadingMin" | "highlightByLinkArrowFadingMin" | "highlightByLinkLinkFadingMin" | "highlightByHoverLink" | "highlightByNodeLinkFading" | "highlightByNodeArrowFading" | "highlightByLinkLinkFading" | "highlightByLinkArrowFading" | "hoverLinkThreshold">[];
+declare function getLinkOptionsControls<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(keys?: (keyof LinkOptionsInterface<NodeData, LinkData>)[]): GraphSettingsInputInterface<keyof LinkOptionsInterface<NodeData, LinkData>>[];
 
-export { type CachedNodeTextInterface, type DragEventInterface, type ForceSettingsInterface, GraphCanvas, type GraphCanvasInterface, type GraphCanvasSimulation, type GraphParticle, type GraphSettingsInterface, type GraphState, type LinkInterface, type LinkIterationPropsInterface, type LinkOptionsInterface, type LinkSettingsInterface, type ListenersInterface, type NodeInterface, type NodeIterationPropsInterface, type NodeOptionsInterface, type NodeSettingsInterface, type RGB, type TextStyleEnum, type ZoomEventInterface, animationByProgress, calculateLinkPositionByRadius, colorToRgb, drawText, extractRgb, fadeRgb, getForceControls, getGraphControls, getLinkControls, getNodeControls, getParticlePosition, linkByPointerGetter, linkIterationExtractor, linkOptionsGetter, nodeByPointerGetter, nodeIterationExtractor, nodeOptionsGetter, nodeRadiusGetter, rgbAnimationByProgress };
+export { type CachedNodeTextInterface, type CachedTextNodeParametersInterface, type CachedTextNodeParametersMap, type DragEventInterface, type ForceSettingsInterface, GraphCanvas, type GraphCanvasInterface, type GraphCanvasSimulation, type GraphParticle, type GraphSettingsInputInterface, type GraphSettingsInterface, type GraphState, type LinkInterface, type LinkIterationPropsInterface, type LinkOptionsInterface, type LinkSettingsInterface, type ListenersInterface, type NodeInterface, type NodeIterationPropsInterface, type NodeOptionsInterface, type NodeSettingsInterface, type NodeShape, type RGB, type TextStyleEnum, type ZoomEventInterface, animationByProgress, calculateLinkPositionByNode, colorToRgb, drawText, extractRgb, fadeRgb, getDrawLink, getDrawNode, getForceControls, getGraphControls, getLinkOptionsControls, getLinkSettingsControls, getNodeOptionsControls, getNodeSettingControls, getParticlePosition, linkByPointerGetter, linkIterationExtractor, linkOptionsGetter, nodeByPointerGetter, nodeIterationExtractor, nodeOptionsGetter, nodeRadiusGetter, rgbAnimationByProgress };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krainovsd/graph",
-  "version": "0.9.0",
+  "version": "0.10.0-rc2",
   "description": "Krainov graph",
   "type": "module",
   "author": "KrainovSD <denislosev48@gmail.com>",

package/lib/esm/module/GraphCanvas/lib/utils/calculate-link-position-by-radius.js

@@ -1,20 +0,0 @@
-function calculateLinkPositionByRadius(link, arrowSize = 0) {
-    const source = link.source;
-    const target = link.target;
-    if (typeof source != "object" || typeof target != "object")
-        return null;
-    const dx = (target.x ?? 0) - (source.x ?? 0);
-    const dy = (target.y ?? 0) - (source.y ?? 0);
-    const dr = Math.sqrt(dx * dx + dy * dy);
-    const sourceRadius = source._radius ?? 0;
-    const targetRadius = (target._radius ?? 0) + (arrowSize > 0 ? arrowSize * 0.85 : 0);
-    return {
-        x1: (source.x ?? 0) + (dx * sourceRadius) / dr,
-        y1: (source.y ?? 0) + (dy * sourceRadius) / dr,
-        x2: (target.x ?? 0) - (dx * targetRadius) / dr,
-        y2: (target.y ?? 0) - (dy * targetRadius) / dr,
-    };
-}
-
-export { calculateLinkPositionByRadius };
-//# sourceMappingURL=calculate-link-position-by-radius.js.map

package/lib/esm/module/GraphCanvas/lib/utils/calculate-link-position-by-radius.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"calculate-link-position-by-radius.js","sources":["../../../../../../src/module/GraphCanvas/lib/utils/calculate-link-position-by-radius.ts"],"sourcesContent":["import type { LinkInterface } from \"@/types\";\n\nexport function calculateLinkPositionByRadius<\n  NodeData extends Record<string, unknown>,\n  LinkData extends Record<string, unknown>,\n>(link: LinkInterface<NodeData, LinkData>, arrowSize = 0) {\n  const source = link.source;\n  const target = link.target;\n\n  if (typeof source != \"object\" || typeof target != \"object\") return null;\n\n  const dx = (target.x ?? 0) - (source.x ?? 0);\n  const dy = (target.y ?? 0) - (source.y ?? 0);\n  const dr = Math.sqrt(dx * dx + dy * dy);\n  const sourceRadius = source._radius ?? 0;\n  const targetRadius = (target._radius ?? 0) + (arrowSize > 0 ? arrowSize * 0.85 : 0);\n\n  return {\n    x1: (source.x ?? 0) + (dx * sourceRadius) / dr,\n    y1: (source.y ?? 0) + (dy * sourceRadius) / dr,\n    x2: (target.x ?? 0) - (dx * targetRadius) / dr,\n    y2: (target.y ?? 0) - (dy * targetRadius) / dr,\n  };\n}\n"],"names":[],"mappings":"SAEgB,6BAA6B,CAG3C,IAAuC,EAAE,SAAS,GAAG,CAAC,EAAA;AACtD,IAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM;AAC1B,IAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM;IAE1B,IAAI,OAAO,MAAM,IAAI,QAAQ,IAAI,OAAO,MAAM,IAAI,QAAQ;AAAE,QAAA,OAAO,IAAI;AAEvE,IAAA,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,KAAK,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC;AAC5C,IAAA,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,KAAK,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC;AAC5C,IAAA,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AACvC,IAAA,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,IAAI,CAAC;IACxC,MAAM,YAAY,GAAG,CAAC,MAAM,CAAC,OAAO,IAAI,CAAC,KAAK,SAAS,GAAG,CAAC,GAAG,SAAS,GAAG,IAAI,GAAG,CAAC,CAAC;IAEnF,OAAO;AACL,QAAA,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,YAAY,IAAI,EAAE;AAC9C,QAAA,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,YAAY,IAAI,EAAE;AAC9C,QAAA,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,YAAY,IAAI,EAAE;AAC9C,QAAA,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,YAAY,IAAI,EAAE;KAC/C;AACH;;;;"}

package/lib/esm/module/GraphCanvas/lib/utils/draw-text.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"draw-text.js","sources":["../../../../../../src/module/GraphCanvas/lib/utils/draw-text.ts"],"sourcesContent":["import type { CachedNodeTextInterface } from \"@/types\";\nimport type { TextStyleEnum } from \"../../types\";\n\nexport type DrawTextOptions = {\n  id: string | number;\n  x: number;\n  y: number;\n  text: string;\n  textSize: number;\n  textStyle: TextStyleEnum;\n  textWeight: number;\n  textFont: string;\n  textColor: string;\n  textGap: number;\n  textAlign: CanvasTextAlign;\n  context: CanvasRenderingContext2D;\n  cachedNodeText: CachedNodeTextInterface;\n  maxWidth?: number;\n};\n\nconst SPACE = \" \";\n\nexport function drawText({\n  context,\n  id,\n  textAlign,\n  textColor,\n  textFont,\n  textStyle,\n  textGap,\n  textWeight,\n  textSize,\n  text,\n  x,\n  y,\n  cachedNodeText,\n  maxWidth,\n}: DrawTextOptions) {\n  context.font = `${textStyle} normal ${textWeight} ${textSize}px ${textFont}`;\n  context.fillStyle = textColor;\n  context.textAlign = textAlign;\n\n  if (cachedNodeText[id] != undefined) {\n    cachedNodeText[id].forEach((line, index) => {\n      context.fillText(line, x, y + index * textSize + index * textGap);\n    });\n\n    return;\n  }\n\n  if (maxWidth == undefined || context.measureText(text).width <= maxWidth) {\n    cachedNodeText[id] = [text];\n    context.fillText(text, x, y);\n\n    return;\n  }\n\n  const spaceWidth = context.measureText(\" \").width;\n  const lines: string[] = [];\n  let lineWidth = 0;\n  let line = \"\";\n\n  for (const word of text.split(\" \")) {\n    const size = context.measureText(word).width;\n    lineWidth += size;\n\n    if (line === \"\") {\n      line = word;\n\n      continue;\n    }\n    if (lineWidth > maxWidth) {\n      lineWidth = 0;\n      lines.push(line);\n      line = word;\n    } else {\n      lineWidth += spaceWidth;\n      line += `${SPACE}${word}`;\n    }\n  }\n\n  if (line !== \"\") lines.push(line);\n\n  cachedNodeText[id] = lines;\n  lines.forEach((line, index) => {\n    context.fillText(line, x, y + index * textSize + index * textGap);\n  });\n}\n"],"names":[],"mappings":"AAoBA,MAAM,KAAK,GAAG,GAAG;AAED,SAAA,QAAQ,CAAC,EACvB,OAAO,EACP,EAAE,EACF,SAAS,EACT,SAAS,EACT,QAAQ,EACR,SAAS,EACT,OAAO,EACP,UAAU,EACV,QAAQ,EACR,IAAI,EACJ,CAAC,EACD,CAAC,EACD,cAAc,EACd,QAAQ,GACQ,EAAA;AAChB,IAAA,OAAO,CAAC,IAAI,GAAG,CAAA,EAAG,SAAS,CAAA,QAAA,EAAW,UAAU,CAAA,CAAA,EAAI,QAAQ,CAAA,GAAA,EAAM,QAAQ,CAAA,CAAE;AAC5E,IAAA,OAAO,CAAC,SAAS,GAAG,SAAS;AAC7B,IAAA,OAAO,CAAC,SAAS,GAAG,SAAS;AAE7B,IAAA,IAAI,cAAc,CAAC,EAAE,CAAC,IAAI,SAAS,EAAE;QACnC,cAAc,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;AACzC,YAAA,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,GAAG,KAAK,GAAG,QAAQ,GAAG,KAAK,GAAG,OAAO,CAAC;AACnE,SAAC,CAAC;QAEF;;AAGF,IAAA,IAAI,QAAQ,IAAI,SAAS,IAAI,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,KAAK,IAAI,QAAQ,EAAE;AACxE,QAAA,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC;QAC3B,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;QAE5B;;IAGF,MAAM,UAAU,GAAG,OAAO,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK;IACjD,MAAM,KAAK,GAAa,EAAE;IAC1B,IAAI,SAAS,GAAG,CAAC;IACjB,IAAI,IAAI,GAAG,EAAE;IAEb,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;QAClC,MAAM,IAAI,GAAG,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,KAAK;QAC5C,SAAS,IAAI,IAAI;AAEjB,QAAA,IAAI,IAAI,KAAK,EAAE,EAAE;YACf,IAAI,GAAG,IAAI;YAEX;;AAEF,QAAA,IAAI,SAAS,GAAG,QAAQ,EAAE;YACxB,SAAS,GAAG,CAAC;AACb,YAAA,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;YAChB,IAAI,GAAG,IAAI;;aACN;YACL,SAAS,IAAI,UAAU;AACvB,YAAA,IAAI,IAAI,CAAG,EAAA,KAAK,CAAG,EAAA,IAAI,EAAE;;;IAI7B,IAAI,IAAI,KAAK,EAAE;AAAE,QAAA,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;AAEjC,IAAA,cAAc,CAAC,EAAE,CAAC,GAAG,KAAK;IAC1B,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;AAC5B,QAAA,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,GAAG,KAAK,GAAG,QAAQ,GAAG,KAAK,GAAG,OAAO,CAAC;AACnE,KAAC,CAAC;AACJ;;;;"}