@krainovsd/graph 0.10.0-rc5 → 0.10.0-rc7

package/lib/index.d.ts

@@ -8,17 +8,21 @@ interface NodeInterface<NodeData extends Record<string, unknown>> extends Simula
     group?: number | string;
     neighbors?: (string | number)[];
     _radius?: number;
+    _borderWidth?: number;
     _width?: number;
     _height?: number;
     _borderRadius?: number;
     _visible?: boolean;
     _shape?: NodeShape;
     name?: string;
+    label?: string;
     drag?: boolean;
     highlight?: boolean;
+    image?: HTMLImageElement;
     data?: NodeData;
 }
-type NodeShape = "circle" | "square" | "text" | "icon";
+type NodeShape = "circle" | "square" | "text";
+type TextStyleEnum = "normal" | "italic" | "oblique";
 type CachedNodeTextInterface = Record<string | number, string[] | undefined>;
 type CachedTextNodeParametersMap = Record<string | number, [number, number] | undefined>;
 /**
@@ -31,74 +35,22 @@ interface LinkInterface<NodeData extends Record<string, unknown>, LinkData exten
     data?: LinkData;
     highlight?: boolean;
 }
-
-type GraphSettingsInputRange<I extends string> = {
-    type: "range";
-    min: number;
-    max: number;
+type LinkParticle = {
     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;
-    }[];
+    index: number;
+    prev: LinkParticle | undefined;
+    next: LinkParticle | undefined;
+    x?: number;
+    y?: number;
+    sourceId: string | number;
+    targetId: string | number;
 };
-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>> = {
-    onContextMenu?: (event: MouseEvent, node: NodeInterface<NodeData> | undefined, link: LinkInterface<NodeData, LinkData> | undefined) => void;
-    onClick?: (event: MouseEvent | TouchEvent, node: NodeInterface<NodeData> | undefined, link: LinkInterface<NodeData, LinkData> | undefined) => void;
-    onDoubleClick?: (event: MouseEvent | TouchEvent, node: NodeInterface<NodeData> | undefined, link: LinkInterface<NodeData, LinkData> | undefined) => void;
-    onWheelClick?: (event: MouseEvent, node: NodeInterface<NodeData> | undefined, link: LinkInterface<NodeData, LinkData> | undefined) => void;
-    onMove?: (event: MouseEvent | TouchEvent, node: NodeInterface<NodeData> | undefined, link: LinkInterface<NodeData, LinkData> | undefined) => void;
-    onZoom?: (event: ZoomEventInterface) => void;
-    onDragSubject?: (event: DragEventInterface<NodeData>, state: GraphState<NodeData, LinkData>) => NodeInterface<NodeData> | undefined;
-    onDraw?: (state: GraphState<NodeData, LinkData>, toggleHighlightStatus: (status: boolean) => void, clearHighlightState: () => void) => void;
-    onStartDragFinished?: (event: DragEventInterface<NodeData>, state: GraphState<NodeData, LinkData>) => void;
-    onMoveDragFinished?: (event: DragEventInterface<NodeData>, state: GraphState<NodeData, LinkData>) => void;
-    onEndDragFinished?: (event: DragEventInterface<NodeData>, state: GraphState<NodeData, LinkData>) => void;
-    onDrawFinished?: (state: GraphState<NodeData, LinkData>) => void;
-    onSimulationEnd?: (state: GraphState<NodeData, LinkData>) => void;
-};
+type NodeIterationPropsInterface<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>, Return = number> = (this: GraphCanvas<NodeData, LinkData>, node: NodeInterface<NodeData>, i: number, nodes: NodeInterface<NodeData>[]) => Return;
+type LinkIterationPropsInterface<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>, Return = number> = (this: GraphCanvas<NodeData, LinkData>, link: LinkInterface<NodeData, LinkData>, i: number, links: LinkInterface<NodeData, LinkData>[]) => Return;
+type NodeIterationPropsNoThisInterface<NodeData extends Record<string, unknown>, Return = number> = (node: NodeInterface<NodeData>, i: number, nodes: NodeInterface<NodeData>[]) => Return;
+type LinkIterationPropsNoThisInterface<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>, Return = number> = (link: LinkInterface<NodeData, LinkData>, i: number, links: LinkInterface<NodeData, LinkData>[]) => Return;
 
-type GraphSettingsInterface<NodeData extends Record<string, unknown>> = {
-    highlightDownFrames?: number;
-    highlightUpFrames?: number;
-    zoomExtent?: [number, number];
-    translateExtent?: [[number?, number?], [number?, number?]];
-    translateExtentCoefficient?: number | [number, number];
-    translateExtentEnable?: boolean;
-    zoomInitial?: {
-        k?: number;
-        x?: number;
-        y?: number;
-    } | null;
-    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>> = {
     forces?: boolean;
     xForce?: boolean;
@@ -111,68 +63,194 @@ type ForceSettingsInterface<NodeData extends Record<string, unknown>, LinkData e
         nodes: number;
         links: number;
     };
-    collideRadius?: NodeIterationPropsInterface<NodeData, LinkData> | number | null;
+    collideRadius?: NodeIterationPropsNoThisInterface<NodeData> | number | null;
     collideAdditionalRadius?: number;
     collideStrength?: number;
     collideIterations?: number;
-    linkDistance?: LinkIterationPropsInterface<NodeData, LinkData> | number;
-    linkStrength?: LinkIterationPropsInterface<NodeData, LinkData> | number;
+    linkDistance?: LinkIterationPropsNoThisInterface<NodeData, LinkData> | number;
+    linkStrength?: LinkIterationPropsNoThisInterface<NodeData, LinkData> | number;
     linkIterations?: number;
-    chargeStrength?: NodeIterationPropsInterface<NodeData, LinkData> | number;
-    chargeDistanceMax?: number;
+    chargeStrength?: NodeIterationPropsNoThisInterface<NodeData> | number;
     chargeDistanceMin?: number;
     centerPosition?: {
         x?: number;
         y?: number;
     };
     centerStrength?: number;
-    xPosition?: NodeIterationPropsInterface<NodeData, LinkData> | number;
-    xStrength?: NodeIterationPropsInterface<NodeData, LinkData> | number;
-    yPosition?: NodeIterationPropsInterface<NodeData, LinkData> | number;
-    yStrength?: NodeIterationPropsInterface<NodeData, LinkData> | number;
+    xPosition?: NodeIterationPropsNoThisInterface<NodeData> | number;
+    xStrength?: NodeIterationPropsNoThisInterface<NodeData> | number;
+    yPosition?: NodeIterationPropsNoThisInterface<NodeData> | number;
+    yStrength?: NodeIterationPropsNoThisInterface<NodeData> | number;
 };
-type NodeSettingsInterface<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>> = {
-    cache?: boolean;
-    idGetter?: NodeIterationPropsInterface<NodeData, LinkData, string | number>;
-    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;
+
+type GraphSettingsInterface<NodeData extends Record<string, unknown>> = {
+    highlightDownFrames?: number;
+    highlightUpFrames?: number;
+    zoomExtent?: [number, number];
+    translateExtent?: [[number?, number?], [number?, number?]];
+    translateExtentCoefficient?: number | [number, number];
+    translateExtentEnable?: boolean;
+    zoomInitial?: {
+        k?: number;
+        x?: number;
+        y?: number;
+    } | null;
+    dragPlaceCoefficient?: (node: NodeInterface<NodeData>, pxEvent: number, pyEvent: number) => number | undefined;
+    showDrawTime?: boolean;
+    showDrawTimeEveryTick?: boolean;
+};
+
+type HighlightSettingsInterface = HighlighCommonSettingsInterface & HighlightByNodeForNodeSettingsInterface & HighlightByNodeForLabelSettingsInterface & HighlightByNodeForTextSettingsInterface & HighlightByNodeForLinkSettingsInterface & HighlightByNodeForArrowSettingsInterface & HighlightByLinkForNodeSettingsInterface & HighlightByLinkForTextSettingsInterface & HighlightByLinkForLabelSettingsInterface & HighlightByLinkForLinkSettingsInterface & HighlightByLinkForArrowSettingsInterface;
+type HighlighCommonSettingsInterface = {
     highlightByHoverNode?: boolean;
-    highlightByNodeNodeFading?: boolean;
-    highlightByNodeNodeSizing?: boolean;
-    highlightByNodeTextFading?: boolean;
-    highlightByNodeTextSizing?: boolean;
-    highlightByNodeNodeColor?: boolean;
-    highlightByLinkNodeFading?: boolean;
-    highlightByLinkNodeSizing?: boolean;
-    highlightByLinkTextFading?: boolean;
-    highlightByLinkTextSizing?: boolean;
-    highlightByLinkNodeColor?: boolean;
+    highlightByHoverLink?: boolean;
+    linkHoverExtraZone?: number;
+};
+type HighlightByNodeForNodeSettingsInterface = {
+    highlightByNodeForNodeColorFading?: boolean;
+    highlightByNodeOnlyRoot?: boolean;
+    highlightByNodeForNodeFadingMin?: number;
+    highlightByNodeForNodeColorFadingMin?: number;
+    highlightByNodeForNodeColor?: string | null;
+    highlightByNodeForNodeSizingAdditional?: number;
+    highlightByNodeForNodeSizingAdditionalCoefficient?: number;
+    highlightByNodeForNodeBorderSizingAdditional?: number;
+    highlightByNodeForNodeBorderColor?: string | null;
+};
+type HighlightByNodeForLabelSettingsInterface = {
+    highlightByNodeForLabelSizingAdditional?: number;
+    highlightByNodeForLabelWeightAdditional?: number;
+    highlightByNodeForLabelFadingMin?: number;
+};
+type HighlightByNodeForTextSettingsInterface = {
+    highlightByNodeForTextFadingMin?: number;
+    highlightByNodeForTextSizingAdditional?: number;
+    highlightByNodeForTextShiftXAdditional?: number;
+    highlightByNodeForTextShiftYAdditional?: number;
+    highlightByNodeForTextWeightAdditional?: number;
+};
+type HighlightByLinkForNodeSettingsInterface = {
+    highlightByLinkForNodeColorFading?: boolean;
+    highlightByLinkForNodeFadingMin?: number;
+    highlightByLinkForNodeColorFadingMin?: number;
+    highlightByLinkForNodeColor?: string | null;
+    highlightByLinkForNodeSizingAdditional?: number;
+    highlightByLinkForNodeSizingAdditionalCoefficient?: number;
+    highlightByLinkForNodeBorderSizingAdditional?: number;
+    highlightByLinkForNodeBorderColor?: string | null;
+};
+type HighlightByLinkForLabelSettingsInterface = {
+    highlightByLinkForLabelSizingAdditional?: number;
+    highlightByLinkForLabelWeightAdditional?: number;
+    highlightByLinkForLabelFadingMin?: number;
+};
+type HighlightByLinkForTextSettingsInterface = {
+    highlightByLinkForTextFadingMin?: number;
+    highlightByLinkForTextSizingAdditional?: number;
+    highlightByLinkForTextShiftXAdditional?: number;
+    highlightByLinkForTextShiftYAdditional?: number;
+    highlightByLinkForTextWeightAdditional?: number;
+};
+type HighlightByNodeForLinkSettingsInterface = {
+    highlightByNodeForLinkFadingMin?: number;
+    highlightByNodeForLinkSizeAdditional?: number;
+    highlightByNodeForLinkColor?: string | null;
+};
+type HighlightByNodeForArrowSettingsInterface = {
+    highlightByNodeForArrowFadingMin?: number;
+    highlightByNodeForArrowSizeAdditional?: number;
+    highlightByNodeForArrowColor?: string | null;
+    highlightByNodeForArrowBorderSizingAdditional?: number;
+    highlightByNodeForArrowBorderColor?: string | null;
+};
+type HighlightByLinkForLinkSettingsInterface = {
+    highlightByLinkForLinkFadingMin?: number;
+    highlightByLinkForLinkSizeAdditional?: number;
+    highlightByLinkForLinkColor?: string | null;
+};
+type HighlightByLinkForArrowSettingsInterface = {
+    highlightByLinkForArrowFadingMin?: number;
+    highlightByLinkForArrowSizeAdditional?: number;
+    highlightByLinkForArrowColor?: string | null;
+    highlightByLinkForArrowBorderSizingAdditional?: number;
+    highlightByLinkForArrowBorderColor?: string | null;
+};
+
+type LinkSettingsInterface<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>> = {
+    cacheOptions?: boolean;
+    prettyDraw?: boolean;
+    arrow?: boolean;
+    arrowByHighlight?: boolean;
+    particles?: boolean;
+    particleFlexSpeed?: boolean;
+    particleFlexSpeedCoefficient?: number;
+    linkScaleSwitch?: number;
+    linkWidthBeforeScaleSwitch?: number;
+    linkWidthAfterScaleSwitch?: number;
+    linkColorBeforeScaleSwitch?: string;
+    linkColorAfterScaleSwitch?: string;
+    options?: LinkIterationPropsInterface<NodeData, LinkData, LinkOptionsInterface<NodeData, LinkData>> | LinkOptionsInterface<NodeData, LinkData>;
+};
+type LinkOptionsInterface<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>> = {
+    drawLink?: ((this: GraphCanvas<NodeData, LinkData>, link: LinkInterface<NodeData, LinkData>, options: Required<LinkOptionsInterface<NodeData, LinkData>>) => void) | null;
+    drawExtraLink?: ((this: GraphCanvas<NodeData, LinkData>, link: LinkInterface<NodeData, LinkData>, options: Required<LinkOptionsInterface<NodeData, LinkData>>) => void) | null;
+} & LinkOptionsLinkInterface & LinkOptionsArrowInterface & LinkOptionsParticleInterface;
+type LinkOptionsLinkInterface = {
+    alpha?: number;
+    color?: string;
+    width?: number;
+};
+type LinkOptionsArrowInterface = {
+    arrowAlpha?: number;
+    arrowColor?: string;
+    arrowSize?: number;
+    arrowBorderColor?: string;
+    arrowBorderWidth?: number;
+};
+type LinkOptionsParticleInterface = {
+    particleAlpha?: number;
+    particleColor?: string;
+    particleRadius?: number;
+    particleCount?: number;
+    particleSteps?: number;
+    particleBorderWidth?: number;
+    particleBorderColor?: string;
+};
+
+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>> = {
+    onContextMenu?: (this: GraphCanvas<NodeData, LinkData>, event: MouseEvent, node: NodeInterface<NodeData> | undefined, link: LinkInterface<NodeData, LinkData> | undefined) => void;
+    onClick?: (this: GraphCanvas<NodeData, LinkData>, event: MouseEvent | TouchEvent, node: NodeInterface<NodeData> | undefined, link: LinkInterface<NodeData, LinkData> | undefined) => void;
+    onDoubleClick?: (this: GraphCanvas<NodeData, LinkData>, event: MouseEvent | TouchEvent, node: NodeInterface<NodeData> | undefined, link: LinkInterface<NodeData, LinkData> | undefined) => void;
+    onWheelClick?: (this: GraphCanvas<NodeData, LinkData>, event: MouseEvent, node: NodeInterface<NodeData> | undefined, link: LinkInterface<NodeData, LinkData> | undefined) => void;
+    onMove?: (this: GraphCanvas<NodeData, LinkData>, event: MouseEvent | TouchEvent, node: NodeInterface<NodeData> | undefined, link: LinkInterface<NodeData, LinkData> | undefined) => void;
+    onZoom?: (this: GraphCanvas<NodeData, LinkData>, event: ZoomEventInterface) => void;
+    onDragSubject?: (this: GraphCanvas<NodeData, LinkData>, event: DragEventInterface<NodeData>) => NodeInterface<NodeData> | undefined;
+    onDraw?: (this: GraphCanvas<NodeData, LinkData>) => void;
+    onStartDragFinished?: (this: GraphCanvas<NodeData, LinkData>, event: DragEventInterface<NodeData>) => void;
+    onMoveDragFinished?: (this: GraphCanvas<NodeData, LinkData>, event: DragEventInterface<NodeData>) => void;
+    onEndDragFinished?: (this: GraphCanvas<NodeData, LinkData>, event: DragEventInterface<NodeData>) => void;
+    onDrawFinished?: (this: GraphCanvas<NodeData, LinkData>) => void;
+    onSimulationEnd?: (this: GraphCanvas<NodeData, LinkData>) => void;
+};
+
+type NodeSettingsInterface<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>> = {
+    cacheOptions?: boolean;
+    nodeRadiusFlexible?: boolean;
     nodeRadiusCoefficient?: number;
     nodeRadiusFactor?: number;
-    nodeRadiusFlexible?: boolean;
     nodeSizeFlexible?: boolean;
     nodeSizeCoefficient?: number;
     nodeSizeFactor?: number;
     textNodeDebug?: boolean;
+    textScaleMin?: number;
+    textScaleMax?: number;
+    textSizeMin?: number;
+    textSizeMax?: number;
+    textShiftYMin?: number;
+    textShiftYMax?: number;
+    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>> = {
@@ -180,73 +258,47 @@ type NodeOptionsInterface<NodeData extends Record<string, unknown>, LinkData ext
     textDraw?: ((this: GraphCanvas<NodeData, LinkData>, node: NodeInterface<NodeData>, options: Required<NodeOptionsInterface<NodeData, LinkData>>) => void) | null;
     nodeExtraDraw?: ((this: GraphCanvas<NodeData, LinkData>, node: NodeInterface<NodeData>, options: Required<NodeOptionsInterface<NodeData, LinkData>>) => void) | null;
     textExtraDraw?: ((this: GraphCanvas<NodeData, LinkData>, node: NodeInterface<NodeData>, options: Required<NodeOptionsInterface<NodeData, LinkData>>) => void) | null;
+} & NodeOptionsNodeInterface & NodeOptionsTextInterface & NodeOptionsLabelInterface;
+type NodeOptionsNodeInterface = {
     shape?: NodeShape;
     width?: number;
     height?: number;
-    borderRadius?: number;
-    borderColor?: string;
-    borderWidth?: number;
     radius?: number;
     alpha?: number;
     color?: string;
-    textNodeYPadding?: number;
-    textNodeXPadding?: number;
+    borderRadius?: number;
+    borderColor?: string;
+    borderWidth?: number;
+};
+type NodeOptionsTextInterface = {
     textVisible?: boolean;
     text?: string | null;
+    textColor?: string;
+    textSize?: number;
     textAlpha?: number;
-    textShiftY?: number;
+    textWidth?: number;
     textShiftX?: number;
+    textShiftY?: number;
+    textWeight?: number;
+    textGap?: number;
     textFont?: string;
-    textSize?: number;
-    textColor?: string;
     textAlign?: CanvasTextAlign;
-    textWidth?: number;
     textStyle?: TextStyleEnum;
-    textWeight?: number;
-    textGap?: number;
 };
-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 NodeOptionsLabelInterface = {
+    labelAlpha?: number;
+    labelYPadding?: number;
+    labelXPadding?: number;
+    labelAlign?: CanvasTextAlign;
+    labelColor?: string;
+    labelSize?: number;
+    labelFont?: string;
+    labelWidth?: number;
+    labelStyle?: TextStyleEnum;
+    labelWeight?: number;
+    labelGap?: number;
+    label?: string | null;
 };
-type LinkOptionsInterface<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>> = {
-    drawLink?: ((link: LinkInterface<NodeData, LinkData>, options: Required<LinkOptionsInterface<NodeData, LinkData>>, state: GraphState<NodeData, LinkData>) => void) | null;
-    drawExtraLink?: ((link: LinkInterface<NodeData, LinkData>, options: Required<LinkOptionsInterface<NodeData, LinkData>>, state: GraphState<NodeData, LinkData>) => void) | null;
-    alpha?: number;
-    color?: string;
-    width?: number;
-    arrowAlpha?: number;
-    arrowColor?: string;
-    arrowSize?: number;
-    arrowBorderColor?: string;
-    arrowBorderWidth?: number;
-    particleBorderColor?: string;
-    particleBorderWidth?: number;
-    particleAlpha?: number;
-    particleColor?: string;
-    particleRadius?: number;
-    particleCount?: number;
-    particleSteps?: number;
-};
-type LinkIterationPropsInterface<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>, Return = number> = (link: LinkInterface<NodeData, LinkData>, i: number, links: LinkInterface<NodeData, LinkData>[], state?: GraphState<NodeData, LinkData>) => Return;
-type TextStyleEnum = "normal" | "italic" | "oblique";
 
 type GraphCanvasInterface<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>> = {
     nodes: NodeInterface<NodeData>[];
@@ -257,52 +309,15 @@ type GraphCanvasInterface<NodeData extends Record<string, unknown>, LinkData ext
     nodeSettings?: NodeSettingsInterface<NodeData, LinkData>;
     linkSettings?: LinkSettingsInterface<NodeData, LinkData>;
     listeners?: ListenersInterface<NodeData, LinkData>;
+    highlightSettings?: HighlightSettingsInterface;
 };
 type GraphCanvasSimulation<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>> = Simulation<NodeInterface<NodeData>, LinkInterface<NodeData, LinkData>>;
-type GraphState<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>> = {
-    context: CanvasRenderingContext2D | null | undefined;
-    simulation: GraphCanvasSimulation<NodeData, LinkData> | undefined;
-    areaTransform: ZoomTransform;
-    eventAbortController: AbortController;
-    cachedNodeText: CachedNodeTextInterface;
-    simulationWorking: boolean;
-    isDragging: boolean;
-    highlightedNode: NodeInterface<NodeData> | null;
-    highlightedLink: LinkInterface<NodeData, LinkData> | null;
-    highlightedNeighbors: Set<string | number> | null;
-    highlightProgress: number;
-    highlightWorking: boolean;
-    highlightDrawing: boolean;
-    width: number;
-    height: number;
-    nodes: NodeInterface<NodeData>[];
-    links: LinkInterface<NodeData, LinkData>[];
-    graphSettings: Required<GraphSettingsInterface<NodeData>>;
-    forceSettings: Required<ForceSettingsInterface<NodeData, LinkData>>;
-    nodeSettings: Required<Omit<NodeSettingsInterface<NodeData, LinkData>, "options">> & Pick<NodeSettingsInterface<NodeData, LinkData>, "options">;
-    linkSettings: Required<Omit<LinkSettingsInterface<NodeData, LinkData>, "options">> & Pick<LinkSettingsInterface<NodeData, LinkData>, "options">;
-};
-type RGB = {
-    r: number;
-    g: number;
-    b: number;
-};
-type GraphParticle = {
-    step: number;
-    index: number;
-    prev: GraphParticle | undefined;
-    next: GraphParticle | undefined;
-    x?: number;
-    y?: number;
-    sourceId: string | number;
-    targetId: string | number;
-};
 
 declare class GraphCanvas<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>> {
     /** initial data */
     protected nodes: NodeInterface<NodeData>[];
     protected links: LinkInterface<NodeData, LinkData>[];
