fix: separate input and processed data for points and links

src/index.ts

@@ -262,7 +262,7 @@ export class Graph {
    * Example: `[1, 2, 3, 4, 5, 6]` sets the first point to (1, 2), the second point to (3, 4), and so on.
    */
   public setPointPositions (pointPositions: number[]): void {
-    this.graph.pointPositions = pointPositions
+    this.graph.inputPointPositions = pointPositions
     this._hasPointPositionsChanged = true
   }
 
@@ -298,7 +298,7 @@ export class Graph {
    * Example: `[0, 1, 1, 2]` creates a link from point 0 to point 1 and another link from point 1 to point 2.
    */
   public setLinks (links: number[]): void {
-    this.graph.links = links
+    this.graph.inputLinks = links
     this._hasLinksChanged = true
   }
 

src/modules/GraphData/index.ts

@@ -1,6 +1,7 @@
 import { getRgbaColor, isNumber } from '@/graph/helper'
 import { GraphConfig } from '@/graph/config'
 export class GraphData {
+  public inputPointPositions: number[] | undefined
   public inputPointColors: number[] | undefined
   public inputPointSizes: number[] | undefined
   public inputLinkColors: number[] | undefined
@@ -11,6 +12,7 @@ export class GraphData {
   public pointColors: number[] | undefined
   public pointSizes: number[] | undefined
 
+  public inputLinks: number[] | undefined
   public links: number[] | undefined
   public linkColors: number[] | undefined
   public linkWidths: number[] | undefined
@@ -42,6 +44,10 @@ export class GraphData {
     return this.links && this.links.length / 2
   }
 
+  public updatePoints (): void {
+    this.pointPositions = this.inputPointPositions
+  }
+
   /**
    * Updates the point colors based on the input data or default config value.
    */
@@ -94,6 +100,10 @@ export class GraphData {
     }
   }
 
+  public updateLinks (): void {
+    this.links = this.inputLinks
+  }
+
   /**
    * Updates the link colors based on the input data or default config value.
    */
@@ -177,9 +187,11 @@ export class GraphData {
   }
 
   public update (): void {
+    this.updatePoints()
     this.updatePointColor()
     this.updatePointSize()
 
+    this.updateLinks()
     this.updateLinkColor()
     this.updateLinkWidth()
     this.updateArrows()