@krainovsd/graph 0.11.0 → 0.11.1

package/lib/esm/module/GraphCanvas/GraphCanvas.js

@@ -129,8 +129,20 @@ class GraphCanvas {
         this.tick();
     }
     updateRect() {
-        if (this.area)
-            this.areaRect = this.area.getBoundingClientRect();
+        if (!this.area)
+            return;
+        this.areaRect = this.area.getBoundingClientRect();
+    }
+    updateSize() {
+        if (!this.area)
+            return;
+        const { width, height } = this.root.getBoundingClientRect();
+        this.width = width;
+        this.height = height;
+        this.area.width = this.dpi * this.width;
+        this.area.height = this.dpi * this.height;
+        this.areaRect = this.area.getBoundingClientRect();
+        this.draw();
     }
     clearCache(keys) {
         if (!keys) {
@@ -224,16 +236,6 @@ class GraphCanvas {
                 .restart();
         }
     }
-    updateSize() {
-        this.clearHTMLElements();
-        initArea.call(this);
-        initDnd.call(this);
-        initZoom.call(this);
-        initResize.call(this);
-        initPointer.call(this);
-        if (!this.simulationWorking && !this.highlightWorking)
-            this.draw();
-    }
     init() {
         initArea.call(this);
         initSimulation.call(this);

package/lib/esm/module/GraphCanvas/GraphCanvas.js.map

@@ -1 +1 @@
-{"version":3,"file":"GraphCanvas.js","sources":["../../../../src/module/GraphCanvas/GraphCanvas.ts"],"sourcesContent":["import { forceLink } from \"d3-force\";\nimport { type ZoomTransform, zoomIdentity } from \"d3-zoom\";\nimport {\n  forceSettingsGetter,\n  graphSettingsGetter,\n  highlightSettingsGetter,\n  linkSettingsGetter,\n  listenersGetter,\n  nodeSettingsGetter,\n} from \"./lib\";\nimport {\n  initArea,\n  initCollideForce,\n  initDnd,\n  initDraw,\n  initPointer,\n  initResize,\n  initSimulation,\n  initSimulationForces,\n  initZoom,\n} from \"./slices\";\nimport type {\n  CachedNodeTextInterface,\n  CachedTextNodeParametersMap,\n  ForceSettingsInterface,\n  GraphCanvasInterface,\n  GraphCanvasSimulation,\n  GraphSettingsInterface,\n  HighlightSettingsInterface,\n  LinkInterface,\n  LinkOptionsInterface,\n  LinkParticle,\n  LinkSettingsInterface,\n  ListenersInterface,\n  NodeInterface,\n  NodeOptionsInterface,\n  NodeSettingsInterface,\n} from \"./types\";\n\nexport class GraphCanvas<\n  NodeData extends Record<string, unknown>,\n  LinkData extends Record<string, unknown>,\n> {\n  /** initial data */\n\n  protected nodes: NodeInterface<NodeData>[];\n\n  protected links: LinkInterface<NodeData, LinkData>[];\n\n  protected particles: Record<string, LinkParticle[]> = {};\n\n  protected width: number;\n\n  protected height: number;\n\n  protected root: HTMLElement;\n\n  protected container: HTMLDivElement | undefined | null;\n\n  protected area: HTMLCanvasElement | null | undefined;\n\n  /** settings */\n\n  protected graphSettings: Required<GraphSettingsInterface<NodeData>>;\n\n  protected forceSettings: Required<ForceSettingsInterface<NodeData, LinkData>>;\n\n  protected highlightSettings: Required<HighlightSettingsInterface>;\n\n  protected nodeSettings: Required<Omit<NodeSettingsInterface<NodeData, LinkData>, \"options\">> &\n    Pick<NodeSettingsInterface<NodeData, LinkData>, \"options\">;\n\n  protected linkSettings: Required<Omit<LinkSettingsInterface<NodeData, LinkData>, \"options\">> &\n    Pick<LinkSettingsInterface<NodeData, LinkData>, \"options\">;\n\n  protected listeners: ListenersInterface<NodeData, LinkData>;\n\n  /** service */\n\n  protected context: CanvasRenderingContext2D | null | undefined;\n\n  protected simulation: GraphCanvasSimulation<NodeData, LinkData> | undefined;\n\n  protected areaTransform: ZoomTransform = zoomIdentity;\n\n  protected areaRect: DOMRect | undefined;\n\n  protected draw: (this: GraphCanvas<NodeData, LinkData>) => void;\n\n  protected eventAbortController: AbortController;\n\n  protected cachedNodeText: CachedNodeTextInterface = {};\n\n  protected cachedNodeLabel: CachedNodeTextInterface = {};\n\n  protected cachedTextNodeParameters: CachedTextNodeParametersMap = {};\n\n  protected linkOptionsCache: Record<string, Required<LinkOptionsInterface<NodeData, LinkData>>> =\n    {};\n\n  protected nodeOptionsCache: Record<string, Required<NodeOptionsInterface<NodeData, LinkData>>> =\n    {};\n\n  protected isDragging: boolean = false;\n\n  protected highlightedNode: NodeInterface<NodeData> | null = null;\n\n  protected highlightedLink: LinkInterface<NodeData, LinkData> | null = null;\n\n  protected highlightedNeighbors: Set<string | number> | null = null;\n\n  protected highlightProgress: number = 1;\n\n  protected highlightWorking: boolean = false;\n\n  protected highlightDrawing: boolean = false;\n\n  protected get simulationWorking() {\n    const simulationAlpha = this.simulation?.alpha?.() ?? 0;\n    const simulationAlphaMin = this.simulation?.alphaMin?.() ?? 0;\n    const simulationAlphaDecay = this.simulation?.alphaDecay?.() ?? 0;\n    const force = (simulationAlpha - simulationAlphaMin) / simulationAlphaDecay;\n\n    return force > 0;\n  }\n\n  constructor({\n    links,\n    nodes,\n    root,\n    forceSettings,\n    linkSettings,\n    listeners,\n    nodeSettings,\n    graphSettings,\n    highlightSettings,\n  }: GraphCanvasInterface<NodeData, LinkData>) {\n    // root.style.position = \"relative\";\n    root.style.overflow = \"hidden\";\n\n    this.root = root;\n\n    this.forceSettings = forceSettingsGetter(forceSettings);\n    this.linkSettings = linkSettingsGetter(linkSettings);\n    this.nodeSettings = nodeSettingsGetter(nodeSettings);\n    this.listeners = listenersGetter(listeners);\n    this.graphSettings = graphSettingsGetter(graphSettings);\n    this.highlightSettings = highlightSettingsGetter(highlightSettings);\n\n    this.eventAbortController = new AbortController();\n\n    this.nodes = nodes;\n    this.links = links;\n    this.height = 0;\n    this.width = 0;\n\n    this.draw = initDraw.call<\n      GraphCanvas<NodeData, LinkData>,\n      Parameters<typeof initDraw>,\n      ReturnType<typeof initDraw>\n    >(this);\n\n    this.init();\n  }\n\n  get dpi() {\n    return devicePixelRatio;\n  }\n\n  getData(): Pick<GraphCanvasInterface<NodeData, LinkData>, \"nodes\" | \"links\"> {\n    return {\n      links: this.links,\n      nodes: this.nodes,\n    };\n  }\n\n  changeData(\n    options: Pick<Partial<GraphCanvasInterface<NodeData, LinkData>>, \"links\" | \"nodes\">,\n    alpha?: number,\n  ) {\n    if (options.links != undefined) this.links = options.links;\n    if (options.nodes != undefined) this.nodes = options.nodes;\n    if (options.nodes != undefined || options.links != undefined) this.updateData(alpha);\n  }\n\n  changeSettings(\n    options: Omit<\n      Partial<GraphCanvasInterface<NodeData, LinkData>>,\n      \"links\" | \"nodes\" | \"listeners\"\n    >,\n  ) {\n    if (options.graphSettings) {\n      this.graphSettings = graphSettingsGetter(options.graphSettings, this.graphSettings);\n\n      this.draw = initDraw.call<\n        GraphCanvas<NodeData, LinkData>,\n        Parameters<typeof initDraw>,\n        ReturnType<typeof initDraw>\n      >(this);\n      initZoom.call<\n        GraphCanvas<NodeData, LinkData>,\n        Parameters<typeof initZoom>,\n        ReturnType<typeof initZoom>\n      >(this, this.areaTransform);\n    }\n    if (options.forceSettings) {\n      this.forceSettings = forceSettingsGetter(options.forceSettings, this.forceSettings);\n    }\n    if (options.highlightSettings) {\n      this.highlightSettings = highlightSettingsGetter(\n        options.highlightSettings,\n        this.highlightSettings,\n      );\n      this.linkOptionsCache = {};\n      this.cachedNodeText = {};\n      this.cachedNodeLabel = {};\n      this.cachedTextNodeParameters = {};\n      this.nodeOptionsCache = {};\n    }\n    if (options.linkSettings) {\n      this.linkSettings = linkSettingsGetter(options.linkSettings, this.linkSettings);\n      this.linkOptionsCache = {};\n    }\n    if (options.nodeSettings) {\n      this.nodeSettings = nodeSettingsGetter(options.nodeSettings, this.nodeSettings);\n      this.cachedNodeText = {};\n      this.cachedNodeLabel = {};\n      this.cachedTextNodeParameters = {};\n      this.nodeOptionsCache = {};\n      initCollideForce.call<\n        GraphCanvas<NodeData, LinkData>,\n        Parameters<typeof initCollideForce>,\n        ReturnType<typeof initCollideForce>\n      >(this, true);\n    }\n\n    if (options.forceSettings) {\n      return void this.updateSimulation();\n    }\n\n    this.tick();\n  }\n\n  updateRect() {\n    if (this.area) this.areaRect = this.area.getBoundingClientRect();\n  }\n\n  clearCache(\n    keys?: (\n      | \"nodeOptionsCache\"\n      | \"linkOptionsCache\"\n      | \"cachedNodeText\"\n      | \"cachedNodeLabel\"\n      | \"cachedTextNodeParameters\"\n    )[],\n  ) {\n    if (!keys) {\n      this.nodeOptionsCache = {};\n      this.linkOptionsCache = {};\n      this.cachedNodeText = {};\n      this.cachedNodeLabel = {};\n      this.cachedTextNodeParameters = {};\n    } else {\n      for (let i = 0; i < keys.length; i++) {\n        const key = keys[i];\n        this[key] = {};\n      }\n    }\n  }\n\n  tick() {\n    if (!this.simulationWorking && !this.highlightWorking) this.draw();\n  }\n\n  restart(alpha?: number) {\n    if (this.simulation) this.simulation.alpha(alpha ?? 1).restart();\n  }\n\n  start() {\n    if (this.simulation) this.simulation.alpha(1).restart();\n    if (this.container) this.container.style.display = \"block\";\n  }\n\n  stop() {\n    if (this.simulation) this.simulation.stop();\n    if (this.container) this.container.style.display = \"none\";\n  }\n\n  create() {\n    this.init();\n  }\n\n  destroy() {\n    if (this.simulation) {\n      this.simulation.stop();\n      this.simulation = undefined;\n    }\n\n    this.clearHTMLElements();\n    this.clearState();\n    this.clearCache();\n  }\n\n  protected clearHTMLElements() {\n    this.root.replaceChildren();\n    this.area = undefined;\n    this.context = undefined;\n    this.container = undefined;\n    this.eventAbortController.abort();\n    this.eventAbortController = new AbortController();\n  }\n\n  protected updateSimulation() {\n    if (this.simulation) {\n      initSimulationForces.call<\n        GraphCanvas<NodeData, LinkData>,\n        Parameters<typeof initSimulationForces>,\n        ReturnType<typeof initSimulationForces>\n      >(this);\n      this.simulation.alpha(1);\n      this.simulation.restart();\n    }\n  }\n\n  protected clearState() {\n    this.isDragging = false;\n    this.highlightedNode = null;\n    this.highlightedLink = null;\n    this.highlightedNeighbors = null;\n    this.highlightProgress = 0;\n    this.highlightWorking = false;\n    this.highlightDrawing = false;\n  }\n\n  protected updateData(alpha?: number) {\n    this.clearCache();\n\n    if (this.simulation) {\n      initCollideForce.call<\n        GraphCanvas<NodeData, LinkData>,\n        Parameters<typeof initCollideForce>,\n        ReturnType<typeof initCollideForce>\n      >(this, false);\n\n      this.simulation\n        .nodes(this.nodes)\n        .force(\n          \"link\",\n          forceLink<NodeInterface<NodeData>, LinkInterface<NodeData, LinkData>>(this.links)\n            .id(this.nodeSettings.idGetter.bind(this))\n            .distance(\n              this.forceSettings.forces && this.forceSettings.linkForce\n                ? this.forceSettings.linkDistance\n                : 0,\n            )\n            .strength(\n              this.forceSettings.forces && this.forceSettings.linkForce\n                ? this.forceSettings.linkStrength\n                : 0,\n            )\n            .iterations(\n              this.forceSettings.forces && this.forceSettings.linkForce\n                ? this.forceSettings.linkIterations\n                : 0,\n            ),\n        )\n        .alpha(alpha ?? 0.5)\n        .restart();\n    }\n  }\n\n  protected updateSize() {\n    this.clearHTMLElements();\n\n    initArea.call<\n      GraphCanvas<NodeData, LinkData>,\n      Parameters<typeof initArea>,\n      ReturnType<typeof initArea>\n    >(this);\n    initDnd.call<\n      GraphCanvas<NodeData, LinkData>,\n      Parameters<typeof initDnd>,\n      ReturnType<typeof initDnd>\n    >(this);\n    initZoom.call<\n      GraphCanvas<NodeData, LinkData>,\n      Parameters<typeof initZoom>,\n      ReturnType<typeof initZoom>\n    >(this);\n    initResize.call<\n      GraphCanvas<NodeData, LinkData>,\n      Parameters<typeof initResize>,\n      ReturnType<typeof initResize>\n    >(this);\n    initPointer.call<\n      GraphCanvas<NodeData, LinkData>,\n      Parameters<typeof initPointer>,\n      ReturnType<typeof initPointer>\n    >(this);\n\n    if (!this.simulationWorking && !this.highlightWorking) this.draw();\n  }\n\n  protected init() {\n    initArea.call<\n      GraphCanvas<NodeData, LinkData>,\n      Parameters<typeof initArea>,\n      ReturnType<typeof initArea>\n    >(this);\n    initSimulation.call<\n      GraphCanvas<NodeData, LinkData>,\n      Parameters<typeof initSimulation>,\n      ReturnType<typeof initSimulation>\n    >(this);\n    initDnd.call<\n      GraphCanvas<NodeData, LinkData>,\n      Parameters<typeof initDnd>,\n      ReturnType<typeof initDnd>\n    >(this);\n    initZoom.call<\n      GraphCanvas<NodeData, LinkData>,\n      Parameters<typeof initZoom>,\n      ReturnType<typeof initZoom>\n    >(this);\n    initResize.call<\n      GraphCanvas<NodeData, LinkData>,\n      Parameters<typeof initResize>,\n      ReturnType<typeof initResize>\n    >(this);\n    initPointer.call<\n      GraphCanvas<NodeData, LinkData>,\n      Parameters<typeof initPointer>,\n      ReturnType<typeof initPointer>\n    >(this);\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"GraphCanvas.js","sources":["../../../../src/module/GraphCanvas/GraphCanvas.ts"],"sourcesContent":["import { forceLink } from \"d3-force\";\nimport { type ZoomTransform, zoomIdentity } from \"d3-zoom\";\nimport {\n  forceSettingsGetter,\n  graphSettingsGetter,\n  highlightSettingsGetter,\n  linkSettingsGetter,\n  listenersGetter,\n  nodeSettingsGetter,\n} from \"./lib\";\nimport {\n  initArea,\n  initCollideForce,\n  initDnd,\n  initDraw,\n  initPointer,\n  initResize,\n  initSimulation,\n  initSimulationForces,\n  initZoom,\n} from \"./slices\";\nimport type {\n  CachedNodeTextInterface,\n  CachedTextNodeParametersMap,\n  ForceSettingsInterface,\n  GraphCanvasInterface,\n  GraphCanvasSimulation,\n  GraphSettingsInterface,\n  HighlightSettingsInterface,\n  LinkInterface,\n  LinkOptionsInterface,\n  LinkParticle,\n  LinkSettingsInterface,\n  ListenersInterface,\n  NodeInterface,\n  NodeOptionsInterface,\n  NodeSettingsInterface,\n} from \"./types\";\n\nexport class GraphCanvas<\n  NodeData extends Record<string, unknown>,\n  LinkData extends Record<string, unknown>,\n> {\n  /** initial data */\n\n  protected nodes: NodeInterface<NodeData>[];\n\n  protected links: LinkInterface<NodeData, LinkData>[];\n\n  protected particles: Record<string, LinkParticle[]> = {};\n\n  protected width: number;\n\n  protected height: number;\n\n  protected root: HTMLElement;\n\n  protected container: HTMLDivElement | undefined | null;\n\n  protected area: HTMLCanvasElement | null | undefined;\n\n  /** settings */\n\n  protected graphSettings: Required<GraphSettingsInterface<NodeData>>;\n\n  protected forceSettings: Required<ForceSettingsInterface<NodeData, LinkData>>;\n\n  protected highlightSettings: Required<HighlightSettingsInterface>;\n\n  protected nodeSettings: Required<Omit<NodeSettingsInterface<NodeData, LinkData>, \"options\">> &\n    Pick<NodeSettingsInterface<NodeData, LinkData>, \"options\">;\n\n  protected linkSettings: Required<Omit<LinkSettingsInterface<NodeData, LinkData>, \"options\">> &\n    Pick<LinkSettingsInterface<NodeData, LinkData>, \"options\">;\n\n  protected listeners: ListenersInterface<NodeData, LinkData>;\n\n  /** service */\n\n  protected context: CanvasRenderingContext2D | null | undefined;\n\n  protected simulation: GraphCanvasSimulation<NodeData, LinkData> | undefined;\n\n  protected areaTransform: ZoomTransform = zoomIdentity;\n\n  protected areaRect: DOMRect | undefined;\n\n  protected draw: (this: GraphCanvas<NodeData, LinkData>) => void;\n\n  protected eventAbortController: AbortController;\n\n  protected cachedNodeText: CachedNodeTextInterface = {};\n\n  protected cachedNodeLabel: CachedNodeTextInterface = {};\n\n  protected cachedTextNodeParameters: CachedTextNodeParametersMap = {};\n\n  protected linkOptionsCache: Record<string, Required<LinkOptionsInterface<NodeData, LinkData>>> =\n    {};\n\n  protected nodeOptionsCache: Record<string, Required<NodeOptionsInterface<NodeData, LinkData>>> =\n    {};\n\n  protected isDragging: boolean = false;\n\n  protected highlightedNode: NodeInterface<NodeData> | null = null;\n\n  protected highlightedLink: LinkInterface<NodeData, LinkData> | null = null;\n\n  protected highlightedNeighbors: Set<string | number> | null = null;\n\n  protected highlightProgress: number = 1;\n\n  protected highlightWorking: boolean = false;\n\n  protected highlightDrawing: boolean = false;\n\n  protected get simulationWorking() {\n    const simulationAlpha = this.simulation?.alpha?.() ?? 0;\n    const simulationAlphaMin = this.simulation?.alphaMin?.() ?? 0;\n    const simulationAlphaDecay = this.simulation?.alphaDecay?.() ?? 0;\n    const force = (simulationAlpha - simulationAlphaMin) / simulationAlphaDecay;\n\n    return force > 0;\n  }\n\n  constructor({\n    links,\n    nodes,\n    root,\n    forceSettings,\n    linkSettings,\n    listeners,\n    nodeSettings,\n    graphSettings,\n    highlightSettings,\n  }: GraphCanvasInterface<NodeData, LinkData>) {\n    // root.style.position = \"relative\";\n    root.style.overflow = \"hidden\";\n\n    this.root = root;\n\n    this.forceSettings = forceSettingsGetter(forceSettings);\n    this.linkSettings = linkSettingsGetter(linkSettings);\n    this.nodeSettings = nodeSettingsGetter(nodeSettings);\n    this.listeners = listenersGetter(listeners);\n    this.graphSettings = graphSettingsGetter(graphSettings);\n    this.highlightSettings = highlightSettingsGetter(highlightSettings);\n\n    this.eventAbortController = new AbortController();\n\n    this.nodes = nodes;\n    this.links = links;\n    this.height = 0;\n    this.width = 0;\n\n    this.draw = initDraw.call<\n      GraphCanvas<NodeData, LinkData>,\n      Parameters<typeof initDraw>,\n      ReturnType<typeof initDraw>\n    >(this);\n\n    this.init();\n  }\n\n  get dpi() {\n    return devicePixelRatio;\n  }\n\n  getData(): Pick<GraphCanvasInterface<NodeData, LinkData>, \"nodes\" | \"links\"> {\n    return {\n      links: this.links,\n      nodes: this.nodes,\n    };\n  }\n\n  changeData(\n    options: Pick<Partial<GraphCanvasInterface<NodeData, LinkData>>, \"links\" | \"nodes\">,\n    alpha?: number,\n  ) {\n    if (options.links != undefined) this.links = options.links;\n    if (options.nodes != undefined) this.nodes = options.nodes;\n    if (options.nodes != undefined || options.links != undefined) this.updateData(alpha);\n  }\n\n  changeSettings(\n    options: Omit<\n      Partial<GraphCanvasInterface<NodeData, LinkData>>,\n      \"links\" | \"nodes\" | \"listeners\"\n    >,\n  ) {\n    if (options.graphSettings) {\n      this.graphSettings = graphSettingsGetter(options.graphSettings, this.graphSettings);\n\n      this.draw = initDraw.call<\n        GraphCanvas<NodeData, LinkData>,\n        Parameters<typeof initDraw>,\n        ReturnType<typeof initDraw>\n      >(this);\n      initZoom.call<\n        GraphCanvas<NodeData, LinkData>,\n        Parameters<typeof initZoom>,\n        ReturnType<typeof initZoom>\n      >(this, this.areaTransform);\n    }\n    if (options.forceSettings) {\n      this.forceSettings = forceSettingsGetter(options.forceSettings, this.forceSettings);\n    }\n    if (options.highlightSettings) {\n      this.highlightSettings = highlightSettingsGetter(\n        options.highlightSettings,\n        this.highlightSettings,\n      );\n      this.linkOptionsCache = {};\n      this.cachedNodeText = {};\n      this.cachedNodeLabel = {};\n      this.cachedTextNodeParameters = {};\n      this.nodeOptionsCache = {};\n    }\n    if (options.linkSettings) {\n      this.linkSettings = linkSettingsGetter(options.linkSettings, this.linkSettings);\n      this.linkOptionsCache = {};\n    }\n    if (options.nodeSettings) {\n      this.nodeSettings = nodeSettingsGetter(options.nodeSettings, this.nodeSettings);\n      this.cachedNodeText = {};\n      this.cachedNodeLabel = {};\n      this.cachedTextNodeParameters = {};\n      this.nodeOptionsCache = {};\n      initCollideForce.call<\n        GraphCanvas<NodeData, LinkData>,\n        Parameters<typeof initCollideForce>,\n        ReturnType<typeof initCollideForce>\n      >(this, true);\n    }\n\n    if (options.forceSettings) {\n      return void this.updateSimulation();\n    }\n\n    this.tick();\n  }\n\n  updateRect() {\n    if (!this.area) return;\n\n    this.areaRect = this.area.getBoundingClientRect();\n  }\n\n  updateSize() {\n    if (!this.area) return;\n\n    const { width, height } = this.root.getBoundingClientRect();\n    this.width = width;\n    this.height = height;\n    this.area.width = this.dpi * this.width;\n    this.area.height = this.dpi * this.height;\n    this.areaRect = this.area.getBoundingClientRect();\n\n    this.draw();\n  }\n\n  clearCache(\n    keys?: (\n      | \"nodeOptionsCache\"\n      | \"linkOptionsCache\"\n      | \"cachedNodeText\"\n      | \"cachedNodeLabel\"\n      | \"cachedTextNodeParameters\"\n    )[],\n  ) {\n    if (!keys) {\n      this.nodeOptionsCache = {};\n      this.linkOptionsCache = {};\n      this.cachedNodeText = {};\n      this.cachedNodeLabel = {};\n      this.cachedTextNodeParameters = {};\n    } else {\n      for (let i = 0; i < keys.length; i++) {\n        const key = keys[i];\n        this[key] = {};\n      }\n    }\n  }\n\n  tick() {\n    if (!this.simulationWorking && !this.highlightWorking) this.draw();\n  }\n\n  restart(alpha?: number) {\n    if (this.simulation) this.simulation.alpha(alpha ?? 1).restart();\n  }\n\n  start() {\n    if (this.simulation) this.simulation.alpha(1).restart();\n    if (this.container) this.container.style.display = \"block\";\n  }\n\n  stop() {\n    if (this.simulation) this.simulation.stop();\n    if (this.container) this.container.style.display = \"none\";\n  }\n\n  create() {\n    this.init();\n  }\n\n  destroy() {\n    if (this.simulation) {\n      this.simulation.stop();\n      this.simulation = undefined;\n    }\n\n    this.clearHTMLElements();\n    this.clearState();\n    this.clearCache();\n  }\n\n  protected clearHTMLElements() {\n    this.root.replaceChildren();\n    this.area = undefined;\n    this.context = undefined;\n    this.container = undefined;\n    this.eventAbortController.abort();\n    this.eventAbortController = new AbortController();\n  }\n\n  protected updateSimulation() {\n    if (this.simulation) {\n      initSimulationForces.call<\n        GraphCanvas<NodeData, LinkData>,\n        Parameters<typeof initSimulationForces>,\n        ReturnType<typeof initSimulationForces>\n      >(this);\n      this.simulation.alpha(1);\n      this.simulation.restart();\n    }\n  }\n\n  protected clearState() {\n    this.isDragging = false;\n    this.highlightedNode = null;\n    this.highlightedLink = null;\n    this.highlightedNeighbors = null;\n    this.highlightProgress = 0;\n    this.highlightWorking = false;\n    this.highlightDrawing = false;\n  }\n\n  protected updateData(alpha?: number) {\n    this.clearCache();\n\n    if (this.simulation) {\n      initCollideForce.call<\n        GraphCanvas<NodeData, LinkData>,\n        Parameters<typeof initCollideForce>,\n        ReturnType<typeof initCollideForce>\n      >(this, false);\n\n      this.simulation\n        .nodes(this.nodes)\n        .force(\n          \"link\",\n          forceLink<NodeInterface<NodeData>, LinkInterface<NodeData, LinkData>>(this.links)\n            .id(this.nodeSettings.idGetter.bind(this))\n            .distance(\n              this.forceSettings.forces && this.forceSettings.linkForce\n                ? this.forceSettings.linkDistance\n                : 0,\n            )\n            .strength(\n              this.forceSettings.forces && this.forceSettings.linkForce\n                ? this.forceSettings.linkStrength\n                : 0,\n            )\n            .iterations(\n              this.forceSettings.forces && this.forceSettings.linkForce\n                ? this.forceSettings.linkIterations\n                : 0,\n            ),\n        )\n        .alpha(alpha ?? 0.5)\n        .restart();\n    }\n  }\n\n  protected init() {\n    initArea.call<\n      GraphCanvas<NodeData, LinkData>,\n      Parameters<typeof initArea>,\n      ReturnType<typeof initArea>\n    >(this);\n    initSimulation.call<\n      GraphCanvas<NodeData, LinkData>,\n      Parameters<typeof initSimulation>,\n      ReturnType<typeof initSimulation>\n    >(this);\n    initDnd.call<\n      GraphCanvas<NodeData, LinkData>,\n      Parameters<typeof initDnd>,\n      ReturnType<typeof initDnd>\n    >(this);\n    initZoom.call<\n      GraphCanvas<NodeData, LinkData>,\n      Parameters<typeof initZoom>,\n      ReturnType<typeof initZoom>\n    >(this);\n    initResize.call<\n      GraphCanvas<NodeData, LinkData>,\n      Parameters<typeof initResize>,\n      ReturnType<typeof initResize>\n    >(this);\n    initPointer.call<\n      GraphCanvas<NodeData, LinkData>,\n      Parameters<typeof initPointer>,\n      ReturnType<typeof initPointer>\n    >(this);\n  }\n}\n"],"names":[],"mappings":"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"}

package/lib/esm/module/GraphCanvas/slices/init-resize.js

@@ -12,9 +12,7 @@ function initResize() {
             observer.disconnect();
             return;
         }
-        requestAnimationFrame(() => {
-            this.updateSize();
-        });
+        this.updateSize();
     });
     document.addEventListener("scroll", this.updateRect.bind(this), {
         capture: true,

package/lib/esm/module/GraphCanvas/slices/init-resize.js.map

@@ -1 +1 @@
-{"version":3,"file":"init-resize.js","sources":["../../../../../src/module/GraphCanvas/slices/init-resize.ts"],"sourcesContent":["import type { GraphCanvas } from \"../GraphCanvas\";\n\nexport function initResize<\n  NodeData extends Record<string, unknown>,\n  LinkData extends Record<string, unknown>,\n>(this: GraphCanvas<NodeData, LinkData>) {\n  if (!this.area) throw new Error(\"bad init data\");\n\n  let initialResizeCall = true;\n\n  const abortController = this.eventAbortController;\n  const observer = new ResizeObserver(() => {\n    if (initialResizeCall) {\n      initialResizeCall = false;\n\n      return;\n    }\n\n    if (abortController.signal.aborted) {\n      observer.disconnect();\n\n      return;\n    }\n\n    requestAnimationFrame(() => {\n      this.updateSize();\n    });\n  });\n\n  document.addEventListener(\"scroll\", this.updateRect.bind(this), {\n    capture: true,\n    passive: true,\n    signal: abortController.signal,\n  });\n\n  observer.observe(this.area);\n}\n"],"names":[],"mappings":"SAEgB,UAAU,GAAA;IAIxB,IAAI,CAAC,IAAI,CAAC,IAAI;AAAE,QAAA,MAAM,IAAI,KAAK,CAAC,eAAe,CAAC;IAEhD,IAAI,iBAAiB,GAAG,IAAI;AAE5B,IAAA,MAAM,eAAe,GAAG,IAAI,CAAC,oBAAoB;AACjD,IAAA,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,MAAK;QACvC,IAAI,iBAAiB,EAAE;YACrB,iBAAiB,GAAG,KAAK;YAEzB;;AAGF,QAAA,IAAI,eAAe,CAAC,MAAM,CAAC,OAAO,EAAE;YAClC,QAAQ,CAAC,UAAU,EAAE;YAErB;;QAGF,qBAAqB,CAAC,MAAK;YACzB,IAAI,CAAC,UAAU,EAAE;AACnB,SAAC,CAAC;AACJ,KAAC,CAAC;AAEF,IAAA,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;AAC9D,QAAA,OAAO,EAAE,IAAI;AACb,QAAA,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,eAAe,CAAC,MAAM;AAC/B,KAAA,CAAC;AAEF,IAAA,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC7B;;;;"}
+{"version":3,"file":"init-resize.js","sources":["../../../../../src/module/GraphCanvas/slices/init-resize.ts"],"sourcesContent":["import type { GraphCanvas } from \"../GraphCanvas\";\n\nexport function initResize<\n  NodeData extends Record<string, unknown>,\n  LinkData extends Record<string, unknown>,\n>(this: GraphCanvas<NodeData, LinkData>) {\n  if (!this.area) throw new Error(\"bad init data\");\n\n  let initialResizeCall = true;\n\n  const abortController = this.eventAbortController;\n  const observer = new ResizeObserver(() => {\n    if (initialResizeCall) {\n      initialResizeCall = false;\n\n      return;\n    }\n\n    if (abortController.signal.aborted) {\n      observer.disconnect();\n\n      return;\n    }\n\n    this.updateSize();\n  });\n\n  document.addEventListener(\"scroll\", this.updateRect.bind(this), {\n    capture: true,\n    passive: true,\n    signal: abortController.signal,\n  });\n\n  observer.observe(this.area);\n}\n"],"names":[],"mappings":"SAEgB,UAAU,GAAA;IAIxB,IAAI,CAAC,IAAI,CAAC,IAAI;AAAE,QAAA,MAAM,IAAI,KAAK,CAAC,eAAe,CAAC;IAEhD,IAAI,iBAAiB,GAAG,IAAI;AAE5B,IAAA,MAAM,eAAe,GAAG,IAAI,CAAC,oBAAoB;AACjD,IAAA,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,MAAK;QACvC,IAAI,iBAAiB,EAAE;YACrB,iBAAiB,GAAG,KAAK;YAEzB;;AAGF,QAAA,IAAI,eAAe,CAAC,MAAM,CAAC,OAAO,EAAE;YAClC,QAAQ,CAAC,UAAU,EAAE;YAErB;;QAGF,IAAI,CAAC,UAAU,EAAE;AACnB,KAAC,CAAC;AAEF,IAAA,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;AAC9D,QAAA,OAAO,EAAE,IAAI;AACb,QAAA,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,eAAe,CAAC,MAAM;AAC/B,KAAA,CAAC;AAEF,IAAA,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AAC7B;;;;"}

package/lib/index.d.ts

@@ -358,6 +358,7 @@ declare class GraphCanvas<NodeData extends Record<string, unknown>, LinkData ext
     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;
+    updateSize(): void;
     clearCache(keys?: ("nodeOptionsCache" | "linkOptionsCache" | "cachedNodeText" | "cachedNodeLabel" | "cachedTextNodeParameters")[]): void;
     tick(): void;
     restart(alpha?: number): void;
@@ -369,7 +370,6 @@ declare class GraphCanvas<NodeData extends Record<string, unknown>, LinkData ext
     protected updateSimulation(): void;
     protected clearState(): void;
     protected updateData(alpha?: number): void;
-    protected updateSize(): void;
     protected init(): void;
 }
 

package/package.json

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