-    protected particles: Record<string, GraphParticle[]>;
+    protected particles: Record<string, LinkParticle[]>;
     protected width: number;
     protected height: number;
     protected root: HTMLElement;
@@ -311,6 +326,7 @@ declare class GraphCanvas<NodeData extends Record<string, unknown>, LinkData ext
     /** settings */
     protected graphSettings: Required<GraphSettingsInterface<NodeData>>;
     protected forceSettings: Required<ForceSettingsInterface<NodeData, LinkData>>;
+    protected highlightSettings: Required<HighlightSettingsInterface>;
     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>;
@@ -322,6 +338,7 @@ declare class GraphCanvas<NodeData extends Record<string, unknown>, LinkData ext
     protected draw: (this: GraphCanvas<NodeData, LinkData>) => void;
     protected eventAbortController: AbortController;
     protected cachedNodeText: CachedNodeTextInterface;
+    protected cachedNodeLabel: CachedNodeTextInterface;
     protected cachedTextNodeParameters: CachedTextNodeParametersMap;
     protected linkOptionsCache: Record<string, Required<LinkOptionsInterface<NodeData, LinkData>>>;
     protected nodeOptionsCache: Record<string, Required<NodeOptionsInterface<NodeData, LinkData>>>;
@@ -333,14 +350,13 @@ declare class GraphCanvas<NodeData extends Record<string, unknown>, LinkData ext
     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>);
