@krainovsd/graph 0.13.0-beta1 → 0.14.0-beta-7.1

package/lib/esm/module/GraphCanvas/slices/update-node-cache.js

@@ -1,16 +1,42 @@
-import { isObject } from '@krainovsd/js-helpers';
+import '../constants/force-settings.js';
+import '../constants/graph-settings.js';
+import '../constants/highlight-settings.js';
+import '../constants/link-settings.js';
+import '../constants/node-settings.js';
 import { nodeOptionsGetter, nodeRadiusGetter, nodeSizeGetter } from '../lib/settings/node-settings-getter.js';
+import '@krainovsd/js-helpers';
 import 'd3-array';
 import { nodeIterationExtractor } from '../lib/utils/node-iteration-extractor.js';
 import { getTextLines } from './draw-text.js';
 
-function updateNodeCache(types) {
-    this.nodeOptionsCache = {};
+function updateNodeCache() {
     if (!this.context)
         return;
+    const currentZoom = this.areaTransform.k;
+    const options = this.nodeOptionsCache.length === 0;
+    const label = this.cachedNodeLabel.length === 0;
+    let text = this.cachedNodeText.length === 0;
+    if (this.nodeSettings.smartCache &&
+        this._lastNodeZoomK !== undefined &&
+        !options &&
+        !text &&
+        !label) {
+        const thresholds = this.nodeSettings.textScaleSteps;
+        if (thresholds && thresholds.length > 0) {
+            const min = Math.min(this._lastNodeZoomK, currentZoom);
+            const max = Math.max(this._lastNodeZoomK, currentZoom);
+            const crossed = thresholds.some((t) => t >= min && t <= max);
+            this._lastNodeZoomK = currentZoom;
+            if (!crossed)
+                return;
+        }
+        this.cachedNodeText.length = 0;
+        text = true;
+    }
+    this._lastNodeZoomK = currentZoom;
     for (let i = 0; i < this.nodes.length; i++) {
         const node = this.nodes[i];
-        if (types === true || (isObject(types) && types.options)) {
+        if (options) {
             const nodeOptions = nodeIterationExtractor(node, i, this.nodes, this, this.nodeSettings.options ?? {}, nodeOptionsGetter);
             const radius = nodeOptions.shape === "circle"
                 ? nodeRadiusGetter({
@@ -61,11 +87,19 @@ function updateNodeCache(types) {
             nodeOptions.height = node.visible === false ? 0 : height;
             nodeOptions.radius = node.visible === false ? 0 : radius;
             nodeOptions.labelSize = labelSize;
-            this.nodeOptionsCache[node.id] = nodeOptions;
+            this.nodeOptionsCache[i] = nodeOptions;
         }
-        const nodeOptions = this.nodeOptionsCache[node.id];
+        let nodeOptions = this.nodeOptionsCache[i];
+        if (!nodeOptions)
+            continue;
         /** label */
-        if (types === true || (isObject(types) && types.label)) {
+        if (label) {
+            if (!options) {
+                nodeOptions = nodeIterationExtractor(node, i, this.nodes, this, this.nodeSettings.options ?? {}, nodeOptionsGetter);
+                const cache = this.nodeOptionsCache[i];
+                if (cache)
+                    cache.label = nodeOptions.label;
+            }
             /** label in not text shape */
             if (nodeOptions.shape !== "text" && nodeOptions.label) {
                 this.context.font = `${nodeOptions.labelStyle} normal ${nodeOptions.labelWeight} ${nodeOptions.labelSize}px ${nodeOptions.labelFont}`;
@@ -73,7 +107,7 @@ function updateNodeCache(types) {
                 this.context.textAlign = nodeOptions.labelAlign;
                 if (nodeOptions.labelWidth == undefined ||
                     this.context.measureText(nodeOptions.label).width <= nodeOptions.labelWidth) {
-                    this.cachedNodeLabel[node.id] = [nodeOptions.label];
+                    this.cachedNodeLabel[i] = [nodeOptions.label];
                 }
                 const { lines } = getTextLines({
                     context: this.context,
@@ -86,7 +120,7 @@ function updateNodeCache(types) {
                     textStyle: nodeOptions.labelStyle,
                     textWeight: nodeOptions.labelWeight,
                 });
-                this.cachedNodeLabel[node.id] = lines;
+                this.cachedNodeLabel[i] = lines;
                 /** label in text shape */
             }
             else if (nodeOptions.shape === "text" && nodeOptions.label) {
@@ -110,18 +144,29 @@ function updateNodeCache(types) {
                         (lines.length - 1) * nodeOptions.labelGap +
                         nodeOptions.labelYPadding;
                 nodeOptions.width = maxSize + nodeOptions.labelXPadding;
-                this.cachedNodeLabel[node.id] = lines;
+                this.cachedNodeLabel[i] = lines;
+            }
+            else {
+                this.cachedNodeLabel[i] = [];
             }
         }
         /** text */
-        if (nodeOptions.text && (types === true || (isObject(types) && types.text))) {
+        if (text) {
+            if (!options) {
+                nodeOptions = nodeIterationExtractor(node, i, this.nodes, this, this.nodeSettings.options ?? {}, nodeOptionsGetter);
+                const cache = this.nodeOptionsCache[i];
+                if (cache) {
+                    cache.text = nodeOptions.text;
+                    cache.textVisible = nodeOptions.textVisible;
+                }
+            }
+            if (!nodeOptions.text) {
+                this.cachedNodeText[i] = [];
+                return;
+            }
             this.context.font = `${nodeOptions.textStyle} normal ${nodeOptions.textWeight} ${nodeOptions.textSize}px ${nodeOptions.textFont}`;
             this.context.fillStyle = nodeOptions.textColor;
             this.context.textAlign = nodeOptions.textAlign;
-            if (nodeOptions.textWidth == undefined ||
-                this.context.measureText(nodeOptions.text).width <= nodeOptions.textWidth) {
-                this.cachedNodeText[node.id] = [nodeOptions.text];
-            }
             const { lines } = getTextLines({
                 context: this.context,
                 maxWidth: nodeOptions.textWidth,
@@ -133,7 +178,7 @@ function updateNodeCache(types) {
                 textStyle: nodeOptions.textStyle,
                 textWeight: nodeOptions.textWeight,
             });
-            this.cachedNodeText[node.id] = lines;
+            this.cachedNodeText[i] = lines;
         }
     }
 }

package/lib/esm/module/GraphCanvas/slices/update-node-cache.js.map

@@ -1 +1 @@
-{"version":3,"file":"update-node-cache.js","sources":["../../../../../src/module/GraphCanvas/slices/update-node-cache.ts"],"sourcesContent":["import { isObject } from \"@krainovsd/js-helpers\";\nimport type { GraphCanvas } from \"../GraphCanvas\";\nimport {\n  nodeIterationExtractor,\n  nodeOptionsGetter,\n  nodeRadiusGetter,\n  nodeSizeGetter,\n} from \"../lib\";\nimport { getTextLines } from \"./draw-text\";\n\ntype NodeCache = {\n  options: boolean;\n  text: boolean;\n  label: boolean;\n};\n\nexport function updateNodeCache<\n  NodeData extends Record<string, unknown>,\n  LinkData extends Record<string, unknown>,\n>(this: GraphCanvas<NodeData, LinkData>, types: boolean | NodeCache) {\n  this.nodeOptionsCache = {};\n  if (!this.context) return;\n\n  for (let i = 0; i < this.nodes.length; i++) {\n    const node = this.nodes[i];\n    if (types === true || (isObject(types) && types.options)) {\n      const nodeOptions = nodeIterationExtractor(\n        node,\n        i,\n        this.nodes,\n        this,\n        this.nodeSettings.options ?? {},\n        nodeOptionsGetter,\n      );\n      const radius =\n        nodeOptions.shape === \"circle\"\n          ? nodeRadiusGetter({\n              radiusFlexible: this.nodeSettings.nodeRadiusFlexible,\n              radiusInitial: nodeOptions.radius,\n              radiusIncrementByStep: this.nodeSettings.nodeRadiusIncrementByStep,\n              radiusLinkCountForStep: this.nodeSettings.nodeRadiusLinkCountForStep,\n              radiusMaxLinearSteps: this.nodeSettings.nodeRadiusMaxLinearSteps,\n              radiusLogFactor: this.nodeSettings.nodeRadiusLogFactor,\n              radiusLinkCountDividerForLog: this.nodeSettings.nodeRadiusLinkCountDividerForLog,\n              linkCount: node.linkCount,\n            })\n          : nodeOptions.radius;\n\n      let width = nodeOptions.width;\n      let height = nodeOptions.height;\n      let labelSize = nodeOptions.labelSize;\n      if (nodeOptions.shape === \"square\") {\n        const size = nodeSizeGetter({\n          heightInitial: nodeOptions.height,\n          widthInitial: nodeOptions.width,\n          linkCount: node.linkCount,\n          sizeFlexible: this.nodeSettings.nodeSizeFlexible,\n          sizeIncrementByStep: this.nodeSettings.nodeSizeIncrementByStep,\n          sizeLinkCountForStep: this.nodeSettings.nodeSizeLinkCountForStep,\n          sizeMaxLinearSteps: this.nodeSettings.nodeSizeMaxLinearSteps,\n          sizeLogFactor: this.nodeSettings.nodeSizeLogFactor,\n          sizeLinkCountDividerForLog: this.nodeSettings.nodeSizeLinkCountDividerForLog,\n        });\n        width = size.width;\n        height = size.height;\n      }\n      if (nodeOptions.shape === \"text\") {\n        width = nodeOptions.width;\n        const size = nodeSizeGetter({\n          heightInitial: nodeOptions.height,\n          widthInitial: width,\n          linkCount: node.linkCount,\n          sizeFlexible: this.nodeSettings.nodeSizeFlexible,\n          sizeIncrementByStep: this.nodeSettings.nodeSizeIncrementByStep,\n          sizeLinkCountForStep: this.nodeSettings.nodeSizeLinkCountForStep,\n          sizeMaxLinearSteps: this.nodeSettings.nodeSizeMaxLinearSteps,\n          sizeLogFactor: this.nodeSettings.nodeSizeLogFactor,\n          sizeLinkCountDividerForLog: this.nodeSettings.nodeSizeLinkCountDividerForLog,\n        });\n\n        labelSize *= size.additionalSizeCoefficient;\n      }\n\n      nodeOptions.width = node.visible === false ? 0 : width;\n      nodeOptions.height = node.visible === false ? 0 : height;\n      nodeOptions.radius = node.visible === false ? 0 : radius;\n      nodeOptions.labelSize = labelSize;\n      this.nodeOptionsCache[node.id] = nodeOptions;\n    }\n\n    const nodeOptions = this.nodeOptionsCache[node.id];\n    /** label */\n    if (types === true || (isObject(types) && types.label)) {\n      /** label in not text shape */\n      if (nodeOptions.shape !== \"text\" && nodeOptions.label) {\n        this.context.font = `${nodeOptions.labelStyle} normal ${nodeOptions.labelWeight} ${nodeOptions.labelSize}px ${nodeOptions.labelFont}`;\n        this.context.fillStyle = nodeOptions.labelColor;\n        this.context.textAlign = nodeOptions.labelAlign;\n\n        if (\n          nodeOptions.labelWidth == undefined ||\n          this.context.measureText(nodeOptions.label).width <= nodeOptions.labelWidth\n        ) {\n          this.cachedNodeLabel[node.id] = [nodeOptions.label];\n        }\n\n        const { lines } = getTextLines({\n          context: this.context,\n          maxWidth: nodeOptions.labelWidth,\n          text: nodeOptions.label,\n          textAlign: nodeOptions.labelAlign,\n          textColor: nodeOptions.labelColor,\n          textFont: nodeOptions.labelFont,\n          textSize: nodeOptions.labelSize,\n          textStyle: nodeOptions.labelStyle,\n          textWeight: nodeOptions.labelWeight,\n        });\n        this.cachedNodeLabel[node.id] = lines;\n        /** label in text shape */\n      } else if (nodeOptions.shape === \"text\" && nodeOptions.label) {\n        const textInfo = getTextLines({\n          context: this.context,\n          text: nodeOptions.label,\n          textAlign: nodeOptions.labelAlign,\n          textColor: nodeOptions.labelColor,\n          textFont: nodeOptions.labelFont,\n          textSize: nodeOptions.labelSize,\n          maxWidth: nodeOptions.labelWidth,\n          textStyle: nodeOptions.labelStyle,\n          textWeight: nodeOptions.textWeight,\n        });\n        const textNodeParameters = [textInfo.currentMaxSize, nodeOptions.labelSize];\n        const lines = textInfo.lines;\n        const textSizeCoefficient = nodeOptions.labelSize / textNodeParameters[1];\n        const maxSize = textNodeParameters[0] * textSizeCoefficient;\n\n        nodeOptions.height =\n          lines.length * nodeOptions.labelSize +\n          (lines.length - 1) * nodeOptions.labelGap +\n          nodeOptions.labelYPadding;\n\n        nodeOptions.width = maxSize + nodeOptions.labelXPadding;\n        this.cachedNodeLabel[node.id] = lines;\n      }\n    }\n\n    /** text */\n    if (nodeOptions.text && (types === true || (isObject(types) && types.text))) {\n      this.context.font = `${nodeOptions.textStyle} normal ${nodeOptions.textWeight} ${nodeOptions.textSize}px ${nodeOptions.textFont}`;\n      this.context.fillStyle = nodeOptions.textColor;\n      this.context.textAlign = nodeOptions.textAlign;\n\n      if (\n        nodeOptions.textWidth == undefined ||\n        this.context.measureText(nodeOptions.text).width <= nodeOptions.textWidth\n      ) {\n        this.cachedNodeText[node.id] = [nodeOptions.text];\n      }\n\n      const { lines } = getTextLines({\n        context: this.context,\n        maxWidth: nodeOptions.textWidth,\n        text: nodeOptions.text,\n        textAlign: nodeOptions.textAlign,\n        textColor: nodeOptions.textColor,\n        textFont: nodeOptions.textFont,\n        textSize: nodeOptions.textSize,\n        textStyle: nodeOptions.textStyle,\n        textWeight: nodeOptions.textWeight,\n      });\n      this.cachedNodeText[node.id] = lines;\n    }\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"update-node-cache.js","sources":["../../../../../src/module/GraphCanvas/slices/update-node-cache.ts"],"sourcesContent":["import type { GraphCanvas } from \"../GraphCanvas\";\nimport {\n  nodeIterationExtractor,\n  nodeOptionsGetter,\n  nodeRadiusGetter,\n  nodeSizeGetter,\n} from \"../lib\";\nimport { getTextLines } from \"./draw-text\";\n\nexport function updateNodeCache<\n  NodeData extends Record<string, unknown>,\n  LinkData extends Record<string, unknown>,\n>(this: GraphCanvas<NodeData, LinkData>) {\n  if (!this.context) return;\n\n  const currentZoom = this.areaTransform.k;\n  const options = this.nodeOptionsCache.length === 0;\n  const label = this.cachedNodeLabel.length === 0;\n  let text = this.cachedNodeText.length === 0;\n\n  if (\n    this.nodeSettings.smartCache &&\n    this._lastNodeZoomK !== undefined &&\n    !options &&\n    !text &&\n    !label\n  ) {\n    const thresholds = this.nodeSettings.textScaleSteps;\n    if (thresholds && thresholds.length > 0) {\n      const min = Math.min(this._lastNodeZoomK, currentZoom);\n      const max = Math.max(this._lastNodeZoomK, currentZoom);\n      const crossed = thresholds.some((t) => t >= min && t <= max);\n      this._lastNodeZoomK = currentZoom;\n      if (!crossed) return;\n    }\n    this.cachedNodeText.length = 0;\n    text = true;\n  }\n  this._lastNodeZoomK = currentZoom;\n\n  for (let i = 0; i < this.nodes.length; i++) {\n    const node = this.nodes[i];\n    if (options) {\n      const nodeOptions = nodeIterationExtractor(\n        node,\n        i,\n        this.nodes,\n        this,\n        this.nodeSettings.options ?? {},\n        nodeOptionsGetter,\n      );\n      const radius =\n        nodeOptions.shape === \"circle\"\n          ? nodeRadiusGetter({\n              radiusFlexible: this.nodeSettings.nodeRadiusFlexible,\n              radiusInitial: nodeOptions.radius,\n              radiusIncrementByStep: this.nodeSettings.nodeRadiusIncrementByStep,\n              radiusLinkCountForStep: this.nodeSettings.nodeRadiusLinkCountForStep,\n              radiusMaxLinearSteps: this.nodeSettings.nodeRadiusMaxLinearSteps,\n              radiusLogFactor: this.nodeSettings.nodeRadiusLogFactor,\n              radiusLinkCountDividerForLog: this.nodeSettings.nodeRadiusLinkCountDividerForLog,\n              linkCount: node.linkCount,\n            })\n          : nodeOptions.radius;\n\n      let width = nodeOptions.width;\n      let height = nodeOptions.height;\n      let labelSize = nodeOptions.labelSize;\n      if (nodeOptions.shape === \"square\") {\n        const size = nodeSizeGetter({\n          heightInitial: nodeOptions.height,\n          widthInitial: nodeOptions.width,\n          linkCount: node.linkCount,\n          sizeFlexible: this.nodeSettings.nodeSizeFlexible,\n          sizeIncrementByStep: this.nodeSettings.nodeSizeIncrementByStep,\n          sizeLinkCountForStep: this.nodeSettings.nodeSizeLinkCountForStep,\n          sizeMaxLinearSteps: this.nodeSettings.nodeSizeMaxLinearSteps,\n          sizeLogFactor: this.nodeSettings.nodeSizeLogFactor,\n          sizeLinkCountDividerForLog: this.nodeSettings.nodeSizeLinkCountDividerForLog,\n        });\n        width = size.width;\n        height = size.height;\n      }\n      if (nodeOptions.shape === \"text\") {\n        width = nodeOptions.width;\n        const size = nodeSizeGetter({\n          heightInitial: nodeOptions.height,\n          widthInitial: width,\n          linkCount: node.linkCount,\n          sizeFlexible: this.nodeSettings.nodeSizeFlexible,\n          sizeIncrementByStep: this.nodeSettings.nodeSizeIncrementByStep,\n          sizeLinkCountForStep: this.nodeSettings.nodeSizeLinkCountForStep,\n          sizeMaxLinearSteps: this.nodeSettings.nodeSizeMaxLinearSteps,\n          sizeLogFactor: this.nodeSettings.nodeSizeLogFactor,\n          sizeLinkCountDividerForLog: this.nodeSettings.nodeSizeLinkCountDividerForLog,\n        });\n\n        labelSize *= size.additionalSizeCoefficient;\n      }\n\n      nodeOptions.width = node.visible === false ? 0 : width;\n      nodeOptions.height = node.visible === false ? 0 : height;\n      nodeOptions.radius = node.visible === false ? 0 : radius;\n      nodeOptions.labelSize = labelSize;\n      this.nodeOptionsCache[i] = nodeOptions;\n    }\n\n    let nodeOptions = this.nodeOptionsCache[i];\n    if (!nodeOptions) continue;\n    /** label */\n    if (label) {\n      if (!options) {\n        nodeOptions = nodeIterationExtractor(\n          node,\n          i,\n          this.nodes,\n          this,\n          this.nodeSettings.options ?? {},\n          nodeOptionsGetter,\n        );\n        const cache = this.nodeOptionsCache[i];\n        if (cache) cache.label = nodeOptions.label;\n      }\n      /** label in not text shape */\n      if (nodeOptions.shape !== \"text\" && nodeOptions.label) {\n        this.context.font = `${nodeOptions.labelStyle} normal ${nodeOptions.labelWeight} ${nodeOptions.labelSize}px ${nodeOptions.labelFont}`;\n        this.context.fillStyle = nodeOptions.labelColor;\n        this.context.textAlign = nodeOptions.labelAlign;\n\n        if (\n          nodeOptions.labelWidth == undefined ||\n          this.context.measureText(nodeOptions.label).width <= nodeOptions.labelWidth\n        ) {\n          this.cachedNodeLabel[i] = [nodeOptions.label];\n        }\n\n        const { lines } = getTextLines({\n          context: this.context,\n          maxWidth: nodeOptions.labelWidth,\n          text: nodeOptions.label,\n          textAlign: nodeOptions.labelAlign,\n          textColor: nodeOptions.labelColor,\n          textFont: nodeOptions.labelFont,\n          textSize: nodeOptions.labelSize,\n          textStyle: nodeOptions.labelStyle,\n          textWeight: nodeOptions.labelWeight,\n        });\n        this.cachedNodeLabel[i] = lines;\n        /** label in text shape */\n      } else if (nodeOptions.shape === \"text\" && nodeOptions.label) {\n        const textInfo = getTextLines({\n          context: this.context,\n          text: nodeOptions.label,\n          textAlign: nodeOptions.labelAlign,\n          textColor: nodeOptions.labelColor,\n          textFont: nodeOptions.labelFont,\n          textSize: nodeOptions.labelSize,\n          maxWidth: nodeOptions.labelWidth,\n          textStyle: nodeOptions.labelStyle,\n          textWeight: nodeOptions.textWeight,\n        });\n        const textNodeParameters = [textInfo.currentMaxSize, nodeOptions.labelSize];\n        const lines = textInfo.lines;\n        const textSizeCoefficient = nodeOptions.labelSize / textNodeParameters[1];\n        const maxSize = textNodeParameters[0] * textSizeCoefficient;\n\n        nodeOptions.height =\n          lines.length * nodeOptions.labelSize +\n          (lines.length - 1) * nodeOptions.labelGap +\n          nodeOptions.labelYPadding;\n\n        nodeOptions.width = maxSize + nodeOptions.labelXPadding;\n        this.cachedNodeLabel[i] = lines;\n      } else {\n        this.cachedNodeLabel[i] = [];\n      }\n    }\n\n    /** text */\n    if (text) {\n      if (!options) {\n        nodeOptions = nodeIterationExtractor(\n          node,\n          i,\n          this.nodes,\n          this,\n          this.nodeSettings.options ?? {},\n          nodeOptionsGetter,\n        );\n        const cache = this.nodeOptionsCache[i];\n        if (cache) {\n          cache.text = nodeOptions.text;\n          cache.textVisible = nodeOptions.textVisible;\n        }\n      }\n      if (!nodeOptions.text) {\n        this.cachedNodeText[i] = [];\n        return;\n      }\n      this.context.font = `${nodeOptions.textStyle} normal ${nodeOptions.textWeight} ${nodeOptions.textSize}px ${nodeOptions.textFont}`;\n      this.context.fillStyle = nodeOptions.textColor;\n      this.context.textAlign = nodeOptions.textAlign;\n      const { lines } = getTextLines({\n        context: this.context,\n        maxWidth: nodeOptions.textWidth,\n        text: nodeOptions.text,\n        textAlign: nodeOptions.textAlign,\n        textColor: nodeOptions.textColor,\n        textFont: nodeOptions.textFont,\n        textSize: nodeOptions.textSize,\n        textStyle: nodeOptions.textStyle,\n        textWeight: nodeOptions.textWeight,\n      });\n      this.cachedNodeText[i] = lines;\n    }\n  }\n}\n"],"names":[],"mappings":"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"}

package/lib/index.d.ts

@@ -26,6 +26,7 @@ interface NodeInterface<NodeData extends Record<string, unknown>> extends Simula
     highlight?: boolean;
     visible?: boolean;
     image?: HTMLImageElement;
+    _selected?: boolean;
     data?: NodeData;
 }
 type NodeShape = "circle" | "square" | "text";
@@ -36,16 +37,26 @@ interface LinkInterface<NodeData extends Record<string, unknown>, LinkData exten
     data?: LinkData;
     highlight?: boolean;
     visible?: boolean;
+    _selected?: boolean;
+    _groupIndex?: number;
+    _groupSize?: number;
+    _self?: boolean;
+    _x1?: number;
+    _y1?: number;
+    _x2?: number;
+    _y2?: number;
+    _cx?: number;
+    _cy?: number;
+    _ax?: number;
+    _ay?: number;
 }
 type LinkParticle = {
-    step: number;
     index: number;
-    prev: LinkParticle | undefined;
-    next: LinkParticle | undefined;
     x?: number;
     y?: number;
-    sourceId: string | number;
-    targetId: string | number;
+    _distanceTraveled?: number;
+    _lastDistance?: number;
+    _lastTime?: number;
 };
 
 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;
@@ -53,6 +64,12 @@ type LinkIterationPropsInterface<NodeData extends Record<string, unknown>, LinkD
 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 PrecomputeForceSettingsInterface = {
+    precompute?: boolean;
+    precomputeMaxTimeMs?: number;
+    precomputeMaxTicks?: number;
+    precomputeDisableForcesAfter?: boolean;
+};
 type ForceSettingsInterface<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>> = {
     forces?: boolean;
     xForce?: boolean;
@@ -83,15 +100,21 @@ type ForceSettingsInterface<NodeData extends Record<string, unknown>, LinkData e
     xStrength?: NodeIterationPropsNoThisInterface<NodeData> | number;
     yPosition?: NodeIterationPropsNoThisInterface<NodeData> | number;
     yStrength?: NodeIterationPropsNoThisInterface<NodeData> | number;
-};
+} & PrecomputeForceSettingsInterface;
 
 declare const FORCE_SETTINGS: Required<ForceSettingsInterface<Record<string, unknown>, Record<string, unknown>>>;
+declare const PERFORMANCE_FORCE_SETTINGS: Required<ForceSettingsInterface<Record<string, unknown>, Record<string, unknown>>>;
 
 type GraphSettingsInterface<NodeData extends Record<string, unknown>> = {
-    zoomExtent?: [number, number];
-    translateExtent?: [[number?, number?], [number?, number?]];
-    translateExtentCoefficient?: number | [number, number];
-    translateExtentEnable?: boolean;
+    zoomAnimation?: boolean;
+    zoomAnimationDuration?: number;
+    zoomToNodeScale?: number;
+    zoomToFitMargin?: number;
+    zoomExtent?: [number, number] | null;
+    zoomExtentMargin?: number;
+    translateExtent?: [[number?, number?], [number?, number?]] | null;
+    translateExtentCoefficient?: number | [number, number] | null;
+    translateExtentOverlap?: number;
     zoomInitial?: {
         k?: number;
         x?: number;
@@ -103,11 +126,11 @@ type GraphSettingsInterface<NodeData extends Record<string, unknown>> = {
 };
 
 declare const GRAPH_SETTINGS: Required<GraphSettingsInterface<Record<string, unknown>>>;
+declare const PERFORMANCE_GRAPH_SETTINGS: Required<GraphSettingsInterface<Record<string, unknown>>>;
 
 type HighlightSettingsInterface = HighlighCommonSettingsInterface & HighlightByNodeForNodeSettingsInterface & HighlightByNodeForLabelSettingsInterface & HighlightByNodeForTextSettingsInterface & HighlightByNodeForLinkSettingsInterface & HighlightByNodeForArrowSettingsInterface & HighlightByLinkForNodeSettingsInterface & HighlightByLinkForTextSettingsInterface & HighlightByLinkForLabelSettingsInterface & HighlightByLinkForLinkSettingsInterface & HighlightByLinkForArrowSettingsInterface;
 type HighlighCommonSettingsInterface = {
-    highlightDownFrames?: number;
-    highlightUpFrames?: number;
+    highlightDuration?: number;
     highlightByHoverNode?: boolean;
     highlightByHoverLink?: boolean;
     linkHoverExtraZone?: number;
@@ -181,14 +204,17 @@ type HighlightByLinkForArrowSettingsInterface = {
 };
 
 declare const HIGHLIGHT_SETTINGS: Required<HighlightSettingsInterface>;
+declare const PERFORMANCE_HIGHLIGHT_SETTINGS: Required<HighlightSettingsInterface>;
 
 type LinkSettingsInterface<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>> = {
+    smartCache?: boolean;
     prettyDraw?: boolean;
+    curve?: boolean;
     arrow?: boolean;
     arrowByHighlight?: boolean;
     particles?: boolean;
-    particleFlexSpeed?: boolean;
-    particleFlexSpeedCoefficient?: number;
+    particleCountByDistance?: number;
+    particleSpeedByDistance?: number;
     linkScaleSwitch?: number;
     linkWidthBeforeScaleSwitch?: number;
     linkWidthAfterScaleSwitch?: number;
@@ -216,16 +242,18 @@ type LinkOptionsParticleInterface = {
     particleAlpha?: number;
     particleColor?: string;
     particleRadius?: number;
-    particleCount?: number;
-    particleSteps?: number;
     particleBorderWidth?: number;
     particleBorderColor?: string;
 };
 
 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 PERFORMANCE_LINK_SETTINGS: Omit<Required<LinkSettingsInterface<Record<string, unknown>, Record<string, unknown>>>, "options">;
+declare const PERFORMANCE_LINK_OPTIONS: Omit<Required<LinkOptionsInterface<Record<string, unknown>, Record<string, unknown>>>, "color" | "width" | "drawLink" | "drawExtraLink" | "arrowColor">;
 
 type NodeSettingsInterface<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>> = {
+    smartCache?: boolean;
+    textScaleSteps?: number[];
     nodeRadiusFlexible?: boolean;
     nodeRadiusLinkCountForStep?: number;
     nodeRadiusIncrementByStep?: number;
@@ -297,6 +325,8 @@ type NodeOptionsLabelInterface = {
 
 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">;
+declare const PERFORMANCE_NODE_SETTINGS: Omit<Required<NodeSettingsInterface<Record<string, unknown>, Record<string, unknown>>>, "options" | "idGetter">;
+declare const PERFOMANCE_NODE_OPTIONS: Omit<Required<NodeOptionsInterface<Record<string, unknown>, Record<string, unknown>>>, "color" | "text" | "textVisible" | "textSize" | "textShiftY" | "nodeDraw" | "nodeExtraDraw" | "textDraw" | "textExtraDraw">;
 
 declare const GRAPH_CACHE_TYPE: {
     readonly NodeOptions: "nodeOptions";
@@ -321,6 +351,9 @@ type ListenersInterface<NodeData extends Record<string, unknown>, LinkData exten
     onEndDragFinished?: (this: GraphCanvas<NodeData, LinkData>, event: DragEventInterface<NodeData>) => void;
     onDrawFinished?: (this: GraphCanvas<NodeData, LinkData>) => void;
     onSimulationEnd?: (this: GraphCanvas<NodeData, LinkData>) => void;
+    onSelectionIn?: (this: GraphCanvas<NodeData, LinkData>, node: NodeInterface<NodeData> | undefined, link: LinkInterface<NodeData, LinkData> | undefined) => void;
+    onSelectionOut?: (this: GraphCanvas<NodeData, LinkData>, node: NodeInterface<NodeData> | undefined, link: LinkInterface<NodeData, LinkData> | undefined) => void;
+    onSelectionEnd?: (this: GraphCanvas<NodeData, LinkData>, nodes: NodeInterface<NodeData>[], links: LinkInterface<NodeData, LinkData>[]) => void;
 };
 
 type GraphCanvasInterface<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>> = {
@@ -341,7 +374,7 @@ declare class GraphCanvas<NodeData extends Record<string, unknown>, LinkData ext
     /** initial data */
     protected nodes: NodeInterface<NodeData>[];
     protected links: LinkInterface<NodeData, LinkData>[];
-    protected particles: Record<string, LinkParticle[]>;
+    protected particles: (LinkParticle[] | undefined)[];
     protected width: number;
     protected height: number;
     protected root: HTMLElement;
@@ -358,39 +391,57 @@ declare class GraphCanvas<NodeData extends Record<string, unknown>, LinkData ext
     protected context: CanvasRenderingContext2D | null | undefined;
     protected simulation: GraphCanvasSimulation<NodeData, LinkData> | undefined;
     protected areaTransform: ZoomTransform;
-    protected areaRect: DOMRect | undefined;
-    protected draw: (this: GraphCanvas<NodeData, LinkData>, recursive?: boolean) => void;
+    protected _translateExtent: [[number, number], [number, number]] | undefined;
+    protected draw: (this: GraphCanvas<NodeData, LinkData>) => void;
     protected eventAbortController: AbortController;
-    protected cachedNodeText: CachedNodeTextInterface;
-    protected cachedNodeLabel: CachedNodeTextInterface;
-    protected linkOptionsCache: Record<string, Required<LinkOptionsInterface<NodeData, LinkData>>>;
-    protected nodeOptionsCache: Record<string, Required<NodeOptionsInterface<NodeData, LinkData>>>;
+    protected cachedNodeText: (string[] | undefined)[];
+    protected cachedNodeLabel: (string[] | undefined)[];
+    protected linkOptionsCache: (Required<LinkOptionsInterface<NodeData, LinkData>> | undefined)[];
+    protected nodeOptionsCache: (Required<NodeOptionsInterface<NodeData, LinkData>> | undefined)[];
     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 highlightStart: number | null;
+    protected highlightPositive: boolean;
+    protected highlightController: AbortController | undefined;
+    protected _lastNodeZoomK: number | undefined;
+    protected _lastLinkZoomK: number | undefined;
+    protected _zoomAnimating: boolean;
+    protected isSelecting: boolean;
+    protected selectionRect: {
+        x1: number;
+        y1: number;
+        x2: number;
+        y2: number;
+    } | null;
+    protected get areaRect(): DOMRect | undefined;
     protected get simulationWorking(): boolean;
     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, clearCache?: boolean | GraphCanvasCacheKeys[]): void;
-    changeSettings(options: Omit<Partial<GraphCanvasInterface<NodeData, LinkData>>, "links" | "nodes" | "listeners">, clearCache?: boolean | GraphCanvasCacheKeys[]): undefined;
-    updateRect(): void;
-    updateSize(): void;
-    clearCache(keys: boolean | GraphCanvasCacheKeys[]): void;
-    tick(): void;
-    restart(alpha?: number): void;
-    start(): void;
-    stop(): void;
-    create(): void;
-    destroy(): void;
-    protected clearHTMLElements(): void;
-    protected updateSimulation(): void;
-    protected clearState(): void;
-    protected updateData(alpha?: number, clearCache?: boolean | GraphCanvasCacheKeys[]): void;
-    protected init(): void;
+    getData: () => Pick<GraphCanvasInterface<NodeData, LinkData>, "nodes" | "links">;
+    fitToView: (margin?: number, duration?: number) => void;
+    focusOnNode: (nodeId: string | number, scale?: number, duration?: number) => void;
+    changeData: (options: Pick<Partial<GraphCanvasInterface<NodeData, LinkData>>, "links" | "nodes">, alpha?: number, clearCache?: boolean | GraphCanvasCacheKeys[], precompute?: boolean) => void;
+    changeSettings: (options: Omit<Partial<GraphCanvasInterface<NodeData, LinkData>>, "links" | "nodes" | "listeners">, clearCache?: boolean | GraphCanvasCacheKeys[], precompute?: boolean) => undefined;
+    updateRect: () => void;
+    updateSize: () => void;
+    clearCache: (keys: boolean | GraphCanvasCacheKeys[]) => void;
+    tick: () => void;
+    restart: (alpha?: number, options?: Partial<PrecomputeForceSettingsInterface>) => void;
+    start: () => void;
+    stop: () => void;
+    create: () => void;
+    destroy: () => void;
+    protected getPointerAreaPosition: (event: MouseEvent | TouchEvent) => number[];
+    protected clearHTMLElements: () => void;
+    protected updateSimulation: (precompute?: boolean) => void;
+    protected clearState: () => void;
+    protected init: () => void;
+    protected updateData: (alpha?: number, clearCache?: boolean | GraphCanvasCacheKeys[], precompute?: boolean) => void;
+    protected animateHighlight: (node: NodeInterface<NodeData> | undefined, link: LinkInterface<NodeData, LinkData> | undefined, baseDuration?: number) => void;
+    protected animateZoom: (area: HTMLCanvasElement, target: ZoomTransform, start: ZoomTransform, duration: number) => void;
 }
 
 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>>;
@@ -439,7 +490,15 @@ declare function nodeIdGetter<NodeData extends Record<string, unknown>>(node: No
 
 declare function highlightSettingsGetter(settings: HighlightSettingsInterface | undefined, prevSettings?: Required<HighlightSettingsInterface>): Required<HighlightSettingsInterface>;
 
-declare function pointerGetter(mouseEvent: MouseEvent | TouchEvent, areaRect: DOMRect, areaTransform: ZoomTransform): number[];
+interface GraphBounds {
+    minX: number;
+    minY: number;
+    maxX: number;
+    maxY: number;
+}
+declare function computeGraphBounds<NodeData extends Record<string, unknown>>(nodes: NodeInterface<NodeData>[]): GraphBounds | null;
+
+declare function pointerGetter(mouseEvent: MouseEvent | TouchEvent, areaRect: DOMRect | undefined, areaTransform: ZoomTransform): number[];
 
 declare function dragPlaceCoefficientGetter<NodeData extends Record<string, unknown>>(node: NodeInterface<NodeData>, pointerX: number, pointerY: number): number | undefined;
 
@@ -449,23 +508,24 @@ declare function linkIterationExtractor<NodeData extends Record<string, unknown>
 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;
-    areaRect: DOMRect | undefined;
-    areaTransform: ZoomTransform;
+    pointerX: number;
+    pointerY: number;
     nodes: NodeInterface<NodeData>[];
 };
-declare function nodeByPointerGetter<NodeData extends Record<string, unknown>>({ areaRect, areaTransform, mouseEvent, nodes, }: NodeByPointerGetterOptions<NodeData>): NodeInterface<NodeData> | undefined;
+declare function nodeByPointerGetter<NodeData extends Record<string, unknown>>({ pointerX, pointerY, 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: 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;
-    y1: number;
-    x2: number;
-    y2: number;
+declare function calculateLinkPositionByNode<NodeData extends Record<string, unknown>>(xStart: number, yStart: number, xEnd: number, yEnd: number, sourceNode: NodeInterface<NodeData>, targetNode: NodeInterface<NodeData>, arrowSize?: number): {
+    xStart: number;
+    yStart: number;
+    xEnd: number;
+    yEnd: number;
+    xEndArrow: number;
+    yEndArrow: number;
     distance: number;
-} | null;
+};
 
 declare function animationByProgress(initial: number, additional: number, progress: number): number;
 
@@ -483,20 +543,23 @@ type GetParticlePositionOptions = {
     yStart: number;
     xEnd: number;
     yEnd: number;
-    totalSteps: number;
-    totalCount: number;
+    xControl: number;
+    yControl: number;
     distance: number;
+    totalCount: number;
+    speed: number;
 };
 declare function getParticlePosition(opts: GetParticlePositionOptions): void;
+declare function approximateQuadraticBezierLength(x0: number, y0: number, x1: number, y1: number, x2: number, y2: number): number;
 
 type LinkByPointerGetterOptions<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>> = {
-    mouseEvent: MouseEvent | TouchEvent;
-    areaRect: DOMRect | undefined;
-    areaTransform: ZoomTransform;
+    pointerX: number;
+    pointerY: number;
     links: LinkInterface<NodeData, LinkData>[];
     linkHoverExtraZone: number;
+    curve: boolean;
 };
-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;
+declare function linkByPointerGetter<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>({ pointerX, pointerY, links, linkHoverExtraZone, curve, }: LinkByPointerGetterOptions<NodeData, LinkData>): LinkInterface<NodeData, LinkData> | undefined;
 
 type NodeHighlightOptions<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>> = {
     nodeOptions: Required<NodeOptionsInterface<NodeData, LinkData>>;
@@ -582,9 +645,11 @@ declare function extractLinkPointIds<NodeData extends Record<string, unknown>, L
     targetId: string | number;
 };
 
-declare function getDrawLink<NodeData extends Record<string, unknown>, LinkData extends Record<string, unknown>>(): (this: GraphCanvas<NodeData, LinkData>, link: LinkInterface<NodeData, LinkData>) => void;
+declare function isEmptyObject(obj: Record<string, unknown>): boolean;
+
+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>) => 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 = {
     lines: string[];
@@ -682,5 +747,5 @@ declare const NODE_OPTIONS_NODE_CONTROLS: GraphSettingsInputInterface<keyof Node
 declare const NODE_OPTIONS_TEXT_CONTROLS: GraphSettingsInputInterface<keyof NodeOptionsTextInterface>[];
 declare const NODE_OPTIONS_LABEL_CONTROLS: GraphSettingsInputInterface<keyof NodeOptionsLabelInterface>[];
 
-export { COMMON_SETTINGS, FORCE_CONTROLS, FORCE_SETTINGS, GRAPH_CACHE_TYPE, GRAPH_SETTINGS, GraphCanvas, 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, LINK_OPTIONS, LINK_OPTIONS_ARROW_CONTROLS, LINK_OPTIONS_LINK_CONTROLS, LINK_OPTIONS_PARTICLE_CONTROLS, LINK_SETTINGS, LINK_SETTINGS_CONTROLS, NODE_OPTIONS, NODE_OPTIONS_LABEL_CONTROLS, NODE_OPTIONS_NODE_CONTROLS, NODE_OPTIONS_TEXT_CONTROLS, NODE_SETTINGS, NODE_SETTINGS_CONTROLS, animationByProgress, calculateLinkPositionByNode, colorGetter, colorToRgb, dragPlaceCoefficientGetter, drawText, extractLinkPointIds, 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 };
-export type { CachedNodeTextInterface, DragEventInterface, ForceSettingsInterface, GraphCanvasCacheKeys, GraphCanvasInterface, GraphCanvasSimulation, GraphSettingsInputInterface, GraphSettingsInterface, HighlighCommonSettingsInterface, HighlightByLinkForArrowSettingsInterface, HighlightByLinkForLabelSettingsInterface, HighlightByLinkForLinkSettingsInterface, HighlightByLinkForNodeSettingsInterface, HighlightByLinkForTextSettingsInterface, HighlightByNodeForArrowSettingsInterface, HighlightByNodeForLabelSettingsInterface, HighlightByNodeForLinkSettingsInterface, HighlightByNodeForNodeSettingsInterface, HighlightByNodeForTextSettingsInterface, HighlightSettingsInterface, LinkByPointerGetterOptions, LinkInterface, LinkIterationPropsInterface, LinkIterationPropsNoThisInterface, LinkOptionsArrowInterface, LinkOptionsInterface, LinkOptionsLinkInterface, LinkOptionsParticleInterface, LinkParticle, LinkSettingsInterface, ListenersInterface, NodeByPointerGetterOptions, NodeInterface, NodeIterationPropsInterface, NodeIterationPropsNoThisInterface, NodeOptionsInterface, NodeOptionsLabelInterface, NodeOptionsNodeInterface, NodeOptionsTextInterface, NodeRadiusGetterOptions, NodeSettingsInterface, NodeShape, NodeSizeGetterOptions, RGB, TextStyleEnum, ZoomEventInterface };
+export { COMMON_SETTINGS, FORCE_CONTROLS, FORCE_SETTINGS, GRAPH_CACHE_TYPE, GRAPH_SETTINGS, GraphCanvas, 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, LINK_OPTIONS, LINK_OPTIONS_ARROW_CONTROLS, LINK_OPTIONS_LINK_CONTROLS, LINK_OPTIONS_PARTICLE_CONTROLS, LINK_SETTINGS, LINK_SETTINGS_CONTROLS, NODE_OPTIONS, NODE_OPTIONS_LABEL_CONTROLS, NODE_OPTIONS_NODE_CONTROLS, NODE_OPTIONS_TEXT_CONTROLS, NODE_SETTINGS, NODE_SETTINGS_CONTROLS, PERFOMANCE_NODE_OPTIONS, PERFORMANCE_FORCE_SETTINGS, PERFORMANCE_GRAPH_SETTINGS, PERFORMANCE_HIGHLIGHT_SETTINGS, PERFORMANCE_LINK_OPTIONS, PERFORMANCE_LINK_SETTINGS, PERFORMANCE_NODE_SETTINGS, animationByProgress, approximateQuadraticBezierLength, calculateLinkPositionByNode, colorGetter, colorToRgb, computeGraphBounds, dragPlaceCoefficientGetter, drawText, extractLinkPointIds, extractRgb, fadeRgb, forceSettingsGetter, getDrawLink, getDrawNode, getParticlePosition, graphSettingsGetter, highlightSettingsGetter, isEmptyObject, isNodeVisible, isOverlapsNode, linkByPointerGetter, linkFade, linkHighlight, linkIterationExtractor, linkOptionsGetter, linkSettingsGetter, listenersGetter, nodeByPointerGetter, nodeFade, nodeHighlight, nodeIdGetter, nodeIterationExtractor, nodeOptionsGetter, nodeRadiusGetter, nodeSettingsGetter, nodeSizeGetter, nodeTextSizeGetter, pointerGetter, rgbAnimationByProgress };
+export type { CachedNodeTextInterface, DragEventInterface, ForceSettingsInterface, GraphBounds, GraphCanvasCacheKeys, GraphCanvasInterface, GraphCanvasSimulation, GraphSettingsInputInterface, GraphSettingsInterface, HighlighCommonSettingsInterface, HighlightByLinkForArrowSettingsInterface, HighlightByLinkForLabelSettingsInterface, HighlightByLinkForLinkSettingsInterface, HighlightByLinkForNodeSettingsInterface, HighlightByLinkForTextSettingsInterface, HighlightByNodeForArrowSettingsInterface, HighlightByNodeForLabelSettingsInterface, HighlightByNodeForLinkSettingsInterface, HighlightByNodeForNodeSettingsInterface, HighlightByNodeForTextSettingsInterface, HighlightSettingsInterface, LinkByPointerGetterOptions, LinkInterface, LinkIterationPropsInterface, LinkIterationPropsNoThisInterface, LinkOptionsArrowInterface, LinkOptionsInterface, LinkOptionsLinkInterface, LinkOptionsParticleInterface, LinkParticle, LinkSettingsInterface, ListenersInterface, NodeByPointerGetterOptions, NodeInterface, NodeIterationPropsInterface, NodeIterationPropsNoThisInterface, NodeOptionsInterface, NodeOptionsLabelInterface, NodeOptionsNodeInterface, NodeOptionsTextInterface, NodeRadiusGetterOptions, NodeSettingsInterface, NodeShape, NodeSizeGetterOptions, PrecomputeForceSettingsInterface, RGB, TextStyleEnum, ZoomEventInterface };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krainovsd/graph",
-  "version": "0.13.0-beta1",
+  "version": "0.14.0-beta-7.1",
   "description": "Krainov graph",
   "type": "module",
   "author": "KrainovSD <denislosev48@gmail.com>",
@@ -62,7 +62,8 @@
     "@vitejs/plugin-vue": "5.2.4",
     "@krainovsd/vue-ui": "0.4.0-beta.23",
     "@krainovsd/vue-icons": "0.1.4",
-    "sass-embedded": "1.81.0"
+    "sass-embedded": "1.81.0",
+    "@fontsource/nunito": "5.2.7"
   },
   "dependencies": {
     "@krainovsd/js-helpers": "^0.16.5",