+    constructor({ links, nodes, root, forceSettings, linkSettings, listeners, nodeSettings, graphSettings, highlightSettings, }: GraphCanvasInterface<NodeData, LinkData>);
     get dpi(): number;
     getData(): Pick<GraphCanvasInterface<NodeData, LinkData>, "nodes" | "links">;
     changeData(options: Pick<Partial<GraphCanvasInterface<NodeData, LinkData>>, "links" | "nodes">, alpha?: number): void;
     changeSettings(options: Omit<Partial<GraphCanvasInterface<NodeData, LinkData>>, "links" | "nodes" | "listeners">): undefined;
     updateRect(): void;
-    clearCache(keys?: ("nodeOptionsCache" | "linkOptionsCache" | "cachedNodeText" | "cachedTextNodeParameters")[]): void;
+    clearCache(keys?: ("nodeOptionsCache" | "linkOptionsCache" | "cachedNodeText" | "cachedNodeLabel" | "cachedTextNodeParameters")[]): void;
     tick(): void;
     restart(alpha?: number): void;
     start(): void;
@@ -355,9 +371,21 @@ declare class GraphCanvas<NodeData extends Record<string, unknown>, LinkData ext
     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>>;
+declare function forceSettingsGetter<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(settings: ForceSettingsInterface<NodeData, LinkData> | undefined, prevSettings?: Required<ForceSettingsInterface<NodeData, LinkData>>): Required<ForceSettingsInterface<NodeData, LinkData>>;
 
-declare function nodeOptionsGetter<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(node: NodeInterface<NodeData>, _: number, __: NodeInterface<NodeData>[], state?: GraphState<NodeData, LinkData>): Required<NodeOptionsInterface<NodeData, LinkData>>;
+declare function graphSettingsGetter<NodeData extends Record<string, unknown>>(settings: GraphSettingsInterface<NodeData> | undefined, prevSettings?: Required<GraphSettingsInterface<NodeData>>): Required<GraphSettingsInterface<NodeData>>;
+
+declare function linkSettingsGetter<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(settings: LinkSettingsInterface<NodeData, LinkData> | undefined, prevSettings?: Required<Omit<LinkSettingsInterface<NodeData, LinkData>, "options">> & Pick<LinkSettingsInterface<NodeData, LinkData>, "options">): Required<Omit<LinkSettingsInterface<NodeData, LinkData>, "options">> & Pick<LinkSettingsInterface<NodeData, LinkData>, "options">;
+declare function linkOptionsGetter<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(this: GraphCanvas<NodeData, LinkData>): Required<LinkOptionsInterface<NodeData, LinkData>>;
+
+declare function listenersGetter<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(settings: ListenersInterface<NodeData, LinkData> | undefined): ListenersInterface<NodeData, LinkData>;
+
+declare function nodeSettingsGetter<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(settings: NodeSettingsInterface<NodeData, LinkData> | undefined, prevNodeSettings?: Required<Omit<NodeSettingsInterface<NodeData, LinkData>, "options">> & Pick<NodeSettingsInterface<NodeData, LinkData>, "options">): Required<Omit<NodeSettingsInterface<NodeData, LinkData>, "options">> & Pick<NodeSettingsInterface<NodeData, LinkData>, "options">;
+declare function nodeOptionsGetter<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(this: GraphCanvas<NodeData, LinkData>, node: NodeInterface<NodeData>): Required<NodeOptionsInterface<NodeData, LinkData>>;
+declare function nodeTextSizeGetter<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(transform: ZoomTransform | undefined, nodeSettings: Required<Omit<NodeSettingsInterface<NodeData, LinkData>, "options">> & Pick<NodeSettingsInterface<NodeData, LinkData>, "options">): {
+    textSize: number;
+    textShiftY: number;
+};
 type NodeRadiusGetterOptions = {
     linkCount: number | undefined;
     radiusFlexible: boolean;
@@ -366,9 +394,31 @@ type NodeRadiusGetterOptions = {
     radiusInitial: number;
 };
 declare function nodeRadiusGetter({ radiusFlexible, radiusInitial, linkCount, radiusCoefficient, radiusFactor, }: NodeRadiusGetterOptions): number;
+type NodeSizeGetterOptions = {
+    linkCount: number | undefined;
+    sizeFlexible: boolean;
+    sizeCoefficient: number;
+    sizeFactor: number;
+    widthInitial: number;
+    heightInitial: number;
+};
+declare function nodeSizeGetter({ heightInitial, linkCount, sizeCoefficient, sizeFactor, sizeFlexible, widthInitial, }: NodeSizeGetterOptions): {
+    width: number;
+    height: number;
+    additionalSizeCoefficient: number;
+};
+declare function nodeIdGetter<NodeData extends Record<string, unknown>>(node: NodeInterface<NodeData>): string | number;
+
+declare function highlightSettingsGetter(settings: HighlightSettingsInterface | undefined, prevSettings?: Required<HighlightSettingsInterface>): Required<HighlightSettingsInterface>;
+
+declare function pointerGetter(mouseEvent: MouseEvent | TouchEvent, areaRect: DOMRect, areaTransform: ZoomTransform): number[];
+
+declare function dragPlaceCoefficientGetter<NodeData extends Record<string, unknown>>(node: NodeInterface<NodeData>, pointerX: number, pointerY: number): number | undefined;
 
-declare function linkIterationExtractor<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>, Result extends string | number | boolean | Record<string, unknown> | unknown[]>(link: LinkInterface<NodeData, LinkData>, i: number, links: LinkInterface<NodeData, LinkData>[], state: GraphState<NodeData, LinkData>, option: LinkIterationPropsInterface<NodeData, LinkData, Result> | Result, optionConstantGetter: undefined): Result;
-declare function linkIterationExtractor<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>, Result extends string | number | boolean | Record<string, unknown> | unknown[]>(link: LinkInterface<NodeData, LinkData>, i: number, links: LinkInterface<NodeData, LinkData>[], state: GraphState<NodeData, LinkData>, option: LinkIterationPropsInterface<NodeData, LinkData, Result> | Result, optionConstantGetter: LinkIterationPropsInterface<NodeData, LinkData, Required<Result>> | Required<Result>): Required<Result>;
+declare function isOverlapsNode<NodeData extends Record<string, unknown>>(node: NodeInterface<NodeData>, pointerX: number, pointerY: number, radius: number | undefined): boolean;
+
+declare function linkIterationExtractor<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>, Result extends string | number | boolean | Record<string, unknown> | unknown[]>(link: LinkInterface<NodeData, LinkData>, i: number, links: LinkInterface<NodeData, LinkData>[], state: GraphCanvas<NodeData, LinkData>, option: LinkIterationPropsInterface<NodeData, LinkData, Result> | Result, optionConstantGetter: undefined): Result;
+declare function linkIterationExtractor<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>, Result extends string | number | boolean | Record<string, unknown> | unknown[]>(link: LinkInterface<NodeData, LinkData>, i: number, links: LinkInterface<NodeData, LinkData>[], state: GraphCanvas<NodeData, LinkData>, option: LinkIterationPropsInterface<NodeData, LinkData, Result> | Result, optionConstantGetter: LinkIterationPropsInterface<NodeData, LinkData, Required<Result>> | Required<Result>): Required<Result>;
 
 type NodeByPointerGetterOptions<NodeData extends Record<string, unknown>> = {
     mouseEvent: MouseEvent | TouchEvent;
@@ -378,8 +428,8 @@ type NodeByPointerGetterOptions<NodeData extends Record<string, unknown>> = {
 };
 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>;
+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: GraphCanvas<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: GraphCanvas<NodeData, LinkData>, option: NodeIterationPropsInterface<NodeData, LinkData, Result> | Result, optionConstantGetter: NodeIterationPropsInterface<NodeData, LinkData, Result> | Result): Required<Result>;
 
 declare function calculateLinkPositionByNode<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(link: LinkInterface<NodeData, LinkData>, arrowSize?: number): {
     x1: number;
@@ -391,8 +441,16 @@ declare function calculateLinkPositionByNode<NodeData extends Record<string, unk
 
 declare function animationByProgress(initial: number, additional: number, progress: number): number;
 
+type IsNodeVisibleOptions<NodeData extends Record<string, unknown>> = {
+    width: number;
+    height: number;
+    transform: ZoomTransform;
+    node: NodeInterface<NodeData>;
+};
+declare function isNodeVisible<NodeData extends Record<string, unknown>>(opts: IsNodeVisibleOptions<NodeData>): boolean;
+
 type GetParticlePositionOptions = {
-    particle: GraphParticle;
+    particle: LinkParticle;
     xStart: number;
     yStart: number;
     xEnd: number;
@@ -408,13 +466,93 @@ type LinkByPointerGetterOptions<NodeData extends Record<string, unknown>, LinkDa
     areaRect: DOMRect | undefined;
     areaTransform: ZoomTransform;
     links: LinkInterface<NodeData, LinkData>[];
-    linkSettings: Required<Omit<LinkSettingsInterface<NodeData, LinkData>, "options">> & Pick<LinkSettingsInterface<NodeData, LinkData>, "options">;
+    linkHoverExtraZone: number;
+};
+declare function linkByPointerGetter<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>({ areaRect, areaTransform, mouseEvent, links, linkHoverExtraZone, }: LinkByPointerGetterOptions<NodeData, LinkData>): LinkInterface<NodeData, LinkData> | undefined;
+
+type NodeHighlightOptions<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>> = {
+    nodeOptions: Required<NodeOptionsInterface<NodeData, LinkData>>;
+    highlightProgress: number;
+    highlightForNodeColor: string | null;
+    highlightForNodeSizingAdditional: number;
+    highlightForNodeSizingAdditionalCoefficient: number;
+    highlightForNodeBorderColor: string | null;
+    highlightForNodeBorderSizingAdditional: number;
+    highlightForTextSizingAdditional: number;
+    highlightForTextShiftXAdditional: number;
+    highlightForTextShiftYAdditional: number;
+    highlightForTextWeightAdditional: number;
+    highlightForLabelSizingAdditional: number;
+    highlightForLabelWeightAdditional: number;
+};
+declare function nodeHighlight<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(opts: NodeHighlightOptions<NodeData, LinkData>): {
+    color: string;
+    borderColor: string;
+    borderWidth: number;
+    radiusInitial: number;
+    widthInitial: number;
+    heightInitial: number;
+    textSize: number;
+    textShiftX: number;
+    textShiftY: number;
+    textWeight: number;
+    labelSize: number;
+    labelWeight: number;
+    sizeCoefficient: number;
+};
+type NodeFadingOptions<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>> = {
+    nodeOptions: Required<NodeOptionsInterface<NodeData, LinkData>>;
+    highlightProgress: number;
+    highlightForNodeFadingMin: number;
+    highlightForTextFadingMin: number;
+    highlightForLabelFadingMin: number;
+    highlightForNodeColorFading: boolean;
+    highlightForNodeColorFadingMin: number;
+};
+declare function nodeFade<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(opts: NodeFadingOptions<NodeData, LinkData>): {
+    alpha: number;
+    color: string;
+    textAlpha: number;
+    labelAlpha: number;
 };
-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;
+type LinkHighlightOptions<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>> = {
+    linkOptions: Required<LinkOptionsInterface<NodeData, LinkData>>;
+    highlightProgress: number;
+    arrow: boolean;
+    arrowByHighlight: boolean;
+    highlightForArrowBorderSizingAdditional: number;
+    highlightForArrowBorderColor: string | null;
+    highlightForArrowColor: string | null;
+    highlightForArrowSizeAdditional: number;
+    highlightForLinkColor: string | null;
+    highlightForLinkSizeAdditional: number;
+};
+declare function linkHighlight<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(opts: LinkHighlightOptions<NodeData, LinkData>): {
+    arrowAlpha: number;
+    color: string;
+    width: number;
+    arrowColor: string;
+    arrowSize: number;
+    arrowBorderWidth: number;
+    arrowBorderColor: string;
+};
+type LinkFadeOptions<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>> = {
+    linkOptions: Required<LinkOptionsInterface<NodeData, LinkData>>;
+    highlightProgress: number;
+    arrow: boolean;
+    arrowByHighlight: boolean;
+    highlightForLinkFadingMin: number;
+    highlightForArrowFadingMin: number;
+};
+declare function linkFade<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(opts: LinkFadeOptions<NodeData, LinkData>): {
+    alpha: number;
+    arrowAlpha: number;
+};
 
-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;
+declare function getDrawLink<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(): (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)[]): (this: GraphCanvas<NodeData, LinkData>, node: NodeInterface<NodeData>, index: number) => void;
 
 type DrawTextOptions = {
     id: string | number;
@@ -434,6 +572,64 @@ type DrawTextOptions = {
 };
 declare function drawText({ context, id, textAlign, textColor, textFont, textStyle, textGap, textWeight, textSize, text, x, y, cachedNodeText, maxWidth, }: DrawTextOptions): void;
 
+declare const COMMON_SETTINGS: {
+    nodeRadius: number;
+    nodeSize: number;
+};
+
+declare const FORCE_SETTINGS: Required<ForceSettingsInterface<Record<string, unknown>, Record<string, unknown>>>;
+
+declare const GRAPH_SETTINGS: Required<GraphSettingsInterface<Record<string, unknown>>>;
+
+declare const HIGHLIGHT_SETTINGS: Required<HighlightSettingsInterface>;
+
+declare const LINK_SETTINGS: Omit<Required<LinkSettingsInterface<Record<string, unknown>, Record<string, unknown>>>, "options">;
+declare const LINK_OPTIONS: Omit<Required<LinkOptionsInterface<Record<string, unknown>, Record<string, unknown>>>, "color" | "width" | "drawLink" | "drawExtraLink" | "arrowColor">;
+
+declare const NODE_SETTINGS: Omit<Required<NodeSettingsInterface<Record<string, unknown>, Record<string, unknown>>>, "options" | "idGetter">;
+declare const NODE_OPTIONS: Omit<Required<NodeOptionsInterface<Record<string, unknown>, Record<string, unknown>>>, "color" | "text" | "textVisible" | "textSize" | "textShiftY" | "nodeDraw" | "nodeExtraDraw" | "textDraw" | "textExtraDraw">;
+
+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 RGB = {
+    r: number;
+    g: number;
+    b: number;
+};
+
+declare function colorGetter(): (key: string) => string;
+
 declare function colorToRgb(color: string): string | null;
 
 declare function extractRgb(color: string | null): {
@@ -446,11 +642,30 @@ declare function fadeRgb(color: RGB, fade: number): RGB;
 
 declare function rgbAnimationByProgress(start: RGB, end: RGB, progress: number): RGB;
 
-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 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>>[];
+declare const FORCE_CONTROLS: GraphSettingsInputInterface<keyof ForceSettingsInterface<Record<string, unknown>, Record<string, unknown>>>[];
+
+declare const GRAPH_CONTROLS: GraphSettingsInputInterface<keyof GraphSettingsInterface<Record<string, unknown>>>[];
+
+declare const HIGHLIGHT_COMMON_CONTROLS: GraphSettingsInputInterface<keyof HighlighCommonSettingsInterface>[];
+declare const HIGHLIGHT_BY_NODE_FOR_NODE_CONTROLS: GraphSettingsInputInterface<keyof HighlightByNodeForNodeSettingsInterface>[];
+declare const HIGHLIGHT_BY_NODE_FOR_TEXT_CONTROLS: GraphSettingsInputInterface<keyof HighlightByNodeForTextSettingsInterface>[];
+declare const HIGHLIGHT_BY_NODE_FOR_LABEL_CONTROLS: GraphSettingsInputInterface<keyof HighlightByNodeForLabelSettingsInterface>[];
+declare const HIGHLIGHT_BY_NODE_FOR_LINK_CONTROLS: GraphSettingsInputInterface<keyof HighlightByNodeForLinkSettingsInterface>[];
+declare const HIGHLIGHT_BY_NODE_FOR_ARROW_CONTROLS: GraphSettingsInputInterface<keyof HighlightByNodeForArrowSettingsInterface>[];
+declare const HIGHLIGHT_BY_LINK_FOR_NODE_CONTROLS: GraphSettingsInputInterface<keyof HighlightByLinkForNodeSettingsInterface>[];
+declare const HIGHLIGHT_BY_LINK_FOR_TEXT_CONTROLS: GraphSettingsInputInterface<keyof HighlightByLinkForTextSettingsInterface>[];
+declare const HIGHLIGHT_BY_LINK_FOR_LABEL_CONTROLS: GraphSettingsInputInterface<keyof HighlightByLinkForLabelSettingsInterface>[];
+declare const HIGHLIGHT_BY_LINK_FOR_LINK_CONTROLS: GraphSettingsInputInterface<keyof HighlightByLinkForLinkSettingsInterface>[];
+declare const HIGHLIGHT_BY_LINK_FOR_ARROW_CONTROLS: GraphSettingsInputInterface<keyof HighlightByLinkForArrowSettingsInterface>[];
+
+declare const LINK_SETTINGS_CONTROLS: GraphSettingsInputInterface<keyof Omit<Required<LinkSettingsInterface<Record<string, unknown>, Record<string, unknown>>>, "options">>[];
+declare const LINK_OPTIONS_LINK_CONTROLS: GraphSettingsInputInterface<keyof LinkOptionsLinkInterface>[];
+declare const LINK_OPTIONS_ARROW_CONTROLS: GraphSettingsInputInterface<keyof LinkOptionsArrowInterface>[];
+declare const LINK_OPTIONS_PARTICLE_CONTROLS: GraphSettingsInputInterface<keyof LinkOptionsParticleInterface>[];
+
+declare const NODE_SETTINGS_CONTROLS: GraphSettingsInputInterface<keyof Omit<Required<NodeSettingsInterface<Record<string, unknown>, Record<string, unknown>>>, "options" | "idGetter">>[];
+declare const NODE_OPTIONS_NODE_CONTROLS: GraphSettingsInputInterface<keyof NodeOptionsNodeInterface>[];
+declare const NODE_OPTIONS_TEXT_CONTROLS: GraphSettingsInputInterface<keyof NodeOptionsTextInterface>[];
+declare const NODE_OPTIONS_LABEL_CONTROLS: GraphSettingsInputInterface<keyof NodeOptionsLabelInterface>[];
 
-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 };
+export { COMMON_SETTINGS, type CachedNodeTextInterface, type CachedTextNodeParametersInterface, type CachedTextNodeParametersMap, type DragEventInterface, FORCE_CONTROLS, FORCE_SETTINGS, type ForceSettingsInterface, GRAPH_CONTROLS, GRAPH_SETTINGS, GraphCanvas, type GraphCanvasInterface, type GraphCanvasSimulation, type GraphSettingsInputInterface, type GraphSettingsInterface, HIGHLIGHT_BY_LINK_FOR_ARROW_CONTROLS, HIGHLIGHT_BY_LINK_FOR_LABEL_CONTROLS, HIGHLIGHT_BY_LINK_FOR_LINK_CONTROLS, HIGHLIGHT_BY_LINK_FOR_NODE_CONTROLS, HIGHLIGHT_BY_LINK_FOR_TEXT_CONTROLS, HIGHLIGHT_BY_NODE_FOR_ARROW_CONTROLS, HIGHLIGHT_BY_NODE_FOR_LABEL_CONTROLS, HIGHLIGHT_BY_NODE_FOR_LINK_CONTROLS, HIGHLIGHT_BY_NODE_FOR_NODE_CONTROLS, HIGHLIGHT_BY_NODE_FOR_TEXT_CONTROLS, HIGHLIGHT_COMMON_CONTROLS, HIGHLIGHT_SETTINGS, type HighlighCommonSettingsInterface, type HighlightByLinkForArrowSettingsInterface, type HighlightByLinkForLabelSettingsInterface, type HighlightByLinkForLinkSettingsInterface, type HighlightByLinkForNodeSettingsInterface, type HighlightByLinkForTextSettingsInterface, type HighlightByNodeForArrowSettingsInterface, type HighlightByNodeForLabelSettingsInterface, type HighlightByNodeForLinkSettingsInterface, type HighlightByNodeForNodeSettingsInterface, type HighlightByNodeForTextSettingsInterface, type HighlightSettingsInterface, LINK_OPTIONS, LINK_OPTIONS_ARROW_CONTROLS, LINK_OPTIONS_LINK_CONTROLS, LINK_OPTIONS_PARTICLE_CONTROLS, LINK_SETTINGS, LINK_SETTINGS_CONTROLS, type LinkByPointerGetterOptions, type LinkInterface, type LinkIterationPropsInterface, type LinkIterationPropsNoThisInterface, type LinkOptionsArrowInterface, type LinkOptionsInterface, type LinkOptionsLinkInterface, type LinkOptionsParticleInterface, type LinkParticle, type LinkSettingsInterface, type ListenersInterface, NODE_OPTIONS, NODE_OPTIONS_LABEL_CONTROLS, NODE_OPTIONS_NODE_CONTROLS, NODE_OPTIONS_TEXT_CONTROLS, NODE_SETTINGS, NODE_SETTINGS_CONTROLS, type NodeByPointerGetterOptions, type NodeInterface, type NodeIterationPropsInterface, type NodeIterationPropsNoThisInterface, type NodeOptionsInterface, type NodeOptionsLabelInterface, type NodeOptionsNodeInterface, type NodeOptionsTextInterface, type NodeRadiusGetterOptions, type NodeSettingsInterface, type NodeShape, type NodeSizeGetterOptions, type RGB, type TextStyleEnum, type ZoomEventInterface, animationByProgress, calculateLinkPositionByNode, colorGetter, colorToRgb, dragPlaceCoefficientGetter, drawText, extractRgb, fadeRgb, forceSettingsGetter, getDrawLink, getDrawNode, getParticlePosition, graphSettingsGetter, highlightSettingsGetter, isNodeVisible, isOverlapsNode, linkByPointerGetter, linkFade, linkHighlight, linkIterationExtractor, linkOptionsGetter, linkSettingsGetter, listenersGetter, nodeByPointerGetter, nodeFade, nodeHighlight, nodeIdGetter, nodeIterationExtractor, nodeOptionsGetter, nodeRadiusGetter, nodeSettingsGetter, nodeSizeGetter, nodeTextSizeGetter, pointerGetter, rgbAnimationByProgress };